@lemoncat7/dsh-theme-xiaohei 0.4.6 → 0.5.1

package/lib/chrome/composer-send-heixiu.js

@@ -1,143 +0,0 @@
-/** Heixiu is the Host send button, not a neighbouring ornament. */
-export const XIAOHEI_COMPOSER_SEND_HEIXIU_CSS = `
-/* Official InputBar contract: row -> trailing controls -> last primary action. */
-#root [data-composer-card='true'] > :last-child > :last-child > button:last-child {
-  position: relative;
-  isolation: isolate;
-  width: 38px;
-  height: 38px;
-  min-width: 38px;
-  min-height: 38px;
-  border: 1px solid var(--xiaohei-composer-control-edge) !important;
-  border-radius: 50% !important;
-  color: var(--xiaohei-composer-primary-icon) !important;
-  background: var(--xiaohei-composer-disabled) !important;
-  box-shadow: inset 0 1px 0 var(--xiaohei-composer-highlight) !important;
-}
-
-#root [data-composer-card='true'] > :last-child > :last-child > button:last-child[data-xiaohei-send-heixiu='true'] {
-  overflow: visible;
-  padding: 0;
-  border-color: transparent !important;
-  background: transparent !important;
-  box-shadow: none !important;
-}
-
-/* Preserve the native glyph in the DOM; only the visual presentation changes. */
-#root [data-composer-card='true'] > :last-child > :last-child
-  > button[data-xiaohei-send-heixiu='true'] > svg {
-  opacity: 0;
-}
-
-.xiaohei-composer-send-heixiu {
-  position: absolute;
-  z-index: 1;
-  inset: 0;
-  overflow: visible;
-  pointer-events: none;
-  opacity: 1;
-  transform: translateY(-1px) scale(1) translateZ(0);
-  transform-origin: 50% 58%;
-  transition:
-    opacity 160ms ease,
-    transform 180ms var(--xiaohei-motion-curve);
-}
-
-.xiaohei-composer-send-heixiu img {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  display: block;
-  width: 60px;
-  height: 60px;
-  max-width: none;
-  user-select: none;
-  pointer-events: none;
-  object-fit: contain;
-  filter:
-    drop-shadow(0 0 1px var(--xiaohei-composer-heixiu-edge))
-    drop-shadow(0 3px 4px var(--xiaohei-composer-heixiu-shadow));
-  transform: translate(-50%, -45%) translateZ(0);
-}
-
-.xiaohei-composer-send-heixiu__open {
-  opacity: 1;
-}
-
-.xiaohei-composer-send-heixiu__blink {
-  opacity: 0;
-}
-
-.xiaohei-composer-send-heixiu[data-xiaohei-blink='closed']
-  .xiaohei-composer-send-heixiu__open {
-  opacity: 0;
-}
-
-.xiaohei-composer-send-heixiu[data-xiaohei-blink='closed']
-  .xiaohei-composer-send-heixiu__blink {
-  opacity: 1;
-}
-
-#root [data-composer-card='true'] > :last-child > :last-child
-  > button[data-xiaohei-send-heixiu='true']:not(:disabled):hover {
-  border-color: transparent !important;
-  background: transparent !important;
-  box-shadow: none !important;
-  transform: none;
-}
-
-#root [data-composer-card='true'] > :last-child > :last-child
-  > button[data-xiaohei-send-heixiu='true']:not(:disabled):hover
-  .xiaohei-composer-send-heixiu {
-  transform: translateY(-2px) scale(1.055) translateZ(0);
-}
-
-#root [data-composer-card='true'] > :last-child > :last-child
-  > button[data-xiaohei-send-heixiu='true']:not(:disabled):active {
-  transform: none;
-}
-
-#root [data-composer-card='true'] > :last-child > :last-child
-  > button[data-xiaohei-send-heixiu='true']:not(:disabled):active
-  .xiaohei-composer-send-heixiu {
-  transform: translateY(0) scale(.93) translateZ(0);
-}
-
-#root [data-composer-card='true'] > :last-child > :last-child
-  > button[data-xiaohei-send-heixiu='true']:disabled {
-  border-color: transparent !important;
-  background: transparent !important;
-  box-shadow: none !important;
-  transform: none;
-}
-
-#root [data-composer-card='true'] > :last-child > :last-child
-  > button[data-xiaohei-send-heixiu='true']:disabled
-  .xiaohei-composer-send-heixiu {
-  opacity: .42;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .xiaohei-composer-send-heixiu {
-    transition-duration: 0.01ms !important;
-  }
-}
-
-@media (forced-colors: active) {
-  #root [data-composer-card='true'] > :last-child > :last-child
-    > button[data-xiaohei-send-heixiu='true'] {
-    border: 1px solid ButtonText !important;
-    background: ButtonFace !important;
-  }
-
-  #root [data-composer-card='true'] > :last-child > :last-child
-    > button[data-xiaohei-send-heixiu='true'] > svg {
-    opacity: 1;
-  }
-
-  .xiaohei-composer-send-heixiu {
-    display: none;
-  }
-}
-`;
-//# sourceMappingURL=composer-send-heixiu.js.map

