@astryx-vue/core 0.3.0 → 0.4.1

package/dist/{context-Cfjh8te1.js → context-Cfml4jaK.js}

@@ -1,8 +1,10 @@
-import { computed, inject } from "vue";
+import { n as readLayerScoped, t as defineLayerScopedKey } from "./scopedProvide-C-Df7c15.js";
+import { computed } from "vue";
 //#region src/FormLayout/context.ts
-const formLayoutKey = Symbol("astryx-form-layout");
+const NO_FORM_LAYOUT = computed(() => null);
+const formLayoutKey = defineLayerScopedKey("astryx-form-layout", NO_FORM_LAYOUT);
 function useFormLayout() {
-	return inject(formLayoutKey, computed(() => null));
+	return readLayerScoped(formLayoutKey);
 }
 /**
 * 没有 FormLayout 时保持原来的 aria-required。

package/dist/context-IvbU9c3T.js

@@ -0,0 +1,8 @@
+import { n as readLayerScoped, t as defineLayerScopedKey } from "./scopedProvide-C-Df7c15.js";
+//#region src/InputGroup/context.ts
+const INPUT_GROUP_KEY = defineLayerScopedKey("InputGroup", null);
+function useInputGroupContext() {
+	return readLayerScoped(INPUT_GROUP_KEY);
+}
+//#endregion
+export { useInputGroupContext as n, INPUT_GROUP_KEY as t };

package/dist/context-pjBxaMSh.js

@@ -0,0 +1,28 @@
+import { n as readLayerScoped, t as defineLayerScopedKey } from "./scopedProvide-C-Df7c15.js";
+import { computed, provide, toValue } from "vue";
+//#region src/Icon/context.ts
+/**
+* The size an owning component supplies to the icons in its slots.
+*
+* The value is stored as given, so a caller can pass a ref or a computed and
+* keep the default in step with its own props.
+*/
+const ICON_DEFAULT_SIZE_KEY = defineLayerScopedKey("astryx-icon-default-size", void 0);
+/**
+* Let the icons inside a component follow that component's own size.
+*
+* Call it in the component's setup with a ref or computed so the inherited size
+* stays reactive.
+*/
+function provideIconSize(size) {
+	provide(ICON_DEFAULT_SIZE_KEY, size);
+}
+/**
+* The size inherited from the nearest owner, or `undefined` when there is none.
+*/
+function useIconDefaultSize() {
+	const inherited = readLayerScoped(ICON_DEFAULT_SIZE_KEY);
+	return computed(() => inherited == null ? void 0 : toValue(inherited));
+}
+//#endregion
+export { useIconDefaultSize as n, provideIconSize as t };

package/dist/fieldParts--SyRZVQG.js

@@ -0,0 +1,44 @@
+import { n as useDevWarning } from "./useDevWarning-DznOpOHT.js";
+import { a as useFormLayout } from "./context-Cfml4jaK.js";
+import { n as useInputGroupContext } from "./context-IvbU9c3T.js";
+import { computed } from "vue";
+//#region src/Field/fieldParts.ts
+const CONTAINER_WITHOUT_FIELD_MESSAGE = "`containerClass`/`containerStyle` have no effect here because no Field box renders (inside InputGroup or a `horizontal-labels` FormLayout). Inside InputGroup, style the InputGroup.";
+/** Vue 会把带 boolean 的联合类型属性的缺省值转成 `false`，所以 `false` 也算没传。 */
+function isSet(value) {
+	return value != null && value !== false && value !== "";
+}
+/**
+* 把带 Field 的输入组件收到的样式和透传属性分到各自的部件上：
+* 外壳、本体、主语义控件。各组件不用再各写一遍拆分逻辑。
+*
+* @example
+* ```ts
+* const parts = useFieldPartStyling({ component: 'TextInput', props, attrs: useAttrs(), reservedAttrs: ['id', 'value'] })
+* // <Field :class="parts.containerClass.value" :style="parts.containerStyle.value">
+* // <div class="box" :class="parts.controlClass()" :style="parts.controlStyle()">
+* // <input v-bind="parts.forwardedAttrs()">
+* ```
+*/
+function useFieldPartStyling(options) {
+	const { component, props, attrs } = options;
+	const reserved = /* @__PURE__ */ new Set([
+		"class",
+		"style",
+		...options.reservedAttrs ?? []
+	]);
+	const inputGroup = useInputGroupContext();
+	const formLayout = useFormLayout();
+	const hasFieldBox = computed(() => inputGroup == null && formLayout.value?.direction !== "horizontal-labels");
+	useDevWarning(component, CONTAINER_WITHOUT_FIELD_MESSAGE, () => !hasFieldBox.value && (isSet(props.containerClass) || isSet(props.containerStyle)));
+	return {
+		hasFieldBox,
+		containerClass: computed(() => hasFieldBox.value ? props.containerClass : void 0),
+		containerStyle: computed(() => hasFieldBox.value ? props.containerStyle : void 0),
+		controlClass: () => [attrs.class, props.controlClass],
+		controlStyle: () => [attrs.style, props.controlStyle],
+		forwardedAttrs: () => Object.fromEntries(Object.entries(attrs).filter(([key]) => !reserved.has(key)))
+	};
+}
+//#endregion
+export { useFieldPartStyling as t };

