@astryx-vue/core 0.4.0 → 0.5.0

package/dist/{searchResultMessage-mCpJBvra.js → searchResultMessage-Do17kweN.js}

@@ -1,7 +1,7 @@
-import { n as useButtonTooltip } from "./Button-ONOoHdkg.js";
-import { t as _sfc_main$1 } from "./ButtonTooltip-CNKOQHYR.js";
-import { s as useAstryxMessages } from "./context-DWfi56sq.js";
-import { t as _sfc_main$2 } from "./Icon-KDnUyY7f.js";
+import { t as _sfc_main$1 } from "./Icon-Dosui-zD.js";
+import { n as useButtonTooltip } from "./Button-bxKFDhhg.js";
+import { t as _sfc_main$2 } from "./ButtonTooltip-CNKOQHYR.js";
+import { s as useAstryxMessages } from "./context-CVUee2tp.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, unref, useId, useTemplateRef, withModifiers } from "vue";
 //#region src/Field/StatusGlyph.vue
 const _hoisted_1 = ["data-status", "aria-label"];
@@ -40,16 +40,16 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				onBlur: _cache[2] || (_cache[2] = (...args) => unref(tooltip).hideImmediately && unref(tooltip).hideImmediately(...args)),
 				onPointerenter: _cache[3] || (_cache[3] = (...args) => unref(tooltip).onPointerEnter && unref(tooltip).onPointerEnter(...args)),
 				onPointerleave: _cache[4] || (_cache[4] = (...args) => unref(tooltip).onPointerLeave && unref(tooltip).onPointerLeave(...args))
