@qingmingmu/components 0.1.0-beta.0

package/es/components/tabs/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const tabPane = require('../../shared/components.CDifg15S.cjs');
+require('vue');
+require('../../shared/components.CRtd1JMp.cjs');
+require('@qingmingmu/icons');
+require('../../shared/components.DUidQ77e.cjs');
+
+
+
+exports.QmTabPane = tabPane.tabPane;
+exports.QmTabs = tabPane.Tabs;
+exports.default = tabPane.Tabs;
+exports.tabsContextKey = tabPane.tabsContextKey;
+exports.tabsProps = tabPane.tabsProps;

package/es/components/tabs/index.d.cts

@@ -0,0 +1,12 @@
+import { T as Tabs } from '../../shared/components.BzhHVs0e.cjs';
+export { t as QmTabPane, a as TabPaneState, b as TabsContext, c as TabsEmits, d as TabsPosition, e as TabsType, f as tabsContextKey, g as tabsProps } from '../../shared/components.BzhHVs0e.cjs';
+import 'vue';
+import '../../shared/components.b5GjJzDh.cjs';
+import '@qingmingmu/icons';
+import '../../shared/components.OJRSZE6i.cjs';
+
+
+
+// @ts-ignore
+export = Tabs;
+export { Tabs as QmTabs };

package/es/components/tabs/index.d.mts

@@ -0,0 +1,10 @@
+import { T as Tabs } from '../../shared/components.BZZxSpn4.mjs';
+export { t as QmTabPane, a as TabPaneState, b as TabsContext, c as TabsEmits, d as TabsPosition, e as TabsType, f as tabsContextKey, g as tabsProps } from '../../shared/components.BZZxSpn4.mjs';
+import 'vue';
+import '../../shared/components.DCuPins-.mjs';
+import '@qingmingmu/icons';
+import '../../shared/components.OJRSZE6i.mjs';
+
+
+
+export { Tabs as QmTabs, Tabs as default };

package/es/components/tabs/index.d.ts

@@ -0,0 +1,12 @@
+import { T as Tabs } from '../../shared/components.BWrJKYmt.js';
+export { t as QmTabPane, a as TabPaneState, b as TabsContext, c as TabsEmits, d as TabsPosition, e as TabsType, f as tabsContextKey, g as tabsProps } from '../../shared/components.BWrJKYmt.js';
+import 'vue';
+import '../../shared/components.C6sLxXPo.js';
+import '@qingmingmu/icons';
+import '../../shared/components.OJRSZE6i.js';
+
+
+
+// @ts-ignore
+export = Tabs;
+export { Tabs as QmTabs };

package/es/components/tabs/index.mjs

@@ -0,0 +1,10 @@
+import { T as Tabs } from '../../shared/components.BPsETG85.mjs';
+export { t as QmTabPane, a as tabsContextKey, b as tabsProps } from '../../shared/components.BPsETG85.mjs';
+import 'vue';
+import '../../shared/components.D3on6_fI.mjs';
+import '@qingmingmu/icons';
+import '../../shared/components.pcqpp-6-.mjs';
+
+
+
+export { Tabs as QmTabs, Tabs as default };

package/es/components/tabs/style/index.js

@@ -0,0 +1,4 @@
+// 样式入口（组件体系设计 §6.4）：import 编译产物 CSS。
+// 发布形态：与 es/components/tabs/style.css 同目录，由 resolver 按需注入；
+// 源码开发场景由 Vite 直接编译 index.scss（play 沙箱）。
+import './style.css'

package/es/components/tabs/style.css