package/lib/chrome/composer.d.ts

@@ -1,3 +0,0 @@
-/** Conversation composer expressed as Xiaohei's quiet spatial workbench. */
-export declare const XIAOHEI_COMPOSER_CSS = "\n#root [data-composer-card='true'] {\n  position: relative;\n  isolation: isolate;\n  overflow: visible;\n  gap: 10px;\n  padding-top: 12px;\n  border: 1px solid var(--xiaohei-composer-edge) !important;\n  border-radius: 14px !important;\n  background: var(--xiaohei-composer-fill) !important;\n  -webkit-backdrop-filter:\n    blur(var(--xiaohei-composer-blur))\n    saturate(var(--xiaohei-composer-saturation));\n  backdrop-filter:\n    blur(var(--xiaohei-composer-blur))\n    saturate(var(--xiaohei-composer-saturation));\n  box-shadow:\n    0 10px 28px var(--xiaohei-composer-shadow),\n    0 2px 8px var(--xiaohei-shadow) !important;\n  transition:\n    border-color var(--xiaohei-motion-base) ease,\n    box-shadow 260ms ease,\n    background-color var(--xiaohei-motion-base) ease;\n}\n\n/* The lower contour behaves like Xiaohei's tail. Workspace-pick mode is\n   excluded so the Host keeps ownership of its native dashed affordance. */\n#root [data-composer-card='true']:not(:has(textarea[aria-haspopup='menu']))::after {\n  content: '';\n  position: absolute;\n  z-index: 2;\n  right: 58px;\n  bottom: -1px;\n  left: 18px;\n  height: 11px;\n  border-bottom: 2px solid var(--xiaohei-composer-tail);\n  border-radius: 0 0 76% 34%;\n  pointer-events: none;\n  opacity: 0.32;\n  transform: scaleX(.48) translateZ(0);\n  transform-origin: right center;\n  -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\n  mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\n  transition:\n    opacity 240ms ease,\n    transform 360ms var(--xiaohei-motion-curve);\n}\n\n#root [data-composer-card='true']:not(:has(textarea[aria-haspopup='menu'])):focus-within::after {\n  opacity: 0.74;\n  transform: scaleX(1) translateZ(0);\n}\n\n#root [data-composer-card='true']:not(:has(textarea[aria-haspopup='menu'])):has(textarea:not(:placeholder-shown))::after {\n  opacity: 0.88;\n  transform: scaleX(.92) translateZ(0);\n}\n\n#root [data-composer-card='true'] textarea {\n  -webkit-appearance: none;\n  appearance: none;\n  border: 0 !important;\n  border-radius: 0 !important;\n  color: var(--dsw-alias-label-primary) !important;\n  background: transparent !important;\n  caret-color: var(--xiaohei-spirit-strong);\n  box-shadow: none !important;\n}\n\n#root [data-composer-card='true'] textarea:focus-visible {\n  outline: none !important;\n  box-shadow: none !important;\n}\n\n#root [data-composer-card='true'] textarea::placeholder {\n  color: var(--dsw-alias-label-tertiary) !important;\n  opacity: 0.84;\n}\n\n#root [data-composer-card='true'] [data-input-backdrop='true'] {\n  border-color: transparent !important;\n  background: transparent !important;\n}\n\n#root [data-composer-card='true'] button {\n  min-width: 30px;\n  min-height: 30px;\n  border: 1px solid transparent;\n  border-radius: 9px;\n  transition:\n    color var(--xiaohei-motion-fast) ease,\n    background-color var(--xiaohei-motion-fast) ease,\n    border-color var(--xiaohei-motion-fast) ease,\n    box-shadow var(--xiaohei-motion-fast) ease,\n    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);\n}\n\n#root [data-composer-card='true'] button:not(:disabled):hover {\n  color: var(--dsw-alias-label-primary);\n  border-color: var(--xiaohei-composer-control-edge);\n  background: var(--xiaohei-composer-control-hover);\n  box-shadow: inset 0 1px 0 var(--xiaohei-composer-highlight);\n}\n\n#root [data-composer-card='true'] button:not(:disabled):active {\n  transform: translateY(1px) scale(.97);\n}\n\n@media (max-width: 700px) {\n  #root [data-composer-card='true'] {\n    border-radius: 12px !important;\n  }\n\n  #root [data-composer-card='true']:not(:has(textarea[aria-haspopup='menu']))::after {\n    right: 54px;\n    left: 14px;\n  }\n}\n\n@media (prefers-reduced-transparency: reduce) {\n  #root [data-composer-card='true'] {\n    background: var(--xiaohei-composer-solid) !important;\n    -webkit-backdrop-filter: none;\n    backdrop-filter: none;\n  }\n}\n\n@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {\n  #root [data-composer-card='true'] {\n    background: var(--xiaohei-composer-solid) !important;\n  }\n}\n";
-//# sourceMappingURL=composer.d.ts.map

