@composy/chat-core 0.0.1

package/es/renderer/style-manager.js

@@ -0,0 +1,641 @@
+/*!
+* ***********************************
+* @composy/chat-core v0.0.1       *
+* Built with rollup               *
+* Build time: 2024-08-17 11:30:32 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { COMPONENT_CSS_VAR_PREFIX, DEFAULT_CLASS_PREFIX, cx, getStyleElementId, normalizeClassPrefix } from "../constants/dom.js";
+//#region src/renderer/style-manager.ts
+const styleRefs = /* @__PURE__ */ new Map();
+function injectStyles(tokens, prefix = DEFAULT_CLASS_PREFIX) {
+	const normalizedPrefix = normalizeClassPrefix(prefix);
+	const styleId = getStyleElementId(normalizedPrefix);
+	styleRefs.set(styleId, (styleRefs.get(styleId) ?? 0) + 1);
+	upsertStyle(styleId, generateCSS(tokens, normalizedPrefix));
+}
+function updateStyles(tokens, prefix = DEFAULT_CLASS_PREFIX) {
+	const normalizedPrefix = normalizeClassPrefix(prefix);
+	upsertStyle(getStyleElementId(normalizedPrefix), generateCSS(tokens, normalizedPrefix));
+}
+function removeStyles(prefix = DEFAULT_CLASS_PREFIX) {
+	const styleId = getStyleElementId(prefix);
+	const refs = styleRefs.get(styleId) ?? 0;
+	if (refs > 1) {
+		styleRefs.set(styleId, refs - 1);
+		return;
+	}
+	styleRefs.delete(styleId);
+	document.getElementById(styleId)?.remove();
+}
+function cls(prefix, ...parts) {
+	const normalizedPrefix = normalizeClassPrefix(prefix);
+	return parts.map((part) => `${normalizedPrefix}-${part}`).join(" ");
+}
+const clsx = cx;
+function upsertStyle(styleId, cssText) {
+	let style = document.getElementById(styleId);
+	if (!style) {
+		style = document.createElement("style");
+		style.id = styleId;
+		style.dataset.ldesignChat = "true";
+		document.head.appendChild(style);
+	}
+	style.textContent = cssText;
+}
+function tokenVars(t) {
+	const vars = {
+		bgPrimary: t.bgPrimary,
+		bgSecondary: t.bgSecondary,
+		bgBubbleOutgoing: t.bgBubbleOutgoing,
+		bgBubbleIncoming: t.bgBubbleIncoming,
+		bgInput: t.bgInput,
+		bgMention: t.bgMention,
+		bgMentionHover: t.bgMentionHover,
+		bgMentionActive: t.bgMentionActive,
+		bgLoadMore: t.bgLoadMore,
+		bgSystemMessage: t.bgSystemMessage,
+		bgDropOverlay: t.bgDropOverlay,
+		bgDangerSoft: t.bgDangerSoft,
+		textPrimary: t.textPrimary,
+		textSecondary: t.textSecondary,
+		textBubbleOutgoing: t.textBubbleOutgoing,
+		textBubbleIncoming: t.textBubbleIncoming,
+		textMention: t.textMention,
+		textMentionTag: t.textMentionTag,
+		textTimestamp: t.textTimestamp,
+		textSystem: t.textSystem,
+		textPlaceholder: t.textPlaceholder,
+		borderPrimary: t.borderPrimary,
+		borderInput: t.borderInput,
+		borderInputFocus: t.borderInputFocus,
+		borderMention: t.borderMention,
+		colorSending: t.colorSending,
+		colorSent: t.colorSent,
+		colorDelivered: t.colorDelivered,
+		colorRead: t.colorRead,
+		colorFailed: t.colorFailed,
+		colorLink: t.colorLink,
+		shadowPanel: t.shadowPanel,
+		shadowMention: t.shadowMention,
+		avatarBg: t.avatarBg,
+		avatarText: t.avatarText,
+		btnPrimaryBg: t.btnPrimaryBg,
+		btnPrimaryText: t.btnPrimaryText,
+		btnPrimaryHover: t.btnPrimaryHover,
+		scrollbarThumb: t.scrollbarThumb,
+		scrollbarTrack: t.scrollbarTrack,
+		bgToolbar: t.bgToolbar,
+		borderToolbar: t.borderToolbar,
+		toolbarIconColor: t.toolbarIconColor,
+		toolbarIconHover: t.toolbarIconHover,
+		toolbarVoiceActive: t.toolbarVoiceActive
+	};
+	return Object.entries(vars).map(([key, value]) => `  ${COMPONENT_CSS_VAR_PREFIX}-${toKebab(key)}: ${value};`).join("\n");
+}
+function sizeVars() {
+	return `
+  ${COMPONENT_CSS_VAR_PREFIX}-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
+  ${COMPONENT_CSS_VAR_PREFIX}-font-size: var(--size-font-base);
+  ${COMPONENT_CSS_VAR_PREFIX}-font-size-sm: var(--size-font-sm);
+  ${COMPONENT_CSS_VAR_PREFIX}-font-size-xs: var(--size-font-xs);
+  ${COMPONENT_CSS_VAR_PREFIX}-font-size-lg: var(--size-font-lg);
+  ${COMPONENT_CSS_VAR_PREFIX}-font-weight-regular: var(--size-font-weight-regular);
+  ${COMPONENT_CSS_VAR_PREFIX}-font-weight-medium: var(--size-font-weight-medium);
+  ${COMPONENT_CSS_VAR_PREFIX}-font-weight-semibold: var(--size-font-weight-semibold);
+  ${COMPONENT_CSS_VAR_PREFIX}-line-height: var(--size-line-normal);
+  ${COMPONENT_CSS_VAR_PREFIX}-line-height-bubble: var(--size-line-relaxed);
+  ${COMPONENT_CSS_VAR_PREFIX}-space-1: var(--size-1);
+  ${COMPONENT_CSS_VAR_PREFIX}-space-2: var(--size-2);
+  ${COMPONENT_CSS_VAR_PREFIX}-space-3: var(--size-3);
+  ${COMPONENT_CSS_VAR_PREFIX}-space-4: var(--size-4);
+  ${COMPONENT_CSS_VAR_PREFIX}-space-5: var(--size-5);
+  ${COMPONENT_CSS_VAR_PREFIX}-space-6: var(--size-6);
+  ${COMPONENT_CSS_VAR_PREFIX}-space-8: var(--size-8);
+  ${COMPONENT_CSS_VAR_PREFIX}-avatar-size: var(--size-11);
+  ${COMPONENT_CSS_VAR_PREFIX}-mention-avatar-size: var(--size-9);
+  ${COMPONENT_CSS_VAR_PREFIX}-toolbar-button-size: var(--size-9);
+  ${COMPONENT_CSS_VAR_PREFIX}-input-button-size: var(--size-11);
+  ${COMPONENT_CSS_VAR_PREFIX}-file-icon-size: var(--size-12);
+  ${COMPONENT_CSS_VAR_PREFIX}-image-max-size: calc(var(--size-13) * 5);
+  ${COMPONENT_CSS_VAR_PREFIX}-panel-max-height: calc(var(--size-24) + var(--size-4));
+  ${COMPONENT_CSS_VAR_PREFIX}-textarea-min-height: var(--size-11);
+  ${COMPONENT_CSS_VAR_PREFIX}-textarea-max-height: calc(var(--size-12) * 3);
+  ${COMPONENT_CSS_VAR_PREFIX}-message-max-width: 65%;
+  ${COMPONENT_CSS_VAR_PREFIX}-system-message-max-width: 80%;
+  ${COMPONENT_CSS_VAR_PREFIX}-file-bubble-min-width: calc(var(--size-24) + var(--size-4));
+  ${COMPONENT_CSS_VAR_PREFIX}-border-width: var(--size-border-width-thin);
+  ${COMPONENT_CSS_VAR_PREFIX}-border-width-drop: var(--size-border-width-medium);
+  ${COMPONENT_CSS_VAR_PREFIX}-radius-xs: var(--size-radius-sm);
+  ${COMPONENT_CSS_VAR_PREFIX}-radius-sm: var(--size-radius-md);
+  ${COMPONENT_CSS_VAR_PREFIX}-radius-md: var(--size-radius-lg);
+  ${COMPONENT_CSS_VAR_PREFIX}-radius-lg: var(--size-radius-xl);
+  ${COMPONENT_CSS_VAR_PREFIX}-radius-pill: var(--size-radius-full);
+  ${COMPONENT_CSS_VAR_PREFIX}-radius-circle: var(--size-radius-circle);
+  ${COMPONENT_CSS_VAR_PREFIX}-transition-fast: var(--size-duration-fast) var(--size-ease-out);
+  ${COMPONENT_CSS_VAR_PREFIX}-transition-normal: var(--size-duration-normal) var(--size-ease-out);
+  ${COMPONENT_CSS_VAR_PREFIX}-z-overlay: var(--size-z-dropdown);
+  ${COMPONENT_CSS_VAR_PREFIX}-z-mention: var(--size-z-popover);
+`;
+}
+function generateCSS(tokens, p) {
+	return `
+/* @composy/chat-core styles */
+.${p}-container,
+.${p}-container * {
+  box-sizing: border-box;
+}
+
+.${p}-container {
+${tokenVars(tokens)}
+${sizeVars()}
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+  background: ${v("bg-primary")};
+  color: ${v("text-primary")};
+  font-family: ${v("font-family")};
+  font-size: ${v("font-size")};
+  line-height: ${v("line-height")};
+  border: ${v("border-width")} solid ${v("border-primary")};
+  border-radius: ${v("radius-md")};
+  box-shadow: ${v("shadow-panel")};
+}
+
+.${p}-message-list {
+  flex: 1;
+  min-width: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: ${v("space-6")};
+  scroll-behavior: smooth;
+}
+
+.${p}-message-list::-webkit-scrollbar {
+  width: var(--size-3);
+}
+
+.${p}-message-list::-webkit-scrollbar-thumb {
+  background: ${v("scrollbar-thumb")};
+  border-radius: ${v("radius-pill")};
+}
+
+.${p}-message-list::-webkit-scrollbar-track {
+  background: ${v("scrollbar-track")};
+}
+
+.${p}-load-more {
+  margin-bottom: ${v("space-5")};
+  padding: ${v("space-5")};
+  text-align: center;
+  color: ${v("color-link")};
+  font-size: ${v("font-size-sm")};
+  background: ${v("bg-load-more")};
+  border-radius: ${v("radius-sm")};
+  cursor: pointer;
+  user-select: none;
+  transition: opacity ${v("transition-fast")}, background ${v("transition-fast")};
+}
+
+.${p}-load-more:hover {
+  background: ${v("bg-mention-hover")};
+}
+
+.${p}-load-more--loading {
+  cursor: default;
+  opacity: .6;
+}
+
+.${p}-time-divider {
+  padding: ${v("space-4")} 0;
+  color: ${v("text-timestamp")};
+  font-size: ${v("font-size-sm")};
+  text-align: center;
+  user-select: none;
+}
+
+.${p}-time-divider span {
+  padding: ${v("space-1")} ${v("space-5")};
+  background: ${v("bg-secondary")};
+  border-radius: ${v("radius-pill")};
+}
+
+.${p}-message-row {
+  display: flex;
+  align-items: flex-start;
+  gap: ${v("space-4")};
+  margin-bottom: ${v("space-5")};
+}
+
+.${p}-message-row--outgoing {
+  flex-direction: row-reverse;
+}
+
+.${p}-message-row--system {
+  justify-content: center;
+}
+
+.${p}-avatar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${v("avatar-size")};
+  height: ${v("avatar-size")};
+  overflow: hidden;
+  flex-shrink: 0;
+  color: ${v("avatar-text")};
+  background: ${v("avatar-bg")};
+  border-radius: ${v("radius-circle")};
+  font-size: ${v("font-size")};
+  font-weight: ${v("font-weight-semibold")};
+}
+
+.${p}-avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.${p}-message-body {
+  display: flex;
+  flex-direction: column;
+  max-width: ${v("message-max-width")};
+  min-width: 0;
+}
+
+.${p}-message-row--outgoing .${p}-message-body {
+  align-items: flex-end;
+}
+
+.${p}-nickname {
+  margin-bottom: ${v("space-2")};
+  padding: 0 ${v("space-2")};
+  color: ${v("text-secondary")};
+  font-size: ${v("font-size-sm")};
+}
+
+.${p}-bubble {
+  position: relative;
+  max-width: 100%;
+  padding: ${v("space-5")} ${v("space-6")};
+  border-radius: ${v("radius-lg")};
+  word-break: break-word;
+  overflow-wrap: unknownwhere;
+  white-space: pre-wrap;
+  line-height: ${v("line-height-bubble")};
+}
+
+.${p}-bubble--incoming {
+  color: ${v("text-bubble-incoming")};
+  background: ${v("bg-bubble-incoming")};
+  border-top-left-radius: ${v("radius-xs")};
+}
+
+.${p}-bubble--outgoing {
+  color: ${v("text-bubble-outgoing")};
+  background: ${v("bg-bubble-outgoing")};
+  border-top-right-radius: ${v("radius-xs")};
+}
+
+.${p}-bubble--image {
+  padding: ${v("space-2")};
+  background: unset;
+}
+
+.${p}-bubble--image img {
+  display: block;
+  max-width: ${v("image-max-size")};
+  max-height: ${v("image-max-size")};
+  border-radius: ${v("radius-md")};
+  cursor: pointer;
+}
+
+.${p}-bubble--file {
+  display: flex;
+  align-items: center;
+  gap: ${v("space-5")};
+  min-width: ${v("file-bubble-min-width")};
+}
+
+.${p}-file-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${v("file-icon-size")};
+  height: ${v("file-icon-size")};
+  flex-shrink: 0;
+  background: ${v("bg-secondary")};
+  border-radius: ${v("radius-sm")};
+  font-size: ${v("font-size-lg")};
+}
+
+.${p}-file-info {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.${p}-file-name {
+  overflow: hidden;
+  font-size: ${v("font-size")};
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.${p}-file-size {
+  margin-top: ${v("space-1")};
+  color: ${v("text-secondary")};
+  font-size: ${v("font-size-sm")};
+}
+
+.${p}-system-message {
+  max-width: ${v("system-message-max-width")};
+  padding: ${v("space-2")} ${v("space-6")};
+  color: ${v("text-system")};
+  background: ${v("bg-system-message")};
+  border-radius: ${v("radius-pill")};
+  font-size: ${v("font-size-sm")};
+  text-align: center;
+}
+
+.${p}-message-footer {
+  display: flex;
+  align-items: center;
+  gap: ${v("space-3")};
+  margin-top: ${v("space-1")};
+  padding: 0 ${v("space-2")};
+}
+
+.${p}-message-row--outgoing .${p}-message-footer {
+  flex-direction: row-reverse;
+}
+
+.${p}-timestamp,
+.${p}-status {
+  font-size: ${v("font-size-xs")};
+}
+
+.${p}-timestamp {
+  color: ${v("text-timestamp")};
+}
+
+.${p}-status--sending { color: ${v("color-sending")}; }
+.${p}-status--sent { color: ${v("color-sent")}; }
+.${p}-status--delivered { color: ${v("color-delivered")}; }
+.${p}-status--read { color: ${v("color-read")}; }
+.${p}-status--failed {
+  color: ${v("color-failed")};
+  cursor: pointer;
+}
+
+.${p}-mention-tag,
+.${p}-link {
+  color: ${v("text-mention-tag")};
+  font-weight: ${v("font-weight-medium")};
+}
+
+.${p}-mention-tag {
+  cursor: pointer;
+}
+
+.${p}-mention-tag:hover,
+.${p}-link:hover {
+  text-decoration: underline;
+}
+
+.${p}-input-area {
+  display: flex;
+  align-items: flex-end;
+  gap: ${v("space-4")};
+  position: relative;
+  padding: ${v("space-5")} ${v("space-6")};
+  border-top: ${v("border-width")} solid ${v("border-primary")};
+  background: ${v("bg-input")};
+}
+
+.${p}-input-wrapper {
+  flex: 1;
+  min-width: 0;
+  position: relative;
+}
+
+.${p}-textarea {
+  width: 100%;
+  min-height: ${v("textarea-min-height")};
+  max-height: ${v("textarea-max-height")};
+  padding: ${v("space-4")} ${v("space-5")};
+  overflow-y: auto;
+  resize: none;
+  outline: none;
+  color: ${v("text-primary")};
+  background: ${v("bg-primary")};
+  border: ${v("border-width")} solid ${v("border-input")};
+  border-radius: ${v("radius-md")};
+  font-family: inherit;
+  font-size: ${v("font-size")};
+  line-height: ${v("line-height")};
+  transition: border-color ${v("transition-fast")}, box-shadow ${v("transition-fast")};
+}
+
+.${p}-textarea:focus {
+  border-color: ${v("border-input-focus")};
+  box-shadow: 0 0 0 ${v("border-width-drop")} ${v("bg-drop-overlay")};
+}
+
+.${p}-textarea::placeholder {
+  color: ${v("text-placeholder")};
+}
+
+.${p}-send-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${v("input-button-size")};
+  height: ${v("input-button-size")};
+  flex-shrink: 0;
+  color: ${v("btn-primary-text")};
+  background: ${v("btn-primary-bg")};
+  border: 0;
+  border-radius: ${v("radius-md")};
+  cursor: pointer;
+  transition: background ${v("transition-fast")}, opacity ${v("transition-fast")};
+}
+
+.${p}-send-btn:hover {
+  background: ${v("btn-primary-hover")};
+}
+
+.${p}-send-btn:disabled {
+  cursor: default;
+  opacity: .5;
+}
+
+.${p}-send-btn svg {
+  width: var(--size-7);
+  height: var(--size-7);
+}
+
+.${p}-mention-panel {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 100%;
+  z-index: ${v("z-mention")};
+  max-height: ${v("panel-max-height")};
+  margin-bottom: ${v("space-2")};
+  overflow-y: auto;
+  background: ${v("bg-mention")};
+  border: ${v("border-width")} solid ${v("border-mention")};
+  border-radius: ${v("radius-md")};
+  box-shadow: ${v("shadow-mention")};
+}
+
+.${p}-mention-item {
+  display: flex;
+  align-items: center;
+  gap: ${v("space-4")};
+  padding: ${v("space-4")} ${v("space-5")};
+  color: ${v("text-mention")};
+  cursor: pointer;
+  transition: background ${v("transition-fast")};
+}
+
+.${p}-mention-item:hover {
+  background: ${v("bg-mention-hover")};
+}
+
+.${p}-mention-item--active {
+  background: ${v("bg-mention-active")};
+}
+
+.${p}-mention-item-avatar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${v("mention-avatar-size")};
+  height: ${v("mention-avatar-size")};
+  flex-shrink: 0;
+  overflow: hidden;
+  color: ${v("avatar-text")};
+  background: ${v("avatar-bg")};
+  border-radius: ${v("radius-circle")};
+  font-size: ${v("font-size-sm")};
+  font-weight: ${v("font-weight-semibold")};
+}
+
+.${p}-mention-item-avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.${p}-mention-item-name {
+  font-size: ${v("font-size")};
+}
+
+.${p}-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: ${v("text-secondary")};
+  font-size: ${v("font-size")};
+}
+
+.${p}-toolbar {
+  display: flex;
+  align-items: center;
+  gap: ${v("space-1")};
+  padding: ${v("space-3")} ${v("space-4")};
+  background: ${v("bg-toolbar")};
+  border-bottom: ${v("border-width")} solid ${v("border-toolbar")};
+  border-radius: ${v("radius-md")} ${v("radius-md")} 0 0;
+}
+
+.${p}-toolbar-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${v("toolbar-button-size")};
+  height: ${v("toolbar-button-size")};
+  flex-shrink: 0;
+  padding: 0;
+  color: ${v("toolbar-icon-color")};
+  background: unset;
+  border: 0;
+  border-radius: ${v("radius-sm")};
+  cursor: pointer;
+  transition: background ${v("transition-fast")}, color ${v("transition-fast")};
+}
+
+.${p}-toolbar-btn svg {
+  width: var(--size-6);
+  height: var(--size-6);
+}
+
+.${p}-toolbar-btn:hover {
+  color: ${v("toolbar-icon-hover")};
+  background: ${v("bg-drop-overlay")};
+}
+
+.${p}-toolbar-btn--active {
+  color: ${v("toolbar-voice-active")};
+  background: ${v("bg-danger-soft")};
+}
+
+.${p}-toolbar-btn--active:hover {
+  color: ${v("toolbar-voice-active")};
+  background: ${v("bg-danger-soft")};
+}
+
+.${p}-drop-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: ${v("z-overlay")};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+  background: ${v("bg-drop-overlay")};
+  border: ${v("border-width-drop")} dashed ${v("toolbar-icon-hover")};
+  border-radius: ${v("radius-md")};
+}
+
+.${p}-drop-overlay span {
+  color: ${v("toolbar-icon-hover")};
+  font-size: ${v("font-size-sm")};
+  font-weight: ${v("font-weight-medium")};
+}
+
+@keyframes ${p}-blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0; }
+}
+
+.${p}-bubble--streaming::after {
+  content: '';
+  display: inline-block;
+  width: ${v("border-width-drop")};
+  height: 1em;
+  margin-left: ${v("space-1")};
+  vertical-align: text-bottom;
+  background: currentColor;
+  animation: ${p}-blink 800ms infinite;
+}
+`;
+}
+function v(name) {
+	return `var(${COMPONENT_CSS_VAR_PREFIX}-${name})`;
+}
+function toKebab(key) {
+	return key.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+}
+//#endregion
+export { cls, clsx, injectStyles, removeStyles, updateStyles };
+/*! End of @composy/chat-core | Powered by @composy/builder */
+//# sourceMappingURL=style-manager.js.map