@@ -0,0 +1,123 @@
+@charset "UTF-8";
+.qm-tabs {
+  display: flex;
+  color: var(--qm-tabs-color);
+}
+.qm-tabs--top, .qm-tabs--bottom {
+  flex-direction: column;
+}
+.qm-tabs--top .qm-tabs__nav {
+  order: 1;
+}
+.qm-tabs--top .qm-tabs__content {
+  order: 2;
+}
+.qm-tabs--bottom .qm-tabs__nav {
+  order: 2;
+}
+.qm-tabs--bottom .qm-tabs__content {
+  order: 1;
+}
+.qm-tabs--left, .qm-tabs--right {
+  flex-direction: row;
+}
+.qm-tabs__nav {
+  position: relative;
+  display: flex;
+  flex-shrink: 0;
+  gap: var(--qm-tabs-gap);
+  background-color: var(--qm-tabs-bg);
+}
+.qm-tabs--top .qm-tabs__nav, .qm-tabs--bottom .qm-tabs__nav {
+  flex-direction: row;
+}
+.qm-tabs--top .qm-tabs__nav {
+  border-bottom: 1px solid var(--qm-tabs-border-color);
+}
+.qm-tabs--bottom .qm-tabs__nav {
+  border-top: 1px solid var(--qm-tabs-border-color);
+}
+.qm-tabs--left .qm-tabs__nav, .qm-tabs--right .qm-tabs__nav {
+  flex-direction: column;
+}
+.qm-tabs--left .qm-tabs__nav {
+  border-right: 1px solid var(--qm-tabs-border-color);
+}
+.qm-tabs--right .qm-tabs__nav {
+  border-left: 1px solid var(--qm-tabs-border-color);
+}
+.qm-tabs__tab {
+  position: relative;
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+  padding: var(--qm-tabs-tab-padding);
+  font-size: var(--qm-tabs-tab-font-size);
+  font-weight: var(--qm-tabs-tab-font-weight);
+  color: var(--qm-tabs-tab-color);
+  cursor: pointer;
+  user-select: none;
+  background-color: transparent;
+  border: 1px solid transparent;
+  transition: color var(--qm-tabs-transition) ease;
+}
+.qm-tabs__tab:hover {
+  color: var(--qm-tabs-tab-hover-color);
+}
+.qm-tabs__tab--active {
+  color: var(--qm-tabs-tab-active-color);
+}
+.qm-tabs__tab--disabled {
+  color: var(--qm-tabs-tab-disabled-color);
+  cursor: not-allowed;
+}
+.qm-tabs__tab:focus-visible {
+  outline: 2px solid var(--qm-tabs-tab-active-color);
+  outline-offset: -2px;
+}
+.qm-tabs--card .qm-tabs__tab--active {
+  border-color: var(--qm-tabs-border-color);
+  border-bottom-color: var(--qm-tabs-tab-active-color);
+}
+.qm-tabs--card .qm-tabs__tab-close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  color: inherit;
+  cursor: pointer;
+  background-color: transparent;
+  border: none;
+  border-radius: 2px;
+  /* 统一走 QmIcon：颜色随按钮 */
+}
+.qm-tabs--card .qm-tabs__tab-close .qm-icon {
+  color: inherit;
+}
+.qm-tabs--card .qm-tabs__tab-close:hover {
+  color: var(--qm-tabs-tab-color);
+  background-color: var(--qm-tabs-tab-hover-color);
+}
+.qm-tabs__indicator {
+  position: absolute;
+  bottom: -1px;
+  left: 0;
+  height: var(--qm-tabs-indicator-height);
+  background-color: var(--qm-tabs-indicator-color);
+  transition: left var(--qm-tabs-transition) ease, width var(--qm-tabs-transition) ease;
+}
+.qm-tabs--bottom .qm-tabs__indicator {
+  top: -1px;
+  bottom: auto;
+}
+.qm-tabs__content {
+  padding: var(--qm-tabs-content-padding);
+}
+.qm-tabs--left .qm-tabs__content, .qm-tabs--right .qm-tabs__content {
+  flex: 1;
+  min-width: 0;
+}
+
+.qm-tab-pane {
+  display: block;
+}

package/es/components/tag/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const tag = require('../../shared/components.DnW9eqJM.cjs');
+require('vue');
+require('../../shared/components.CRtd1JMp.cjs');
+require('@qingmingmu/icons');
+require('../../shared/components.DUidQ77e.cjs');
+
+
+
+exports.QmTag = tag.Tag;
+exports.default = tag.Tag;
+exports.tagProps = tag.tagProps;

package/es/components/tag/index.d.cts

@@ -0,0 +1,12 @@
+import { T as Tag } from '../../shared/components.BmII0Zi4.cjs';
+export { a as TagEffect, b as TagEmits, c as TagSize, d as TagType, t as tagProps } from '../../shared/components.BmII0Zi4.cjs';
+import 'vue';
+import '../../shared/components.b5GjJzDh.cjs';
+import '@qingmingmu/icons';
+import '../../shared/components.OJRSZE6i.cjs';
+
+
+
+// @ts-ignore
+export = Tag;
+export { Tag as QmTag };