package/lib/chrome/composer.js

@@ -1,135 +0,0 @@
-/** Conversation composer expressed as Xiaohei's quiet spatial workbench. */
-export const XIAOHEI_COMPOSER_CSS = `
-#root [data-composer-card='true'] {
-  position: relative;
-  isolation: isolate;
-  overflow: visible;
-  gap: 10px;
-  padding-top: 12px;
-  border: 1px solid var(--xiaohei-composer-edge) !important;
-  border-radius: 14px !important;
-  background: var(--xiaohei-composer-fill) !important;
-  -webkit-backdrop-filter:
-    blur(var(--xiaohei-composer-blur))
-    saturate(var(--xiaohei-composer-saturation));
-  backdrop-filter:
-    blur(var(--xiaohei-composer-blur))
-    saturate(var(--xiaohei-composer-saturation));
-  box-shadow:
-    0 10px 28px var(--xiaohei-composer-shadow),
-    0 2px 8px var(--xiaohei-shadow) !important;
-  transition:
-    border-color var(--xiaohei-motion-base) ease,
-    box-shadow 260ms ease,
-    background-color var(--xiaohei-motion-base) ease;
-}
-
-/* The lower contour behaves like Xiaohei's tail. Workspace-pick mode is
-   excluded so the Host keeps ownership of its native dashed affordance. */
-#root [data-composer-card='true']:not(:has(textarea[aria-haspopup='menu']))::after {
-  content: '';
-  position: absolute;
-  z-index: 2;
-  right: 58px;
-  bottom: -1px;
-  left: 18px;
-  height: 11px;
-  border-bottom: 2px solid var(--xiaohei-composer-tail);
-  border-radius: 0 0 76% 34%;
-  pointer-events: none;
-  opacity: 0.32;
-  transform: scaleX(.48) translateZ(0);
-  transform-origin: right center;
-  -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);
-  mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);
-  transition:
-    opacity 240ms ease,
-    transform 360ms var(--xiaohei-motion-curve);
-}
-
-#root [data-composer-card='true']:not(:has(textarea[aria-haspopup='menu'])):focus-within::after {
-  opacity: 0.74;
-  transform: scaleX(1) translateZ(0);
-}
-
-#root [data-composer-card='true']:not(:has(textarea[aria-haspopup='menu'])):has(textarea:not(:placeholder-shown))::after {
-  opacity: 0.88;
-  transform: scaleX(.92) translateZ(0);
-}
-
-#root [data-composer-card='true'] textarea {
-  -webkit-appearance: none;
-  appearance: none;
-  border: 0 !important;
-  border-radius: 0 !important;
-  color: var(--dsw-alias-label-primary) !important;
-  background: transparent !important;
-  caret-color: var(--xiaohei-spirit-strong);
-  box-shadow: none !important;
-}
-
-#root [data-composer-card='true'] textarea:focus-visible {
-  outline: none !important;
-  box-shadow: none !important;
-}
-
-#root [data-composer-card='true'] textarea::placeholder {
-  color: var(--dsw-alias-label-tertiary) !important;
-  opacity: 0.84;
-}
-
-#root [data-composer-card='true'] [data-input-backdrop='true'] {
-  border-color: transparent !important;
-  background: transparent !important;
-}
-
-#root [data-composer-card='true'] button {
-  min-width: 30px;
-  min-height: 30px;
-  border: 1px solid transparent;
-  border-radius: 9px;
-  transition:
-    color var(--xiaohei-motion-fast) ease,
-    background-color var(--xiaohei-motion-fast) ease,
-    border-color var(--xiaohei-motion-fast) ease,
-    box-shadow var(--xiaohei-motion-fast) ease,
-    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);
-}
-
-#root [data-composer-card='true'] button:not(:disabled):hover {
-  color: var(--dsw-alias-label-primary);
-  border-color: var(--xiaohei-composer-control-edge);
-  background: var(--xiaohei-composer-control-hover);
-  box-shadow: inset 0 1px 0 var(--xiaohei-composer-highlight);
-}
-
-#root [data-composer-card='true'] button:not(:disabled):active {
-  transform: translateY(1px) scale(.97);
-}
-
-@media (max-width: 700px) {
-  #root [data-composer-card='true'] {
-    border-radius: 12px !important;
-  }
-
-  #root [data-composer-card='true']:not(:has(textarea[aria-haspopup='menu']))::after {
-    right: 54px;
-    left: 14px;
-  }
-}
-
-@media (prefers-reduced-transparency: reduce) {
-  #root [data-composer-card='true'] {
-    background: var(--xiaohei-composer-solid) !important;
-    -webkit-backdrop-filter: none;
-    backdrop-filter: none;
-  }
-}
-
-@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
-  #root [data-composer-card='true'] {
-    background: var(--xiaohei-composer-solid) !important;
-  }
-}
-`;
-//# sourceMappingURL=composer.js.map

