@composy/chat-core 0.0.1 → 0.0.2

package/lib/renderer/style-manager.cjs

@@ -1,8 +1,8 @@
 /*!
 * ***********************************
-* @composy/chat-core v0.0.1       *
+* @composy/chat-core v0.0.2       *
 * Built with rollup               *
-* Build time: 2024-08-17 11:30:32 *
+* Build time: 2024-10-12 21:52:18 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -10,43 +10,71 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_dom = require("../constants/dom.cjs");
 //#region src/renderer/style-manager.ts
-const styleRefs = /* @__PURE__ */ new Map();
-function injectStyles(tokens, prefix = require_dom.DEFAULT_CLASS_PREFIX) {
+const styleRefs = /* @__PURE__ */ new WeakMap();
+function injectStyles(tokens, prefix = require_dom.DEFAULT_CLASS_PREFIX, targetRoot) {
 	const normalizedPrefix = require_dom.normalizeClassPrefix(prefix);
 	const styleId = require_dom.getStyleElementId(normalizedPrefix);
-	styleRefs.set(styleId, (styleRefs.get(styleId) ?? 0) + 1);
-	upsertStyle(styleId, generateCSS(tokens, normalizedPrefix));
+	const ownerDocument = resolveDocument(targetRoot?.ownerDocument);
+	const refs = getDocumentRefs(ownerDocument);
+	refs.set(styleId, (refs.get(styleId) ?? 0) + 1);
+	if (!ownerDocument.getElementById(styleId)) upsertStyle(ownerDocument, styleId, generateCSS(tokens, normalizedPrefix));
+	if (targetRoot) applyThemeTokens(targetRoot, tokens);
 }
-function updateStyles(tokens, prefix = require_dom.DEFAULT_CLASS_PREFIX) {
+function updateStyles(tokens, prefix = require_dom.DEFAULT_CLASS_PREFIX, targetRoot) {
 	const normalizedPrefix = require_dom.normalizeClassPrefix(prefix);
-	upsertStyle(require_dom.getStyleElementId(normalizedPrefix), generateCSS(tokens, normalizedPrefix));
+	const styleId = require_dom.getStyleElementId(normalizedPrefix);
+	if (targetRoot) applyThemeTokens(targetRoot, tokens);
+	else upsertStyle(resolveDocument(), styleId, generateCSS(tokens, normalizedPrefix));
 }
-function removeStyles(prefix = require_dom.DEFAULT_CLASS_PREFIX) {
+function removeStyles(prefix = require_dom.DEFAULT_CLASS_PREFIX, ownerDocument) {
+	const doc = resolveDocument(ownerDocument);
+	const refsByStyle = getDocumentRefs(doc);
 	const styleId = require_dom.getStyleElementId(prefix);
-	const refs = styleRefs.get(styleId) ?? 0;
+	const refs = refsByStyle.get(styleId) ?? 0;
 	if (refs > 1) {
-		styleRefs.set(styleId, refs - 1);
+		refsByStyle.set(styleId, refs - 1);
 		return;
 	}
-	styleRefs.delete(styleId);
-	document.getElementById(styleId)?.remove();
+	refsByStyle.delete(styleId);
+	doc.getElementById(styleId)?.remove();
 }
 function cls(prefix, ...parts) {
 	const normalizedPrefix = require_dom.normalizeClassPrefix(prefix);
 	return parts.map((part) => `${normalizedPrefix}-${part}`).join(" ");
 }
 const clsx = require_dom.cx;
-function upsertStyle(styleId, cssText) {
-	let style = document.getElementById(styleId);
+function upsertStyle(ownerDocument, styleId, cssText) {
+	let style = ownerDocument.getElementById(styleId);
 	if (!style) {
-		style = document.createElement("style");
+		style = ownerDocument.createElement("style");
 		style.id = styleId;
 		style.dataset.ldesignChat = "true";
-		document.head.appendChild(style);
+		(ownerDocument.head ?? ownerDocument.documentElement).appendChild(style);
 	}
 	style.textContent = cssText;
 }
+function applyThemeTokens(root, tokens) {
+	Object.entries(themeVariableMap(tokens)).forEach(([name, value]) => {
+		root.style.setProperty(name, value);
+	});
+}
+function resolveDocument(ownerDocument) {
+	if (ownerDocument) return ownerDocument;
+	if (typeof document !== "undefined") return document;
+	throw new Error("[Chat] Styles require a browser Document.");
+}
+function getDocumentRefs(ownerDocument) {
+	let refs = styleRefs.get(ownerDocument);
+	if (!refs) {
+		refs = /* @__PURE__ */ new Map();
+		styleRefs.set(ownerDocument, refs);
+	}
+	return refs;
+}
 function tokenVars(t) {
+	return Object.entries(themeVariableMap(t)).map(([key, value]) => `  ${key}: ${value};`).join("\n");
+}
+function themeVariableMap(t) {
 	const vars = {
 		bgPrimary: t.bgPrimary,
 		bgSecondary: t.bgSecondary,
@@ -94,51 +122,52 @@ function tokenVars(t) {
 		toolbarIconHover: t.toolbarIconHover,
 		toolbarVoiceActive: t.toolbarVoiceActive
 	};
-	return Object.entries(vars).map(([key, value]) => `  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-${toKebab(key)}: ${value};`).join("\n");
+	return Object.fromEntries(Object.entries(vars).map(([key, value]) => [`${require_dom.COMPONENT_CSS_VAR_PREFIX}-${toKebab(key)}`, value]));
 }
 function sizeVars() {
 	return `
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-size: var(--size-font-base);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-size-sm: var(--size-font-sm);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-size-xs: var(--size-font-xs);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-size-lg: var(--size-font-lg);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-weight-regular: var(--size-font-weight-regular);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-weight-medium: var(--size-font-weight-medium);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-weight-semibold: var(--size-font-weight-semibold);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-line-height: var(--size-line-normal);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-line-height-bubble: var(--size-line-relaxed);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-space-1: var(--size-1);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-space-2: var(--size-2);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-space-3: var(--size-3);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-space-4: var(--size-4);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-space-5: var(--size-5);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-space-6: var(--size-6);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-space-8: var(--size-8);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-avatar-size: var(--size-11);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-mention-avatar-size: var(--size-9);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-toolbar-button-size: var(--size-9);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-input-button-size: var(--size-11);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-file-icon-size: var(--size-12);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-image-max-size: calc(var(--size-13) * 5);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-panel-max-height: calc(var(--size-24) + var(--size-4));
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-textarea-min-height: var(--size-11);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-textarea-max-height: calc(var(--size-12) * 3);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-family: var(--ld-font-family);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-size: var(--ld-font-base);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-size-sm: var(--ld-font-sm);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-size-xs: var(--ld-font-xs);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-size-lg: var(--ld-font-lg);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-weight-regular: 400;
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-weight-medium: 500;
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-font-weight-semibold: 600;
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-line-height: var(--ld-line-normal);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-line-height-bubble: 1.6;
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-space-1: var(--ld-spacing-3xs);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-space-2: var(--ld-spacing-2xs);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-space-3: var(--ld-spacing-xs);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-space-4: var(--ld-spacing-sm);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-space-5: var(--ld-spacing-md);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-space-6: var(--ld-spacing-lg);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-space-8: var(--ld-spacing-xl);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-avatar-size: calc(var(--ld-px-40) + var(--ld-px-4));
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-mention-avatar-size: var(--ld-px-36);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-toolbar-button-size: var(--ld-px-36);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-input-button-size: calc(var(--ld-px-40) + var(--ld-px-4));
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-file-icon-size: var(--ld-px-48);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-image-max-size: var(--ld-px-260);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-panel-max-height: var(--ld-px-220);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-textarea-min-height: calc(var(--ld-px-40) + var(--ld-px-4));
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-textarea-max-height: calc(var(--ld-px-64) + var(--ld-px-56));
   ${require_dom.COMPONENT_CSS_VAR_PREFIX}-message-max-width: 65%;
   ${require_dom.COMPONENT_CSS_VAR_PREFIX}-system-message-max-width: 80%;
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-file-bubble-min-width: calc(var(--size-24) + var(--size-4));
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-border-width: var(--size-border-width-thin);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-border-width-drop: var(--size-border-width-medium);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-radius-xs: var(--size-radius-sm);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-radius-sm: var(--size-radius-md);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-radius-md: var(--size-radius-lg);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-radius-lg: var(--size-radius-xl);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-radius-pill: var(--size-radius-full);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-radius-circle: var(--size-radius-circle);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-transition-fast: var(--size-duration-fast) var(--size-ease-out);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-transition-normal: var(--size-duration-normal) var(--size-ease-out);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-z-overlay: var(--size-z-dropdown);
-  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-z-mention: var(--size-z-popover);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-file-bubble-min-width: var(--ld-px-220);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-border-width: var(--ld-border-width-thin);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-border-width-drop: var(--ld-border-width-medium);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-radius-xs: var(--ld-radius-sm);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-radius-sm: var(--ld-radius-md);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-radius-md: var(--ld-radius-lg);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-radius-lg: var(--ld-radius-xl);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-radius-pill: var(--ld-radius-full);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-radius-circle: var(--ld-radius-full);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-transition-normal: 200ms cubic-bezier(0.4, 0, 0.2, 1);
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-z-overlay: 1000;
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-z-mention: 1100;
+  ${require_dom.COMPONENT_CSS_VAR_PREFIX}-icon-size: var(--ld-px-24);
 `;
 }
 function generateCSS(tokens, p) {
@@ -178,7 +207,7 @@ ${sizeVars()}
 }
 
 .${p}-message-list::-webkit-scrollbar {
-  width: var(--size-3);
+  width: var(--ld-px-4);
 }
 
 .${p}-message-list::-webkit-scrollbar-thumb {
@@ -477,8 +506,8 @@ ${sizeVars()}
 }
 
 .${p}-send-btn svg {
-  width: var(--size-7);
-  height: var(--size-7);
+  width: var(--ldesign-chat-icon-size);
+  height: var(--ldesign-chat-icon-size);
 }
 
 .${p}-mention-panel {
@@ -575,8 +604,8 @@ ${sizeVars()}
 }
 
 .${p}-toolbar-btn svg {
-  width: var(--size-6);
-  height: var(--size-6);
+  width: var(--ldesign-chat-space-6);
+  height: var(--ldesign-chat-space-6);
 }
 
 .${p}-toolbar-btn:hover {
@@ -637,6 +666,7 @@ function toKebab(key) {
 	return key.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
 }
 //#endregion
+exports.applyThemeTokens = applyThemeTokens;
 exports.cls = cls;
 exports.clsx = clsx;
 exports.injectStyles = injectStyles;

package/lib/renderer/style-manager.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"style-manager.cjs","names":[],"sources":["../../src/renderer/style-manager.ts"],"sourcesContent":["/**\n * @file style-manager.ts\n * @description style-manager 模块\n */\n\nimport type { ThemeTokens } from '../theme/tokens';\nimport {\n  COMPONENT_CSS_VAR_PREFIX,\n  DEFAULT_CLASS_PREFIX,\n  cx,\n  getStyleElementId,\n  normalizeClassPrefix,\n} from '../constants/dom';\n\nconst styleRefs = new Map<string, number>();\n\n/**\n * injectStyles 函数\n * @param tokens - 参数\n * @param prefix - 参数\n * @returns 返回值\n */\n/**\n * injectStyles - inject Styles function\n * @param tokens - 参数说明\n * @param prefix - 参数说明\n * @returns 返回值说明\n */\nexport function injectStyles(tokens: ThemeTokens, prefix: string = DEFAULT_CLASS_PREFIX): void {\n  const normalizedPrefix = normalizeClassPrefix(prefix);\n  const styleId = getStyleElementId(normalizedPrefix);\n  styleRefs.set(styleId, (styleRefs.get(styleId) ?? 0) + 1);\n  upsertStyle(styleId, generateCSS(tokens, normalizedPrefix));\n}\n\n/**\n * updateStyles 函数\n * @param tokens - 参数\n * @param prefix - 参数\n * @returns 返回值\n */\n/**\n * updateStyles - update Styles function\n * @param tokens - 参数说明\n * @param prefix - 参数说明\n * @returns 返回值说明\n */\nexport function updateStyles(tokens: ThemeTokens, prefix: string = DEFAULT_CLASS_PREFIX): void {\n  const normalizedPrefix = normalizeClassPrefix(prefix);\n  const styleId = getStyleElementId(normalizedPrefix);\n  upsertStyle(styleId, generateCSS(tokens, normalizedPrefix));\n}\n\n/**\n * removeStyles 函数\n * @param prefix - 参数\n * @returns 返回值\n */\n/**\n * removeStyles - remove Styles function\n * @param prefix - 参数说明\n * @returns 返回值说明\n */\nexport function removeStyles(prefix: string = DEFAULT_CLASS_PREFIX): void {\n  const styleId = getStyleElementId(prefix);\n  const refs = styleRefs.get(styleId) ?? 0;\n  if (refs > 1) {\n    styleRefs.set(styleId, refs - 1);\n    return;\n  }\n\n  styleRefs.delete(styleId);\n  document.getElementById(styleId)?.remove();\n}\n\n/**\n * cls 函数\n * @param prefix - 参数\n * @param ...parts - 参数\n * @returns 返回值\n */\n/**\n * cls - cls function\n * @param prefix - 参数说明\n * @param ...parts - 参数说明\n * @returns 返回值说明\n */\nexport function cls(prefix: string, ...parts: string[]): string {\n  const normalizedPrefix = normalizeClassPrefix(prefix);\n  return parts.map((part) => `${normalizedPrefix}-${part}`).join(' ');\n}\n\nexport const clsx = cx;\n\nfunction upsertStyle(styleId: string, cssText: string): void {\n  let style = document.getElementById(styleId) as HTMLStyleElement | null;\n  if (!style) {\n    style = document.createElement('style');\n    style.id = styleId;\n    style.dataset.ldesignChat = 'true';\n    document.head.appendChild(style);\n  }\n  style.textContent = cssText;\n}\n\nfunction tokenVars(t: ThemeTokens): string {\n  const vars: Record<string, string> = {\n    bgPrimary: t.bgPrimary,\n    bgSecondary: t.bgSecondary,\n    bgBubbleOutgoing: t.bgBubbleOutgoing,\n    bgBubbleIncoming: t.bgBubbleIncoming,\n    bgInput: t.bgInput,\n    bgMention: t.bgMention,\n    bgMentionHover: t.bgMentionHover,\n    bgMentionActive: t.bgMentionActive,\n    bgLoadMore: t.bgLoadMore,\n    bgSystemMessage: t.bgSystemMessage,\n    bgDropOverlay: t.bgDropOverlay,\n    bgDangerSoft: t.bgDangerSoft,\n    textPrimary: t.textPrimary,\n    textSecondary: t.textSecondary,\n    textBubbleOutgoing: t.textBubbleOutgoing,\n    textBubbleIncoming: t.textBubbleIncoming,\n    textMention: t.textMention,\n    textMentionTag: t.textMentionTag,\n    textTimestamp: t.textTimestamp,\n    textSystem: t.textSystem,\n    textPlaceholder: t.textPlaceholder,\n    borderPrimary: t.borderPrimary,\n    borderInput: t.borderInput,\n    borderInputFocus: t.borderInputFocus,\n    borderMention: t.borderMention,\n    colorSending: t.colorSending,\n    colorSent: t.colorSent,\n    colorDelivered: t.colorDelivered,\n    colorRead: t.colorRead,\n    colorFailed: t.colorFailed,\n    colorLink: t.colorLink,\n    shadowPanel: t.shadowPanel,\n    shadowMention: t.shadowMention,\n    avatarBg: t.avatarBg,\n    avatarText: t.avatarText,\n    btnPrimaryBg: t.btnPrimaryBg,\n    btnPrimaryText: t.btnPrimaryText,\n    btnPrimaryHover: t.btnPrimaryHover,\n    scrollbarThumb: t.scrollbarThumb,\n    scrollbarTrack: t.scrollbarTrack,\n    bgToolbar: t.bgToolbar,\n    borderToolbar: t.borderToolbar,\n    toolbarIconColor: t.toolbarIconColor,\n    toolbarIconHover: t.toolbarIconHover,\n    toolbarVoiceActive: t.toolbarVoiceActive,\n  };\n\n  return Object.entries(vars)\n    .map(([key, value]) => `  ${COMPONENT_CSS_VAR_PREFIX}-${toKebab(key)}: ${value};`)\n    .join('\\n');\n}\n\nfunction sizeVars(): string {\n  return `\n  ${COMPONENT_CSS_VAR_PREFIX}-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;\n  ${COMPONENT_CSS_VAR_PREFIX}-font-size: var(--size-font-base);\n  ${COMPONENT_CSS_VAR_PREFIX}-font-size-sm: var(--size-font-sm);\n  ${COMPONENT_CSS_VAR_PREFIX}-font-size-xs: var(--size-font-xs);\n  ${COMPONENT_CSS_VAR_PREFIX}-font-size-lg: var(--size-font-lg);\n  ${COMPONENT_CSS_VAR_PREFIX}-font-weight-regular: var(--size-font-weight-regular);\n  ${COMPONENT_CSS_VAR_PREFIX}-font-weight-medium: var(--size-font-weight-medium);\n  ${COMPONENT_CSS_VAR_PREFIX}-font-weight-semibold: var(--size-font-weight-semibold);\n  ${COMPONENT_CSS_VAR_PREFIX}-line-height: var(--size-line-normal);\n  ${COMPONENT_CSS_VAR_PREFIX}-line-height-bubble: var(--size-line-relaxed);\n  ${COMPONENT_CSS_VAR_PREFIX}-space-1: var(--size-1);\n  ${COMPONENT_CSS_VAR_PREFIX}-space-2: var(--size-2);\n  ${COMPONENT_CSS_VAR_PREFIX}-space-3: var(--size-3);\n  ${COMPONENT_CSS_VAR_PREFIX}-space-4: var(--size-4);\n  ${COMPONENT_CSS_VAR_PREFIX}-space-5: var(--size-5);\n  ${COMPONENT_CSS_VAR_PREFIX}-space-6: var(--size-6);\n  ${COMPONENT_CSS_VAR_PREFIX}-space-8: var(--size-8);\n  ${COMPONENT_CSS_VAR_PREFIX}-avatar-size: var(--size-11);\n  ${COMPONENT_CSS_VAR_PREFIX}-mention-avatar-size: var(--size-9);\n  ${COMPONENT_CSS_VAR_PREFIX}-toolbar-button-size: var(--size-9);\n  ${COMPONENT_CSS_VAR_PREFIX}-input-button-size: var(--size-11);\n  ${COMPONENT_CSS_VAR_PREFIX}-file-icon-size: var(--size-12);\n  ${COMPONENT_CSS_VAR_PREFIX}-image-max-size: calc(var(--size-13) * 5);\n  ${COMPONENT_CSS_VAR_PREFIX}-panel-max-height: calc(var(--size-24) + var(--size-4));\n  ${COMPONENT_CSS_VAR_PREFIX}-textarea-min-height: var(--size-11);\n  ${COMPONENT_CSS_VAR_PREFIX}-textarea-max-height: calc(var(--size-12) * 3);\n  ${COMPONENT_CSS_VAR_PREFIX}-message-max-width: 65%;\n  ${COMPONENT_CSS_VAR_PREFIX}-system-message-max-width: 80%;\n  ${COMPONENT_CSS_VAR_PREFIX}-file-bubble-min-width: calc(var(--size-24) + var(--size-4));\n  ${COMPONENT_CSS_VAR_PREFIX}-border-width: var(--size-border-width-thin);\n  ${COMPONENT_CSS_VAR_PREFIX}-border-width-drop: var(--size-border-width-medium);\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-xs: var(--size-radius-sm);\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-sm: var(--size-radius-md);\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-md: var(--size-radius-lg);\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-lg: var(--size-radius-xl);\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-pill: var(--size-radius-full);\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-circle: var(--size-radius-circle);\n  ${COMPONENT_CSS_VAR_PREFIX}-transition-fast: var(--size-duration-fast) var(--size-ease-out);\n  ${COMPONENT_CSS_VAR_PREFIX}-transition-normal: var(--size-duration-normal) var(--size-ease-out);\n  ${COMPONENT_CSS_VAR_PREFIX}-z-overlay: var(--size-z-dropdown);\n  ${COMPONENT_CSS_VAR_PREFIX}-z-mention: var(--size-z-popover);\n`;\n}\n\nfunction generateCSS(tokens: ThemeTokens, p: string): string {\n  return `\n/* @composy/chat-core styles */\n.${p}-container,\n.${p}-container * {\n  box-sizing: border-box;\n}\n\n.${p}-container {\n${tokenVars(tokens)}\n${sizeVars()}\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  background: ${v('bg-primary')};\n  color: ${v('text-primary')};\n  font-family: ${v('font-family')};\n  font-size: ${v('font-size')};\n  line-height: ${v('line-height')};\n  border: ${v('border-width')} solid ${v('border-primary')};\n  border-radius: ${v('radius-md')};\n  box-shadow: ${v('shadow-panel')};\n}\n\n.${p}-message-list {\n  flex: 1;\n  min-width: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: ${v('space-6')};\n  scroll-behavior: smooth;\n}\n\n.${p}-message-list::-webkit-scrollbar {\n  width: var(--size-3);\n}\n\n.${p}-message-list::-webkit-scrollbar-thumb {\n  background: ${v('scrollbar-thumb')};\n  border-radius: ${v('radius-pill')};\n}\n\n.${p}-message-list::-webkit-scrollbar-track {\n  background: ${v('scrollbar-track')};\n}\n\n.${p}-load-more {\n  margin-bottom: ${v('space-5')};\n  padding: ${v('space-5')};\n  text-align: center;\n  color: ${v('color-link')};\n  font-size: ${v('font-size-sm')};\n  background: ${v('bg-load-more')};\n  border-radius: ${v('radius-sm')};\n  cursor: pointer;\n  user-select: none;\n  transition: opacity ${v('transition-fast')}, background ${v('transition-fast')};\n}\n\n.${p}-load-more:hover {\n  background: ${v('bg-mention-hover')};\n}\n\n.${p}-load-more--loading {\n  cursor: default;\n  opacity: .6;\n}\n\n.${p}-time-divider {\n  padding: ${v('space-4')} 0;\n  color: ${v('text-timestamp')};\n  font-size: ${v('font-size-sm')};\n  text-align: center;\n  user-select: none;\n}\n\n.${p}-time-divider span {\n  padding: ${v('space-1')} ${v('space-5')};\n  background: ${v('bg-secondary')};\n  border-radius: ${v('radius-pill')};\n}\n\n.${p}-message-row {\n  display: flex;\n  align-items: flex-start;\n  gap: ${v('space-4')};\n  margin-bottom: ${v('space-5')};\n}\n\n.${p}-message-row--outgoing {\n  flex-direction: row-reverse;\n}\n\n.${p}-message-row--system {\n  justify-content: center;\n}\n\n.${p}-avatar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${v('avatar-size')};\n  height: ${v('avatar-size')};\n  overflow: hidden;\n  flex-shrink: 0;\n  color: ${v('avatar-text')};\n  background: ${v('avatar-bg')};\n  border-radius: ${v('radius-circle')};\n  font-size: ${v('font-size')};\n  font-weight: ${v('font-weight-semibold')};\n}\n\n.${p}-avatar img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.${p}-message-body {\n  display: flex;\n  flex-direction: column;\n  max-width: ${v('message-max-width')};\n  min-width: 0;\n}\n\n.${p}-message-row--outgoing .${p}-message-body {\n  align-items: flex-end;\n}\n\n.${p}-nickname {\n  margin-bottom: ${v('space-2')};\n  padding: 0 ${v('space-2')};\n  color: ${v('text-secondary')};\n  font-size: ${v('font-size-sm')};\n}\n\n.${p}-bubble {\n  position: relative;\n  max-width: 100%;\n  padding: ${v('space-5')} ${v('space-6')};\n  border-radius: ${v('radius-lg')};\n  word-break: break-word;\n  overflow-wrap: unknownwhere;\n  white-space: pre-wrap;\n  line-height: ${v('line-height-bubble')};\n}\n\n.${p}-bubble--incoming {\n  color: ${v('text-bubble-incoming')};\n  background: ${v('bg-bubble-incoming')};\n  border-top-left-radius: ${v('radius-xs')};\n}\n\n.${p}-bubble--outgoing {\n  color: ${v('text-bubble-outgoing')};\n  background: ${v('bg-bubble-outgoing')};\n  border-top-right-radius: ${v('radius-xs')};\n}\n\n.${p}-bubble--image {\n  padding: ${v('space-2')};\n  background: unset;\n}\n\n.${p}-bubble--image img {\n  display: block;\n  max-width: ${v('image-max-size')};\n  max-height: ${v('image-max-size')};\n  border-radius: ${v('radius-md')};\n  cursor: pointer;\n}\n\n.${p}-bubble--file {\n  display: flex;\n  align-items: center;\n  gap: ${v('space-5')};\n  min-width: ${v('file-bubble-min-width')};\n}\n\n.${p}-file-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${v('file-icon-size')};\n  height: ${v('file-icon-size')};\n  flex-shrink: 0;\n  background: ${v('bg-secondary')};\n  border-radius: ${v('radius-sm')};\n  font-size: ${v('font-size-lg')};\n}\n\n.${p}-file-info {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.${p}-file-name {\n  overflow: hidden;\n  font-size: ${v('font-size')};\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.${p}-file-size {\n  margin-top: ${v('space-1')};\n  color: ${v('text-secondary')};\n  font-size: ${v('font-size-sm')};\n}\n\n.${p}-system-message {\n  max-width: ${v('system-message-max-width')};\n  padding: ${v('space-2')} ${v('space-6')};\n  color: ${v('text-system')};\n  background: ${v('bg-system-message')};\n  border-radius: ${v('radius-pill')};\n  font-size: ${v('font-size-sm')};\n  text-align: center;\n}\n\n.${p}-message-footer {\n  display: flex;\n  align-items: center;\n  gap: ${v('space-3')};\n  margin-top: ${v('space-1')};\n  padding: 0 ${v('space-2')};\n}\n\n.${p}-message-row--outgoing .${p}-message-footer {\n  flex-direction: row-reverse;\n}\n\n.${p}-timestamp,\n.${p}-status {\n  font-size: ${v('font-size-xs')};\n}\n\n.${p}-timestamp {\n  color: ${v('text-timestamp')};\n}\n\n.${p}-status--sending { color: ${v('color-sending')}; }\n.${p}-status--sent { color: ${v('color-sent')}; }\n.${p}-status--delivered { color: ${v('color-delivered')}; }\n.${p}-status--read { color: ${v('color-read')}; }\n.${p}-status--failed {\n  color: ${v('color-failed')};\n  cursor: pointer;\n}\n\n.${p}-mention-tag,\n.${p}-link {\n  color: ${v('text-mention-tag')};\n  font-weight: ${v('font-weight-medium')};\n}\n\n.${p}-mention-tag {\n  cursor: pointer;\n}\n\n.${p}-mention-tag:hover,\n.${p}-link:hover {\n  text-decoration: underline;\n}\n\n.${p}-input-area {\n  display: flex;\n  align-items: flex-end;\n  gap: ${v('space-4')};\n  position: relative;\n  padding: ${v('space-5')} ${v('space-6')};\n  border-top: ${v('border-width')} solid ${v('border-primary')};\n  background: ${v('bg-input')};\n}\n\n.${p}-input-wrapper {\n  flex: 1;\n  min-width: 0;\n  position: relative;\n}\n\n.${p}-textarea {\n  width: 100%;\n  min-height: ${v('textarea-min-height')};\n  max-height: ${v('textarea-max-height')};\n  padding: ${v('space-4')} ${v('space-5')};\n  overflow-y: auto;\n  resize: none;\n  outline: none;\n  color: ${v('text-primary')};\n  background: ${v('bg-primary')};\n  border: ${v('border-width')} solid ${v('border-input')};\n  border-radius: ${v('radius-md')};\n  font-family: inherit;\n  font-size: ${v('font-size')};\n  line-height: ${v('line-height')};\n  transition: border-color ${v('transition-fast')}, box-shadow ${v('transition-fast')};\n}\n\n.${p}-textarea:focus {\n  border-color: ${v('border-input-focus')};\n  box-shadow: 0 0 0 ${v('border-width-drop')} ${v('bg-drop-overlay')};\n}\n\n.${p}-textarea::placeholder {\n  color: ${v('text-placeholder')};\n}\n\n.${p}-send-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${v('input-button-size')};\n  height: ${v('input-button-size')};\n  flex-shrink: 0;\n  color: ${v('btn-primary-text')};\n  background: ${v('btn-primary-bg')};\n  border: 0;\n  border-radius: ${v('radius-md')};\n  cursor: pointer;\n  transition: background ${v('transition-fast')}, opacity ${v('transition-fast')};\n}\n\n.${p}-send-btn:hover {\n  background: ${v('btn-primary-hover')};\n}\n\n.${p}-send-btn:disabled {\n  cursor: default;\n  opacity: .5;\n}\n\n.${p}-send-btn svg {\n  width: var(--size-7);\n  height: var(--size-7);\n}\n\n.${p}-mention-panel {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 100%;\n  z-index: ${v('z-mention')};\n  max-height: ${v('panel-max-height')};\n  margin-bottom: ${v('space-2')};\n  overflow-y: auto;\n  background: ${v('bg-mention')};\n  border: ${v('border-width')} solid ${v('border-mention')};\n  border-radius: ${v('radius-md')};\n  box-shadow: ${v('shadow-mention')};\n}\n\n.${p}-mention-item {\n  display: flex;\n  align-items: center;\n  gap: ${v('space-4')};\n  padding: ${v('space-4')} ${v('space-5')};\n  color: ${v('text-mention')};\n  cursor: pointer;\n  transition: background ${v('transition-fast')};\n}\n\n.${p}-mention-item:hover {\n  background: ${v('bg-mention-hover')};\n}\n\n.${p}-mention-item--active {\n  background: ${v('bg-mention-active')};\n}\n\n.${p}-mention-item-avatar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${v('mention-avatar-size')};\n  height: ${v('mention-avatar-size')};\n  flex-shrink: 0;\n  overflow: hidden;\n  color: ${v('avatar-text')};\n  background: ${v('avatar-bg')};\n  border-radius: ${v('radius-circle')};\n  font-size: ${v('font-size-sm')};\n  font-weight: ${v('font-weight-semibold')};\n}\n\n.${p}-mention-item-avatar img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.${p}-mention-item-name {\n  font-size: ${v('font-size')};\n}\n\n.${p}-empty {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  color: ${v('text-secondary')};\n  font-size: ${v('font-size')};\n}\n\n.${p}-toolbar {\n  display: flex;\n  align-items: center;\n  gap: ${v('space-1')};\n  padding: ${v('space-3')} ${v('space-4')};\n  background: ${v('bg-toolbar')};\n  border-bottom: ${v('border-width')} solid ${v('border-toolbar')};\n  border-radius: ${v('radius-md')} ${v('radius-md')} 0 0;\n}\n\n.${p}-toolbar-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${v('toolbar-button-size')};\n  height: ${v('toolbar-button-size')};\n  flex-shrink: 0;\n  padding: 0;\n  color: ${v('toolbar-icon-color')};\n  background: unset;\n  border: 0;\n  border-radius: ${v('radius-sm')};\n  cursor: pointer;\n  transition: background ${v('transition-fast')}, color ${v('transition-fast')};\n}\n\n.${p}-toolbar-btn svg {\n  width: var(--size-6);\n  height: var(--size-6);\n}\n\n.${p}-toolbar-btn:hover {\n  color: ${v('toolbar-icon-hover')};\n  background: ${v('bg-drop-overlay')};\n}\n\n.${p}-toolbar-btn--active {\n  color: ${v('toolbar-voice-active')};\n  background: ${v('bg-danger-soft')};\n}\n\n.${p}-toolbar-btn--active:hover {\n  color: ${v('toolbar-voice-active')};\n  background: ${v('bg-danger-soft')};\n}\n\n.${p}-drop-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: ${v('z-overlay')};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  background: ${v('bg-drop-overlay')};\n  border: ${v('border-width-drop')} dashed ${v('toolbar-icon-hover')};\n  border-radius: ${v('radius-md')};\n}\n\n.${p}-drop-overlay span {\n  color: ${v('toolbar-icon-hover')};\n  font-size: ${v('font-size-sm')};\n  font-weight: ${v('font-weight-medium')};\n}\n\n@keyframes ${p}-blink {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0; }\n}\n\n.${p}-bubble--streaming::after {\n  content: '';\n  display: inline-block;\n  width: ${v('border-width-drop')};\n  height: 1em;\n  margin-left: ${v('space-1')};\n  vertical-align: text-bottom;\n  background: currentColor;\n  animation: ${p}-blink 800ms infinite;\n}\n`;\n}\n\nfunction v(name: string): string {\n  return `var(${COMPONENT_CSS_VAR_PREFIX}-${name})`;\n}\n\nfunction toKebab(key: string): string {\n  return key.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);\n}\n"],"mappings":"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"}
+{"version":3,"file":"style-manager.cjs","names":[],"sources":["../../src/renderer/style-manager.ts"],"sourcesContent":["/**\r\n * @file style-manager.ts\r\n * @description style-manager 模块\r\n */\r\n\r\nimport type { ThemeTokens } from '../theme/tokens'\r\nimport {\r\n  COMPONENT_CSS_VAR_PREFIX,\r\n  cx,\r\n  DEFAULT_CLASS_PREFIX,\r\n  getStyleElementId,\r\n  normalizeClassPrefix,\r\n} from '../constants/dom'\r\n\r\nconst styleRefs = new WeakMap<Document, Map<string, number>>()\r\n\r\n/**\r\n * injectStyles - inject Styles function\r\n * @param tokens - Theme token values\r\n * @param prefix - CSS class prefix\r\n * @param targetRoot - Optional root that receives theme variables\r\n */\r\nexport function injectStyles(\r\n  tokens: ThemeTokens,\r\n  prefix: string = DEFAULT_CLASS_PREFIX,\r\n  targetRoot?: HTMLElement\r\n): void {\r\n  const normalizedPrefix = normalizeClassPrefix(prefix)\r\n  const styleId = getStyleElementId(normalizedPrefix)\r\n  const ownerDocument = resolveDocument(targetRoot?.ownerDocument)\r\n  const refs = getDocumentRefs(ownerDocument)\r\n  refs.set(styleId, (refs.get(styleId) ?? 0) + 1)\r\n  if (!ownerDocument.getElementById(styleId)) {\r\n    upsertStyle(ownerDocument, styleId, generateCSS(tokens, normalizedPrefix))\r\n  }\r\n  if (targetRoot) applyThemeTokens(targetRoot, tokens)\r\n}\r\n\r\n/**\r\n * updateStyles - update Styles function\r\n * @param tokens - Theme token values\r\n * @param prefix - CSS class prefix\r\n * @param targetRoot - Optional root that receives theme variables\r\n */\r\nexport function updateStyles(\r\n  tokens: ThemeTokens,\r\n  prefix: string = DEFAULT_CLASS_PREFIX,\r\n  targetRoot?: HTMLElement\r\n): void {\r\n  const normalizedPrefix = normalizeClassPrefix(prefix)\r\n  const styleId = getStyleElementId(normalizedPrefix)\r\n  if (targetRoot) {\r\n    applyThemeTokens(targetRoot, tokens)\r\n  } else {\r\n    const ownerDocument = resolveDocument()\r\n    upsertStyle(ownerDocument, styleId, generateCSS(tokens, normalizedPrefix))\r\n  }\r\n}\r\n\r\n/**\r\n * removeStyles - remove Styles function\r\n * @param prefix - CSS class prefix\r\n * @param ownerDocument - Document that owns the injected stylesheet\r\n */\r\nexport function removeStyles(\r\n  prefix: string = DEFAULT_CLASS_PREFIX,\r\n  ownerDocument?: Document\r\n): void {\r\n  const doc = resolveDocument(ownerDocument)\r\n  const refsByStyle = getDocumentRefs(doc)\r\n  const styleId = getStyleElementId(prefix)\r\n  const refs = refsByStyle.get(styleId) ?? 0\r\n  if (refs > 1) {\r\n    refsByStyle.set(styleId, refs - 1)\r\n    return\r\n  }\r\n\r\n  refsByStyle.delete(styleId)\r\n  doc.getElementById(styleId)?.remove()\r\n}\r\n\r\n/**\r\n * cls - cls function\r\n * @param prefix - CSS class prefix\r\n * @param parts - Class name parts\r\n */\r\nexport function cls(prefix: string, ...parts: string[]): string {\r\n  const normalizedPrefix = normalizeClassPrefix(prefix)\r\n  return parts.map(part => `${normalizedPrefix}-${part}`).join(' ')\r\n}\r\n\r\nexport const clsx = cx\r\n\r\nfunction upsertStyle(\r\n  ownerDocument: Document,\r\n  styleId: string,\r\n  cssText: string\r\n): void {\r\n  let style = ownerDocument.getElementById(styleId) as HTMLStyleElement | null\r\n  if (!style) {\r\n    style = ownerDocument.createElement('style')\r\n    style.id = styleId\r\n    style.dataset.ldesignChat = 'true'\r\n    ;(ownerDocument.head ?? ownerDocument.documentElement).appendChild(style)\r\n  }\r\n  style.textContent = cssText\r\n}\r\n\r\nexport function applyThemeTokens(root: HTMLElement, tokens: ThemeTokens): void {\r\n  Object.entries(themeVariableMap(tokens)).forEach(([name, value]) => {\r\n    root.style.setProperty(name, value)\r\n  })\r\n}\r\n\r\nfunction resolveDocument(ownerDocument?: Document): Document {\r\n  if (ownerDocument) return ownerDocument\r\n  if (typeof document !== 'undefined') return document\r\n  throw new Error('[Chat] Styles require a browser Document.')\r\n}\r\n\r\nfunction getDocumentRefs(ownerDocument: Document): Map<string, number> {\r\n  let refs = styleRefs.get(ownerDocument)\r\n  if (!refs) {\r\n    refs = new Map()\r\n    styleRefs.set(ownerDocument, refs)\r\n  }\r\n  return refs\r\n}\r\n\r\nfunction tokenVars(t: ThemeTokens): string {\r\n  return Object.entries(themeVariableMap(t))\r\n    .map(([key, value]) => `  ${key}: ${value};`)\r\n    .join('\\n')\r\n}\r\n\r\nfunction themeVariableMap(t: ThemeTokens): Record<string, string> {\r\n  const vars: Record<string, string> = {\r\n    bgPrimary: t.bgPrimary,\r\n    bgSecondary: t.bgSecondary,\r\n    bgBubbleOutgoing: t.bgBubbleOutgoing,\r\n    bgBubbleIncoming: t.bgBubbleIncoming,\r\n    bgInput: t.bgInput,\r\n    bgMention: t.bgMention,\r\n    bgMentionHover: t.bgMentionHover,\r\n    bgMentionActive: t.bgMentionActive,\r\n    bgLoadMore: t.bgLoadMore,\r\n    bgSystemMessage: t.bgSystemMessage,\r\n    bgDropOverlay: t.bgDropOverlay,\r\n    bgDangerSoft: t.bgDangerSoft,\r\n    textPrimary: t.textPrimary,\r\n    textSecondary: t.textSecondary,\r\n    textBubbleOutgoing: t.textBubbleOutgoing,\r\n    textBubbleIncoming: t.textBubbleIncoming,\r\n    textMention: t.textMention,\r\n    textMentionTag: t.textMentionTag,\r\n    textTimestamp: t.textTimestamp,\r\n    textSystem: t.textSystem,\r\n    textPlaceholder: t.textPlaceholder,\r\n    borderPrimary: t.borderPrimary,\r\n    borderInput: t.borderInput,\r\n    borderInputFocus: t.borderInputFocus,\r\n    borderMention: t.borderMention,\r\n    colorSending: t.colorSending,\r\n    colorSent: t.colorSent,\r\n    colorDelivered: t.colorDelivered,\r\n    colorRead: t.colorRead,\r\n    colorFailed: t.colorFailed,\r\n    colorLink: t.colorLink,\r\n    shadowPanel: t.shadowPanel,\r\n    shadowMention: t.shadowMention,\r\n    avatarBg: t.avatarBg,\r\n    avatarText: t.avatarText,\r\n    btnPrimaryBg: t.btnPrimaryBg,\r\n    btnPrimaryText: t.btnPrimaryText,\r\n    btnPrimaryHover: t.btnPrimaryHover,\r\n    scrollbarThumb: t.scrollbarThumb,\r\n    scrollbarTrack: t.scrollbarTrack,\r\n    bgToolbar: t.bgToolbar,\r\n    borderToolbar: t.borderToolbar,\r\n    toolbarIconColor: t.toolbarIconColor,\r\n    toolbarIconHover: t.toolbarIconHover,\r\n    toolbarVoiceActive: t.toolbarVoiceActive,\r\n  }\r\n\r\n  return Object.fromEntries(\r\n    Object.entries(vars).map(([key, value]) => [\r\n      `${COMPONENT_CSS_VAR_PREFIX}-${toKebab(key)}`,\r\n      value,\r\n    ])\r\n  )\r\n}\r\n\r\nfunction sizeVars(): string {\r\n  return `\r\n  ${COMPONENT_CSS_VAR_PREFIX}-font-family: var(--ld-font-family);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-font-size: var(--ld-font-base);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-font-size-sm: var(--ld-font-sm);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-font-size-xs: var(--ld-font-xs);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-font-size-lg: var(--ld-font-lg);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-font-weight-regular: 400;\r\n  ${COMPONENT_CSS_VAR_PREFIX}-font-weight-medium: 500;\r\n  ${COMPONENT_CSS_VAR_PREFIX}-font-weight-semibold: 600;\r\n  ${COMPONENT_CSS_VAR_PREFIX}-line-height: var(--ld-line-normal);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-line-height-bubble: 1.6;\r\n  ${COMPONENT_CSS_VAR_PREFIX}-space-1: var(--ld-spacing-3xs);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-space-2: var(--ld-spacing-2xs);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-space-3: var(--ld-spacing-xs);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-space-4: var(--ld-spacing-sm);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-space-5: var(--ld-spacing-md);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-space-6: var(--ld-spacing-lg);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-space-8: var(--ld-spacing-xl);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-avatar-size: calc(var(--ld-px-40) + var(--ld-px-4));\r\n  ${COMPONENT_CSS_VAR_PREFIX}-mention-avatar-size: var(--ld-px-36);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-toolbar-button-size: var(--ld-px-36);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-input-button-size: calc(var(--ld-px-40) + var(--ld-px-4));\r\n  ${COMPONENT_CSS_VAR_PREFIX}-file-icon-size: var(--ld-px-48);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-image-max-size: var(--ld-px-260);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-panel-max-height: var(--ld-px-220);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-textarea-min-height: calc(var(--ld-px-40) + var(--ld-px-4));\r\n  ${COMPONENT_CSS_VAR_PREFIX}-textarea-max-height: calc(var(--ld-px-64) + var(--ld-px-56));\r\n  ${COMPONENT_CSS_VAR_PREFIX}-message-max-width: 65%;\r\n  ${COMPONENT_CSS_VAR_PREFIX}-system-message-max-width: 80%;\r\n  ${COMPONENT_CSS_VAR_PREFIX}-file-bubble-min-width: var(--ld-px-220);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-border-width: var(--ld-border-width-thin);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-border-width-drop: var(--ld-border-width-medium);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-xs: var(--ld-radius-sm);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-sm: var(--ld-radius-md);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-md: var(--ld-radius-lg);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-lg: var(--ld-radius-xl);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-pill: var(--ld-radius-full);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-radius-circle: var(--ld-radius-full);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-transition-normal: 200ms cubic-bezier(0.4, 0, 0.2, 1);\r\n  ${COMPONENT_CSS_VAR_PREFIX}-z-overlay: 1000;\r\n  ${COMPONENT_CSS_VAR_PREFIX}-z-mention: 1100;\r\n  ${COMPONENT_CSS_VAR_PREFIX}-icon-size: var(--ld-px-24);\r\n`\r\n}\r\n\r\nfunction generateCSS(tokens: ThemeTokens, p: string): string {\r\n  return `\r\n/* @composy/chat-core styles */\r\n.${p}-container,\r\n.${p}-container * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.${p}-container {\r\n${tokenVars(tokens)}\r\n${sizeVars()}\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  position: relative;\r\n  background: ${v('bg-primary')};\r\n  color: ${v('text-primary')};\r\n  font-family: ${v('font-family')};\r\n  font-size: ${v('font-size')};\r\n  line-height: ${v('line-height')};\r\n  border: ${v('border-width')} solid ${v('border-primary')};\r\n  border-radius: ${v('radius-md')};\r\n  box-shadow: ${v('shadow-panel')};\r\n}\r\n\r\n.${p}-message-list {\r\n  flex: 1;\r\n  min-width: 0;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  padding: ${v('space-6')};\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n.${p}-message-list::-webkit-scrollbar {\r\n  width: var(--ld-px-4);\r\n}\r\n\r\n.${p}-message-list::-webkit-scrollbar-thumb {\r\n  background: ${v('scrollbar-thumb')};\r\n  border-radius: ${v('radius-pill')};\r\n}\r\n\r\n.${p}-message-list::-webkit-scrollbar-track {\r\n  background: ${v('scrollbar-track')};\r\n}\r\n\r\n.${p}-load-more {\r\n  margin-bottom: ${v('space-5')};\r\n  padding: ${v('space-5')};\r\n  text-align: center;\r\n  color: ${v('color-link')};\r\n  font-size: ${v('font-size-sm')};\r\n  background: ${v('bg-load-more')};\r\n  border-radius: ${v('radius-sm')};\r\n  cursor: pointer;\r\n  user-select: none;\r\n  transition: opacity ${v('transition-fast')}, background ${v('transition-fast')};\r\n}\r\n\r\n.${p}-load-more:hover {\r\n  background: ${v('bg-mention-hover')};\r\n}\r\n\r\n.${p}-load-more--loading {\r\n  cursor: default;\r\n  opacity: .6;\r\n}\r\n\r\n.${p}-time-divider {\r\n  padding: ${v('space-4')} 0;\r\n  color: ${v('text-timestamp')};\r\n  font-size: ${v('font-size-sm')};\r\n  text-align: center;\r\n  user-select: none;\r\n}\r\n\r\n.${p}-time-divider span {\r\n  padding: ${v('space-1')} ${v('space-5')};\r\n  background: ${v('bg-secondary')};\r\n  border-radius: ${v('radius-pill')};\r\n}\r\n\r\n.${p}-message-row {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: ${v('space-4')};\r\n  margin-bottom: ${v('space-5')};\r\n}\r\n\r\n.${p}-message-row--outgoing {\r\n  flex-direction: row-reverse;\r\n}\r\n\r\n.${p}-message-row--system {\r\n  justify-content: center;\r\n}\r\n\r\n.${p}-avatar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: ${v('avatar-size')};\r\n  height: ${v('avatar-size')};\r\n  overflow: hidden;\r\n  flex-shrink: 0;\r\n  color: ${v('avatar-text')};\r\n  background: ${v('avatar-bg')};\r\n  border-radius: ${v('radius-circle')};\r\n  font-size: ${v('font-size')};\r\n  font-weight: ${v('font-weight-semibold')};\r\n}\r\n\r\n.${p}-avatar img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.${p}-message-body {\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-width: ${v('message-max-width')};\r\n  min-width: 0;\r\n}\r\n\r\n.${p}-message-row--outgoing .${p}-message-body {\r\n  align-items: flex-end;\r\n}\r\n\r\n.${p}-nickname {\r\n  margin-bottom: ${v('space-2')};\r\n  padding: 0 ${v('space-2')};\r\n  color: ${v('text-secondary')};\r\n  font-size: ${v('font-size-sm')};\r\n}\r\n\r\n.${p}-bubble {\r\n  position: relative;\r\n  max-width: 100%;\r\n  padding: ${v('space-5')} ${v('space-6')};\r\n  border-radius: ${v('radius-lg')};\r\n  word-break: break-word;\r\n  overflow-wrap: unknownwhere;\r\n  white-space: pre-wrap;\r\n  line-height: ${v('line-height-bubble')};\r\n}\r\n\r\n.${p}-bubble--incoming {\r\n  color: ${v('text-bubble-incoming')};\r\n  background: ${v('bg-bubble-incoming')};\r\n  border-top-left-radius: ${v('radius-xs')};\r\n}\r\n\r\n.${p}-bubble--outgoing {\r\n  color: ${v('text-bubble-outgoing')};\r\n  background: ${v('bg-bubble-outgoing')};\r\n  border-top-right-radius: ${v('radius-xs')};\r\n}\r\n\r\n.${p}-bubble--image {\r\n  padding: ${v('space-2')};\r\n  background: unset;\r\n}\r\n\r\n.${p}-bubble--image img {\r\n  display: block;\r\n  max-width: ${v('image-max-size')};\r\n  max-height: ${v('image-max-size')};\r\n  border-radius: ${v('radius-md')};\r\n  cursor: pointer;\r\n}\r\n\r\n.${p}-bubble--file {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: ${v('space-5')};\r\n  min-width: ${v('file-bubble-min-width')};\r\n}\r\n\r\n.${p}-file-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: ${v('file-icon-size')};\r\n  height: ${v('file-icon-size')};\r\n  flex-shrink: 0;\r\n  background: ${v('bg-secondary')};\r\n  border-radius: ${v('radius-sm')};\r\n  font-size: ${v('font-size-lg')};\r\n}\r\n\r\n.${p}-file-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.${p}-file-name {\r\n  overflow: hidden;\r\n  font-size: ${v('font-size')};\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.${p}-file-size {\r\n  margin-top: ${v('space-1')};\r\n  color: ${v('text-secondary')};\r\n  font-size: ${v('font-size-sm')};\r\n}\r\n\r\n.${p}-system-message {\r\n  max-width: ${v('system-message-max-width')};\r\n  padding: ${v('space-2')} ${v('space-6')};\r\n  color: ${v('text-system')};\r\n  background: ${v('bg-system-message')};\r\n  border-radius: ${v('radius-pill')};\r\n  font-size: ${v('font-size-sm')};\r\n  text-align: center;\r\n}\r\n\r\n.${p}-message-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: ${v('space-3')};\r\n  margin-top: ${v('space-1')};\r\n  padding: 0 ${v('space-2')};\r\n}\r\n\r\n.${p}-message-row--outgoing .${p}-message-footer {\r\n  flex-direction: row-reverse;\r\n}\r\n\r\n.${p}-timestamp,\r\n.${p}-status {\r\n  font-size: ${v('font-size-xs')};\r\n}\r\n\r\n.${p}-timestamp {\r\n  color: ${v('text-timestamp')};\r\n}\r\n\r\n.${p}-status--sending { color: ${v('color-sending')}; }\r\n.${p}-status--sent { color: ${v('color-sent')}; }\r\n.${p}-status--delivered { color: ${v('color-delivered')}; }\r\n.${p}-status--read { color: ${v('color-read')}; }\r\n.${p}-status--failed {\r\n  color: ${v('color-failed')};\r\n  cursor: pointer;\r\n}\r\n\r\n.${p}-mention-tag,\r\n.${p}-link {\r\n  color: ${v('text-mention-tag')};\r\n  font-weight: ${v('font-weight-medium')};\r\n}\r\n\r\n.${p}-mention-tag {\r\n  cursor: pointer;\r\n}\r\n\r\n.${p}-mention-tag:hover,\r\n.${p}-link:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.${p}-input-area {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  gap: ${v('space-4')};\r\n  position: relative;\r\n  padding: ${v('space-5')} ${v('space-6')};\r\n  border-top: ${v('border-width')} solid ${v('border-primary')};\r\n  background: ${v('bg-input')};\r\n}\r\n\r\n.${p}-input-wrapper {\r\n  flex: 1;\r\n  min-width: 0;\r\n  position: relative;\r\n}\r\n\r\n.${p}-textarea {\r\n  width: 100%;\r\n  min-height: ${v('textarea-min-height')};\r\n  max-height: ${v('textarea-max-height')};\r\n  padding: ${v('space-4')} ${v('space-5')};\r\n  overflow-y: auto;\r\n  resize: none;\r\n  outline: none;\r\n  color: ${v('text-primary')};\r\n  background: ${v('bg-primary')};\r\n  border: ${v('border-width')} solid ${v('border-input')};\r\n  border-radius: ${v('radius-md')};\r\n  font-family: inherit;\r\n  font-size: ${v('font-size')};\r\n  line-height: ${v('line-height')};\r\n  transition: border-color ${v('transition-fast')}, box-shadow ${v('transition-fast')};\r\n}\r\n\r\n.${p}-textarea:focus {\r\n  border-color: ${v('border-input-focus')};\r\n  box-shadow: 0 0 0 ${v('border-width-drop')} ${v('bg-drop-overlay')};\r\n}\r\n\r\n.${p}-textarea::placeholder {\r\n  color: ${v('text-placeholder')};\r\n}\r\n\r\n.${p}-send-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: ${v('input-button-size')};\r\n  height: ${v('input-button-size')};\r\n  flex-shrink: 0;\r\n  color: ${v('btn-primary-text')};\r\n  background: ${v('btn-primary-bg')};\r\n  border: 0;\r\n  border-radius: ${v('radius-md')};\r\n  cursor: pointer;\r\n  transition: background ${v('transition-fast')}, opacity ${v('transition-fast')};\r\n}\r\n\r\n.${p}-send-btn:hover {\r\n  background: ${v('btn-primary-hover')};\r\n}\r\n\r\n.${p}-send-btn:disabled {\r\n  cursor: default;\r\n  opacity: .5;\r\n}\r\n\r\n.${p}-send-btn svg {\r\n  width: var(--ldesign-chat-icon-size);\r\n  height: var(--ldesign-chat-icon-size);\r\n}\r\n\r\n.${p}-mention-panel {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 100%;\r\n  z-index: ${v('z-mention')};\r\n  max-height: ${v('panel-max-height')};\r\n  margin-bottom: ${v('space-2')};\r\n  overflow-y: auto;\r\n  background: ${v('bg-mention')};\r\n  border: ${v('border-width')} solid ${v('border-mention')};\r\n  border-radius: ${v('radius-md')};\r\n  box-shadow: ${v('shadow-mention')};\r\n}\r\n\r\n.${p}-mention-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: ${v('space-4')};\r\n  padding: ${v('space-4')} ${v('space-5')};\r\n  color: ${v('text-mention')};\r\n  cursor: pointer;\r\n  transition: background ${v('transition-fast')};\r\n}\r\n\r\n.${p}-mention-item:hover {\r\n  background: ${v('bg-mention-hover')};\r\n}\r\n\r\n.${p}-mention-item--active {\r\n  background: ${v('bg-mention-active')};\r\n}\r\n\r\n.${p}-mention-item-avatar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: ${v('mention-avatar-size')};\r\n  height: ${v('mention-avatar-size')};\r\n  flex-shrink: 0;\r\n  overflow: hidden;\r\n  color: ${v('avatar-text')};\r\n  background: ${v('avatar-bg')};\r\n  border-radius: ${v('radius-circle')};\r\n  font-size: ${v('font-size-sm')};\r\n  font-weight: ${v('font-weight-semibold')};\r\n}\r\n\r\n.${p}-mention-item-avatar img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.${p}-mention-item-name {\r\n  font-size: ${v('font-size')};\r\n}\r\n\r\n.${p}-empty {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 100%;\r\n  color: ${v('text-secondary')};\r\n  font-size: ${v('font-size')};\r\n}\r\n\r\n.${p}-toolbar {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: ${v('space-1')};\r\n  padding: ${v('space-3')} ${v('space-4')};\r\n  background: ${v('bg-toolbar')};\r\n  border-bottom: ${v('border-width')} solid ${v('border-toolbar')};\r\n  border-radius: ${v('radius-md')} ${v('radius-md')} 0 0;\r\n}\r\n\r\n.${p}-toolbar-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: ${v('toolbar-button-size')};\r\n  height: ${v('toolbar-button-size')};\r\n  flex-shrink: 0;\r\n  padding: 0;\r\n  color: ${v('toolbar-icon-color')};\r\n  background: unset;\r\n  border: 0;\r\n  border-radius: ${v('radius-sm')};\r\n  cursor: pointer;\r\n  transition: background ${v('transition-fast')}, color ${v('transition-fast')};\r\n}\r\n\r\n.${p}-toolbar-btn svg {\r\n  width: var(--ldesign-chat-space-6);\r\n  height: var(--ldesign-chat-space-6);\r\n}\r\n\r\n.${p}-toolbar-btn:hover {\r\n  color: ${v('toolbar-icon-hover')};\r\n  background: ${v('bg-drop-overlay')};\r\n}\r\n\r\n.${p}-toolbar-btn--active {\r\n  color: ${v('toolbar-voice-active')};\r\n  background: ${v('bg-danger-soft')};\r\n}\r\n\r\n.${p}-toolbar-btn--active:hover {\r\n  color: ${v('toolbar-voice-active')};\r\n  background: ${v('bg-danger-soft')};\r\n}\r\n\r\n.${p}-drop-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: ${v('z-overlay')};\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  pointer-events: none;\r\n  background: ${v('bg-drop-overlay')};\r\n  border: ${v('border-width-drop')} dashed ${v('toolbar-icon-hover')};\r\n  border-radius: ${v('radius-md')};\r\n}\r\n\r\n.${p}-drop-overlay span {\r\n  color: ${v('toolbar-icon-hover')};\r\n  font-size: ${v('font-size-sm')};\r\n  font-weight: ${v('font-weight-medium')};\r\n}\r\n\r\n@keyframes ${p}-blink {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0; }\r\n}\r\n\r\n.${p}-bubble--streaming::after {\r\n  content: '';\r\n  display: inline-block;\r\n  width: ${v('border-width-drop')};\r\n  height: 1em;\r\n  margin-left: ${v('space-1')};\r\n  vertical-align: text-bottom;\r\n  background: currentColor;\r\n  animation: ${p}-blink 800ms infinite;\r\n}\r\n`\r\n}\r\n\r\nfunction v(name: string): string {\r\n  return `var(${COMPONENT_CSS_VAR_PREFIX}-${name})`\r\n}\r\n\r\nfunction toKebab(key: string): string {\r\n  return key.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)\r\n}\r\n"],"mappings":"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"}

package/lib/renderer/style-manager.d.cts

@@ -0,0 +1,34 @@
+/**
+ * @file style-manager.ts
+ * @description style-manager 模块
+ */
+import type { ThemeTokens } from '../theme/tokens';
+import { cx } from '../constants/dom';
+/**
+ * injectStyles - inject Styles function
+ * @param tokens - Theme token values
+ * @param prefix - CSS class prefix
+ * @param targetRoot - Optional root that receives theme variables
+ */
+export declare function injectStyles(tokens: ThemeTokens, prefix?: string, targetRoot?: HTMLElement): void;
+/**
+ * updateStyles - update Styles function
+ * @param tokens - Theme token values
+ * @param prefix - CSS class prefix
+ * @param targetRoot - Optional root that receives theme variables
+ */
+export declare function updateStyles(tokens: ThemeTokens, prefix?: string, targetRoot?: HTMLElement): void;
+/**
+ * removeStyles - remove Styles function
+ * @param prefix - CSS class prefix
+ * @param ownerDocument - Document that owns the injected stylesheet
+ */
+export declare function removeStyles(prefix?: string, ownerDocument?: Document): void;
+/**
+ * cls - cls function
+ * @param prefix - CSS class prefix
+ * @param parts - Class name parts
+ */
+export declare function cls(prefix: string, ...parts: string[]): string;
+export declare const clsx: typeof cx;
+export declare function applyThemeTokens(root: HTMLElement, tokens: ThemeTokens): void;

package/lib/renderer/style-manager.d.ts

@@ -4,55 +4,31 @@
  */
 import type { ThemeTokens } from '../theme/tokens';
 import { cx } from '../constants/dom';
-/**
- * injectStyles 函数
- * @param tokens - 参数
- * @param prefix - 参数
- * @returns 返回值
- */
 /**
  * injectStyles - inject Styles function
- * @param tokens - 参数说明
- * @param prefix - 参数说明
- * @returns 返回值说明
- */
-export declare function injectStyles(tokens: ThemeTokens, prefix?: string): void;
-/**
- * updateStyles 函数
- * @param tokens - 参数
- * @param prefix - 参数
- * @returns 返回值
+ * @param tokens - Theme token values
+ * @param prefix - CSS class prefix
+ * @param targetRoot - Optional root that receives theme variables
  */
+export declare function injectStyles(tokens: ThemeTokens, prefix?: string, targetRoot?: HTMLElement): void;
 /**
  * updateStyles - update Styles function
- * @param tokens - 参数说明
- * @param prefix - 参数说明
- * @returns 返回值说明
- */
-export declare function updateStyles(tokens: ThemeTokens, prefix?: string): void;
-/**
- * removeStyles 函数
- * @param prefix - 参数
- * @returns 返回值
+ * @param tokens - Theme token values
+ * @param prefix - CSS class prefix
+ * @param targetRoot - Optional root that receives theme variables
  */
+export declare function updateStyles(tokens: ThemeTokens, prefix?: string, targetRoot?: HTMLElement): void;
 /**
  * removeStyles - remove Styles function
- * @param prefix - 参数说明
- * @returns 返回值说明
- */
-export declare function removeStyles(prefix?: string): void;
-/**
- * cls 函数
- * @param prefix - 参数
- * @param ...parts - 参数
- * @returns 返回值
+ * @param prefix - CSS class prefix
+ * @param ownerDocument - Document that owns the injected stylesheet
  */
+export declare function removeStyles(prefix?: string, ownerDocument?: Document): void;
 /**
  * cls - cls function
- * @param prefix - 参数说明
- * @param ...parts - 参数说明
- * @returns 返回值说明
+ * @param prefix - CSS class prefix
+ * @param parts - Class name parts
  */
 export declare function cls(prefix: string, ...parts: string[]): string;
 export declare const clsx: typeof cx;
-//# sourceMappingURL=style-manager.d.ts.map
+export declare function applyThemeTokens(root: HTMLElement, tokens: ThemeTokens): void;

package/lib/theme/theme-manager.cjs

@@ -1,8 +1,8 @@
 /*!
 * ***********************************
-* @composy/chat-core v0.0.1       *
+* @composy/chat-core v0.0.2       *
 * Built with rollup               *
-* Build time: 2024-08-17 11:30:32 *
+* Build time: 2024-10-12 21:52:18 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -11,11 +11,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_tokens = require("./tokens.cjs");
 //#region src/theme/theme-manager.ts
 var ThemeManager = class {
-	constructor(emitter, mode) {
+	constructor(emitter, mode, view) {
 		this.mode = "light";
 		this.mediaQuery = null;
 		this.mediaHandler = null;
+		this.destroyed = false;
 		this.emitter = emitter;
+		this.view = view === void 0 ? typeof window === "undefined" ? null : window : view;
 		if (mode) this.setTheme(mode);
 	}
 	/** 获取当前模式 */
@@ -33,6 +35,7 @@ var ThemeManager = class {
 	}
 	/** 设置主题 */
 	setTheme(mode) {
+		if (this.destroyed) return;
 		this.cleanupMediaListener();
 		this.mode = mode;
 		if (mode === "auto") this.setupMediaListener();
@@ -40,28 +43,35 @@ var ThemeManager = class {
 	}
 	/** 获取系统主题偏好 */
 	getSystemTheme() {
-		if (typeof window === "undefined") return "light";
-		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+		const matchMedia = this.view?.matchMedia;
+		if (!matchMedia) return "light";
+		return matchMedia.call(this.view, "(prefers-color-scheme: dark)").matches ? "dark" : "light";
 	}
 	/** 监听系统主题变化 */
 	setupMediaListener() {
-		if (typeof window === "undefined") return;
-		this.mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+		if (!this.view?.matchMedia) return;
+		this.mediaQuery = this.view.matchMedia("(prefers-color-scheme: dark)");
 		this.mediaHandler = () => {
 			this.emitter.emit("theme-change", this.getResolvedTheme(), this.getTokens());
 		};
-		this.mediaQuery.addEventListener("change", this.mediaHandler);
+		const query = this.mediaQuery;
+		if (typeof query.addEventListener === "function") query.addEventListener("change", this.mediaHandler);
+		else query.addListener?.(this.mediaHandler);
 	}
 	/** 清理监听器 */
 	cleanupMediaListener() {
 		if (this.mediaQuery && this.mediaHandler) {
-			this.mediaQuery.removeEventListener("change", this.mediaHandler);
+			const query = this.mediaQuery;
+			if (typeof query.removeEventListener === "function") query.removeEventListener("change", this.mediaHandler);
+			else query.removeListener?.(this.mediaHandler);
 			this.mediaQuery = null;
 			this.mediaHandler = null;
 		}
 	}
 	/** 销毁 */
 	destroy() {
+		if (this.destroyed) return;
+		this.destroyed = true;
 		this.cleanupMediaListener();
 	}
 };

package/lib/theme/theme-manager.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme-manager.cjs","names":[],"sources":["../../src/theme/theme-manager.ts"],"sourcesContent":["/**\n * 主题管理器\n */\n\nimport type { ThemeMode } from '../types';\nimport type { ThemeTokens } from './tokens';\nimport { lightTokens, darkTokens } from './tokens';\nimport { EventEmitter } from '../core/event-emitter';\n\n/**\n * ThemeManager - Theme Manager class\n */\nexport class ThemeManager {\n  private mode: ThemeMode = 'light';\n  private emitter: EventEmitter;\n  private mediaQuery: MediaQueryList | null = null;\n  private mediaHandler: ((e: MediaQueryListEvent) => void) | null = null;\n\n  constructor(emitter: EventEmitter, mode?: ThemeMode) {\n    this.emitter = emitter;\n    if (mode) this.setTheme(mode);\n  }\n\n  /** 获取当前模式 */\n  getMode(): ThemeMode {\n    return this.mode;\n  }\n\n  /** 获取当前实际主题（auto 时解析为 light/dark） */\n  getResolvedTheme(): 'light' | 'dark' {\n    if (this.mode === 'auto') {\n      return this.getSystemTheme();\n    }\n    return this.mode;\n  }\n\n  /** 获取当前主题令牌 */\n  getTokens(): ThemeTokens {\n    return this.getResolvedTheme() === 'dark' ? darkTokens : lightTokens;\n  }\n\n  /** 设置主题 */\n  setTheme(mode: ThemeMode): void {\n    this.cleanupMediaListener();\n    this.mode = mode;\n\n    if (mode === 'auto') {\n      this.setupMediaListener();\n    }\n\n    this.emitter.emit('theme-change', this.getResolvedTheme(), this.getTokens());\n  }\n\n  /** 获取系统主题偏好 */\n  private getSystemTheme(): 'light' | 'dark' {\n    if (typeof window === 'undefined') return 'light';\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n  }\n\n  /** 监听系统主题变化 */\n  private setupMediaListener(): void {\n    if (typeof window === 'undefined') return;\n    this.mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    this.mediaHandler = () => {\n      this.emitter.emit('theme-change', this.getResolvedTheme(), this.getTokens());\n    };\n    this.mediaQuery.addEventListener('change', this.mediaHandler);\n  }\n\n  /** 清理监听器 */\n  private cleanupMediaListener(): void {\n    if (this.mediaQuery && this.mediaHandler) {\n      this.mediaQuery.removeEventListener('change', this.mediaHandler);\n      this.mediaQuery = null;\n      this.mediaHandler = null;\n    }\n  }\n\n  /** 销毁 */\n  destroy(): void {\n    this.cleanupMediaListener();\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAYO,IAAM,eAAN,MAAmB;CAMxB,YAAY,SAAuB,MAAkB;EALrD,KAAQ,OAAkB;EAE1B,KAAQ,aAAoC;EAC5C,KAAQ,eAA0D;EAGhE,KAAK,UAAU;EACf,IAAI,MAAM,KAAK,SAAS,IAAI;CAC9B;;CAGA,UAAqB;EACnB,OAAO,KAAK;CACd;;CAGA,mBAAqC;EACnC,IAAI,KAAK,SAAS,QAChB,OAAO,KAAK,eAAe;EAE7B,OAAO,KAAK;CACd;;CAGA,YAAyB;EACvB,OAAO,KAAK,iBAAiB,MAAM,SAAS,eAAA,aAAa,eAAA;CAC3D;;CAGA,SAAS,MAAuB;EAC9B,KAAK,qBAAqB;EAC1B,KAAK,OAAO;EAEZ,IAAI,SAAS,QACX,KAAK,mBAAmB;EAG1B,KAAK,QAAQ,KAAK,gBAAgB,KAAK,iBAAiB,GAAG,KAAK,UAAU,CAAC;CAC7E;;CAGQ,iBAAmC;EACzC,IAAI,OAAO,WAAW,aAAa,OAAO;EAC1C,OAAO,OAAO,WAAW,8BAA8B,CAAA,CAAE,UAAU,SAAS;CAC9E;;CAGQ,qBAA2B;EACjC,IAAI,OAAO,WAAW,aAAa;EACnC,KAAK,aAAa,OAAO,WAAW,8BAA8B;EAClE,KAAK,qBAAqB;GACxB,KAAK,QAAQ,KAAK,gBAAgB,KAAK,iBAAiB,GAAG,KAAK,UAAU,CAAC;EAC7E;EACA,KAAK,WAAW,iBAAiB,UAAU,KAAK,YAAY;CAC9D;;CAGQ,uBAA6B;EACnC,IAAI,KAAK,cAAc,KAAK,cAAc;GACxC,KAAK,WAAW,oBAAoB,UAAU,KAAK,YAAY;GAC/D,KAAK,aAAa;GAClB,KAAK,eAAe;EACtB;CACF;;CAGA,UAAgB;EACd,KAAK,qBAAqB;CAC5B;AACF"}
+{"version":3,"file":"theme-manager.cjs","names":[],"sources":["../../src/theme/theme-manager.ts"],"sourcesContent":["/**\r\n * 主题管理器\r\n */\r\n\r\nimport type { EventEmitter } from '../core/event-emitter'\r\nimport type { ThemeMode } from '../types'\r\nimport type { ThemeTokens } from './tokens'\r\nimport { darkTokens, lightTokens } from './tokens'\r\n\r\n/**\r\n * ThemeManager - Theme Manager class\r\n */\r\nexport class ThemeManager {\r\n  private mode: ThemeMode = 'light'\r\n  private emitter: EventEmitter\r\n  private mediaQuery: MediaQueryList | null = null\r\n  private mediaHandler: ((e: MediaQueryListEvent) => void) | null = null\r\n  private view: Window | null\r\n  private destroyed = false\r\n\r\n  constructor(emitter: EventEmitter, mode?: ThemeMode, view?: Window | null) {\r\n    this.emitter = emitter\r\n    this.view =\r\n      view === undefined\r\n        ? typeof window === 'undefined'\r\n          ? null\r\n          : window\r\n        : view\r\n    if (mode) this.setTheme(mode)\r\n  }\r\n\r\n  /** 获取当前模式 */\r\n  getMode(): ThemeMode {\r\n    return this.mode\r\n  }\r\n\r\n  /** 获取当前实际主题（auto 时解析为 light/dark） */\r\n  getResolvedTheme(): 'light' | 'dark' {\r\n    if (this.mode === 'auto') {\r\n      return this.getSystemTheme()\r\n    }\r\n    return this.mode\r\n  }\r\n\r\n  /** 获取当前主题令牌 */\r\n  getTokens(): ThemeTokens {\r\n    return this.getResolvedTheme() === 'dark' ? darkTokens : lightTokens\r\n  }\r\n\r\n  /** 设置主题 */\r\n  setTheme(mode: ThemeMode): void {\r\n    if (this.destroyed) return\r\n    this.cleanupMediaListener()\r\n    this.mode = mode\r\n\r\n    if (mode === 'auto') {\r\n      this.setupMediaListener()\r\n    }\r\n\r\n    this.emitter.emit('theme-change', this.getResolvedTheme(), this.getTokens())\r\n  }\r\n\r\n  /** 获取系统主题偏好 */\r\n  private getSystemTheme(): 'light' | 'dark' {\r\n    const matchMedia = this.view?.matchMedia\r\n    if (!matchMedia) return 'light'\r\n    return matchMedia.call(this.view, '(prefers-color-scheme: dark)').matches\r\n      ? 'dark'\r\n      : 'light'\r\n  }\r\n\r\n  /** 监听系统主题变化 */\r\n  private setupMediaListener(): void {\r\n    if (!this.view?.matchMedia) return\r\n    this.mediaQuery = this.view.matchMedia('(prefers-color-scheme: dark)')\r\n    this.mediaHandler = () => {\r\n      this.emitter.emit(\r\n        'theme-change',\r\n        this.getResolvedTheme(),\r\n        this.getTokens()\r\n      )\r\n    }\r\n    const query = this.mediaQuery as unknown as {\r\n      addEventListener?: (\r\n        type: 'change',\r\n        listener: (event: MediaQueryListEvent) => void\r\n      ) => void\r\n      addListener?: (listener: (event: MediaQueryListEvent) => void) => void\r\n    }\r\n    if (typeof query.addEventListener === 'function') {\r\n      query.addEventListener('change', this.mediaHandler)\r\n    } else {\r\n      query.addListener?.(this.mediaHandler)\r\n    }\r\n  }\r\n\r\n  /** 清理监听器 */\r\n  private cleanupMediaListener(): void {\r\n    if (this.mediaQuery && this.mediaHandler) {\r\n      const query = this.mediaQuery as unknown as {\r\n        removeEventListener?: (\r\n          type: 'change',\r\n          listener: (event: MediaQueryListEvent) => void\r\n        ) => void\r\n        removeListener?: (\r\n          listener: (event: MediaQueryListEvent) => void\r\n        ) => void\r\n      }\r\n      if (typeof query.removeEventListener === 'function') {\r\n        query.removeEventListener('change', this.mediaHandler)\r\n      } else {\r\n        query.removeListener?.(this.mediaHandler)\r\n      }\r\n      this.mediaQuery = null\r\n      this.mediaHandler = null\r\n    }\r\n  }\r\n\r\n  /** 销毁 */\r\n  destroy(): void {\r\n    if (this.destroyed) return\r\n    this.destroyed = true\r\n    this.cleanupMediaListener()\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;AAYO,IAAM,eAAN,MAAmB;CAQxB,YAAY,SAAuB,MAAkB,MAAsB;EAP3E,KAAQ,OAAkB;EAE1B,KAAQ,aAAoC;EAC5C,KAAQ,eAA0D;EAElE,KAAQ,YAAY;EAGlB,KAAK,UAAU;EACf,KAAK,OACH,SAAS,KAAA,IACL,OAAO,WAAW,cAChB,OACA,SACF;EACN,IAAI,MAAM,KAAK,SAAS,IAAI;CAC9B;;CAGA,UAAqB;EACnB,OAAO,KAAK;CACd;;CAGA,mBAAqC;EACnC,IAAI,KAAK,SAAS,QAChB,OAAO,KAAK,eAAe;EAE7B,OAAO,KAAK;CACd;;CAGA,YAAyB;EACvB,OAAO,KAAK,iBAAiB,MAAM,SAAS,eAAA,aAAa,eAAA;CAC3D;;CAGA,SAAS,MAAuB;EAC9B,IAAI,KAAK,WAAW;EACpB,KAAK,qBAAqB;EAC1B,KAAK,OAAO;EAEZ,IAAI,SAAS,QACX,KAAK,mBAAmB;EAG1B,KAAK,QAAQ,KAAK,gBAAgB,KAAK,iBAAiB,GAAG,KAAK,UAAU,CAAC;CAC7E;;CAGQ,iBAAmC;EACzC,MAAM,aAAa,KAAK,MAAM;EAC9B,IAAI,CAAC,YAAY,OAAO;EACxB,OAAO,WAAW,KAAK,KAAK,MAAM,8BAA8B,CAAA,CAAE,UAC9D,SACA;CACN;;CAGQ,qBAA2B;EACjC,IAAI,CAAC,KAAK,MAAM,YAAY;EAC5B,KAAK,aAAa,KAAK,KAAK,WAAW,8BAA8B;EACrE,KAAK,qBAAqB;GACxB,KAAK,QAAQ,KACX,gBACA,KAAK,iBAAiB,GACtB,KAAK,UAAU,CACjB;EACF;EACA,MAAM,QAAQ,KAAK;EAOnB,IAAI,OAAO,MAAM,qBAAqB,YACpC,MAAM,iBAAiB,UAAU,KAAK,YAAY;OAElD,MAAM,cAAc,KAAK,YAAY;CAEzC;;CAGQ,uBAA6B;EACnC,IAAI,KAAK,cAAc,KAAK,cAAc;GACxC,MAAM,QAAQ,KAAK;GASnB,IAAI,OAAO,MAAM,wBAAwB,YACvC,MAAM,oBAAoB,UAAU,KAAK,YAAY;QAErD,MAAM,iBAAiB,KAAK,YAAY;GAE1C,KAAK,aAAa;GAClB,KAAK,eAAe;EACtB;CACF;;CAGA,UAAgB;EACd,IAAI,KAAK,WAAW;EACpB,KAAK,YAAY;EACjB,KAAK,qBAAqB;CAC5B;AACF"}

package/lib/theme/theme-manager.d.cts

@@ -0,0 +1,34 @@
+/**
+ * 主题管理器
+ */
+import type { EventEmitter } from '../core/event-emitter';
+import type { ThemeMode } from '../types';
+import type { ThemeTokens } from './tokens';
+/**
+ * ThemeManager - Theme Manager class
+ */
+export declare class ThemeManager {
+    private mode;
+    private emitter;
+    private mediaQuery;
+    private mediaHandler;
+    private view;
+    private destroyed;
+    constructor(emitter: EventEmitter, mode?: ThemeMode, view?: Window | null);
+    /** 获取当前模式 */
+    getMode(): ThemeMode;
+    /** 获取当前实际主题（auto 时解析为 light/dark） */
+    getResolvedTheme(): 'light' | 'dark';
+    /** 获取当前主题令牌 */
+    getTokens(): ThemeTokens;
+    /** 设置主题 */
+    setTheme(mode: ThemeMode): void;
+    /** 获取系统主题偏好 */
+    private getSystemTheme;
+    /** 监听系统主题变化 */
+    private setupMediaListener;
+    /** 清理监听器 */
+    private cleanupMediaListener;
+    /** 销毁 */
+    destroy(): void;
+}