package/es/components/tag/index.d.mts

@@ -0,0 +1,10 @@
+import { T as Tag } from '../../shared/components.BzcvYRS3.mjs';
+export { a as TagEffect, b as TagEmits, c as TagSize, d as TagType, t as tagProps } from '../../shared/components.BzcvYRS3.mjs';
+import 'vue';
+import '../../shared/components.DCuPins-.mjs';
+import '@qingmingmu/icons';
+import '../../shared/components.OJRSZE6i.mjs';
+
+
+
+export { Tag as QmTag, Tag as default };

package/es/components/tag/index.d.ts

@@ -0,0 +1,12 @@
+import { T as Tag } from '../../shared/components.Xb8fQVYs.js';
+export { a as TagEffect, b as TagEmits, c as TagSize, d as TagType, t as tagProps } from '../../shared/components.Xb8fQVYs.js';
+import 'vue';
+import '../../shared/components.C6sLxXPo.js';
+import '@qingmingmu/icons';
+import '../../shared/components.OJRSZE6i.js';
+
+
+
+// @ts-ignore
+export = Tag;
+export { Tag as QmTag };

package/es/components/tag/index.mjs

@@ -0,0 +1,10 @@
+import { T as Tag } from '../../shared/components.BRHYPvpL.mjs';
+export { t as tagProps } from '../../shared/components.BRHYPvpL.mjs';
+import 'vue';
+import '../../shared/components.D3on6_fI.mjs';
+import '@qingmingmu/icons';
+import '../../shared/components.pcqpp-6-.mjs';
+
+
+
+export { Tag as QmTag, Tag as default };

package/es/components/tag/style/index.js

@@ -0,0 +1,2 @@
+// QmTag 样式入口：import 编译产物 CSS（与 es/components/tag/style.css 同目录）
+import './style.css'

package/es/components/tag/style.css