package/lib/chrome/controls.d.ts

@@ -1,8 +0,0 @@
-/**
- * Browser-independent control primitives.
- *
- * This layer owns only the shared native-control contract. Feature chrome is
- * composed after it and remains free to define geometry or stronger states.
- */
-export declare const XIAOHEI_CONTROL_PRIMITIVES_CSS = "\nhtml {\n  color-scheme: dark;\n  accent-color: var(--xiaohei-spirit);\n  font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"PingFang SC\",\n    \"Microsoft YaHei\", \"Segoe UI\", sans-serif;\n  font-synthesis: none;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\nhtml[data-xiaohei-appearance='light'] {\n  color-scheme: light;\n}\n\n#root,\n:where(#root) :where(button, input, textarea, select) {\n  font: inherit;\n  letter-spacing: inherit;\n}\n\n:where(#root) :where(button, input, textarea, select) {\n  box-sizing: border-box;\n  color: inherit;\n  -webkit-tap-highlight-color: transparent;\n}\n\n:where(#root) :where(button, select, input[type='button'], input[type='submit'], input[type='reset']) {\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n:where(#root) :where(button, input[type='button'], input[type='submit'], input[type='reset']) {\n  margin: 0;\n  border: 1px solid transparent;\n  border-radius: var(--xiaohei-radius-small);\n  color: var(--dsw-alias-label-primary);\n  background: transparent;\n  cursor: pointer;\n  transition:\n    color var(--xiaohei-motion-fast) ease,\n    border-color var(--xiaohei-motion-fast) ease,\n    background-color var(--xiaohei-motion-fast) ease,\n    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);\n}\n\n:where(#root) :where(button, input[type='button'], input[type='submit'], input[type='reset']):not(:disabled):hover {\n  border-color: var(--xiaohei-edge);\n  background-color: var(--xiaohei-spirit-soft);\n}\n\n:where(#root) :where(button, input[type='button'], input[type='submit'], input[type='reset']):not(:disabled):active {\n  transform: translateY(1px) scale(.98);\n}\n\n:where(#root) :where(button, input[type='button'], input[type='submit'], input[type='reset']):disabled {\n  cursor: not-allowed;\n  opacity: .48;\n}\n\n:where(#root) :where(input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='file']), textarea, select) {\n  border: 1px solid var(--xiaohei-edge);\n  border-radius: var(--xiaohei-radius-control);\n  color: var(--dsw-alias-label-primary);\n  background-color: var(--xiaohei-plugin-control-fill);\n  box-shadow: inset 0 1px var(--xiaohei-layer-content-highlight);\n  transition:\n    border-color var(--xiaohei-motion-fast) ease,\n    background-color var(--xiaohei-motion-fast) ease,\n    box-shadow var(--xiaohei-motion-fast) ease;\n}\n\n:where(#root) :where(input, textarea)::placeholder {\n  color: var(--dsw-alias-label-tertiary);\n  opacity: 1;\n}\n\n:where(#root) :where(input[type='search'])::-webkit-search-cancel-button,\n:where(#root) :where(input[type='search'])::-webkit-search-decoration {\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n:where(#root) :where(input[type='number']) {\n  -moz-appearance: textfield;\n}\n\n:where(#root) :where(input[type='number'])::-webkit-inner-spin-button,\n:where(#root) :where(input[type='number'])::-webkit-outer-spin-button {\n  margin: 0;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n:where(#root) :where(textarea) {\n  resize: vertical;\n}\n\n:where(#root) :where(select) {\n  padding-inline-end: 30px;\n  background-image:\n    linear-gradient(45deg, transparent 50%, currentColor 50%),\n    linear-gradient(135deg, currentColor 50%, transparent 50%);\n  background-position:\n    calc(100% - 15px) 50%,\n    calc(100% - 10px) 50%;\n  background-repeat: no-repeat;\n  background-size: 5px 5px, 5px 5px;\n}\n\n:where(#root) :where(select)::-ms-expand {\n  display: none;\n}\n\n:where(#root) :where(option, optgroup) {\n  color: var(--dsw-alias-label-primary);\n  background: var(--xiaohei-surface-raised);\n}\n\n:where(#root) :where(input[type='checkbox'], input[type='radio']) {\n  -webkit-appearance: none;\n  appearance: none;\n  display: inline-grid;\n  place-content: center;\n  width: 16px;\n  height: 16px;\n  margin: 0;\n  border: 1px solid var(--xiaohei-edge-strong);\n  color: var(--xiaohei-frame-ink);\n  background: var(--xiaohei-plugin-control-fill);\n  box-shadow: inset 0 1px var(--xiaohei-layer-content-highlight);\n  cursor: pointer;\n  transition:\n    border-color var(--xiaohei-motion-fast) ease,\n    background-color var(--xiaohei-motion-fast) ease,\n    box-shadow var(--xiaohei-motion-fast) ease;\n}\n\n:where(#root) :where(input[type='checkbox']) {\n  border-radius: 5px;\n}\n\n:where(#root) :where(input[type='radio']) {\n  border-radius: 50%;\n}\n\n:where(#root) :where(input[type='checkbox'], input[type='radio'])::before {\n  content: '';\n  width: 8px;\n  height: 8px;\n  background: currentColor;\n  opacity: 0;\n  transform: scale(.5);\n  transition:\n    opacity var(--xiaohei-motion-fast) ease,\n    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);\n}\n\n:where(#root) :where(input[type='checkbox'])::before {\n  clip-path: polygon(14% 44%, 0 62%, 40% 100%, 100% 20%, 82% 5%, 38% 70%);\n}\n\n:where(#root) :where(input[type='radio'])::before {\n  border-radius: 50%;\n}\n\n:where(#root) :where(input[type='checkbox'], input[type='radio']):checked {\n  border-color: var(--xiaohei-spirit-strong);\n  background: var(--xiaohei-spirit);\n  box-shadow: 0 0 0 3px var(--xiaohei-spirit-faint);\n}\n\n:where(#root) :where(input[type='checkbox'], input[type='radio']):checked::before {\n  opacity: 1;\n  transform: scale(1);\n}\n\n:where(#root) :where(input[type='checkbox'], input[type='radio']):disabled {\n  cursor: not-allowed;\n  opacity: .48;\n}\n\n:where(#root) :where(input[type='range']) {\n  -webkit-appearance: none;\n  appearance: none;\n  height: 16px;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n}\n\n:where(#root) :where(input[type='range'])::-webkit-slider-runnable-track {\n  height: 4px;\n  border-radius: 999px;\n  background: var(--xiaohei-surface-muted);\n  box-shadow: inset 0 0 0 1px var(--xiaohei-edge);\n}\n\n:where(#root) :where(input[type='range'])::-webkit-slider-thumb {\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  border: 2px solid var(--xiaohei-surface-raised);\n  border-radius: 50%;\n  background: var(--xiaohei-spirit);\n  box-shadow: 0 2px 6px var(--xiaohei-shadow);\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n:where(#root) :where(input[type='range'])::-moz-range-track {\n  height: 4px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--xiaohei-surface-muted);\n  box-shadow: inset 0 0 0 1px var(--xiaohei-edge);\n}\n\n:where(#root) :where(input[type='range'])::-moz-range-progress {\n  height: 4px;\n  border-radius: 999px;\n  background: var(--xiaohei-spirit);\n}\n\n:where(#root) :where(input[type='range'])::-moz-range-thumb {\n  width: 10px;\n  height: 10px;\n  border: 2px solid var(--xiaohei-surface-raised);\n  border-radius: 50%;\n  background: var(--xiaohei-spirit);\n  box-shadow: 0 2px 6px var(--xiaohei-shadow);\n}\n\n:where(#root) :where(input[type='range']):disabled {\n  cursor: not-allowed;\n  opacity: .48;\n}\n\n:where(#root) :where(input[type='file'])::file-selector-button {\n  margin-inline-end: 10px;\n  padding: 6px 10px;\n  border: 1px solid var(--xiaohei-edge);\n  border-radius: var(--xiaohei-radius-small);\n  color: var(--dsw-alias-label-primary);\n  background: var(--xiaohei-plugin-control-fill);\n  font: inherit;\n  cursor: pointer;\n}\n\n:where(#root) :where(progress) {\n  overflow: hidden;\n  border: 0;\n  border-radius: 999px;\n  color: var(--xiaohei-spirit);\n  background: var(--xiaohei-surface-muted);\n  accent-color: var(--xiaohei-spirit);\n}\n\n:where(#root) :where(progress)::-webkit-progress-bar {\n  background: var(--xiaohei-surface-muted);\n}\n\n:where(#root) :where(progress)::-webkit-progress-value {\n  background: var(--xiaohei-spirit);\n}\n\n:where(#root) :where(progress)::-moz-progress-bar {\n  background: var(--xiaohei-spirit);\n}\n\n:where(#root) :where(fieldset) {\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\n:where(#root) :where(legend) {\n  padding: 0;\n  color: var(--dsw-alias-label-secondary);\n}\n\n:where(#root) :where(summary) {\n  cursor: pointer;\n}\n\n:where(#root) :where(a) {\n  color: var(--xiaohei-spirit-strong);\n  text-decoration-color: var(--xiaohei-edge-strong);\n  text-underline-offset: .18em;\n}\n\n:where(#root) :where(a):hover {\n  text-decoration-color: currentColor;\n}\n\n#root {\n  scrollbar-width: thin;\n  scrollbar-color: transparent transparent;\n}\n\n#root:hover,\n#root:focus-within {\n  scrollbar-color: var(--dsw-alias-scrollbar-bg-l1) transparent;\n}\n\n#root ::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n\n#root ::-webkit-scrollbar-track,\n#root ::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n#root ::-webkit-scrollbar-thumb {\n  min-width: 28px;\n  min-height: 28px;\n  border: 2px solid transparent;\n  border-radius: 999px;\n  background: transparent;\n  background-clip: padding-box;\n}\n\n#root:hover ::-webkit-scrollbar-thumb,\n#root:focus-within ::-webkit-scrollbar-thumb {\n  background-color: var(--dsw-alias-scrollbar-bg-l1);\n}\n\n#root ::-webkit-scrollbar-thumb:hover {\n  background-color: var(--dsw-alias-scrollbar-hover-l1);\n}\n\n@media (forced-colors: active) {\n  :where(#root) :where(input, textarea, select, button, progress) {\n    forced-color-adjust: auto;\n  }\n}\n";
-//# sourceMappingURL=controls.d.ts.map