package/dist/fieldParts-LXpQMKE8.d.ts

@@ -0,0 +1,27 @@
+import { ComputedRef, HTMLAttributes, StyleValue } from "vue";
+//#region src/Field/fieldParts.d.ts
+/**
+ * 带 Field 的输入组件共用的样式分层属性。
+ *
+ * 一个输入组件有两个可以加样式的部件：
+ * - 外壳（Field 那一层）：包着标签、控件和状态消息。用 `containerClass` / `containerStyle`。
+ * - 本体（control box）：画边框和背景、里面装着图标和清除按钮的那个盒子。用 `controlClass` / `controlStyle`。
+ *
+ * 两组属性各管各的，不会改道：`container*` 永远落在外壳，`control*` 永远落在本体，
+ * 都不会落到原生 input 上。组件根上直接写的 `class` / `style` 保持各组件今天的落点。
+ */
+interface FieldPartStylingProps {
+  /**
+   * 加到字段外壳（Field 那一层）的 class。
+   * 在 InputGroup 里、以及横向标签的 FormLayout 里没有外壳，这时它不生效，开发环境会警告。
+   */
+  containerClass?: HTMLAttributes['class'];
+  /** 加到字段外壳的行内样式。落点规则同 `containerClass`。 */
+  containerStyle?: StyleValue;
+  /** 加到本体（画边框和背景的那个盒子）的 class。不会落到原生 input 上。 */
+  controlClass?: HTMLAttributes['class'];
+  /** 加到本体的行内样式。 */
+  controlStyle?: StyleValue;
+}
+//#endregion
+export { FieldPartStylingProps as t };

package/dist/{focus-CpficIgf.js → focus-l8jVTcqd.js}

@@ -33,4 +33,4 @@ function isFocusable(element) {
 	return element.isContentEditable;
 }
 //#endregion
-export { getFocusables as n, isFocusable as r, focusElement as t };
+export { isFocusable as i, focusElement as n, getFocusables as r, FOCUSABLE_SELECTOR as t };

package/dist/hoverIntent-DMHGb85c.js