package/es/renderer/style-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-manager.js","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":";;;;;;;;;;;AAcA,MAAM,4BAAY,IAAI,IAAoB;AAcnC,SAAS,aAAa,QAAqB,SAAiB,sBAA4B;CAC7F,MAAM,mBAAmB,qBAAqB,MAAM;CACpD,MAAM,UAAU,kBAAkB,gBAAgB;CAClD,UAAU,IAAI,UAAU,UAAU,IAAI,OAAO,KAAK,KAAK,CAAC;CACxD,YAAY,SAAS,YAAY,QAAQ,gBAAgB,CAAC;AAC5D;AAcO,SAAS,aAAa,QAAqB,SAAiB,sBAA4B;CAC7F,MAAM,mBAAmB,qBAAqB,MAAM;CAEpD,YADgB,kBAAkB,gBACtB,GAAS,YAAY,QAAQ,gBAAgB,CAAC;AAC5D;AAYO,SAAS,aAAa,SAAiB,sBAA4B;CACxE,MAAM,UAAU,kBAAkB,MAAM;CACxC,MAAM,OAAO,UAAU,IAAI,OAAO,KAAK;CACvC,IAAI,OAAO,GAAG;EACZ,UAAU,IAAI,SAAS,OAAO,CAAC;EAC/B;CACF;CAEA,UAAU,OAAO,OAAO;CACxB,SAAS,eAAe,OAAO,CAAA,EAAG,OAAO;AAC3C;AAcO,SAAS,IAAI,QAAA,GAAmB,OAAyB;CAC9D,MAAM,mBAAmB,qBAAqB,MAAM;CACpD,OAAO,MAAM,KAAK,SAAS,GAAG,iBAAgB,GAAI,MAAM,CAAA,CAAE,KAAK,GAAG;AACpE;AAEO,MAAM,OAAO;AAEpB,SAAS,YAAY,SAAiB,SAAuB;CAC3D,IAAI,QAAQ,SAAS,eAAe,OAAO;CAC3C,IAAI,CAAC,OAAO;EACV,QAAQ,SAAS,cAAc,OAAO;EACtC,MAAM,KAAK;EACX,MAAM,QAAQ,cAAc;EAC5B,SAAS,KAAK,YAAY,KAAK;CACjC;CACA,MAAM,cAAc;AACtB;AAEA,SAAS,UAAU,GAAwB;CACzC,MAAM,OAA+B;EACnC,WAAW,EAAE;EACb,aAAa,EAAE;EACf,kBAAkB,EAAE;EACpB,kBAAkB,EAAE;EACpB,SAAS,EAAE;EACX,WAAW,EAAE;EACb,gBAAgB,EAAE;EAClB,iBAAiB,EAAE;EACnB,YAAY,EAAE;EACd,iBAAiB,EAAE;EACnB,eAAe,EAAE;EACjB,cAAc,EAAE;EAChB,aAAa,EAAE;EACf,eAAe,EAAE;EACjB,oBAAoB,EAAE;EACtB,oBAAoB,EAAE;EACtB,aAAa,EAAE;EACf,gBAAgB,EAAE;EAClB,eAAe,EAAE;EACjB,YAAY,EAAE;EACd,iBAAiB,EAAE;EACnB,eAAe,EAAE;EACjB,aAAa,EAAE;EACf,kBAAkB,EAAE;EACpB,eAAe,EAAE;EACjB,cAAc,EAAE;EAChB,WAAW,EAAE;EACb,gBAAgB,EAAE;EAClB,WAAW,EAAE;EACb,aAAa,EAAE;EACf,WAAW,EAAE;EACb,aAAa,EAAE;EACf,eAAe,EAAE;EACjB,UAAU,EAAE;EACZ,YAAY,EAAE;EACd,cAAc,EAAE;EAChB,gBAAgB,EAAE;EAClB,iBAAiB,EAAE;EACnB,gBAAgB,EAAE;EAClB,gBAAgB,EAAE;EAClB,WAAW,EAAE;EACb,eAAe,EAAE;EACjB,kBAAkB,EAAE;EACpB,kBAAkB,EAAE;EACpB,oBAAoB,EAAE;CACxB;CAEA,OAAO,OAAO,QAAQ,IAAI,CAAA,CACvB,KAAK,CAAC,KAAK,WAAW,KAAK,yBAAwB,GAAI,QAAQ,GAAG,EAAC,IAAK,MAAK,EAAG,CAAA,CAChF,KAAK,IAAI;AACd;AAEA,SAAS,WAAmB;CAC1B,OAAO;IACL,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;IACxB,yBAAwB;;AAE5B;AAEA,SAAS,YAAY,QAAqB,GAAmB;CAC3D,OAAO;;GAEN,EAAC;GACD,EAAC;;;;GAID,EAAC;EACF,UAAU,MAAM,EAAC;EACjB,SAAS,EAAC;;;;;;;gBAOI,EAAE,YAAY,EAAC;WACpB,EAAE,cAAc,EAAC;iBACX,EAAE,aAAa,EAAC;eAClB,EAAE,WAAW,EAAC;iBACZ,EAAE,aAAa,EAAC;YACrB,EAAE,cAAc,EAAC,SAAU,EAAE,gBAAgB,EAAC;mBACvC,EAAE,WAAW,EAAC;gBACjB,EAAE,cAAc,EAAC;;;GAG9B,EAAC;;;;;aAKS,EAAE,SAAS,EAAC;;;;GAItB,EAAC;;;;GAID,EAAC;gBACY,EAAE,iBAAiB,EAAC;mBACjB,EAAE,aAAa,EAAC;;;GAGhC,EAAC;gBACY,EAAE,iBAAiB,EAAC;;;GAGjC,EAAC;mBACe,EAAE,SAAS,EAAC;aAClB,EAAE,SAAS,EAAC;;WAEd,EAAE,YAAY,EAAC;eACX,EAAE,cAAc,EAAC;gBAChB,EAAE,cAAc,EAAC;mBACd,EAAE,WAAW,EAAC;;;wBAGT,EAAE,iBAAiB,EAAC,eAAgB,EAAE,iBAAiB,EAAC;;;GAG7E,EAAC;gBACY,EAAE,kBAAkB,EAAC;;;GAGlC,EAAC;;;;;GAKD,EAAC;aACS,EAAE,SAAS,EAAC;WACd,EAAE,gBAAgB,EAAC;eACf,EAAE,cAAc,EAAC;;;;;GAK7B,EAAC;aACS,EAAE,SAAS,EAAC,GAAI,EAAE,SAAS,EAAC;gBACzB,EAAE,cAAc,EAAC;mBACd,EAAE,aAAa,EAAC;;;GAGhC,EAAC;;;SAGK,EAAE,SAAS,EAAC;mBACF,EAAE,SAAS,EAAC;;;GAG5B,EAAC;;;;GAID,EAAC;;;;GAID,EAAC;;;;WAIO,EAAE,aAAa,EAAC;YACf,EAAE,aAAa,EAAC;;;WAGjB,EAAE,aAAa,EAAC;gBACX,EAAE,WAAW,EAAC;mBACX,EAAE,eAAe,EAAC;eACtB,EAAE,WAAW,EAAC;iBACZ,EAAE,sBAAsB,EAAC;;;GAGvC,EAAC;;;;;;GAMD,EAAC;;;eAGW,EAAE,mBAAmB,EAAC;;;;GAIlC,EAAC,0BAA2B,EAAC;;;;GAI7B,EAAC;mBACe,EAAE,SAAS,EAAC;eAChB,EAAE,SAAS,EAAC;WAChB,EAAE,gBAAgB,EAAC;eACf,EAAE,cAAc,EAAC;;;GAG7B,EAAC;;;aAGS,EAAE,SAAS,EAAC,GAAI,EAAE,SAAS,EAAC;mBACtB,EAAE,WAAW,EAAC;;;;iBAIhB,EAAE,oBAAoB,EAAC;;;GAGrC,EAAC;WACO,EAAE,sBAAsB,EAAC;gBACpB,EAAE,oBAAoB,EAAC;4BACX,EAAE,WAAW,EAAC;;;GAGvC,EAAC;WACO,EAAE,sBAAsB,EAAC;gBACpB,EAAE,oBAAoB,EAAC;6BACV,EAAE,WAAW,EAAC;;;GAGxC,EAAC;aACS,EAAE,SAAS,EAAC;;;;GAItB,EAAC;;eAEW,EAAE,gBAAgB,EAAC;gBAClB,EAAE,gBAAgB,EAAC;mBAChB,EAAE,WAAW,EAAC;;;;GAI9B,EAAC;;;SAGK,EAAE,SAAS,EAAC;eACN,EAAE,uBAAuB,EAAC;;;GAGtC,EAAC;;;;WAIO,EAAE,gBAAgB,EAAC;YAClB,EAAE,gBAAgB,EAAC;;gBAEf,EAAE,cAAc,EAAC;mBACd,EAAE,WAAW,EAAC;eAClB,EAAE,cAAc,EAAC;;;GAG7B,EAAC;;;;;;GAMD,EAAC;;eAEW,EAAE,WAAW,EAAC;;;;;GAK1B,EAAC;gBACY,EAAE,SAAS,EAAC;WACjB,EAAE,gBAAgB,EAAC;eACf,EAAE,cAAc,EAAC;;;GAG7B,EAAC;eACW,EAAE,0BAA0B,EAAC;aAC/B,EAAE,SAAS,EAAC,GAAI,EAAE,SAAS,EAAC;WAC9B,EAAE,aAAa,EAAC;gBACX,EAAE,mBAAmB,EAAC;mBACnB,EAAE,aAAa,EAAC;eACpB,EAAE,cAAc,EAAC;;;;GAI7B,EAAC;;;SAGK,EAAE,SAAS,EAAC;gBACL,EAAE,SAAS,EAAC;eACb,EAAE,SAAS,EAAC;;;GAGxB,EAAC,0BAA2B,EAAC;;;;GAI7B,EAAC;GACD,EAAC;eACW,EAAE,cAAc,EAAC;;;GAG7B,EAAC;WACO,EAAE,gBAAgB,EAAC;;;GAG3B,EAAC,4BAA6B,EAAE,eAAe,EAAC;GAChD,EAAC,yBAA0B,EAAE,YAAY,EAAC;GAC1C,EAAC,8BAA+B,EAAE,iBAAiB,EAAC;GACpD,EAAC,yBAA0B,EAAE,YAAY,EAAC;GAC1C,EAAC;WACO,EAAE,cAAc,EAAC;;;;GAIzB,EAAC;GACD,EAAC;WACO,EAAE,kBAAkB,EAAC;iBACf,EAAE,oBAAoB,EAAC;;;GAGrC,EAAC;;;;GAID,EAAC;GACD,EAAC;;;;GAID,EAAC;;;SAGK,EAAE,SAAS,EAAC;;aAER,EAAE,SAAS,EAAC,GAAI,EAAE,SAAS,EAAC;gBACzB,EAAE,cAAc,EAAC,SAAU,EAAE,gBAAgB,EAAC;gBAC9C,EAAE,UAAU,EAAC;;;GAG1B,EAAC;;;;;;GAMD,EAAC;;gBAEY,EAAE,qBAAqB,EAAC;gBACxB,EAAE,qBAAqB,EAAC;aAC3B,EAAE,SAAS,EAAC,GAAI,EAAE,SAAS,EAAC;;;;WAI9B,EAAE,cAAc,EAAC;gBACZ,EAAE,YAAY,EAAC;YACnB,EAAE,cAAc,EAAC,SAAU,EAAE,cAAc,EAAC;mBACrC,EAAE,WAAW,EAAC;;eAElB,EAAE,WAAW,EAAC;iBACZ,EAAE,aAAa,EAAC;6BACJ,EAAE,iBAAiB,EAAC,eAAgB,EAAE,iBAAiB,EAAC;;;GAGlF,EAAC;kBACc,EAAE,oBAAoB,EAAC;sBACnB,EAAE,mBAAmB,EAAC,GAAI,EAAE,iBAAiB,EAAC;;;GAGjE,EAAC;WACO,EAAE,kBAAkB,EAAC;;;GAG7B,EAAC;;;;WAIO,EAAE,mBAAmB,EAAC;YACrB,EAAE,mBAAmB,EAAC;;WAEvB,EAAE,kBAAkB,EAAC;gBAChB,EAAE,gBAAgB,EAAC;;mBAEhB,EAAE,WAAW,EAAC;;2BAEN,EAAE,iBAAiB,EAAC,YAAa,EAAE,iBAAiB,EAAC;;;GAG7E,EAAC;gBACY,EAAE,mBAAmB,EAAC;;;GAGnC,EAAC;;;;;GAKD,EAAC;;;;;GAKD,EAAC;;;;;aAKS,EAAE,WAAW,EAAC;gBACX,EAAE,kBAAkB,EAAC;mBAClB,EAAE,SAAS,EAAC;;gBAEf,EAAE,YAAY,EAAC;YACnB,EAAE,cAAc,EAAC,SAAU,EAAE,gBAAgB,EAAC;mBACvC,EAAE,WAAW,EAAC;gBACjB,EAAE,gBAAgB,EAAC;;;GAGhC,EAAC;;;SAGK,EAAE,SAAS,EAAC;aACR,EAAE,SAAS,EAAC,GAAI,EAAE,SAAS,EAAC;WAC9B,EAAE,cAAc,EAAC;;2BAED,EAAE,iBAAiB,EAAC;;;GAG5C,EAAC;gBACY,EAAE,kBAAkB,EAAC;;;GAGlC,EAAC;gBACY,EAAE,mBAAmB,EAAC;;;GAGnC,EAAC;;;;WAIO,EAAE,qBAAqB,EAAC;YACvB,EAAE,qBAAqB,EAAC;;;WAGzB,EAAE,aAAa,EAAC;gBACX,EAAE,WAAW,EAAC;mBACX,EAAE,eAAe,EAAC;eACtB,EAAE,cAAc,EAAC;iBACf,EAAE,sBAAsB,EAAC;;;GAGvC,EAAC;;;;;;GAMD,EAAC;eACW,EAAE,WAAW,EAAC;;;GAG1B,EAAC;;;;;WAKO,EAAE,gBAAgB,EAAC;eACf,EAAE,WAAW,EAAC;;;GAG1B,EAAC;;;SAGK,EAAE,SAAS,EAAC;aACR,EAAE,SAAS,EAAC,GAAI,EAAE,SAAS,EAAC;gBACzB,EAAE,YAAY,EAAC;mBACZ,EAAE,cAAc,EAAC,SAAU,EAAE,gBAAgB,EAAC;mBAC9C,EAAE,WAAW,EAAC,GAAI,EAAE,WAAW,EAAC;;;GAGhD,EAAC;;;;WAIO,EAAE,qBAAqB,EAAC;YACvB,EAAE,qBAAqB,EAAC;;;WAGzB,EAAE,oBAAoB,EAAC;;;mBAGf,EAAE,WAAW,EAAC;;2BAEN,EAAE,iBAAiB,EAAC,UAAW,EAAE,iBAAiB,EAAC;;;GAG3E,EAAC;;;;;GAKD,EAAC;WACO,EAAE,oBAAoB,EAAC;gBAClB,EAAE,iBAAiB,EAAC;;;GAGjC,EAAC;WACO,EAAE,sBAAsB,EAAC;gBACpB,EAAE,gBAAgB,EAAC;;;GAGhC,EAAC;WACO,EAAE,sBAAsB,EAAC;gBACpB,EAAE,gBAAgB,EAAC;;;GAGhC,EAAC;;;aAGS,EAAE,WAAW,EAAC;;;;;gBAKX,EAAE,iBAAiB,EAAC;YACxB,EAAE,mBAAmB,EAAC,UAAW,EAAE,oBAAoB,EAAC;mBACjD,EAAE,WAAW,EAAC;;;GAG9B,EAAC;WACO,EAAE,oBAAoB,EAAC;eACnB,EAAE,cAAc,EAAC;iBACf,EAAE,oBAAoB,EAAC;;;aAG3B,EAAC;;;;;GAKX,EAAC;;;WAGO,EAAE,mBAAmB,EAAC;;iBAEhB,EAAE,SAAS,EAAC;;;eAGd,EAAC;;;AAGhB;AAEA,SAAS,EAAE,MAAsB;CAC/B,OAAO,OAAO,yBAAwB,GAAI,KAAI;AAChD;AAEA,SAAS,QAAQ,KAAqB;CACpC,OAAO,IAAI,QAAQ,WAAW,UAAU,IAAI,MAAM,YAAY,GAAG;AACnE"}