-			}, [createVNode(_sfc_main$2, {
+			}, [createVNode(_sfc_main$1, {
 				icon: __props.type,
 				size: "sm"
-			}, null, 8, ["icon"])], 40, _hoisted_1)) : (openBlock(), createBlock(_sfc_main$2, {
+			}, null, 8, ["icon"])], 40, _hoisted_1)) : (openBlock(), createBlock(_sfc_main$1, {
 				key: 1,
 				class: "astryx-field-status-glyph",
 				icon: __props.type,
 				size: "sm",
 				"data-status": __props.type
-			}, null, 8, ["icon", "data-status"])), showsTooltip.value ? (openBlock(), createBlock(_sfc_main$1, {
+			}, null, 8, ["icon", "data-status"])), showsTooltip.value ? (openBlock(), createBlock(_sfc_main$2, {
 				key: 2,
 				id: tooltipId,
 				anchor: anchor.value,

package/dist/slug-DAK6hdbr.js

@@ -0,0 +1,17 @@
+//#region src/Markdown/slug.ts
+/** URL slug for a heading. Letters and numbers from any language are kept. */
+function slugify(value) {
+	return value.trim().toLowerCase().replace(/['"]/g, "").replace(/[^\p{Letter}\p{Number}]+/gu, "-").replace(/^-+|-+$/g, "");
+}
+/**
+* `setup`, then `setup-1`, then `setup-2`. An empty slug becomes `section`.
+* One map covers a whole document.
+*/
+function uniqueSlug(baseSlug, counts) {
+	const slug = baseSlug === "" ? "section" : baseSlug;
+	const seen = counts.get(slug) ?? 0;
+	counts.set(slug, seen + 1);
+	return seen === 0 ? slug : `${slug}-${seen}`;
+}
+//#endregion
+export { uniqueSlug as n, slugify as t };

package/dist/{types-Ckih2YJi.d.ts → types-BymI5mmm.d.ts}

@@ -20,8 +20,7 @@ interface TextProps {
    */
   size?: TextSize;
   /**
-   * Text color.
-   * @default 'primary'
+   * Text color. Defaults to `secondary` for `type="supporting"`, `primary` otherwise.
    */
   color?: TextColor;
   /**

package/dist/{types-BnNTzEnd.d.ts → types-CbiqoBoG.d.ts}

@@ -1,4 +1,4 @@
-import { l as TextWeight, o as TextSize } from "./types-Ckih2YJi.js";
+import { l as TextWeight, o as TextSize } from "./types-BymI5mmm.js";
 import { Component } from "vue";
 //#region src/Link/types.d.ts
 type LinkColor = 'primary' | 'secondary' | 'accent' | 'inherit';

package/dist/{types-WlmsNL1I.d.ts → types-DnrU3HYQ.d.ts}

@@ -1,4 +1,5 @@
-import { Component } from "vue";
+import { t as ExtendedIconName } from "./types-C5GQ2KCK.js";
+import { Component, VNodeChild } from "vue";
 //#region src/Button/types.d.ts
 interface ButtonVariantMap {
   destructive: true;
@@ -26,6 +27,12 @@ interface ButtonProps {
   href?: string;
   /** Disables interaction. @default false */
   isDisabled?: boolean;
+  /**
+   * Icon drawn before the label. A semantic icon name (like `search`), a CSS
+   * icon class, a component, or a render function. The `#icon` slot wins when
+   * both are set.
+   */
+  icon?: ExtendedIconName | Component | (() => VNodeChild);
   /** Renders only the icon slot and uses label as the accessible name. @default false */
   isIconOnly?: boolean;
   /** Keeps the control interactive while clickAction is pending. @default false */

package/dist/{upstreamMap-xr3gvREu.js → upstreamMap-BFXZHlnp.js}

@@ -411,6 +411,167 @@ const formsUpstreamMap = {
 	}]
 };
 //#endregion
+//#region src/locale/upstream/lab.ts
+/** lab 包里的记录编辑器与两栏选择器。文案由 lab 组件自己取，core 只负责保存。 */
+const labUpstreamMap = {
+	"@astryx.listInput.emptyTitle": [{
+		path: "listInput.emptyTitle",
+		args: ["itemName"]
+	}],
+	"@astryx.listInput.emptyDescription": [{
+		path: "listInput.emptyDescription",
+		args: ["itemName"]
+	}],
+	"@astryx.listInput.addItem": [{
+		path: "listInput.addItem",
+		args: ["itemName"]
+	}],
+	"@astryx.listInput.removeItem": [{
+		path: "listInput.removeItem",
+		args: ["itemName", "position"]
+	}],
+	"@astryx.listInput.removeUnavailable": [{ path: "listInput.removeUnavailable" }],
+	"@astryx.listInput.reorderItem": [{
+		path: "listInput.reorderItem",
+		args: ["itemName", "position"]
+	}],
+	"@astryx.listInput.fieldLabelWithPosition": [{
+		path: "listInput.fieldLabelWithPosition",
+		args: [
+			"header",
+			"itemName",
+			"position",
+			"total"
+		]
+	}],
+	"@astryx.listInput.reorderInstructions": [{ path: "listInput.reorderInstructions" }],
+	"@astryx.listInput.announceAdded": [{
+		path: "listInput.announceAdded",
+		args: ["itemName", "position"]
+	}],
+	"@astryx.listInput.announceRemoved": [{
+		path: "listInput.announceRemoved",
+		args: ["itemName", "position"]
+	}],
+	"@astryx.listInput.announceGrabbed": [{
+		path: "listInput.announceGrabbed",
+		args: ["itemName", "position"]
+	}],
+	"@astryx.listInput.announceMovedToPosition": [{
+		path: "listInput.announceMovedToPosition",
+		args: [
+			"itemName",
+			"position",
+			"total"
+		]
+	}],
+	"@astryx.listInput.announceReorderCancelled": [{ path: "listInput.announceReorderCancelled" }],
+	"@astryx.listInput.announceReturnedToPosition": [{
+		path: "listInput.announceReturnedToPosition",
+		args: ["itemName", "position"]
+	}],
+	"@astryx.listInput.announceDropped": [{
+		path: "listInput.announceDropped",
+		args: [
+			"itemName",
+			"position",
+			"total"
+		]
+	}],
+	"@astryx.transferList.selectedLabel": [{ path: "transferList.selectedLabel" }],
+	"@astryx.transferList.availableLabel": [{ path: "transferList.availableLabel" }],
+	"@astryx.transferList.ungroupedLabel": [{ path: "transferList.ungroupedLabel" }],
+	"@astryx.transferList.searchPlaceholder": [{ path: "transferList.searchPlaceholder" }],
+	"@astryx.transferList.searchLabel": [{
+		path: "transferList.searchLabel",
+		args: ["label"]
+	}],
+	"@astryx.transferList.selectedEmpty": [{ path: "transferList.selectedEmpty" }],
+	"@astryx.transferList.availableEmpty": [{ path: "transferList.availableEmpty" }],
+	"@astryx.transferList.noResults": [{ path: "transferList.noResults" }],
+	"@astryx.transferList.clear": [{ path: "transferList.clear" }],
+	"@astryx.transferList.addAll": [{ path: "transferList.addAll" }],
+	"@astryx.transferList.addOption": [{
+		path: "transferList.addOption",
+		args: ["label"]
+	}],
+	"@astryx.transferList.removeOption": [{
+		path: "transferList.removeOption",
+		args: ["label"]
+	}],
+	"@astryx.transferList.reorderOption": [{
+		path: "transferList.reorderOption",
+		args: ["label"]
+	}],
+	"@astryx.transferList.transferDisabled": [{
+		path: "transferList.transferDisabled",
+		args: ["label"]
+	}],
+	"@astryx.transferList.reorderDisabled": [{
+		path: "transferList.reorderDisabled",
+		args: ["label"]
+	}],
+	"@astryx.transferList.reorderInstructions": [{ path: "transferList.reorderInstructions" }],
+	"@astryx.transferList.announceAdded": [{
+		path: "transferList.announceAdded",
+		args: ["label", "count"]
+	}],
+	"@astryx.transferList.announceRemoved": [{
+		path: "transferList.announceRemoved",
+		args: ["label", "count"]
+	}],
+	"@astryx.transferList.announceBulkAdded": [{
+		path: "transferList.announceBulkAdded",
+		args: ["count"]
+	}],
+	"@astryx.transferList.announceBulkRemoved": [{
+		path: "transferList.announceBulkRemoved",
+		args: ["count"]
+	}],
+	"@astryx.transferList.announceGrabbed": [{
+		path: "transferList.announceGrabbed",
+		args: [
+			"label",
+			"position",
+			"total"
+		]
+	}],
+	"@astryx.transferList.announceMoveCancelled": [{
+		path: "transferList.announceMoveCancelled",
+		args: ["label"]
+	}],
+	"@astryx.transferList.announceDropped": [{
+		path: "transferList.announceDropped",
+		args: [
+			"label",
+			"position",
+			"total"
+		]
+	}],
+	"@astryx.transferList.announceReturned": [{
+		path: "transferList.announceReturned",
+		args: ["label", "position"]
+	}],
+	"@astryx.transferList.announceMovedToPosition": [{
+		path: "transferList.announceMovedToPosition",
+		args: [
+			"label",
+			"position",
+			"total"
+		]
+	}],
+	"@astryx.transferList.announceSearchResults": [{
+		path: "transferList.announceSearchResults",
+		args: ["count"]
+	}],
+	"@astryx.transferListSelector.apply": [{ path: "transferListSelector.apply" }],
+	"@astryx.transferListSelector.cancel": [{ path: "transferListSelector.cancel" }],
+	"@astryx.transferListSelector.triggerLabel": [{
+		path: "transferListSelector.triggerLabel",
+		args: ["count"]
+	}]
+};
+//#endregion
 //#region src/locale/upstream/navigation.ts
 /** 导航、布局、分页与菜单。 */
 const navigationUpstreamMap = {
@@ -602,6 +763,40 @@ const overlaysUpstreamMap = {
 	"@astryx.markdown.table": [{ path: "markdown.table" }]
 };
 //#endregion
+//#region src/locale/upstream/richtext.ts
+/** 富文本编辑器（`@astryx-vue/richtext`）。文案由 richtext 自己取，core 只负责保存。 */
+const richtextUpstreamMap = {
+	"@astryx.richTextEditor.tabEscapeHint": [{ path: "richTextEditor.tabEscapeHint" }],
+	"@astryx.richTextEditor.toolbar.label": [{ path: "richTextEditor.toolbar.label" }],
+	"@astryx.richTextEditor.toolbar.actions": [{ path: "richTextEditor.toolbar.actions" }],
+	"@astryx.richTextEditor.toolbar.undo": [{ path: "richTextEditor.toolbar.undo" }],
+	"@astryx.richTextEditor.toolbar.redo": [{ path: "richTextEditor.toolbar.redo" }],
+	"@astryx.richTextEditor.toolbar.historyDivider": [{ path: "richTextEditor.toolbar.historyDivider" }],
+	"@astryx.richTextEditor.toolbar.blockFormat": [{ path: "richTextEditor.toolbar.blockFormat" }],
+	"@astryx.richTextEditor.toolbar.formatDivider": [{ path: "richTextEditor.toolbar.formatDivider" }],
+	"@astryx.richTextEditor.toolbar.paragraph": [{ path: "richTextEditor.toolbar.paragraph" }],
+	"@astryx.richTextEditor.toolbar.heading1": [{ path: "richTextEditor.toolbar.heading1" }],
+	"@astryx.richTextEditor.toolbar.heading2": [{ path: "richTextEditor.toolbar.heading2" }],
+	"@astryx.richTextEditor.toolbar.heading3": [{ path: "richTextEditor.toolbar.heading3" }],
+	"@astryx.richTextEditor.toolbar.bulletedList": [{ path: "richTextEditor.toolbar.bulletedList" }],
+	"@astryx.richTextEditor.toolbar.numberedList": [{ path: "richTextEditor.toolbar.numberedList" }],
+	"@astryx.richTextEditor.toolbar.blockQuote": [{ path: "richTextEditor.toolbar.blockQuote" }],
+	"@astryx.richTextEditor.toolbar.bold": [{ path: "richTextEditor.toolbar.bold" }],
+	"@astryx.richTextEditor.toolbar.italic": [{ path: "richTextEditor.toolbar.italic" }],
+	"@astryx.richTextEditor.toolbar.underline": [{ path: "richTextEditor.toolbar.underline" }],
+	"@astryx.richTextEditor.toolbar.strikethrough": [{ path: "richTextEditor.toolbar.strikethrough" }],
+	"@astryx.richTextEditor.toolbar.inlineCode": [{ path: "richTextEditor.toolbar.inlineCode" }],
+	"@astryx.richTextEditor.toolbar.link": [{ path: "richTextEditor.toolbar.link" }],
+	"@astryx.richTextEditor.link.insertTitle": [{ path: "richTextEditor.link.insertTitle" }],
+	"@astryx.richTextEditor.link.editTitle": [{ path: "richTextEditor.link.editTitle" }],
+	"@astryx.richTextEditor.link.url": [{ path: "richTextEditor.link.url" }],
+	"@astryx.richTextEditor.link.invalidUrl": [{ path: "richTextEditor.link.invalidUrl" }],
+	"@astryx.richTextEditor.link.remove": [{ path: "richTextEditor.link.remove" }],
+	"@astryx.richTextEditor.link.cancel": [{ path: "richTextEditor.link.cancel" }],
+	"@astryx.richTextEditor.link.add": [{ path: "richTextEditor.link.add" }],
+	"@astryx.richTextEditor.link.update": [{ path: "richTextEditor.link.update" }]
+};
+//#endregion
 //#region src/locale/upstream/search.ts
 const operatorNames = [
 	"contains",
@@ -709,7 +904,9 @@ const parts = [
 		"@astryx.commandPalette.footer.select": [{ path: "commandPalette.select" }],
 		"@astryx.commandPalette.footer.close": [{ path: "commandPalette.close" }]
 	},
-	chatUpstreamMap
+	chatUpstreamMap,
+	labUpstreamMap,
+	richtextUpstreamMap
 ];
 function mergeParts(list) {
 	const merged = {};

package/dist/{useIndicator-MZmfBWid.js → useIndicator-fTOZfYVI.js}

@@ -1,6 +1,6 @@
-import { t as isRenderable } from "./isRenderable-BnKHIqfd.js";
-import { t as _sfc_main$2 } from "./Icon-KDnUyY7f.js";
+import { t as _sfc_main$2 } from "./Icon-Dosui-zD.js";
 import { n as themeContextKey } from "./context-Cws_tXTr.js";
+import { t as isRenderable } from "./isRenderable-BnKHIqfd.js";
 import { n as decorativeAttrs, t as _sfc_main$3 } from "./CheckboxIndicator-fH4d-JE1.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, inject, mergeProps, openBlock, renderSlot, unref, useAttrs, useSlots, useTemplateRef } from "vue";
 import "../styles/check-indicator.css";

package/dist/{useInputStatusIcon-DAE7PExr.js → useInputStatusIcon-yj_rY6TQ.js}

@@ -1,5 +1,5 @@
-import { t as _sfc_main } from "./FieldIcon--NTgW5IU.js";
-import { t as _sfc_main$1 } from "./FieldInfoTip-gxsnfkZw.js";
+import { t as _sfc_main } from "./FieldIcon--Qng2Cup.js";
+import { t as _sfc_main$1 } from "./FieldInfoTip-DRXvsWkr.js";
 import { computed, toValue } from "vue";
 //#region src/composables/useInputStatusIcon.ts
 /**

package/dist/{useMenuDrillIn-DhUnPvKs.js → useMenuDrillIn-CjU_ZMhh.js}

@@ -1,5 +1,5 @@
 import { n as readLayerScoped, t as defineLayerScopedKey } from "./scopedProvide-C-Df7c15.js";
-import { t as _sfc_main$4 } from "./Icon-KDnUyY7f.js";
+import { t as _sfc_main$4 } from "./Icon-Dosui-zD.js";
 import { t as _sfc_main$5 } from "./Item-DWMIjN8n.js";
 import { t as _sfc_main$6 } from "./CheckboxIndicator-fH4d-JE1.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeModels, openBlock, provide, ref, renderSlot, toDisplayString, unref, useModel, useSlots, watch, withCtx } from "vue";

package/dist/{useResizable-1MHPNaRD.d.ts → useResizable-BJ0DaMml.d.ts}

@@ -4,7 +4,7 @@ import { CSSProperties, MaybeRefOrGetter, Ref, VNode, VNodeChild } from "vue";
 //#region src/Toolbar/types.d.ts
 type ToolbarSize = 'sm' | 'md' | 'lg';
 type ToolbarOrientation = 'horizontal' | 'vertical';
-type ToolbarVariant = 'transparent' | 'muted';
+type ToolbarVariant = 'section' | 'transparent' | 'muted';
 type ToolbarDivider = 'top' | 'bottom' | 'start' | 'end';
 interface ToolbarProps {
   /** 工具栏的无障碍名称。 */
@@ -15,7 +15,7 @@ interface ToolbarProps {
   gap?: SpacingStep;
   /** 方向键沿哪一根轴移动焦点。 @default 'horizontal' */
   orientation?: ToolbarOrientation;
-  /** 底色。muted 用来标出批量操作条。 @default 'transparent' */
+  /** 底色，和 Section 的 variant 一致。muted 用来标出批量操作条。 @default 'transparent' */
   variant?: ToolbarVariant;
   /** 在指定边上画分隔线。 */
   dividers?: ToolbarDivider[];
@@ -105,9 +105,14 @@ interface TableSortEntry<TSortKey extends string = string> {
   direction: TableSortDirection;
 }
 type TableSortState<TSortKey extends string = string> = TableSortEntry<TSortKey>[];
+type TableColumnHeader = string | (() => VNodeChild);
 interface TableColumn<T extends Record<string, unknown> = Record<string, unknown>> {
   key: string;
-  header?: string;
+  /**
+   * 列头内容。字符串直接显示；函数返回的 VNode 用函数式组件渲染（对应原版收
+   * ReactNode）。可访问名称等需要纯文本的地方，函数形式回退到 `key`。
+   */
+  header?: TableColumnHeader;
   width?: ColumnWidth;
   align?: TableColumnAlign;
   verticalAlign?: TableVerticalAlign;

package/dist/{useTranslator-BmWt2BBt.js → useTranslator-BQ1KFNSZ.js}

@@ -1,5 +1,5 @@
-import { s as useAstryxMessages } from "./context-DWfi56sq.js";
-import { t as upstreamMessageMap } from "./upstreamMap-xr3gvREu.js";
+import { s as useAstryxMessages } from "./context-CVUee2tp.js";
+import { t as upstreamMessageMap } from "./upstreamMap-BFXZHlnp.js";
 //#region src/locale/useTranslator.ts
 /**
 * 对应原版 Astryx 的 `hooks/useTranslator`。

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@astryx-vue/core",
   "type": "module",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Vue 3 components for the unofficial astryx-vue port of Astryx. Not affiliated with Meta.",
   "author": "ShenQingchuan",
   "license": "MIT",

package/styles/banner.css

@@ -85,7 +85,8 @@
     color: var(--astryx-banner-icon-color);
   }
 
-  .astryx-banner-icon > * {
+  /* The status Icon keeps its own md size (20px), as upstream does. */
+  .astryx-banner-icon > :not(.astryx-icon) {
     width: 16px;
     height: 16px;
   }

package/styles/complex-selector.css

@@ -119,8 +119,10 @@
   }
 
   .astryx-complex-selector-content {
+    box-sizing: border-box;
     max-height: min(480px, calc(100vh - 32px));
     overflow: auto;
+    padding: var(--astryx-spacing-3, 12px);
   }
 
   @media (prefers-reduced-motion: reduce) {

package/styles/icon.css

@@ -56,6 +56,14 @@
     display: block;
     width: 100%;
     height: 100%;
+  }
+
+  /*
+   * An SVG that declares its own fill (a stroked glyph says fill="none") keeps
+   * it. Only artwork without a fill attribute is painted with the current color.
+   */
+  .astryx-icon > svg:not([fill]),
+  .astryx-icon__svg > svg:not([fill]) {
     fill: currentcolor;
   }
 
@@ -227,7 +235,7 @@
   }
   /* stop */
   .astryx-icon--stop {
-    --astryx-icon-artwork: var(--astryx-icon-stop, url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='14' rx='2'/%3E%3C/svg%3E"));
+    --astryx-icon-artwork: var(--astryx-icon-stop, url("data:image/svg+xml;utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Crect x=%276%27 y=%276%27 width=%2712%27 height=%2712%27 rx=%272%27/%3E%3C/svg%3E"));
   }
   /* microphone */
   .astryx-icon--microphone {
@@ -235,15 +243,15 @@
   }
   /* warning */
   .astryx-icon--warning {
-    --astryx-icon-artwork: var(--astryx-icon-warning, url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"));
+    --astryx-icon-artwork: var(--astryx-icon-warning, url("data:image/svg+xml;utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M10.29 3.86L2.07 19.05A2 2 0 003.78 22h16.44a2 2 0 001.71-2.95L13.71 3.86a2 2 0 00-3.42 0zM12 9a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0112 9zm0 9a1 1 0 100-2 1 1 0 000 2z%27/%3E%3C/svg%3E"));
   }
   /* error */
   .astryx-icon--error {
-    --astryx-icon-artwork: var(--astryx-icon-error, url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E"));
+    --astryx-icon-artwork: var(--astryx-icon-error, url("data:image/svg+xml;utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M12 3a9 9 0 100 18 9 9 0 000-18zm-2.47 5.47a.75.75 0 00-1.06 1.06L10.94 12l-2.47 2.47a.75.75 0 101.06 1.06L12 13.06l2.47 2.47a.75.75 0 101.06-1.06L13.06 12l2.47-2.47a.75.75 0 00-1.06-1.06L12 10.94l-2.47-2.47z%27/%3E%3C/svg%3E"));
   }
   /* success */
   .astryx-icon--success {
-    --astryx-icon-artwork: var(--astryx-icon-success, url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.801 10A10 10 0 1 1 17 3.335'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/svg%3E"));
+    --astryx-icon-artwork: var(--astryx-icon-success, url("data:image/svg+xml;utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M12 3a9 9 0 100 18 9 9 0 000-18zm4.06 6.56a.75.75 0 00-1.12-1l-3.94 4.4-1.94-1.94a.75.75 0 00-1.06 1.06l2.5 2.5a.75.75 0 001.09-.03l4.47-5z%27/%3E%3C/svg%3E"));
   }
   /* chevronsLeft */
   .astryx-icon--chevrons-left {
@@ -253,13 +261,9 @@
   .astryx-icon--chevrons-right {
     --astryx-icon-artwork: var(--astryx-icon-chevrons-right, url("data:image/svg+xml;utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 6l6 6-6 6M13 6l6 6-6 6%27/%3E%3C/svg%3E"));
   }
-  /* success */
-  .astryx-icon--success {
-    --astryx-icon-artwork: var(--astryx-icon-success, url("data:image/svg+xml;utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M12 3a9 9 0 100 18 9 9 0 000-18zm3.53 6.22a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0l-2-2a.75.75 0 111.06-1.06l1.47 1.47 3.72-3.72a.75.75 0 011.06 0z%27/%3E%3C/svg%3E"));
-  }
   /* info */
   .astryx-icon--info {
-    --astryx-icon-artwork: var(--astryx-icon-info, url("data:image/svg+xml;utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M12 3a9 9 0 100 18 9 9 0 000-18zm0 4a1 1 0 100 2 1 1 0 000-2zm-.75 3.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5z%27/%3E%3C/svg%3E"));
+    --astryx-icon-artwork: var(--astryx-icon-info, url("data:image/svg+xml;utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M12 3a9 9 0 100 18 9 9 0 000-18zm0 4a1 1 0 100 2 1 1 0 000-2zm-.75 3.75a.75.75 0 011.5 0v5.5a.75.75 0 01-1.5 0v-5.5z%27/%3E%3C/svg%3E"));
   }
   /* externalLink */
   .astryx-icon--external-link {

package/styles/link.css

@@ -55,15 +55,16 @@
     line-height: 1;
   }
 
-  .astryx-link--size-sm { font-size: var(--astryx-text-sm-size, 0.75rem); }
-  .astryx-link--size-md { font-size: var(--astryx-text-md-size, 0.875rem); }
-  .astryx-link--size-lg { font-size: var(--astryx-text-lg-size, 1rem); }
-  .astryx-link--size-xl { font-size: var(--astryx-text-xl-size, 1.25rem); }
-
-  .astryx-link--weight-regular { font-weight: var(--astryx-font-weight-regular, 400); }
-  .astryx-link--weight-medium { font-weight: var(--astryx-font-weight-medium, 500); }
-  .astryx-link--weight-semibold { font-weight: var(--astryx-font-weight-semibold, 600); }
-  .astryx-link--weight-bold { font-weight: var(--astryx-font-weight-bold, 700); }
+  /* 修饰类与基础规则同特异性，排在后面所以生效：基础里的 `font: inherit` 不会盖掉它们。 */
+  .astryx-link.astryx-link--size-sm { font-size: var(--astryx-text-sm-size, 0.75rem); }
+  .astryx-link.astryx-link--size-md { font-size: var(--astryx-text-md-size, 0.875rem); }
+  .astryx-link.astryx-link--size-lg { font-size: var(--astryx-text-lg-size, 1rem); }
+  .astryx-link.astryx-link--size-xl { font-size: var(--astryx-text-xl-size, 1.25rem); }
+
+  .astryx-link.astryx-link--weight-regular { font-weight: var(--astryx-font-weight-regular, 400); }
+  .astryx-link.astryx-link--weight-medium { font-weight: var(--astryx-font-weight-medium, 500); }
+  .astryx-link.astryx-link--weight-semibold { font-weight: var(--astryx-font-weight-semibold, 600); }
+  .astryx-link.astryx-link--weight-bold { font-weight: var(--astryx-font-weight-bold, 700); }
 
   .astryx-link__label {
     min-width: 0;

package/styles/markdown.css

@@ -34,14 +34,18 @@
     margin-inline: auto;
   }
 
-  .astryx-markdown :is(h1, h2, h3, h4, h5, h6).astryx-heading.astryx-markdown__heading {
-    margin-block: var(--astryx-spacing-4, 16px) var(--astryx-spacing-2, 8px);
+  /* 标题间距看源文档里的标题深度（data-depth），不看渲染出来的 h 级别：
+     `headingLevelStart` 把 `#` 渲染成 h2 时，它仍然是"深度 1"，取大间距。
+     深度 1–3 是大标题（上 24 / 下 12），4–6 是小标题（上 16 / 下 8）。 */
+  .astryx-markdown .astryx-heading.astryx-markdown__heading {
+    margin-block: var(--_md-heading-top, var(--astryx-spacing-4, 16px)) var(--_md-heading-bottom, var(--astryx-spacing-2, 8px));
     color: var(--astryx-color-text-primary, #171717);
     font-family: var(--astryx-font-family-heading, Figtree, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);
   }
 
-  .astryx-markdown :is(h1, h2).astryx-heading.astryx-markdown__heading {
-    margin-block: var(--astryx-spacing-6, 24px) var(--astryx-spacing-3, 12px);
+  .astryx-markdown__heading:is([data-depth='1'], [data-depth='2'], [data-depth='3']) {
+    --_md-heading-top: var(--astryx-spacing-6, 24px);
+    --_md-heading-bottom: var(--astryx-spacing-3, 12px);
   }
 
   .astryx-markdown h1.astryx-heading.astryx-markdown__heading {
@@ -113,12 +117,14 @@
     border-block-start: var(--astryx-border-width, 1px) solid var(--astryx-color-border, #ebebeb);
   }
 
-  .astryx-markdown[data-density='compact'] :is(h1, h2).astryx-heading.astryx-markdown__heading {
-    margin-block: var(--astryx-spacing-4, 16px) var(--astryx-spacing-2, 8px);
+  .astryx-markdown[data-density='compact'] .astryx-markdown__heading {
+    --_md-heading-top: var(--astryx-spacing-3, 12px);
+    --_md-heading-bottom: var(--astryx-spacing-1, 4px);
   }
 
-  .astryx-markdown[data-density='compact'] :is(h3, h4, h5, h6).astryx-heading.astryx-markdown__heading {
-    margin-block: var(--astryx-spacing-3, 12px) var(--astryx-spacing-1, 4px);
+  .astryx-markdown[data-density='compact'] .astryx-markdown__heading:is([data-depth='1'], [data-depth='2'], [data-depth='3']) {
+    --_md-heading-top: var(--astryx-spacing-4, 16px);
+    --_md-heading-bottom: var(--astryx-spacing-2, 8px);
   }
 
   .astryx-markdown[data-density='compact'] :is(.astryx-markdown__paragraph, .astryx-markdown__list) {
@@ -145,6 +151,15 @@
     margin-block-end: 0;
   }
 
+  /* 标题自己的间距规则特异性更高，首尾去边距要跟上。 */
+  .astryx-markdown > .astryx-heading.astryx-markdown__heading:first-child {
+    margin-block-start: 0;
+  }
+
+  .astryx-markdown > .astryx-heading.astryx-markdown__heading:last-child {
+    margin-block-end: 0;
+  }
+
   .astryx-markdown strong {
     font-weight: var(--astryx-font-weight-semibold, 600);
   }

package/styles/power-search.css

@@ -94,9 +94,10 @@
     cursor: pointer;
   }
 
+  /* 空着不占位：剩余宽度全给输入框（原版 Tokenizer 里输入框 flex 1 1 40px）。 */
   .astryx-power-search-tokens {
     display: flex;
-    flex: 1 1 auto;
+    flex: 0 1 auto;
     flex-wrap: wrap;
     align-items: center;
     gap: var(--astryx-spacing-1, 4px);
@@ -138,10 +139,11 @@
     white-space: nowrap;
   }
 
+  /* 高度交给内容（原版输入框不定高），字段的 min-height 和 padding 说了算。 */
   .astryx-power-search-input {
     flex: 1 1 8rem;
     min-width: 4rem;
-    height: var(--astryx-input-height-sm, 28px);
+    height: auto;
     margin: 0;
     padding: 0 var(--astryx-spacing-1, 4px);
     border: 0;

package/styles/progress-bar.css

@@ -6,7 +6,8 @@
     display: flex;
     flex-direction: column;
     gap: var(--astryx-spacing-1, 4px);
-    min-width: 0;
+    width: 100%;
+    min-width: 48px;
   }
 
   .astryx-progress-bar-header {
@@ -133,6 +134,11 @@
     background: var(--astryx-progress-bar-info-fill, var(--astryx-input-info, #6d9cfe));
   }
 
+  /* 原版 neutral 填充是 disabled 灰，不是前景近黑。 */
+  .astryx-progress-bar[data-variant='neutral'] .astryx-progress-bar-fill {
+    background: var(--astryx-progress-bar-neutral-fill, var(--astryx-color-text-disabled, light-dark(#a3a3a3, #525252)));
+  }
+
   /* A disabled bar dims everything it draws: the fill drops the variant color
      for the disabled foreground, and the label, value and marks step down to
      the muted ramp. */

package/styles/status-dot.css

@@ -13,6 +13,10 @@
     background-color: var(--astryx-status-dot-neutral-background, #a3a3a3);
   }
 
+  .astryx-status-dot[data-variant='accent'] {
+    background-color: var(--astryx-status-dot-accent-background, var(--astryx-color-accent, #1b1b1b));
+  }
+
   .astryx-status-dot[data-variant='info'] {
     background-color: var(--astryx-status-dot-info-background, #0074e2);
   }
@@ -43,6 +47,10 @@
     height: 75%;
   }
 
+  .astryx-status-dot[data-variant='accent'] .astryx-status-dot__icon {
+    color: var(--astryx-status-dot-accent-icon-foreground, var(--astryx-color-on-accent, #fff));
+  }
+
   .astryx-status-dot[data-variant='warning'] .astryx-status-dot__icon {
     color: var(--astryx-status-dot-warning-icon-foreground, #171717);
   }