@@ -0,0 +1,115 @@
+function sign(p1, p2, p3) {
+	return (p1.x - p3.x) * (p2.y - p3.y) - (p2.x - p3.x) * (p1.y - p3.y);
+}
+function isPointInTriangle(p, a, b, c) {
+	const d1 = sign(p, a, b);
+	const d2 = sign(p, b, c);
+	const d3 = sign(p, c, a);
+	return !((d1 < 0 || d2 < 0 || d3 < 0) && (d1 > 0 || d2 > 0 || d3 > 0));
+}
+/**
+* Whether `point` lies inside the triangle from `origin` (where the pointer
+* left the row) to the flyout's near edge — the edge facing the origin.
+*/
+function isPointInSafeTriangle(point, origin, flyout) {
+	const pad = 8;
+	let edgeStart;
+	let edgeEnd;
+	if (origin.x <= flyout.left) {
+		edgeStart = {
+			x: flyout.left,
+			y: flyout.top - pad
+		};
+		edgeEnd = {
+			x: flyout.left,
+			y: flyout.bottom + pad
+		};
+	} else if (origin.x >= flyout.right) {
+		edgeStart = {
+			x: flyout.right,
+			y: flyout.top - pad
+		};
+		edgeEnd = {
+			x: flyout.right,
+			y: flyout.bottom + pad
+		};
+	} else if (origin.y <= flyout.top) {
+		edgeStart = {
+			x: flyout.left - pad,
+			y: flyout.top
+		};
+		edgeEnd = {
+			x: flyout.right + pad,
+			y: flyout.top
+		};
+	} else if (origin.y >= flyout.bottom) {
+		edgeStart = {
+			x: flyout.left - pad,
+			y: flyout.bottom
+		};
+		edgeEnd = {
+			x: flyout.right + pad,
+			y: flyout.bottom
+		};
+	} else return false;
+	return isPointInTriangle(point, origin, edgeStart, edgeEnd);
+}
+//#endregion
+//#region src/composables/internal/hoverIntent.ts
+function createHideTimer(delay, onHide) {
+	let timer = null;
+	let stopTriangle = null;
+	function clearTriangle() {
+		stopTriangle?.();
+		stopTriangle = null;
+	}
+	function clear() {
+		if (timer != null) {
+			clearTimeout(timer);
+			timer = null;
+		}
+		clearTriangle();
+	}
+	function schedule(apex, flyout, isOpen) {
+		clear();
+		let lastPoint = apex;
+		let isInside = () => false;
+		const arm = () => {
+			if (timer != null) clearTimeout(timer);
+			timer = setTimeout(() => {
+				timer = null;
+				if (stopTriangle != null && lastPoint != null && isInside(lastPoint)) {
+					arm();
+					return;
+				}
+				clearTriangle();
+				onHide();
+			}, delay());
+		};
+		arm();
+		if (flyout == null || apex == null || !isOpen) return;
+		const rect = flyout.getBoundingClientRect();
+		if (rect.width <= 0 || rect.height <= 0) return;
+		isInside = (point) => isPointInSafeTriangle(point, apex, rect);
+		const doc = flyout.ownerDocument;
+		const onPointerMove = (move) => {
+			lastPoint = {
+				x: move.clientX,
+				y: move.clientY
+			};
+			if (isInside(lastPoint)) {
+				arm();
+				return;
+			}
+			clearTriangle();
+		};
+		doc.addEventListener("pointermove", onPointerMove, true);
+		stopTriangle = () => doc.removeEventListener("pointermove", onPointerMove, true);
+	}
+	return {
+		clear,
+		schedule
+	};
+}
+//#endregion
+export { createHideTimer as t };

package/dist/{index-ClNU2Th8.d.ts → index-3t5RAfNP.d.ts}

@@ -1,4 +1,5 @@
-import { a as SearchableItem, i as SearchSource } from "./useAsyncSource-xpQovjV_.js";
+import { a as SearchableItem, i as SearchSource } from "./useAsyncSource-aGzrvRkI.js";
+import { t as FieldPartStylingProps } from "./fieldParts-LXpQMKE8.js";
 //#region src/Tokenizer/types.d.ts
 type TokenizerSize = 'sm' | 'md' | 'lg';
 type TokenizerStatus = 'default' | 'success' | 'warning' | 'error';
@@ -20,10 +21,13 @@ type TokenizerChange<T extends SearchableItem = SearchableItem> = {
 } | {
   type: 'clear';
 };