@@ -0,0 +1,160 @@
+@charset "UTF-8";
+.qm-tag {
+  position: relative;
+  box-sizing: border-box;
+  display: inline-flex;
+  gap: var(--qm-tag-gap);
+  align-items: center;
+  height: var(--qm-tag-height-medium);
+  padding: var(--qm-tag-padding-medium);
+  overflow: hidden;
+  font-size: var(--qm-tag-font-size-medium);
+  vertical-align: middle;
+  color: var(--qm-tag-color);
+  white-space: nowrap;
+  background-color: var(--qm-tag-bg);
+  background-image: var(--qm-tag-bg-image, none);
+  border: 1px solid var(--qm-tag-border);
+  border-radius: var(--qm-tag-border-radius);
+  border-image: var(--qm-tag-border-image, none);
+  box-shadow: var(--qm-tag-inset-highlight, transparent 0 0 0), var(--qm-tag-shadow, none);
+  /* stylelint-disable-next-line property-no-vendor-prefix */
+  -webkit-backdrop-filter: var(--qm-tag-backdrop-filter, none);
+  backdrop-filter: var(--qm-tag-backdrop-filter, none);
+  clip-path: var(--qm-tag-clip-path, none);
+  transition: color var(--qm-tag-transition) ease, background-color var(--qm-tag-transition) ease, border-color var(--qm-tag-transition) ease;
+}
+.qm-tag:hover:not(.qm-tag--plain) {
+  background-image: var(--qm-tag-bg-image-hover, none);
+  box-shadow: var(--qm-tag-inset-highlight, transparent 0 0 0), var(--qm-tag-shadow-hover, var(--qm-tag-shadow, none));
+}
+.qm-tag::before {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  content: "";
+}
+.qm-tag--small {
+  height: var(--qm-tag-height-small);
+  padding: var(--qm-tag-padding-small);
+  font-size: var(--qm-tag-font-size-small);
+}
+.qm-tag--large {
+  height: var(--qm-tag-height-large);
+  padding: var(--qm-tag-padding-large);
+  font-size: var(--qm-tag-font-size-large);
+}
+.qm-tag--round {
+  border-radius: var(--qm-tag-border-radius-round);
+}
+.qm-tag--primary {
+  color: var(--qm-tag-color-primary);
+  border-color: var(--qm-tag-color-primary);
+}
+.qm-tag--success {
+  color: var(--qm-tag-color-success);
+  border-color: var(--qm-tag-color-success);
+}
+.qm-tag--warning {
+  color: var(--qm-tag-color-warning);
+  border-color: var(--qm-tag-color-warning);
+}
+.qm-tag--error {
+  color: var(--qm-tag-color-error);
+  border-color: var(--qm-tag-color-error);
+}
+.qm-tag--dark {
+  color: var(--qm-tag-foreground);
+  background-color: var(--qm-tag-color);
+  border-color: var(--qm-tag-color);
+}
+.qm-tag.qm-tag--dark.qm-tag--primary {
+  color: var(--qm-tag-foreground-primary);
+  background-color: var(--qm-tag-color-primary);
+  border-color: var(--qm-tag-color-primary);
+}
+.qm-tag.qm-tag--dark.qm-tag--success {
+  color: var(--qm-tag-foreground-success);
+  background-color: var(--qm-tag-color-success);
+  border-color: var(--qm-tag-color-success);
+}
+.qm-tag.qm-tag--dark.qm-tag--warning {
+  color: var(--qm-tag-foreground-warning);
+  background-color: var(--qm-tag-color-warning);
+  border-color: var(--qm-tag-color-warning);
+}
+.qm-tag.qm-tag--dark.qm-tag--error {
+  color: var(--qm-tag-foreground-error);
+  background-color: var(--qm-tag-color-error);
+  border-color: var(--qm-tag-color-error);
+}
+.qm-tag--plain {
+  background-color: transparent;
+}
+.qm-tag.qm-tag--plain.qm-tag--primary {
+  color: var(--qm-tag-color-primary);
+  border-color: var(--qm-tag-color-primary);
+}
+.qm-tag.qm-tag--plain.qm-tag--success {
+  color: var(--qm-tag-color-success);
+  border-color: var(--qm-tag-color-success);
+}
+.qm-tag.qm-tag--plain.qm-tag--warning {
+  color: var(--qm-tag-color-warning);
+  border-color: var(--qm-tag-color-warning);
+}
+.qm-tag.qm-tag--plain.qm-tag--error {
+  color: var(--qm-tag-color-error);
+  border-color: var(--qm-tag-color-error);
+}
+.qm-tag__content {
+  display: inline-flex;
+  align-items: center;
+  line-height: 1;
+}
+.qm-tag__close {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: var(--qm-tag-close-size);
+  height: var(--qm-tag-close-size);
+  padding: 0;
+  padding-block: 0;
+  margin-block: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: 1;
+  color: var(--qm-tag-close-color);
+  /* 统一走 QmIcon（图标体系规范）：局部保持原内联 × 的视觉特征 */
+}
+.qm-tag__close .qm-icon {
+  color: var(--qm-tag-close-color);
+  --qm-icon-stroke-width: 2.5;
+}
+.qm-tag__close .qm-icon > svg {
+  display: block;
+  transform: translateY(1px);
+}
+.qm-tag__close {
+  /* 消除 button 默认外观：appearance 可能引入额外内边距与基线偏移（防御性重置） */
+  /* stylelint-disable-next-line property-no-vendor-prefix */
+  -webkit-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  background: none;
+  border: none;
+  transition: color var(--qm-tag-transition) ease;
+}
+.qm-tag__close:hover {
+  color: var(--qm-tag-close-hover-color);
+}
+.qm-tag__close:hover .qm-icon {
+  color: var(--qm-tag-close-hover-color);
+}
+.qm-tag--medium .qm-tag__close {
+  transform: translateY(0.5px);
+}
+.qm-tag--large .qm-tag__close {
+  transform: translateY(-0.75px);
+}

package/es/components/theme-toggle/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const themeToggle = require('../../shared/components.ClxGCZuy.cjs');
+require('vue');
+require('@qingmingmu/hooks');
+require('../../shared/components.CRtd1JMp.cjs');
+require('@qingmingmu/icons');
+require('../../shared/components.DUidQ77e.cjs');
+
+
+
+exports.QmThemeToggle = themeToggle.ThemeToggle;
+exports.default = themeToggle.ThemeToggle;
+exports.themeToggleProps = themeToggle.themeToggleProps;

package/es/components/theme-toggle/index.d.cts

