@astryx-vue/core 0.2.5 → 0.3.0

package/dist/{locale-sLw5Caia.js → loadCatalog-CXKqEB9s.js}

@@ -1,47 +1,4 @@
-import { a as useAstryxLocale, s as astryxMessages } from "./context-CPh7kE-a.js";
-import { computed, toValue } from "vue";
-//#region src/locale/format.ts
-const weekdayStart = new Date(2023, 0, 1);
-/** CLDR stand-alone short names. Intl `short` is Sun/Mon, which is not the calendar header. */
-const standaloneShortWeekdays = {
-	"en": [
-		"Su",
-		"Mo",
-		"Tu",
-		"We",
-		"Th",
-		"Fr",
-		"Sa"
-	],
-	"zh-CN": [
-		"周日",
-		"周一",
-		"周二",
-		"周三",
-		"周四",
-		"周五",
-		"周六"
-	]
-};
-function standaloneShortWeekdayNames(locale) {
-	if (locale === "en" || locale === "zh-CN") return standaloneShortWeekdays[locale];
-	return weekdayNames(locale, "short");
-}
-function formatCalendarMonth(year, month, locale) {
-	return new Intl.DateTimeFormat(locale, {
-		month: "long",
-		year: "numeric"
-	}).format(new Date(year, month - 1, 1));
-}
-function weekdayNames(locale, style) {
-	const formatter = new Intl.DateTimeFormat(locale, { weekday: style });
-	return Array.from({ length: 7 }, (_, index) => {
-		const date = new Date(weekdayStart);
-		date.setDate(weekdayStart.getDate() + index);
-		return formatter.format(date);
-	});
-}
-//#endregion
+import { s as astryxMessages } from "./context-iABt_ueM.js";
 //#region src/locale/icu.ts
 const pluralRules = /* @__PURE__ */ new Map();
 const ordinalRules = /* @__PURE__ */ new Map();
@@ -457,6 +414,7 @@ const upstreamMessageMap = {
 	],
 	"@astryx.commandPalette.emptyBootstrap": [{ path: "commandPalette.emptyBootstrap" }],
 	"@astryx.commandPalette.input.placeholder": [{ path: "commandPalette.placeholder" }],