-interface TokenizerProps<T extends SearchableItem = SearchableItem> {
+interface TokenizerProps<T extends SearchableItem = SearchableItem> extends FieldPartStylingProps {
   modelValue?: readonly T[];
   searchSource: SearchSource<T>;
   label: string;
+  /** 视觉上隐藏标签。读屏仍然读得到。 */
+  isLabelHidden?: boolean;
+  /** `isLabelHidden` 的旧名。两者任一为真就隐藏。 */
   labelHidden?: boolean;
   description?: string;
   /** 标签旁边信息图标里的提示文字。 */

package/dist/{index-B9e52paP.d.ts → index-5LVG3QyV.d.ts}

@@ -105,9 +105,9 @@ declare const __VLS_base: import("vue").DefineComponent<PaginationProps, {}, {},
   "onUpdate:pageSize"?: ((value: number) => any) | undefined;
   onPageSizeChange?: ((pageSize: number) => any) | undefined;
 }>, {
-  size: PaginationSize;
   isDisabled: boolean;
   variant: PaginationVariant;
+  size: PaginationSize;
   step: number;
   disabled: boolean;
   page: number;

package/dist/{index-CsNi1I8j.d.ts → index-B08-Uxhv.d.ts}

@@ -1,4 +1,4 @@
-import { A as DropdownMenuSize, y as DropdownMenuOption } from "./DropdownMenuRadioItem.vue-CXEURBcq.js";
+import { g as DropdownMenuSize, u as DropdownMenuOption } from "./DropdownMenuRadioItem.vue-Qd-8Rg4Q.js";
 import { s as NavLinkComponent } from "./types-BG23kC3S.js";
 import { ComputedRef } from "vue";
 //#region src/Breadcrumbs/types.d.ts
@@ -59,7 +59,9 @@ declare const __VLS_base$1: import("vue").DefineComponent<BreadcrumbItemProps, {
   click: (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<BreadcrumbItemProps> & Readonly<{
   onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+  isCurrent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
 declare const _default$1: typeof __VLS_export$1;
 type __VLS_WithSlots$1<T, S> = T & {

package/dist/{index-TXcNH86P.d.ts → index-B1eCxBCY.d.ts}

@@ -52,8 +52,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
   "onUpdate:mobileNavOpen"?: ((value: boolean) => any) | undefined;
   onMobileNavOpenChange?: ((isOpen: boolean) => any) | undefined;
 }>, {
-  variant: AppShellVariant;
   height: AppShellHeight;
+  variant: AppShellVariant;
   mobileNav: false | AppShellMobileNav;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/{index-Cn-sSds-.d.ts → index-B1t1oQWH.d.ts}

@@ -1,3 +1,5 @@
+import { a as ParseOptions } from "./publicParser-B6XMcsB2.js";
+import { ComputedRef, MaybeRefOrGetter, Ref } from "vue";
 //#region src/Outline/types.d.ts
 interface OutlineItem {
   /** Matches the target heading element's id. */
@@ -65,4 +67,25 @@ declare const __VLS_export: import("vue").DefineComponent<OutlineProps, {}, {},
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
-export { OutlineProps as a, OutlineItem as i, OutlineDensity as n, OutlineEmits as r, _default as t };
+//#region src/Outline/parseOutlineFromMarkdown.d.ts
+interface ParseOutlineFromMarkdownOptions {
+  readonly plugins?: ParseOptions['plugins'];
+  /** 流还没写完时传 false，和 Markdown 解析的收尾规则一致。 */
+  readonly isFinal?: boolean;
+}
+/**
+ * 从 Markdown 抽出目录。
+ * id 和 Markdown 渲染到标题上的 id 用同一套 slug：全文里的标题都占号，
+ * 只有写在根上的标题进目录。围栏代码里的井号不是标题。
+ */
+declare function parseOutlineFromMarkdown(markdown: string, options?: ParseOutlineFromMarkdownOptions): OutlineItem[];
+//#endregion
+//#region src/Outline/useOutlineFromDOM.d.ts
+/** 盯着容器里的 h1–h6。增删、改字、改 id 都会重算。 */
+declare function useOutlineFromDOM(container: Ref<HTMLElement | null | undefined>): Ref<OutlineItem[]>;
+//#endregion
+//#region src/Outline/useOutlineFromMarkdown.d.ts
+/** 正文或插件一变，目录跟着变。 */
+declare function useOutlineFromMarkdown(markdown: MaybeRefOrGetter<string>, options?: MaybeRefOrGetter<ParseOutlineFromMarkdownOptions | undefined>): ComputedRef<OutlineItem[]>;
+//#endregion
+export { _default as a, OutlineItem as c, parseOutlineFromMarkdown as i, OutlineProps as l, useOutlineFromDOM as n, OutlineDensity as o, ParseOutlineFromMarkdownOptions as r, OutlineEmits as s, useOutlineFromMarkdown as t };

package/dist/{index-BkjSF265.d.ts → index-BEZ4ezJk.d.ts}

@@ -1,4 +1,4 @@
-import { ComputedRef, InjectionKey, MaybeRefOrGetter, Ref, VNode } from "vue";
+import { ComputedRef, MaybeRefOrGetter, Ref, VNode } from "vue";
 //#region src/Collapsible/types.d.ts
 /**
  * Logical side of the trigger label that carries the disclosure chevron.
@@ -154,11 +154,11 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:value": (value: CollapsibleGroupValue | undefined) => any;
   change: (value: CollapsibleGroupValue) => any;
+  "update:value": (value: CollapsibleGroupValue | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-  "onUpdate:value"?: ((value: CollapsibleGroupValue | undefined) => any) | undefined;
   onChange?: ((value: CollapsibleGroupValue) => any) | undefined;
+  "onUpdate:value"?: ((value: CollapsibleGroupValue | undefined) => any) | undefined;
 }>, {
   type: CollapsibleGroupType;
   hasDividers: boolean;

package/dist/{index-yT1yiiww.d.ts → index-BI6jikpA.d.ts}

@@ -1,12 +1,23 @@
-import { o as FieldStatusInput } from "./types-0Q_SJv_F.js";
+import { t as OptionActionNode } from "./optionAction-Cg7xQLUA.js";
+import { t as ExtendedIconName } from "./types-C5GQ2KCK.js";
+import { o as FieldStatusInput } from "./types-Bb7OGivY.js";
+import { t as FieldPartStylingProps } from "./fieldParts-LXpQMKE8.js";
+import { Component, VNodeChild } from "vue";
 //#region src/Selector/types.d.ts
+/** 选项前面的图标：语义图标名（同 `<Icon icon>`）、CSS 图标类，或任意组件 / 渲染函数。 */
+type SelectorOptionIcon = ExtendedIconName | Component | (() => VNodeChild);
 interface SelectorOption {
   value: string | number;
   label: string;
   disabled?: boolean;
   description?: string;
-  /** CSS icon class or a component, drawn before the label. */
-  icon?: string;
+  /** 标签前面的图标。语义图标名、CSS 图标类、组件或渲染函数都行。 */
+  icon?: SelectorOptionIcon;
+  /**
+   * 这一项旁边的操作。调用方自己画，点它不会改选择。
+   * 只要有一项带了操作，弹出层就变成两列网格。
+   */
+  action?: OptionActionNode | null;
 }
 /** 字符串会当成 value 和 label 相同的选项，演练场模板一直这样传。 */
 type SelectorOptionInput = SelectorOption | string;
@@ -22,11 +33,12 @@ type SelectorStatus = 'default' | 'success' | 'warning' | 'error';
 /** 字符串状态，或演练场里那种 `{ type, message }`。 */
 type SelectorStatusInput = SelectorStatus | FieldStatusInput;
 type SelectorPresentation = 'popover' | 'bottom-sheet';
-type SelectorVariant = 'default' | 'ghost';
+/** `default` 和 `input` 都是带边框的表单框。`secondary` 对齐次要按钮。 */
+type SelectorVariant = 'input' | 'secondary' | 'ghost' | 'default';
 type SelectorStatusVariant = 'attached' | 'detached' | 'tooltip';
 /** 选中标记画在选项行的哪一侧。没有选中时标记不占位。 */
 type SelectorIndicatorPosition = 'start' | 'end';
-interface SelectorProps {
+interface SelectorProps extends FieldPartStylingProps {
   /** 选中的值 */
   modelValue?: string | number | null;
   /** 选项列表，可以按 section 分组 */
@@ -54,7 +66,7 @@ interface SelectorProps {
   /** 尺寸 */
   size?: SelectorSize;
   /**
-   * default 是带边框的输入框，ghost 去掉边框，适合放进工具栏。
+   * `input`（旧名 `default`）是带边框的输入框。`secondary` 对齐次要按钮。`ghost` 去掉边框，适合放进工具栏。
    * @default 'default'
    */
   variant?: SelectorVariant;
@@ -148,20 +160,20 @@ declare const __VLS_base: import("vue").DefineComponent<SelectorProps, {}, {}, {
   onKeydown?: ((event: KeyboardEvent) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
 }>, {
+  variant: SelectorVariant;
   size: SelectorSize;
   isLoading: boolean;
-  variant: SelectorVariant;
+  indicatorPosition: SelectorIndicatorPosition;
+  status: SelectorStatusInput;
+  isOptional: boolean;
   modelValue: string | number | null;
   isLabelHidden: boolean;
-  isOptional: boolean;
   isRequired: boolean;
-  status: SelectorStatusInput;
   statusVariant: SelectorStatusVariant;
-  indicatorPosition: SelectorIndicatorPosition;
   disabled: boolean;
   clearable: boolean;
-  isReadOnly: boolean;
   presentation: SelectorPresentation;
+  isReadOnly: boolean;
   searchable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/{index-DeQwYJbg.d.ts → index-BNaRK-s5.d.ts}

@@ -1,4 +1,4 @@
-import { Ref, VNode } from "vue";
+import { CSSProperties, Ref, VNode } from "vue";
 //#region src/TreeList/types.d.ts
 type TreeListDensity = 'compact' | 'balanced' | 'spacious';
 type TreeListVariant = 'lineGuides' | 'noGuides';
@@ -19,6 +19,10 @@ interface TreeListItemData {
   isSelected?: boolean;
   isExpanded?: boolean;
   onClick?: (event: MouseEvent) => void;
+  /** 额外类名，落在 `role="treeitem"` 的那一行上。 */
+  className?: string;
+  /** 行内样式，落在同一行上。 */
+  style?: CSSProperties;
 }
 interface TreeListProps {
   items: TreeListItemData[];
@@ -87,6 +91,11 @@ interface UseTreeFocusOptions {
    * @default true
    */
   typeahead?: boolean;
+  /**
+   * 敲字符时只拿 `aria-labelledby` 指到的文本，不拿整行的说明和按钮名。
+   * @default false
+   */
+  matchLabelledBy?: boolean;
 }
 /**
  * 树形控件的方向键焦点：上下 Home End 在可见节点间线性走（跳过停用项），

package/dist/{index-D97pQbua.d.ts → index-BV2D2x_u.d.ts}

@@ -82,9 +82,9 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<HeadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HeadingProps> & Readonly<{}>, {
   color: HeadingColor;
-  hasCapsize: boolean;
   display: HeadingDisplay;
   justify: HeadingJustify;
+  hasCapsize: boolean;
   maxLines: number;
   hasTruncateTooltip: HeadingTruncateTooltip;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/{index-Crp3NFLW.d.ts → index-BZKgbyN9.d.ts}

@@ -1,4 +1,4 @@
-import { r as ResizableProps } from "./useResizable-DDwPpPe6.js";
+import { r as ResizableProps } from "./useResizable-1MHPNaRD.js";
 import { VNodeChild } from "vue";
 //#region src/Resizable/types.d.ts
 type ResizeDirection = 'horizontal' | 'vertical';

package/dist/{index-Bu8NA2SD.d.ts → index-BaxM-pFP.d.ts}

@@ -1,4 +1,6 @@
-import { a as SearchableItem, i as SearchSource } from "./useAsyncSource-xpQovjV_.js";
+import { a as SearchableItem, i as SearchSource } from "./useAsyncSource-aGzrvRkI.js";
+import { t as FieldPartStylingProps } from "./fieldParts-LXpQMKE8.js";
+import { HTMLAttributes, StyleValue } from "vue";
 //#region src/Typeahead/types.d.ts
 type TypeaheadSize = 'sm' | 'md' | 'lg';
 type TypeaheadStatus = 'default' | 'success' | 'warning' | 'error';
@@ -54,15 +56,20 @@ interface BaseTypeaheadProps<T extends SearchableItem = SearchableItem> {
   name?: string;
   /** 输入框在 Tab 序里的位置。 */
   inputTabIndex?: number;
+  /** 加到输入外框上，不落到原生 input。 */
+  controlClass?: HTMLAttributes['class'];
+  controlStyle?: StyleValue;
 }
-interface TypeaheadProps<T extends SearchableItem = SearchableItem> {
+interface TypeaheadProps<T extends SearchableItem = SearchableItem> extends FieldPartStylingProps {
   /** 当前选中的条目。空表示还没选。 */
   modelValue?: T | null;
   /** 静态或异步搜索源。 */
   searchSource: SearchSource<T>;
   /** 字段标签。屏幕阅读器始终读得到。 */
   label: string;
-  /** 视觉上隐藏标签。 */
+  /** 视觉上隐藏标签。读屏仍然读得到。 */
+  isLabelHidden?: boolean;
+  /** `isLabelHidden` 的旧名。两者任一为真就隐藏。 */
   labelHidden?: boolean;
   /** 标签下方的说明。 */
   description?: string;
@@ -101,6 +108,8 @@ interface TypeaheadProps<T extends SearchableItem = SearchableItem> {
   /** 表单字段名。选中后提交条目的 id。 */
   name?: string;
   width?: number | string;
+  /** 输入框起始侧的图标。没有 icon 插槽时使用。 */
+  startIcon?: unknown;
 }
 interface TypeaheadEmits<T extends SearchableItem = SearchableItem> {
   'update:modelValue': [value: T | null];

package/dist/{index-BVKivP59.d.ts → index-Bgk1Rj2A.d.ts}

@@ -9,7 +9,36 @@ type CardSizeValue = number | string;
  * and `muted` uses the muted surface for a de-emphasised card. The remaining
  * names are the non-semantic hues and use the tint for that hue.
  */
-type CardVariant = 'default' | 'transparent' | 'muted' | 'blue' | 'cyan' | 'gray' | 'green' | 'orange' | 'pink' | 'purple' | 'red' | 'teal' | 'yellow';
+/**
+ * 卡片背景变体。主题可以扩充这张表，从而给 `variant` 增加自己的名字：
+ *
+ * ```ts
+ * declare module '@astryx-vue/core' {
+ *   interface CardVariantMap {
+ *     brand: true
+ *   }
+ * }
+ * ```
+ *
+ * 新增的变体要在主题里自己写背景。可选卡片的描边读 `--astryx-selectable-card-accent`，
+ * 主题在同一条规则里指定它，避免组件去猜一种和填充色对比得过来的颜色。
+ */
+interface CardVariantMap {
+  default: true;
+  transparent: true;
+  muted: true;
+  blue: true;
+  cyan: true;
+  gray: true;
+  green: true;
+  orange: true;
+  pink: true;
+  purple: true;
+  red: true;
+  teal: true;
+  yellow: true;
+}
+type CardVariant = keyof CardVariantMap;
 /**
  * Resting shadow depth. `none` is flat; `low`, `med`, and `high` follow the
  * shadow scale, ascending in intensity.
@@ -82,8 +111,8 @@ type __VLS_Slots = CardSlots;
 declare const __VLS_base: import("vue").DefineComponent<CardProps, {
   element: Readonly<import("vue").ShallowRef<HTMLDivElement | null>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {
+  variant: keyof CardVariantMap;
   elevation: CardElevation;
-  variant: CardVariant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
@@ -93,4 +122,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { CardSlots as a, CardSizeValue as i, CardElevation as n, CardVariant as o, CardProps as r, _default as t };
+export { CardSlots as a, CardSizeValue as i, CardElevation as n, CardVariant as o, CardProps as r, CardVariantMap as s, _default as t };

package/dist/index-BkUkm6Al.d.ts

@@ -0,0 +1,11 @@
+//#region src/Markdown/characterReferences.d.ts
+/**
+ * Replace every valid character reference in plain text.
+ * `©`, `©`, and `©` all become `©`.
+ * An unknown name, or a reference without `;`, stays as written.
+ * This function does not know about Markdown, so leave code and
+ * backslash-escaped references out of `text`.
+ */
+declare function decodeMarkdownCharacterReferences(text: string): string;
+//#endregion
+export { decodeMarkdownCharacterReferences as t };