@@ -0,0 +1,13 @@
+import { T as ThemeToggle } from '../../shared/components.DoInWOkI.cjs';
+export { a as ThemeToggleEmits, b as ThemeToggleMode, c as ThemeToggleSize, t as themeToggleProps } from '../../shared/components.DoInWOkI.cjs';
+import 'vue';
+import '@qingmingmu/hooks';
+import '../../shared/components.b5GjJzDh.cjs';
+import '@qingmingmu/icons';
+import '../../shared/components.OJRSZE6i.cjs';
+
+
+
+// @ts-ignore
+export = ThemeToggle;
+export { ThemeToggle as QmThemeToggle };

package/es/components/theme-toggle/index.d.mts

@@ -0,0 +1,11 @@
+import { T as ThemeToggle } from '../../shared/components.CTP-w8Dp.mjs';
+export { a as ThemeToggleEmits, b as ThemeToggleMode, c as ThemeToggleSize, t as themeToggleProps } from '../../shared/components.CTP-w8Dp.mjs';
+import 'vue';
+import '@qingmingmu/hooks';
+import '../../shared/components.DCuPins-.mjs';
+import '@qingmingmu/icons';
+import '../../shared/components.OJRSZE6i.mjs';
+
+
+
+export { ThemeToggle as QmThemeToggle, ThemeToggle as default };

package/es/components/theme-toggle/index.d.ts

@@ -0,0 +1,13 @@
+import { T as ThemeToggle } from '../../shared/components.DpN4r8M6.js';
+export { a as ThemeToggleEmits, b as ThemeToggleMode, c as ThemeToggleSize, t as themeToggleProps } from '../../shared/components.DpN4r8M6.js';
+import 'vue';
+import '@qingmingmu/hooks';
+import '../../shared/components.C6sLxXPo.js';
+import '@qingmingmu/icons';
+import '../../shared/components.OJRSZE6i.js';
+
+
+
+// @ts-ignore
+export = ThemeToggle;
+export { ThemeToggle as QmThemeToggle };

package/es/components/theme-toggle/index.mjs

@@ -0,0 +1,11 @@
+import { T as ThemeToggle } from '../../shared/components.PG8w8Qmv.mjs';
+export { t as themeToggleProps } from '../../shared/components.PG8w8Qmv.mjs';
+import 'vue';
+import '@qingmingmu/hooks';
+import '../../shared/components.D3on6_fI.mjs';
+import '@qingmingmu/icons';
+import '../../shared/components.pcqpp-6-.mjs';
+
+
+
+export { ThemeToggle as QmThemeToggle, ThemeToggle as default };

package/es/components/theme-toggle/style/index.js

@@ -0,0 +1,4 @@
+// QmThemeToggle 样式入口（桌面端 task）：import 编译产物 CSS。
+// 发布形态：与 es/components/theme-toggle/style.css 同目录，由 resolver 按需注入；
+// 源码开发场景由 Vite 直接编译 index.scss（play 沙箱 / 命令式入口自引入）。
+import './style.css'

package/es/components/theme-toggle/style.css

@@ -0,0 +1,35 @@
+@charset "UTF-8";
+.qm-theme-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--qm-theme-toggle-size);
+  height: var(--qm-theme-toggle-size);
+  padding: 0;
+  color: var(--qm-theme-toggle-color);
+  cursor: pointer;
+  outline: none;
+  background-color: var(--qm-theme-toggle-bg);
+  border: none;
+  border-radius: var(--qm-theme-toggle-border-radius);
+  transition: background-color var(--qm-theme-toggle-transition) ease, color var(--qm-theme-toggle-transition) ease;
+}
+.qm-theme-toggle:hover {
+  background-color: var(--qm-theme-toggle-hover-bg);
+}
+.qm-theme-toggle:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--qm-theme-toggle-color);
+}
+.qm-theme-toggle--small {
+  width: calc(var(--qm-theme-toggle-size) * 0.75);
+  height: calc(var(--qm-theme-toggle-size) * 0.75);
+}
+.qm-theme-toggle--large {
+  width: calc(var(--qm-theme-toggle-size) * 1.25);
+  height: calc(var(--qm-theme-toggle-size) * 1.25);
+}
+.qm-theme-toggle__icon {
+  font-size: var(--qm-theme-toggle-icon-size);
+  /* 统一走 QmIcon：1em 用图标尺寸 token，颜色随按钮 */
+  color: inherit;
+}