+	"@astryx.commandPalette.input.label": [{ path: "commandPalette.inputLabel" }],
 	"@astryx.commandPalette.list.label": [{ path: "commandPalette.listLabel" }],
 	"@astryx.commandPalette.loading": [{ path: "commandPalette.loading" }],
 	"@astryx.commandPalette.noResultsFor": [{
@@ -523,6 +481,15 @@ const upstreamMessageMap = {
 		path: "fileInput.errorCount",
 		args: ["maxFiles"]
 	}],
+	"@astryx.selector.clearLabel": [{
+		path: "selector.clearField",
+		args: ["label"]
+	}],
+	"@astryx.multiSelector.clearAll": [{
+		path: "multiSelector.clearAll",
+		args: ["label"]
+	}],
+	"@astryx.tabList.label": [{ path: "tabList.label" }],
 	"@astryx.inputClearButton.tooltip": [
 		{ path: "fileInput.clear" },
 		{ path: "selector.clear" },
@@ -604,12 +571,13 @@ const upstreamMessageMap = {
 	"@astryx.mobileNav.toggle.open": [{ path: "nav.openNavigation" }],
 	"@astryx.mobileNav.closeNavigation": [{ path: "nav.close" }],
 	"@astryx.avatarGroup.overflow": [{
-		path: "nav.moreItems",
-		args: ["count"]
-	}, {
-		path: "powerSearch.more",
+		path: "nav.avatarOverflow",
 		args: ["count"]
 	}],
+	"@astryx.avatar.nameWithStatus": [{
+		path: "nav.avatarNameWithStatus",
+		args: ["name", "status"]
+	}],
 	"@astryx.sideNavItem.expand": [{
 		path: "nav.expandItem",
 		args: ["label"]
@@ -698,6 +666,14 @@ const upstreamMessageMap = {
 	"@astryx.table.selection.bulkActionsLabel": [{ path: "table.bulkActionsLabel" }],
 	"@astryx.table.selection.clearAll": [{ path: "table.clearAll" }],
 	"@astryx.table.pagination.label": [{ path: "table.paginationLabel" }],
+	"@astryx.table.pagination.labelAbove": [{
+		path: "table.paginationLabelAbove",
+		args: ["label"]
+	}],
+	"@astryx.table.pagination.labelBelow": [{
+		path: "table.paginationLabelBelow",
+		args: ["label"]
+	}],
 	"@astryx.tableGroupedRows.expandGroup": [{
 		path: "table.expandGroup",
 		args: ["groupKey"]
@@ -898,20 +874,4 @@ function collectLeaves(tree, prefix = "") {
 	return paths;
 }
 //#endregion
-//#region src/locale/useCollator.ts
-/**
-* 按当前语言比较字符串，对应原版的 `useCollator`。
-* 没提供语言时用 `en`。`options` 用 ref 或 computed 包起来，变了才会重建比较器。
-*
-* @example
-* ```ts
-* const collator = useCollator({ numeric: true })
-* items.sort((a, b) => collator.value.compare(a.name, b.name))
-* ```
-*/
-function useCollator(options) {
-	const locale = useAstryxLocale();
-	return computed(() => new Intl.Collator(locale.value, toValue(options)));
-}
-//#endregion
-export { weekdayNames as a, standaloneShortWeekdayNames as i, loadAstryxCatalog as n, formatCalendarMonth as r, useCollator as t };
+export { icuPlaceholderNames as i, upstreamMessageMap as n, formatIcu as r, loadAstryxCatalog as t };

package/dist/locale/index.d.ts

@@ -1,2 +1,3 @@
-import { _ as AstryxLocale, a as UnmappedUpstreamEntry, c as formatCalendarMonth, d as astryxMessagesKey, f as normalizeLocale, g as AstryxMessages, h as useAstryxMessages, i as LoadedAstryxLocale, l as weekdayNames, m as useAstryxLocale, n as AstryxUpstreamCatalog, o as UnmappedUpstreamReason, p as provideAstryxLocale, r as AstryxUpstreamMessage, s as loadAstryxCatalog, t as useCollator, u as astryxLocaleKey } from "../index-C3GaPqvJ.js";
-export { type AstryxLocale, type AstryxMessages, type AstryxUpstreamCatalog, type AstryxUpstreamMessage, type LoadedAstryxLocale, type UnmappedUpstreamEntry, type UnmappedUpstreamReason, astryxLocaleKey, astryxMessagesKey, formatCalendarMonth, loadAstryxCatalog, normalizeLocale, provideAstryxLocale, useAstryxLocale, useAstryxMessages, useCollator, weekdayNames };
+import { a as UseLocaleReturn, c as formatCalendarMonth, d as astryxMessagesKey, f as normalizeLocale, g as AstryxLocale, h as useAstryxMessages, i as useTranslator, l as weekdayNames, m as useAstryxLocale, n as TranslatorValues, o as useLocale, p as provideAstryxLocale, r as UseTranslatorReturn, s as useCollator, t as Translator, u as astryxLocaleKey } from "../index-DXpSFlPG.js";
+import { a as UnmappedUpstreamReason, i as UnmappedUpstreamEntry, n as AstryxUpstreamMessage, o as loadAstryxCatalog, r as LoadedAstryxLocale, s as AstryxMessages, t as AstryxUpstreamCatalog } from "../loadCatalog-BGHKG_9N.js";
+export { type AstryxLocale, type AstryxMessages, type AstryxUpstreamCatalog, type AstryxUpstreamMessage, type LoadedAstryxLocale, type Translator, type TranslatorValues, type UnmappedUpstreamEntry, type UnmappedUpstreamReason, type UseLocaleReturn, type UseTranslatorReturn, astryxLocaleKey, astryxMessagesKey, formatCalendarMonth, loadAstryxCatalog, normalizeLocale, provideAstryxLocale, useAstryxLocale, useAstryxMessages, useCollator, useLocale, useTranslator, weekdayNames };

package/dist/locale/index.js

@@ -1,3 +1,4 @@
-import { a as useAstryxLocale, i as provideAstryxLocale, n as astryxMessagesKey, o as useAstryxMessages, r as normalizeLocale, t as astryxLocaleKey } from "../context-CPh7kE-a.js";
-import { a as weekdayNames, n as loadAstryxCatalog, r as formatCalendarMonth, t as useCollator } from "../locale-sLw5Caia.js";
-export { astryxLocaleKey, astryxMessagesKey, formatCalendarMonth, loadAstryxCatalog, normalizeLocale, provideAstryxLocale, useAstryxLocale, useAstryxMessages, useCollator, weekdayNames };
+import { a as useAstryxLocale, i as provideAstryxLocale, n as astryxMessagesKey, o as useAstryxMessages, r as normalizeLocale, t as astryxLocaleKey } from "../context-iABt_ueM.js";
+import { i as formatCalendarMonth, n as useLocale, o as weekdayNames, r as useCollator, t as useTranslator } from "../locale-DgkZEMTn.js";
+import { t as loadAstryxCatalog } from "../loadCatalog-CXKqEB9s.js";
+export { astryxLocaleKey, astryxMessagesKey, formatCalendarMonth, loadAstryxCatalog, normalizeLocale, provideAstryxLocale, useAstryxLocale, useAstryxMessages, useCollator, useLocale, useTranslator, weekdayNames };

package/dist/locale-DgkZEMTn.js

@@ -0,0 +1,105 @@
+import { a as useAstryxLocale, o as useAstryxMessages } from "./context-iABt_ueM.js";
+import { n as upstreamMessageMap } from "./loadCatalog-CXKqEB9s.js";
+import { computed, toValue } from "vue";
+//#region src/locale/format.ts
+const weekdayStart = new Date(2023, 0, 1);
+/** CLDR stand-alone short names. Intl `short` is Sun/Mon, which is not the calendar header. */
+const standaloneShortWeekdays = {
+	"en": [
+		"Su",
+		"Mo",
+		"Tu",
+		"We",
+		"Th",
+		"Fr",
+		"Sa"
+	],
+	"zh-CN": [
+		"周日",
+		"周一",
+		"周二",
+		"周三",
+		"周四",
+		"周五",
+		"周六"
+	]
+};
+function standaloneShortWeekdayNames(locale) {
+	if (locale === "en" || locale === "zh-CN") return standaloneShortWeekdays[locale];
+	return weekdayNames(locale, "short");
+}
+function formatCalendarMonth(year, month, locale) {
+	return new Intl.DateTimeFormat(locale, {
+		month: "long",
+		year: "numeric"
+	}).format(new Date(year, month - 1, 1));
+}
+function weekdayNames(locale, style) {
+	const formatter = new Intl.DateTimeFormat(locale, { weekday: style });
+	return Array.from({ length: 7 }, (_, index) => {
+		const date = new Date(weekdayStart);
+		date.setDate(weekdayStart.getDate() + index);
+		return formatter.format(date);
+	});
+}
+//#endregion
+//#region src/locale/useCollator.ts
+/**
+* 按当前语言比较字符串，对应原版的 `useCollator`。
+* 没提供语言时用 `en`。`options` 用 ref 或 computed 包起来，变了才会重建比较器。
+*
+* @example
+* ```ts
+* const collator = useCollator({ numeric: true })
+* items.sort((a, b) => collator.value.compare(a.name, b.name))
+* ```
+*/
+function useCollator(options) {
+	const locale = useAstryxLocale();
+	return computed(() => new Intl.Collator(locale.value, toValue(options)));
+}
+//#endregion
+//#region src/locale/useLocale.ts
+/**
+* 对应原版 Astryx 的 `hooks/useLocale`。
+*
+* 读当前生效的语言标签。把它交给需要显式语言的纯函数或别的包，
+* 不要从 `navigator.language` 或者写死的字面量里另取一份，那样会跟 provider 对不上。
+*/
+function useLocale() {
+	return { locale: useAstryxLocale() };
+}
+//#endregion
+//#region src/locale/useTranslator.ts
+/**
+* 对应原版 Astryx 的 `hooks/useTranslator`。
+*
+* 返回一个翻译函数，把原版的消息键（例如 `@astryx.pagination.next`）换成
+* 当前语言下的成品文案。语言、`messages` 目录和 `overrides` 都取自最近的
+* `InternationalizationProvider`；没有 provider 时用包内自带的英文文案。
+*
+* 占位符的值按参数顺序填进去，复数和千分位按当前语言的规则算。
+* 认不出来的键原样返回。
+*/
+function useTranslator() {
+	const messages = useAstryxMessages();
+	return { t: (key, values) => translate(messages.value, key, values) };
+}
+function translate(messages, key, values) {
+	const target = upstreamMessageMap[key]?.[0];
+	if (target == null) return key;
+	const message = readMessageValue(messages, target.path);
+	if (typeof message === "string") return message;
+	if (typeof message === "function") return message(...(target.args ?? []).map((name) => values?.[name]));
+	return key;
+}
+function readMessageValue(messages, path) {
+	let cursor = messages;
+	for (const part of path.split(".")) {
+		if (cursor == null || typeof cursor !== "object") return void 0;
+		cursor = cursor[part];
+	}
+	return cursor;
+}
+//#endregion
+export { standaloneShortWeekdayNames as a, formatCalendarMonth as i, useLocale as n, weekdayNames as o, useCollator as r, useTranslator as t };

package/dist/{searchResultMessage-CCnq-_ce.js → searchResultMessage-hXXNOFJP.js}

@@ -1,6 +1,6 @@
-import { n as useButtonTooltip } from "./Button-DrqeomlE.js";
+import { n as useButtonTooltip } from "./Button-B6Hj_O_s.js";
 import { t as _sfc_main$1 } from "./ButtonTooltip-nWWrth8j.js";
-import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
+import { o as useAstryxMessages } from "./context-iABt_ueM.js";
 import { t as _sfc_main$2 } from "./Icon-bteSId7T.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, unref, useId, useTemplateRef, withModifiers } from "vue";
 //#region src/Field/StatusGlyph.vue

package/dist/{size-xcIqExkS.js → size-Cpn_wzXi.js}

@@ -1,4 +1,4 @@
-//#region src/layout/size.ts
+//#region src/Layout/size.ts
 /** 间距刻度对应的 CSS 变量。数字是没有主题时的回退像素。 */
 const SPACING_VARIABLES = {
 	0: "var(--astryx-spacing-0, 0px)",

package/dist/{types-3eXh_5os.d.ts → types-0Q_SJv_F.d.ts}

@@ -1,3 +1,4 @@
+import { r as IconName } from "./types-CwyibrRB.js";
 import { Component, VNode } from "vue";
 //#region src/Field/types.d.ts
 type FieldStatusType = 'error' | 'warning' | 'success';
@@ -18,7 +19,8 @@ interface FieldLabelProps {
   isRequired?: boolean;
   description?: string;
   descriptionId?: string;
-  labelIcon?: Component;
+  /** 语义图标名（如 `'search'`），或一个图标组件。 */
+  labelIcon?: IconName | Component;
   labelTooltip?: string;
   optionalLabel?: string;
   requiredLabel?: string;

package/dist/types-BRfVvZTH.d.ts

@@ -0,0 +1,108 @@
+import { Component, VNode } from "vue";
+//#region src/Toast/types.d.ts
+type ToastType = 'info' | 'success' | 'warning' | 'error';
+/** 提示消失的原因：`auto` 是计时器关的，`manual` 是人或代码关的。 */
+type ToastDismissReason = 'auto' | 'manual';
+/**
+ * What happens when a new toast reuses a `uniqueID` that is already on screen.
+ *
+ * `overwrite` replaces that toast in place. `ignore` drops the new toast.
+ */
+type ToastCollisionBehavior = 'ignore' | 'overwrite';
+interface ToastOptions {
+  /**
+   * Visual type of the toast.
+   * @default 'info'
+   */
+  type?: ToastType;
+  /**
+   * Message body text.
+   */
+  body: string;
+  /**
+   * Whether the toast dismisses itself. Defaults to true, except for
+   * `error`, which stays until it is dismissed.
+   */
+  isAutoHide?: boolean;
+  /**
+   * Auto-dismiss duration in milliseconds.
+   * @default 5000
+   */
+  autoHideDuration?: number;
+  /**
+   * Older name of `isAutoHide`. Both work; `isAutoHide` wins.
+   */
+  autoClose?: boolean;
+  /**
+   * Older name of `autoHideDuration`. Both work; `autoHideDuration` wins.
+   */
+  duration?: number;
+  /**
+   * Identity shared by toasts that should collapse into one. A later toast with
+   * the same id overwrites the visible one, unless `collisionBehavior` is
+   * `ignore`.
+   */
+  uniqueID?: string;
+  /**
+   * How a `uniqueID` clash is resolved.
+   * @default 'overwrite'
+   */
+  collisionBehavior?: ToastCollisionBehavior;
+  /**
+   * Trailing action rendered after the message, such as an undo button.
+   * Pass a component; for a one-off render, pass a function component.
+   */
+  endContent?: Component;
+  /**
+   * Runs when this toast is dismissed from inside the card: the timer or the
+   * close button.
+   */
+  onDismiss?: (reason: ToastDismissReason) => void;
+  /**
+   * Runs when this toast is removed, however it was dismissed, including the
+   * programmatic dismiss returned by `useToast()`.
+   */
+  onHide?: (reason: ToastDismissReason) => void;
+}
+interface ToastItem {
+  id: string;
+  type: ToastType;
+  body: string;
+  isAutoHide: boolean;
+  autoHideDuration: number;
+  uniqueID?: string;
+  endContent?: Component;
+  onDismiss?: (reason: ToastDismissReason) => void;
+  onHide?: (reason: ToastDismissReason) => void;
+  /**
+   * True once the toast has been asked to close. The toast stays mounted so it
+   * can play its exit transition, then leaves the store.
+   */
+  isExiting: boolean;
+}
+/** 传给 `content` 插槽的值。 */
+interface ToastContentScope {
+  /** 提示正文，和 `body` 属性一致。 */
+  body: string;
+  /** 末尾内容，和 `endContent` 属性一致。 */
+  endContent?: Component;
+  /** 提示类型。 */
+  type: ToastType;
+  /** 这条提示会不会自动消失。 */
+  isAutoHide: boolean;
+  /** 自动消失的时长，单位毫秒。 */
+  autoHideDuration: number;
+  /** 关掉这条提示。 */
+  dismiss: () => void;
+}
+type ToastPlacement = 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
+interface ToastSlots {
+  /** 替换正文文字。 */
+  default?: () => VNode[];
+  /** 末尾内容，替代 `endContent` 属性。 */
+  end?: () => VNode[];
+  /** 替换整块卡片内容，带 `ToastContentScope` 参数；这时不再渲染自带的关闭按钮。 */
+  content?: (scope: ToastContentScope) => VNode[];
+}
+//#endregion
+export { ToastOptions as a, ToastType as c, ToastItem as i, ToastContentScope as n, ToastPlacement as o, ToastDismissReason as r, ToastSlots as s, ToastCollisionBehavior as t };

package/dist/{types-D7QNSqoN.d.ts → types-BTk0WZ0b.d.ts}

@@ -35,8 +35,16 @@ interface StackProps {
   padding?: SpacingStep;
   /** Block-axis padding; overrides padding on this axis. */
   paddingBlock?: SpacingStep;
+  /** Block-end (bottom) padding; overrides `paddingBlock` and `padding` on that edge only. */
+  paddingBlockEnd?: SpacingStep;
+  /** Block-start (top) padding; overrides `paddingBlock` and `padding` on that edge only. */
+  paddingBlockStart?: SpacingStep;
   /** Inline-axis padding; overrides padding on this axis. */
   paddingInline?: SpacingStep;
+  /** Inline-end (right in LTR) padding; overrides `paddingInline` and `padding` on that edge only. */
+  paddingInlineEnd?: SpacingStep;
+  /** Inline-start (left in LTR) padding; overrides `paddingInline` and `padding` on that edge only. */
+  paddingInlineStart?: SpacingStep;
   /** Vertical alignment, resolved according to direction. */
   vAlign?: StackAlignment;
   /** Width of the stack. Numbers are interpreted as pixels. */

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

@@ -1,4 +1,4 @@
-import { l as TextWeight, o as TextSize } from "./types-D9nP_X-c.js";
+import { l as TextWeight, o as TextSize } from "./types-Ckih2YJi.js";
 import { Component } from "vue";
 //#region src/Link/types.d.ts
 type LinkColor = 'primary' | 'secondary' | 'accent' | 'inherit';
@@ -57,6 +57,10 @@ interface LinkProps {
    * Causes the browser to download the linked URL.
    */
   download?: string | boolean;
+  /**
+   * 链接的 referrer 策略，原样转成 `referrerpolicy` 属性。
+   */
+  referrerPolicy?: string;
   /**
    * Tooltip text shown on hover and keyboard focus.
    */

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

@@ -6,7 +6,7 @@ type TextWeight = 'regular' | 'normal' | 'medium' | 'semibold' | 'bold';
 type TextWrap = 'wrap' | 'nowrap' | 'balance' | 'pretty';
 type TextWordBreak = 'normal' | 'break-word' | 'break-all';
 type TextDisplay = 'block' | 'inline';
-type TextAs = 'span' | 'p' | 'div' | 'label';
+type TextAs = 'span' | 'p' | 'div' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 type TextJustify = 'start' | 'center' | 'end';
 type TextTruncateTooltip = boolean | 'above' | 'below' | 'start' | 'end';
 interface TextProps {
@@ -36,6 +36,12 @@ interface TextProps {
    * How long unbroken strings break inside a constrained width.
    */
   wordBreak?: TextWordBreak;
+  /**
+   * 用 `text-box-trim` 裁掉文字上下多余的留白，让首行字形贴住盒子边缘。
+   * 打开后强制块级布局。
+   * @default false
+   */
+  hasCapsize?: boolean;
   /**
    * Draws a line through the text.
    * @default false
@@ -52,7 +58,8 @@ interface TextProps {
    */
   display?: TextDisplay;
   /**
-   * HTML element to render.
+   * HTML element to render. Heading tags render a real `h1`–`h6`, but keep
+   * `Text` typography; use `Heading` when you also want heading sizing.
    * @default 'span'
    */
   as?: TextAs;

package/dist/{types-Db3Owy8Q.d.ts → types-OGMYGejX.d.ts}

@@ -34,6 +34,11 @@ interface PopoverProps {
   hasLightDismiss?: boolean;
   /** 按下 Escape 时是否关闭。 */
   hasEscapeDismiss?: boolean;
+  /**
+   * 外部元素当锚点。传了它就不再包一层触发容器，默认插槽可以不写；
+   * 点击、`aria-haspopup` 等会直接挂到这个元素里的按钮上。
+   */
+  anchor?: HTMLElement | null;
 }
 //#endregion
 export { PopoverRole as a, PopoverProps as i, PopoverPadding as n, PopoverPlacement as r, PopoverAlignment as t };

package/dist/{index-nKlTsNfV.d.ts → types-uFMH9NaM.d.ts}

@@ -1,5 +1,17 @@
-import { n as SizeValue, t as PaddingInput } from "./size-BuTzpgnR.js";
+import { n as SpacingStep } from "./types-BTk0WZ0b.js";
 import { VNodeChild } from "vue";
+//#region src/Layout/size.d.ts
+type SizeValue = number | string;
+interface PaddingInput {
+  padding?: SpacingStep;
+  paddingInline?: SpacingStep;
+  paddingInlineStart?: SpacingStep;
+  paddingInlineEnd?: SpacingStep;
+  paddingBlock?: SpacingStep;
+  paddingBlockStart?: SpacingStep;
+  paddingBlockEnd?: SpacingStep;
+}
+//#endregion
 //#region src/Section/types.d.ts
 type SectionVariant = 'section' | 'transparent' | 'muted';
 type SectionDivider = 'top' | 'bottom' | 'start' | 'end';
@@ -24,19 +36,4 @@ interface SectionSlots {
   default?: () => VNodeChild;
 }
 //#endregion
-//#region src/Section/Section.vue.d.ts
-type __VLS_Slots = SectionSlots;
-declare const __VLS_base: import("vue").DefineComponent<SectionProps, {
-  element: Readonly<import("vue").ShallowRef<HTMLDivElement | null>>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SectionProps> & Readonly<{}>, {
-  variant: SectionVariant;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
-//#endregion
-export { SectionVariant as a, SectionSlots as i, SectionDivider as n, SectionProps as r, _default as t };
+export { PaddingInput as a, SectionVariant as i, SectionProps as n, SizeValue as o, SectionSlots as r, SectionDivider as t };

package/dist/{useAnchoredListbox-BN9LQnon.js → useAnchoredListbox-DwztMNjP.js}

@@ -1,7 +1,11 @@
-import { t as useDismiss } from "./useDismiss-Cj8x_51F.js";
-import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
-import { computed, onMounted, ref, watch } from "vue";
+import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-Cru9_00b.js";
+import { computed, onMounted, ref, toValue, watch } from "vue";
 //#region src/Typeahead/useAnchoredListbox.ts
+/** 想要的宽度再宽也要给视口留边。没给就不插手宽度。 */
+function requestedMenuWidth(menuWidth) {
+	if (menuWidth == null) return void 0;
+	return `min(${menuWidth}px, calc(100vw - 16px))`;
+}
 /**
 * 把列表钉在锚点下方，点外面关闭。Escape 交给组件自己处理，这样编辑中的选择可以还原。
 */
@@ -36,7 +40,8 @@ function useAnchoredListbox(options) {
 		style: computed(() => ({
 			top: `${position.value.top}px`,
 			left: `${position.value.left}px`,
-			minWidth: anchorWidth.value > 0 ? `${anchorWidth.value}px` : void 0
+			minWidth: anchorWidth.value > 0 ? `${anchorWidth.value}px` : void 0,
+			width: requestedMenuWidth(toValue(options.menuWidth))
 		}))
 	};
 }

package/dist/useDevWarning-DznOpOHT.js

@@ -0,0 +1,36 @@
+import { toValue, watch } from "vue";
+//#region src/composables/useDevWarning.ts
+/** 生产构建里 `import.meta.env.DEV` 是 false，这两个函数整段会被摇掉。 */
+function isDevBuild() {
+	return import.meta.env?.DEV === true;
+}
+/**
+* 对应原版 Astryx 的 `devWarn`。
+*
+* 没有组件实例时用的开发期警告，只在开发构建里输出。
+* 输出形如 `Component: message`，前缀写组件或组合式函数的名字。
+*/
+function devWarn(component, message) {
+	if (!isDevBuild()) return;
+	console.warn(`${component}: ${message}`);
+}
+/**
+* 对应原版 Astryx 的 `hooks/useDevWarning`。
+*
+* 条件成立时打一条开发期警告，同一次挂载只打一次。
+* 直接写在渲染体里的警告每次渲染都会重来，用状态挡又白白多一次渲染，
+* 所以这里靠 watch 在条件第一次成立时打一次。
+*
+* 生产构建里什么也不做，不会输出，也不留 watcher。
+*/
+function useDevWarning(component, message, condition = true) {
+	if (!isDevBuild()) return;
+	let isWarned = false;
+	watch(() => toValue(condition), (holds) => {
+		if (!holds || isWarned) return;
+		isWarned = true;
+		devWarn(component, message);
+	}, { immediate: true });
+}
+//#endregion
+export { useDevWarning as n, devWarn as t };

package/dist/useInputContainer-CpgDe2-4.js

@@ -0,0 +1,51 @@
+import { n as useClickableContainer } from "./useClickableContainer-DyNpnSEa.js";
+import { toValue } from "vue";
+//#region src/composables/useInputContainer.ts
+/** 点了以后接焦点的输入框类型：这些类型自己不会因为点击容器而聚焦。 */
+const TEXT_LIKE_INPUT_TYPES = /* @__PURE__ */ new Set([
+	"text",
+	"search",
+	"email",
+	"url",
+	"tel",
+	"password",
+	"number",
+	"date",
+	"datetime-local",
+	"month",
+	"week",
+	"time"
+]);
+/** 文本类控件拿 `.focus()`，复选框、单选框、文件这类拿 `.click()`。 */
+function isTextLike(element) {
+	if (element instanceof HTMLTextAreaElement) return true;
+	if (element instanceof HTMLInputElement) return TEXT_LIKE_INPUT_TYPES.has(element.type);
+	return element.isContentEditable;
+}
+/**
+* 对应原版 Astryx 的 `hooks/useInputContainer`。
+*
+* 让输入框外面那一圈也能点：点在图标、内边距、状态图标这些没交互的地方时，
+* 交给里面的输入框接焦点。底座是 `useClickableContainer`，所以清空按钮、
+* 日历开关、链接这些嵌套的控件点上去还是它们自己的事，不会把焦点抢走。
+*
+* 文本类的输入框收 `.focus()`，复选框、单选框、文件这种收 `.click()`。
+* TextInput、TextArea 这类把输入框包起来、外面还有一圈装饰的组件用它。
+*/
+function useInputContainer(options) {
+	function focusInput() {
+		const input = options.inputRef.value;
+		if (input == null) return;
+		if (isTextLike(input)) input.focus({ preventScroll: true });
+		else input.click();
+	}
+	return useClickableContainer({
+		containerRef: options.containerRef,
+		get disabled() {
+			return toValue(options.disabled ?? false);
+		},
+		onClick: () => focusInput()
+	});
+}
+//#endregion
+export { useInputContainer as t };

package/dist/useInputStatusIcon-DBOwxV4x.js

@@ -0,0 +1,41 @@
+import { t as _sfc_main } from "./FieldIcon--NTgW5IU.js";
+import { t as _sfc_main$1 } from "./FieldInfoTip-Ds-sW_jY.js";
+import { computed, toValue } from "vue";
+//#region src/composables/useInputStatusIcon.ts
+/**
+* 对应原版 Astryx 的 `hooks/useInputStatusIcon`。
+*
+* 决定输入框上那颗状态图标画什么，让同一状态下所有输入框长得一样：
+* `attached` 画一个不说话的图标，文案留给下面的状态栏；`detached` 什么都不画，
+* 因为状态栏自己带了图标；`tooltip` 画一个真按钮，键盘、鼠标、触摸、读屏都能
+* 摸到它的说明。在 `InputGroup` 里也不画，组自己会画。
+*
+* 上游还会返回一个 `describedBy`，用来接进输入框的 `aria-describedby`。
+* 我们这边 `Field` 已经把状态文案渲染成视觉隐藏文本并接进 `aria-describedby` 了，
+* tooltip 按钮自己也带着 `aria-describedby`，所以不需要再返回一个 id。
+*/
+function useInputStatusIcon(options = {}) {
+	const hasStatus = computed(() => toValue(options.status) != null);
+	return {
+		statusIcon: computed(() => {
+			if (!hasStatus.value) return null;
+			if (toValue(options.isInGroup ?? false)) return null;
+			const variant = toValue(options.statusVariant ?? "attached");
+			if (variant === "detached") return null;
+			const status = toValue(options.status);
+			if (variant === "tooltip" && status?.message) return _sfc_main$1;
+			return _sfc_main;
+		}),
+		statusIconProps: computed(() => {
+			const status = toValue(options.status);
+			if (status == null) return {};
+			if (toValue(options.statusVariant ?? "attached") === "tooltip" && status.message) return {
+				text: status.message,
+				type: status.type
+			};
+			return { type: status.type };
+		})
+	};
+}
+//#endregion
+export { useInputStatusIcon as t };