package/lib/chrome/controls.js

@@ -1,348 +0,0 @@
-/**
- * Browser-independent control primitives.
- *
- * This layer owns only the shared native-control contract. Feature chrome is
- * composed after it and remains free to define geometry or stronger states.
- */
-export const XIAOHEI_CONTROL_PRIMITIVES_CSS = `
-html {
-  color-scheme: dark;
-  accent-color: var(--xiaohei-spirit);
-  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC",
-    "Microsoft YaHei", "Segoe UI", sans-serif;
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-html[data-xiaohei-appearance='light'] {
-  color-scheme: light;
-}
-
-#root,
-:where(#root) :where(button, input, textarea, select) {
-  font: inherit;
-  letter-spacing: inherit;
-}
-
-:where(#root) :where(button, input, textarea, select) {
-  box-sizing: border-box;
-  color: inherit;
-  -webkit-tap-highlight-color: transparent;
-}
-
-:where(#root) :where(button, select, input[type='button'], input[type='submit'], input[type='reset']) {
-  -webkit-appearance: none;
-  appearance: none;
-}
-
-:where(#root) :where(button, input[type='button'], input[type='submit'], input[type='reset']) {
-  margin: 0;
-  border: 1px solid transparent;
-  border-radius: var(--xiaohei-radius-small);
-  color: var(--dsw-alias-label-primary);
-  background: transparent;
-  cursor: pointer;
-  transition:
-    color var(--xiaohei-motion-fast) ease,
-    border-color var(--xiaohei-motion-fast) ease,
-    background-color var(--xiaohei-motion-fast) ease,
-    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);
-}
-
-:where(#root) :where(button, input[type='button'], input[type='submit'], input[type='reset']):not(:disabled):hover {
-  border-color: var(--xiaohei-edge);
-  background-color: var(--xiaohei-spirit-soft);
-}
-
-:where(#root) :where(button, input[type='button'], input[type='submit'], input[type='reset']):not(:disabled):active {
-  transform: translateY(1px) scale(.98);
-}
-
-:where(#root) :where(button, input[type='button'], input[type='submit'], input[type='reset']):disabled {
-  cursor: not-allowed;
-  opacity: .48;
-}
-
-:where(#root) :where(input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='file']), textarea, select) {
-  border: 1px solid var(--xiaohei-edge);
-  border-radius: var(--xiaohei-radius-control);
-  color: var(--dsw-alias-label-primary);
-  background-color: var(--xiaohei-plugin-control-fill);
-  box-shadow: inset 0 1px var(--xiaohei-layer-content-highlight);
-  transition:
-    border-color var(--xiaohei-motion-fast) ease,
-    background-color var(--xiaohei-motion-fast) ease,
-    box-shadow var(--xiaohei-motion-fast) ease;
-}
-
-:where(#root) :where(input, textarea)::placeholder {
-  color: var(--dsw-alias-label-tertiary);
-  opacity: 1;
-}
-
-:where(#root) :where(input[type='search'])::-webkit-search-cancel-button,
-:where(#root) :where(input[type='search'])::-webkit-search-decoration {
-  -webkit-appearance: none;
-  appearance: none;
-}
-
-:where(#root) :where(input[type='number']) {
-  -moz-appearance: textfield;
-}
-
-:where(#root) :where(input[type='number'])::-webkit-inner-spin-button,
-:where(#root) :where(input[type='number'])::-webkit-outer-spin-button {
-  margin: 0;
-  -webkit-appearance: none;
-  appearance: none;
-}
-
-:where(#root) :where(textarea) {
-  resize: vertical;
-}
-
-:where(#root) :where(select) {
-  padding-inline-end: 30px;
-  background-image:
-    linear-gradient(45deg, transparent 50%, currentColor 50%),
-    linear-gradient(135deg, currentColor 50%, transparent 50%);
-  background-position:
-    calc(100% - 15px) 50%,
-    calc(100% - 10px) 50%;
-  background-repeat: no-repeat;
-  background-size: 5px 5px, 5px 5px;
-}
-
-:where(#root) :where(select)::-ms-expand {
-  display: none;
-}
-
-:where(#root) :where(option, optgroup) {
-  color: var(--dsw-alias-label-primary);
-  background: var(--xiaohei-surface-raised);
-}
-
-:where(#root) :where(input[type='checkbox'], input[type='radio']) {
-  -webkit-appearance: none;
-  appearance: none;
-  display: inline-grid;
-  place-content: center;
-  width: 16px;
-  height: 16px;
-  margin: 0;
-  border: 1px solid var(--xiaohei-edge-strong);
-  color: var(--xiaohei-frame-ink);
-  background: var(--xiaohei-plugin-control-fill);
-  box-shadow: inset 0 1px var(--xiaohei-layer-content-highlight);
-  cursor: pointer;
-  transition:
-    border-color var(--xiaohei-motion-fast) ease,
-    background-color var(--xiaohei-motion-fast) ease,
-    box-shadow var(--xiaohei-motion-fast) ease;
-}
-
-:where(#root) :where(input[type='checkbox']) {
-  border-radius: 5px;
-}
-
-:where(#root) :where(input[type='radio']) {
-  border-radius: 50%;
-}
-
-:where(#root) :where(input[type='checkbox'], input[type='radio'])::before {
-  content: '';
-  width: 8px;
-  height: 8px;
-  background: currentColor;
-  opacity: 0;
-  transform: scale(.5);
-  transition:
-    opacity var(--xiaohei-motion-fast) ease,
-    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);
-}
-
-:where(#root) :where(input[type='checkbox'])::before {
-  clip-path: polygon(14% 44%, 0 62%, 40% 100%, 100% 20%, 82% 5%, 38% 70%);
-}
-
-:where(#root) :where(input[type='radio'])::before {
-  border-radius: 50%;
-}
-
-:where(#root) :where(input[type='checkbox'], input[type='radio']):checked {
-  border-color: var(--xiaohei-spirit-strong);
-  background: var(--xiaohei-spirit);
-  box-shadow: 0 0 0 3px var(--xiaohei-spirit-faint);
-}
-
-:where(#root) :where(input[type='checkbox'], input[type='radio']):checked::before {
-  opacity: 1;
-  transform: scale(1);
-}
-
-:where(#root) :where(input[type='checkbox'], input[type='radio']):disabled {
-  cursor: not-allowed;
-  opacity: .48;
-}
-
-:where(#root) :where(input[type='range']) {
-  -webkit-appearance: none;
-  appearance: none;
-  height: 16px;
-  margin: 0;
-  background: transparent;
-  cursor: pointer;
-}
-
-:where(#root) :where(input[type='range'])::-webkit-slider-runnable-track {
-  height: 4px;
-  border-radius: 999px;
-  background: var(--xiaohei-surface-muted);
-  box-shadow: inset 0 0 0 1px var(--xiaohei-edge);
-}
-
-:where(#root) :where(input[type='range'])::-webkit-slider-thumb {
-  width: 14px;
-  height: 14px;
-  margin-top: -5px;
-  border: 2px solid var(--xiaohei-surface-raised);
-  border-radius: 50%;
-  background: var(--xiaohei-spirit);
-  box-shadow: 0 2px 6px var(--xiaohei-shadow);
-  -webkit-appearance: none;
-  appearance: none;
-}
-
-:where(#root) :where(input[type='range'])::-moz-range-track {
-  height: 4px;
-  border: 0;
-  border-radius: 999px;
-  background: var(--xiaohei-surface-muted);
-  box-shadow: inset 0 0 0 1px var(--xiaohei-edge);
-}
-
-:where(#root) :where(input[type='range'])::-moz-range-progress {
-  height: 4px;
-  border-radius: 999px;
-  background: var(--xiaohei-spirit);
-}
-
-:where(#root) :where(input[type='range'])::-moz-range-thumb {
-  width: 10px;
-  height: 10px;
-  border: 2px solid var(--xiaohei-surface-raised);
-  border-radius: 50%;
-  background: var(--xiaohei-spirit);
-  box-shadow: 0 2px 6px var(--xiaohei-shadow);
-}
-
-:where(#root) :where(input[type='range']):disabled {
-  cursor: not-allowed;
-  opacity: .48;
-}
-
-:where(#root) :where(input[type='file'])::file-selector-button {
-  margin-inline-end: 10px;
-  padding: 6px 10px;
-  border: 1px solid var(--xiaohei-edge);
-  border-radius: var(--xiaohei-radius-small);
-  color: var(--dsw-alias-label-primary);
-  background: var(--xiaohei-plugin-control-fill);
-  font: inherit;
-  cursor: pointer;
-}
-
-:where(#root) :where(progress) {
-  overflow: hidden;
-  border: 0;
-  border-radius: 999px;
-  color: var(--xiaohei-spirit);
-  background: var(--xiaohei-surface-muted);
-  accent-color: var(--xiaohei-spirit);
-}
-
-:where(#root) :where(progress)::-webkit-progress-bar {
-  background: var(--xiaohei-surface-muted);
-}
-
-:where(#root) :where(progress)::-webkit-progress-value {
-  background: var(--xiaohei-spirit);
-}
-
-:where(#root) :where(progress)::-moz-progress-bar {
-  background: var(--xiaohei-spirit);
-}
-
-:where(#root) :where(fieldset) {
-  min-width: 0;
-  margin: 0;
-  padding: 0;
-  border: 0;
-}
-
-:where(#root) :where(legend) {
-  padding: 0;
-  color: var(--dsw-alias-label-secondary);
-}
-
-:where(#root) :where(summary) {
-  cursor: pointer;
-}
-
-:where(#root) :where(a) {
-  color: var(--xiaohei-spirit-strong);
-  text-decoration-color: var(--xiaohei-edge-strong);
-  text-underline-offset: .18em;
-}
-
-:where(#root) :where(a):hover {
-  text-decoration-color: currentColor;
-}
-
-#root {
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-}
-
-#root:hover,
-#root:focus-within {
-  scrollbar-color: var(--dsw-alias-scrollbar-bg-l1) transparent;
-}
-
-#root ::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-
-#root ::-webkit-scrollbar-track,
-#root ::-webkit-scrollbar-corner {
-  background: transparent;
-}
-
-#root ::-webkit-scrollbar-thumb {
-  min-width: 28px;
-  min-height: 28px;
-  border: 2px solid transparent;
-  border-radius: 999px;
-  background: transparent;
-  background-clip: padding-box;
-}
-
-#root:hover ::-webkit-scrollbar-thumb,
-#root:focus-within ::-webkit-scrollbar-thumb {
-  background-color: var(--dsw-alias-scrollbar-bg-l1);
-}
-
-#root ::-webkit-scrollbar-thumb:hover {
-  background-color: var(--dsw-alias-scrollbar-hover-l1);
-}
-
-@media (forced-colors: active) {
-  :where(#root) :where(input, textarea, select, button, progress) {
-    forced-color-adjust: auto;
-  }
-}
-`;
-//# sourceMappingURL=controls.js.map

package/lib/chrome/conversation-messages.d.ts

@@ -1,3 +0,0 @@
-/** Native conversation messages restyled without changing their DOM contract. */
-export declare const XIAOHEI_CONVERSATION_MESSAGES_CSS: string;
-//# sourceMappingURL=conversation-messages.d.ts.map