package/es/components/title-bar/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const titleBar = require('../../shared/components.BF2nXG8Y.cjs');
+require('vue');
+require('../../shared/components.DJlTQabT.cjs');
+require('../../shared/components.CRtd1JMp.cjs');
+require('@qingmingmu/icons');
+require('../../shared/components.DUidQ77e.cjs');
+
+
+
+exports.QmTitleBar = titleBar.TitleBar;
+exports.default = titleBar.TitleBar;
+exports.titleBarProps = titleBar.titleBarProps;

package/es/components/title-bar/index.d.cts

@@ -0,0 +1,13 @@
+import { T as TitleBar } from '../../shared/components.DCH8muDL.cjs';
+export { t as titleBarProps } from '../../shared/components.DCH8muDL.cjs';
+import 'vue';
+import '../../shared/components.D2M7cpo2.cjs';
+import '../../shared/components.b5GjJzDh.cjs';
+import '@qingmingmu/icons';
+import '../../shared/components.OJRSZE6i.cjs';
+
+
+
+// @ts-ignore
+export = TitleBar;
+export { TitleBar as QmTitleBar };

package/es/components/title-bar/index.d.mts

@@ -0,0 +1,11 @@
+import { T as TitleBar } from '../../shared/components.rFCN7LCl.mjs';
+export { t as titleBarProps } from '../../shared/components.rFCN7LCl.mjs';
+import 'vue';
+import '../../shared/components.BwmjBLGS.mjs';
+import '../../shared/components.DCuPins-.mjs';
+import '@qingmingmu/icons';
+import '../../shared/components.OJRSZE6i.mjs';
+
+
+
+export { TitleBar as QmTitleBar, TitleBar as default };

package/es/components/title-bar/index.d.ts

@@ -0,0 +1,13 @@
+import { T as TitleBar } from '../../shared/components.BChm7h4j.js';
+export { t as titleBarProps } from '../../shared/components.BChm7h4j.js';
+import 'vue';
+import '../../shared/components.tMYsd3jV.js';
+import '../../shared/components.C6sLxXPo.js';
+import '@qingmingmu/icons';
+import '../../shared/components.OJRSZE6i.js';
+
+
+
+// @ts-ignore
+export = TitleBar;
+export { TitleBar as QmTitleBar };

package/es/components/title-bar/index.mjs

@@ -0,0 +1,11 @@
+import { T as TitleBar } from '../../shared/components.7VJcWbB3.mjs';
+export { t as titleBarProps } from '../../shared/components.7VJcWbB3.mjs';
+import 'vue';
+import '../../shared/components.D8Ht88FR.mjs';
+import '../../shared/components.D3on6_fI.mjs';
+import '@qingmingmu/icons';
+import '../../shared/components.pcqpp-6-.mjs';
+
+
+
+export { TitleBar as QmTitleBar, TitleBar as default };

package/es/components/title-bar/style/index.js

@@ -0,0 +1,4 @@
+// QmTitleBar 样式入口（桌面端 task）：import 编译产物 CSS。
+// 发布形态：与 es/components/title-bar/style.css 同目录，由 resolver 按需注入；
+// 源码开发场景由 Vite 直接编译 index.scss（play 沙箱 / 命令式入口自引入）。
+import './style.css'

package/es/components/title-bar/style.css

@@ -0,0 +1,46 @@
+.qm-title-bar {
+  box-sizing: border-box;
+  display: flex;
+  gap: var(--qm-title-bar-gap);
+  align-items: center;
+  height: var(--qm-title-bar-height);
+  padding: var(--qm-title-bar-padding);
+  color: var(--qm-title-bar-color);
+  user-select: none;
+  background-color: var(--qm-title-bar-bg);
+  border-bottom: var(--qm-title-bar-border-bottom);
+  -webkit-app-region: drag;
+}
+.qm-title-bar__left {
+  display: flex;
+  flex-shrink: 0;
+  gap: var(--qm-title-bar-gap);
+  align-items: center;
+  min-width: 0;
+  -webkit-app-region: no-drag;
+}
+.qm-title-bar__center {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  overflow: hidden;
+}
+.qm-title-bar__center--no-drag {
+  -webkit-app-region: no-drag;
+}
+.qm-title-bar__right {
+  display: flex;
+  flex-shrink: 0;
+  gap: var(--qm-title-bar-gap);
+  align-items: center;
+  -webkit-app-region: no-drag;
+}
+.qm-title-bar__title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: var(--qm-title-bar-title-font-size);
+  font-weight: var(--qm-title-bar-title-font-weight);
+  white-space: nowrap;
+}