@astryx-vue/core 0.2.6 → 0.4.0

package/dist/{FileInput-BpdiO1V8.js → FileInput-B_pUxB0Y.js}

@@ -1,15 +1,16 @@
 import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
-import { n as useButtonTooltip } from "./Button-B6Hj_O_s.js";
-import { t as _sfc_main$2 } from "./ButtonTooltip-nWWrth8j.js";
-import { t as useAnnounce } from "./announce-Cnio10Wk.js";
+import { n as useButtonTooltip } from "./Button-ONOoHdkg.js";
+import { t as _sfc_main$2 } from "./ButtonTooltip-CNKOQHYR.js";
+import { t as useAnnounce } from "./announce-B210eJVf.js";
 import { n as selectFiles, t as formatFileSize } from "./useFileSelection-BPtaegqK.js";
 import { t as _sfc_main$3 } from "./FieldIcon--NTgW5IU.js";
-import { t as _sfc_main$4 } from "./IconButton-DDNgNl7B.js";
-import { o as useAstryxMessages } from "./context-iABt_ueM.js";
-import { t as _sfc_main$5 } from "./Icon-bteSId7T.js";
-import { t as _sfc_main$6 } from "./Spinner-9cYUCnDy.js";
-import { t as _sfc_main$7 } from "./Field-D5gUEGw4.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, openBlock, shallowRef, toDisplayString, unref, useId, useModel, useTemplateRef, withCtx } from "vue";
+import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as _sfc_main$4 } from "./Icon-KDnUyY7f.js";
+import { t as _sfc_main$5 } from "./Spinner-DdVUadii.js";
+import { t as _sfc_main$6 } from "./Field--OEsLBfE.js";
+import { t as useFieldPartStyling } from "./fieldParts--SyRZVQG.js";
+import { t as _sfc_main$7 } from "./InputClearButton-CwXPan8c.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, normalizeStyle, openBlock, shallowRef, toDisplayString, unref, useAttrs, useId, useModel, useTemplateRef, withCtx } from "vue";
 import "../styles/bordered-control.css";
 import "../styles/file-input.css";
 //#region src/FileInput/FileInput.vue
@@ -31,6 +32,7 @@ const _hoisted_3 = [
 	"disabled",
 	"aria-disabled",
 	"aria-invalid",
+	"aria-busy",
 	"aria-describedby"
 ];
 const _hoisted_4 = ["data-placeholder"];
@@ -62,16 +64,66 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		status: {},
 		statusVariant: { default: "attached" },
 		width: {},
-		clearLabel: {}
+		clearLabel: {},
+		changeAction: {},
+		containerClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		containerStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		controlClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		controlStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	}, {
 		"modelValue": { default: null },
 		"modelModifiers": {}
 	}),
-	emits: /*@__PURE__*/ mergeModels(["update:modelValue", "change"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels([
+		"update:modelValue",
+		"change",
+		"actionError"
+	], ["update:modelValue"]),
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
 		const model = useModel(__props, "modelValue");
+		const attrs = useAttrs();
+		const parts = useFieldPartStyling({
+			component: "FileInput",
+			props,
+			attrs,
+			reservedAttrs: [
+				"id",
+				"accept",
+				"multiple",
+				"disabled",
+				"type",
+				"tabindex",
+				"aria-disabled",
+				"aria-invalid",
+				"aria-describedby"
+			]
+		});
 		const messages = useAstryxMessages();
 		const announce = useAnnounce();
 		const generatedId = `astryx-file-input-${useId()}`;
@@ -80,13 +132,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const fileInput = useTemplateRef("file");
 		const controlRef = useTemplateRef("control");
 		const validationError = shallowRef(null);
+		const pendingCount = shallowRef(0);
+		const isPending = computed(() => pendingCount.value > 0);
 		const dragOver = shallowRef(false);
 		const disabledMessageId = `${generatedId}-disabled`;
 		const disabledMessage = computed(() => props.disabledMessage?.trim() || void 0);
 		const showsDisabledMessage = computed(() => props.isDisabled === true && disabledMessage.value != null);
 		const disabledTooltip = useButtonTooltip(showsDisabledMessage);
 		const placeholder = computed(() => props.placeholder ?? (props.isMultiple ? messages.value.fileInput.placeholderMultiple : messages.value.fileInput.placeholder));
-		const clearLabel = computed(() => props.clearLabel ?? messages.value.fileInput.clear);
+		const clearLabel = computed(() => props.clearLabel ?? messages.value.fileInput.clearField(props.label));
 		const status = computed(() => props.status ?? (validationError.value ? {
 			type: "error",
 			message: validationError.value
@@ -104,6 +158,27 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			model.value = value;
 			emit("change", value);
 		}
+		function runChangeAction(value) {
+			const action = props.changeAction;
+			if (action == null) return;
+			pendingCount.value += 1;
+			try {
+				const result = action(value);
+				if (result == null) {
+					pendingCount.value -= 1;
+					return;
+				}
+				Promise.resolve(result).then(() => {
+					pendingCount.value -= 1;
+				}, (error) => {
+					pendingCount.value -= 1;
+					emit("actionError", error, value);
+				});
+			} catch (error) {
+				pendingCount.value -= 1;
+				emit("actionError", error, value);
+			}
+		}
 		function applyFiles(list) {
 			if (props.isDisabled) return;
 			const result = selectFiles(list, {
@@ -119,6 +194,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			else validationError.value = null;
 			const files = result.files;
 			commit(files);
+			if (files != null) runChangeAction(files);
 			if (validationError.value == null && files != null) {
 				const selected = Array.isArray(files) ? files : [files];
 				if (selected.length === 1 && selected[0]) announce(messages.value.fileInput.fileSelected(selected[0].name));
@@ -136,6 +212,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (props.isDisabled) return;
 			validationError.value = null;
 			commit(null);
+			runChangeAction(null);
 			if (fileInput.value) fileInput.value.value = "";
 		}
 		function onDragOver(event) {
@@ -154,7 +231,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
-				createVNode(_sfc_main$7, {
+				createVNode(_sfc_main$6, {
 					label: __props.label,
 					"input-id": inputId.value,
 					description: __props.description,
@@ -165,11 +242,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"is-required": __props.isRequired,
 					"label-tooltip": __props.labelTooltip,
 					status: status.value,
-					"status-variant": __props.statusVariant
+					"status-variant": __props.statusVariant,
+					class: normalizeClass(unref(parts).containerClass.value),
+					style: normalizeStyle(unref(parts).containerStyle.value)
 				}, {
 					default: withCtx((field) => [createElementVNode("div", {
 						ref: "control",
-						class: "astryx-file-input astryx-bordered-control",
+						class: normalizeClass(["astryx-file-input astryx-bordered-control", unref(parts).controlClass()]),
+						style: normalizeStyle(unref(parts).controlStyle()),
 						"data-mode": __props.mode,
 						"data-size": __props.size,
 						"data-status": status.value?.type,
@@ -189,13 +269,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							tabindex: "-1",
 							onChange
 						}, null, 40, _hoisted_2),
-						createElementVNode("button", {
+						createElementVNode("button", mergeProps(unref(parts).forwardedAttrs(), {
 							id: inputId.value,
 							type: "button",
 							class: "astryx-file-input-trigger",
 							disabled: __props.isDisabled && !showsDisabledMessage.value,
 							"aria-disabled": showsDisabledMessage.value || void 0,
 							"aria-invalid": status.value?.type === "error" || void 0,
+							"aria-busy": isPending.value || props.isLoading || void 0,
 							"aria-describedby": [
 								field.describedBy,
 								conveysRequired.value ? requiredId : void 0,
@@ -207,33 +288,27 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							onDrop,
 							onFocus: _cache[0] || (_cache[0] = (...args) => unref(disabledTooltip).onFocus && unref(disabledTooltip).onFocus(...args)),
 							onBlur: _cache[1] || (_cache[1] = (...args) => unref(disabledTooltip).onBlur && unref(disabledTooltip).onBlur(...args))
-						}, [createVNode(_sfc_main$5, {
+						}), [createVNode(_sfc_main$4, {
 							class: "astryx-file-input-icon",
 							icon: "upload",
 							size: "sm"
 						}), createElementVNode("span", {
 							class: "astryx-file-input-text",
 							"data-placeholder": !fileLabel.value || void 0
-						}, toDisplayString(fileLabel.value || placeholder.value), 9, _hoisted_4)], 40, _hoisted_3),
-						fileLabel.value && !__props.isDisabled ? (openBlock(), createBlock(_sfc_main$4, {
+						}, toDisplayString(fileLabel.value || placeholder.value), 9, _hoisted_4)], 16, _hoisted_3),
+						fileLabel.value && !__props.isDisabled ? (openBlock(), createBlock(_sfc_main$7, {
 							key: 0,
-							class: "astryx-input-clear-button",
-							variant: "ghost",
-							size: "sm",
 							label: clearLabel.value,
 							onClick: clear
-						}, {
-							default: withCtx(() => [createVNode(_sfc_main$3, { type: "clear" })]),
-							_: 1
-						}, 8, ["label"])) : createCommentVNode("v-if", true),
-						__props.isLoading ? (openBlock(), createBlock(_sfc_main$6, {
+						}, null, 8, ["label"])) : createCommentVNode("v-if", true),
+						__props.isLoading || isPending.value ? (openBlock(), createBlock(_sfc_main$5, {
 							key: 1,
 							size: "sm"
 						})) : status.value ? (openBlock(), createBlock(_sfc_main$3, {
 							key: 2,
 							type: status.value.type
 						}, null, 8, ["type"])) : createCommentVNode("v-if", true)
-					], 40, _hoisted_1), conveysRequired.value ? (openBlock(), createBlock(_sfc_main$1, {
+					], 46, _hoisted_1), conveysRequired.value ? (openBlock(), createBlock(_sfc_main$1, {
 						key: 0,
 						id: requiredId
 					}, {
@@ -252,7 +327,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"is-required",
 					"label-tooltip",
 					"status",
-					"status-variant"
+					"status-variant",
+					"class",
+					"style"
 				]),
 				showsDisabledMessage.value ? (openBlock(), createBlock(_sfc_main$1, {
 					key: 0,

package/dist/FormLayout/index.d.ts

@@ -1,2 +1,2 @@
-import { a as FormOptionality, i as FormLayoutDirection, n as FormLayoutProps, r as FormLayoutSlots, t as _default } from "../index-BrJzFA5X.js";
+import { a as FormOptionality, i as FormLayoutDirection, n as FormLayoutProps, r as FormLayoutSlots, t as _default } from "../index-C90l2rH1.js";
 export { _default as FormLayout, type FormLayoutDirection, type FormLayoutProps, type FormLayoutSlots, type FormOptionality };

package/dist/FormLayout/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../FormLayout-D47FjiOq.js";
+import { t as _sfc_main } from "../FormLayout-B9dUB6Ps.js";
 export { _sfc_main as FormLayout };

package/dist/{FormLayout-D47FjiOq.js → FormLayout-B9dUB6Ps.js}

@@ -1,4 +1,4 @@
-import { t as formLayoutKey } from "./context-Cfjh8te1.js";
+import { t as formLayoutKey } from "./context-Cfml4jaK.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, provide, renderSlot, useAttrs, useTemplateRef } from "vue";
 import "../styles/form-layout.css";
 //#region src/FormLayout/FormLayout.vue

package/dist/Heading/index.d.ts

@@ -1,2 +1,2 @@
-import { a as HeadingLevel, c as HeadingType, d as HeadingWrap, i as HeadingJustify, l as HeadingWeight, n as HeadingColor, o as HeadingProps, r as HeadingDisplay, s as HeadingTruncateTooltip, t as _default, u as HeadingWordBreak } from "../index-D97pQbua.js";
+import { a as HeadingLevel, c as HeadingType, d as HeadingWrap, i as HeadingJustify, l as HeadingWeight, n as HeadingColor, o as HeadingProps, r as HeadingDisplay, s as HeadingTruncateTooltip, t as _default, u as HeadingWordBreak } from "../index-BV2D2x_u.js";
 export { _default as Heading, type HeadingColor, type HeadingDisplay, type HeadingJustify, type HeadingLevel, type HeadingProps, type HeadingTruncateTooltip, type HeadingType, type HeadingWeight, type HeadingWordBreak, type HeadingWrap };

package/dist/Heading/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Heading-BnwWEWkp.js";
+import { t as _sfc_main } from "../Heading-BzBunfN7.js";
 export { _sfc_main as Heading };

package/dist/{Heading-BnwWEWkp.js → Heading-BzBunfN7.js}

@@ -1,5 +1,5 @@
 import { n as useTruncation, t as truncatePlacement } from "./useTruncation-B5qXQzAP.js";
-import { t as _sfc_main$1 } from "./Tooltip-C4Vaqd3G.js";
+import { t as _sfc_main$1 } from "./Tooltip-sAM8i1eO.js";
 import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx } from "vue";
 import "../styles/heading.css";
 //#region src/Heading/Heading.vue

package/dist/HoverCard/index.js

@@ -1,2 +1,2 @@
-import { n as useHoverCard, t as _sfc_main } from "../HoverCard-ycY50pRN.js";
+import { n as useHoverCard, t as _sfc_main } from "../HoverCard-BpJhT0sn.js";
 export { _sfc_main as HoverCard, useHoverCard };

package/dist/{HoverCard-ycY50pRN.js → HoverCard-BpJhT0sn.js}

@@ -1,10 +1,14 @@
-import { r as isFocusable } from "./focus-CpficIgf.js";
-import { n as useLayer, t as useMergedRefs } from "./useMergedRefs-CfHHlCsn.js";
+import { r as useResolvedLayerTeleport } from "./useLayerMountTarget-BmZyeKWE.js";
+import { i as isFocusable } from "./focus-l8jVTcqd.js";
+import { n as useLayer, t as useMergedRefs } from "./useMergedRefs-Cb6_w93m.js";
+import { t as _sfc_main$1 } from "./LayerContentBoundary-CvsKxwwm.js";
+import { t as useHoverLayerDismiss } from "./useHoverLayerDismiss-kYJ_NqL4.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, onMounted, onScopeDispose, onUpdated, openBlock, ref, renderSlot, shallowRef, toDisplayString, toValue, unref, vShow, watch, withCtx, withDirectives } from "vue";
 import "../styles/hover-card.css";
-//#region src/HoverCard/useHoverCard.ts
-const GAP = 4;
-const TOUCH_POINTER_TYPES = /* @__PURE__ */ new Set(["touch", "pen"]);
+//#region src/HoverCard/hoverCardTrigger.ts
+/**
+* 悬停卡片触发器上哪些角色能写 aria-expanded，哪些控件自己会吃掉轻点。
+*/
 const EXPANDABLE_ROLES = /* @__PURE__ */ new Set([
 	"application",
 	"button",
@@ -46,6 +50,10 @@ const ACTION_ROLES = /* @__PURE__ */ new Set([
 	"tab",
 	"textbox"
 ]);
+/**
+* aria-expanded 只在一部分 role 上合法。没有 role 的触发器只靠 aria-haspopup
+* 和 aria-controls 宣告弹层。写在不合法的地方就是 aria-allowed-attr 缺陷。
+*/
 function supportsAriaExpanded(element) {
 	const explicit = element.getAttribute("role")?.trim().split(/\s+/)[0];
 	if (explicit) return EXPANDABLE_ROLES.has(explicit);
@@ -64,6 +72,7 @@ function isEditable(element) {
 	const attribute = element.getAttribute("contenteditable");
 	return attribute != null && attribute !== "false";
 }
+/** 触发器自己会做事（按钮、链接、输入框）时，轻点属于它，不打开卡片。 */
 function isActionTrigger(element) {
 	const role = element.getAttribute("role");
 	if (role != null && role !== "") return ACTION_ROLES.has(role);
@@ -83,6 +92,10 @@ function mergeIds(...ids) {
 	const kept = ids.filter(Boolean);
 	return kept.length > 0 ? kept.join(" ") : void 0;
 }
+//#endregion
+//#region src/HoverCard/useHoverCard.ts
+const GAP = 4;
+const TOUCH_POINTER_TYPES = /* @__PURE__ */ new Set(["touch", "pen"]);
 /**
 * 对应原版 Astryx 的 `hooks/useHoverCard`：悬停触发的浮层卡片。
 * 负责悬停意图与延迟、指针从触发器移进卡片的宽限、触摸轻点、`aria-describedby` /
@@ -212,14 +225,10 @@ function useHoverCard(options = {}) {
 		if (related && triggerRef.value?.contains(related)) return;
 		scheduleHide();
 	}
-	function onDocumentKeydown(event) {
-		if (event.key !== "Escape" || !isOpen.value) return;
+	function dismissFromEscape() {
 		clearTimers();
 		isHoveringContent = false;
-		if (isControlled.value) {
-			options.onHide?.();
-			return;
-		}
+		if (isControlled.value) return options.onHide?.();
 		const hadFocus = layer.contentRef.value?.contains(document.activeElement) ?? false;
 		layer.hide();
 		if (hadFocus && triggerRef.value) {
@@ -227,7 +236,13 @@ function useHoverCard(options = {}) {
 			triggerRef.value.focus();
 		}
 	}
+	const hoverDismiss = useHoverLayerDismiss({
+		isPresent: () => isOpen.value,
+		getContainer: () => layer.contentRef.value,
+		onDismiss: dismissFromEscape
+	});
 	function onDocumentPointerDown(event) {
+		if (!hoverDismiss.isTop()) return;
 		if (!TOUCH_POINTER_TYPES.has(event.pointerType) || !isOpen.value || isControlled.value) return;
 		const target = event.target;
 		if (triggerRef.value?.contains(target) || layer.contentRef.value?.contains(target)) return;
@@ -312,13 +327,8 @@ function useHoverCard(options = {}) {
 	watch(isOpen, (visible) => {
 		applyTriggerAttributes();
 		if (typeof document === "undefined") return;
-		if (visible) {
-			document.addEventListener("keydown", onDocumentKeydown);
-			document.addEventListener("pointerdown", onDocumentPointerDown, true);
-			return;
-		}
-		document.removeEventListener("keydown", onDocumentKeydown);
-		document.removeEventListener("pointerdown", onDocumentPointerDown, true);
+		if (visible) document.addEventListener("pointerdown", onDocumentPointerDown, true);
+		else document.removeEventListener("pointerdown", onDocumentPointerDown, true);
 	}, { immediate: true });
 	watch(() => toValue(options.isOpen), (open) => {
 		clearTimers();
@@ -350,7 +360,6 @@ function useHoverCard(options = {}) {
 		if (typeof document === "undefined") return;
 		document.removeEventListener("pointerdown", onModalityPointerDown, true);
 		document.removeEventListener("keydown", onModalityKeyDown, true);
-		document.removeEventListener("keydown", onDocumentKeydown);
 		document.removeEventListener("pointerdown", onDocumentPointerDown, true);
 	});
 	function show() {
@@ -441,6 +450,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		});
 		const setContentRef = useMergedRefs([surfaceRef]);
 		const wrapperRef = ref(null);
+		const teleportTarget = useResolvedLayerTeleport(wrapperRef);
 		const isTextTrigger = ref(false);
 		const showIndication = computed(() => props.hasHoverIndication === true || props.hasHoverIndication === "auto" && isTextTrigger.value);
 		const element = computed(() => surfaceRef.value);
@@ -473,7 +483,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			}, _ctx.$attrs, { class: ["astryx-hover-card__trigger", {
 				"astryx-hover-card__trigger--text": isTextTrigger.value,
 				"astryx-hover-card__trigger--indicated": isTextTrigger.value && showIndication.value
-			}] }), [renderSlot(_ctx.$slots, "default")], 16), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, {
+			}] }), [renderSlot(_ctx.$slots, "default")], 16), (openBlock(), createBlock(Teleport, { to: unref(teleportTarget) }, [createVNode(Transition, {
 				name: "astryx-hover-card",
 				persisted: ""
 			}, {
@@ -482,9 +492,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					class: "astryx-hover-card",
 					"data-placement": unref(resolvedPlacement),
 					style: unref(surfaceStyle)
-				}, unref(contentProps)), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(__props.content), 1)])])], 16, _hoisted_1), [[vShow, unref(isVisible)]])]),
+				}, unref(contentProps)), [createElementVNode("div", _hoisted_2, [createVNode(_sfc_main$1, null, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(__props.content), 1)])]),
+					_: 3
+				})])], 16, _hoisted_1), [[vShow, unref(isVisible)]])]),
 				_: 3
-			})]))], 64);
+			})], 8, ["to"]))], 64);
 		};
 	}
 });

package/dist/Icon/index.d.ts

@@ -1,5 +1,5 @@
-import { a as IconSize, i as IconProps, n as IconColor, o as IconSlots, r as IconName } from "../types-CwyibrRB.js";
-import { a as iconGlyphSlug, i as IconGlyphName, n as _default, o as isIconGlyph, r as ICON_GLYPHS, t as useSemanticIcon } from "../index-vP0EtrJJ.js";
+import { a as IconRegistry, c as NamespacedIconName, i as IconProps, n as IconColor, o as IconSize, r as IconName, s as IconSlots, t as ExtendedIconName } from "../types-C5GQ2KCK.js";
+import { a as iconGlyphSlug, i as IconGlyphName, n as _default, o as isIconGlyph, r as ICON_GLYPHS, t as useSemanticIcon } from "../index-C9gAlDt_.js";
 import { i as addIcon, n as IconifyIcon, r as addCollection, t as IconifyCollection } from "../registry-B1ObuP--.js";
-import { n as defaultSemanticIcons, r as resolveSemanticIcon, t as SemanticIconMap } from "../semantic-CKH9XVqa.js";
-export { ICON_GLYPHS, _default as Icon, type IconColor, type IconGlyphName, type IconName, type IconProps, type IconSize, type IconSlots, type IconifyCollection, type IconifyIcon, type SemanticIconMap, addCollection, addIcon, defaultSemanticIcons, iconGlyphSlug, isIconGlyph, resolveSemanticIcon, useSemanticIcon };
+import { n as defaultSemanticIcons, r as resolveSemanticIcon, t as SemanticIconMap } from "../semantic-BF_AjLvk.js";
+export { type ExtendedIconName, ICON_GLYPHS, _default as Icon, type IconColor, type IconGlyphName, type IconName, type IconProps, type IconRegistry, type IconSize, type IconSlots, type IconifyCollection, type IconifyIcon, type NamespacedIconName, type SemanticIconMap, addCollection, addIcon, defaultSemanticIcons, iconGlyphSlug, isIconGlyph, resolveSemanticIcon, useSemanticIcon };

package/dist/Icon/index.js

@@ -1,3 +1,3 @@
-import { a as ICON_GLYPHS, i as resolveSemanticIcon, n as useSemanticIcon, o as iconGlyphSlug, r as defaultSemanticIcons, s as isIconGlyph, t as _sfc_main } from "../Icon-bteSId7T.js";
+import { a as ICON_GLYPHS, i as resolveSemanticIcon, n as useSemanticIcon, o as iconGlyphSlug, r as defaultSemanticIcons, s as isIconGlyph, t as _sfc_main } from "../Icon-KDnUyY7f.js";
 import { n as addCollection, r as addIcon } from "../registry-C7OZb0PJ.js";
 export { ICON_GLYPHS, _sfc_main as Icon, addCollection, addIcon, defaultSemanticIcons, iconGlyphSlug, isIconGlyph, resolveSemanticIcon, useSemanticIcon };

package/dist/{Icon-bteSId7T.js → Icon-KDnUyY7f.js}

@@ -1,27 +1,15 @@
+import { n as useIconDefaultSize } from "./context-pjBxaMSh.js";
 import { i as getIcon, s as warnMissingIcon } from "./registry-C7OZb0PJ.js";
 import { n as themeContextKey } from "./context-Cws_tXTr.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toValue, useId } from "vue";
 import "../styles/icon.css";
-//#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 = Symbol("astryx-icon-default-size");
-/**
-* The size inherited from the nearest owner, or `undefined` when there is none.
-*/
-function useIconDefaultSize() {
-	const inherited = inject(ICON_DEFAULT_SIZE_KEY, void 0);
-	return computed(() => inherited == null ? void 0 : toValue(inherited));
-}
-//#endregion
 //#region src/Icon/glyphs.ts
 /**
 * The artwork kept for the components' own chrome. Applications bring their own
 * icons; this list only has to cover what astryx-vue draws itself.
+*
+* The shared names come first. Namespaced keys after them belong to one
+* component each; a theme overrides them by key through `defineTheme({ icons })`.
 */
 const ICON_GLYPHS = [
 	"close",
@@ -53,7 +41,8 @@ const ICON_GLYPHS = [
 	"wrench",
 	"stop",
 	"microphone",
-	"image"
+	"image",
+	"numberInput:stepperDown"
 ];
 function isIconGlyph(value) {
 	return ICON_GLYPHS.includes(value);
@@ -153,6 +142,9 @@ function renderIconMarkup(icon, idPrefix) {
 *
 * The drawing is used only after that collection is registered. Until then
 * the built-in glyph stays, so a missing collection does not blank the icon.
+*
+* `upload` is its own name, not `arrowUp`: a theme can redraw the upload
+* affordance without changing sort arrows or the send button.
 */
 const defaultSemanticIcons = {
 	close: "lucide:x",
@@ -189,9 +181,9 @@ const defaultSemanticIcons = {
 /**
 * The Iconify id for a semantic name.
 *
-* Theme entries win, including keys the package does not ship. An unknown
-* name with no theme entry returns undefined, so a CSS class can still pass
-* through `icon`.
+* Theme entries win, including keys the package does not ship, such as a
+* namespaced `numberInput:stepperDown`. An unknown name with no theme entry
+* returns undefined, so a CSS class can still pass through `icon`.
 */
 function resolveSemanticIcon(name, icons) {
 	if (name == null || name === "") return void 0;

package/dist/IconButton/index.js

@@ -1,4 +1,4 @@
-import { t as _sfc_main } from "../IconButton-DDNgNl7B.js";
+import { t as _sfc_main } from "../IconButton-DI-XBbtV.js";
 //#region src/IconButton/index.ts
 var IconButton_default = _sfc_main;
 //#endregion

package/dist/{IconButton-DDNgNl7B.js → IconButton-DI-XBbtV.js}

@@ -1,4 +1,4 @@
-import { t as _sfc_main$1 } from "./Button-B6Hj_O_s.js";
+import { t as _sfc_main$1 } from "./Button-ONOoHdkg.js";
 import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useAttrs, useTemplateRef, withCtx } from "vue";
 //#region src/IconButton/IconButton.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({

package/dist/Indicator/index.d.ts

@@ -1,3 +1,3 @@
-import { A as IndicatorRegistry, C as IndicatorComponent, D as IndicatorName, E as IndicatorMap, M as IndicatorState, O as IndicatorPosition, S as CoreIndicatorName, T as IndicatorFamilyMap, j as IndicatorSize, k as IndicatorProps, w as IndicatorFamily } from "../types-gKsEkk2g.js";
-import { a as _default$1, i as isCoreIndicatorName, n as defaultIndicators, o as isRenderable, r as getIndicator, s as _default, t as useIndicator } from "../index-XuAAcYiP.js";
+import { B as IndicatorRegistry, F as IndicatorFamilyMap, H as IndicatorState, I as IndicatorMap, L as IndicatorName, M as CoreIndicatorName, N as IndicatorComponent, P as IndicatorFamily, R as IndicatorPosition, V as IndicatorSize, z as IndicatorProps } from "../types-CsqwQkf1.js";
+import { a as _default$1, i as isCoreIndicatorName, n as defaultIndicators, o as isRenderable, r as getIndicator, s as _default, t as useIndicator } from "../index-f3d9cVtj.js";
 export { _default as CheckIndicator, type CoreIndicatorName, type IndicatorComponent, type IndicatorFamily, type IndicatorFamilyMap, type IndicatorMap, type IndicatorName, type IndicatorPosition, type IndicatorProps, type IndicatorRegistry, type IndicatorSize, type IndicatorState, _default$1 as RadioIndicator, defaultIndicators, getIndicator, isCoreIndicatorName, isRenderable, useIndicator };

package/dist/Indicator/index.js

@@ -1,2 +1,3 @@
-import { a as _sfc_main$1, i as isCoreIndicatorName, n as defaultIndicators, o as _sfc_main, r as getIndicator, s as isRenderable, t as useIndicator } from "../useIndicator-i1NORM7W.js";
+import { t as isRenderable } from "../isRenderable-BnKHIqfd.js";
+import { a as _sfc_main$1, i as isCoreIndicatorName, n as defaultIndicators, o as _sfc_main, r as getIndicator, t as useIndicator } from "../useIndicator-MZmfBWid.js";
 export { _sfc_main as CheckIndicator, _sfc_main$1 as RadioIndicator, defaultIndicators, getIndicator, isCoreIndicatorName, isRenderable, useIndicator };

package/dist/InputClearButton-CwXPan8c.js

@@ -0,0 +1,40 @@
+import { t as _sfc_main$1 } from "./FieldIcon--NTgW5IU.js";
+import { t as _sfc_main$2 } from "./IconButton-DI-XBbtV.js";
+import { t as useTranslator } from "./useTranslator-BmWt2BBt.js";
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, unref, useAttrs, withCtx } from "vue";
+//#region src/Field/InputClearButton.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxInputClearButton",
+	inheritAttrs: false,
+	__name: "InputClearButton",
+	props: { label: {} },
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const attrs = useAttrs();
+		const { t } = useTranslator();
+		function press(event) {
+			event.preventDefault();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(_sfc_main$2, mergeProps(unref(attrs), {
+				class: "astryx-input-clear-button",
+				variant: "ghost",
+				size: "sm",
+				label: __props.label,
+				tooltip: unref(t)("@astryx.inputClearButton.tooltip"),
+				onPointerdown: press,
+				onMousedown: press,
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+			}), {
+				default: withCtx(() => [createVNode(_sfc_main$1, {
+					class: "astryx-input-clear-icon",
+					type: "clear"
+				})]),
+				_: 1
+			}, 16, ["label", "tooltip"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/InputGroup/index.d.ts

@@ -1,2 +1,2 @@
-import { a as InputGroupSlots, c as INPUT_GROUP_KEY, i as InputGroupSize, l as InputGroupContext, n as _default, o as InputGroupTextProps, r as InputGroupProps, s as InputGroupTextSlots, t as _default$1 } from "../index-CsTbMVDS.js";
+import { a as InputGroupSlots, c as INPUT_GROUP_KEY, i as InputGroupSize, l as InputGroupContext, n as _default, o as InputGroupTextProps, r as InputGroupProps, s as InputGroupTextSlots, t as _default$1 } from "../index-D0_HsuC3.js";
 export { INPUT_GROUP_KEY, _default as InputGroup, type InputGroupContext, type InputGroupProps, type InputGroupSize, type InputGroupSlots, _default$1 as InputGroupText, type InputGroupTextProps, type InputGroupTextSlots };

package/dist/InputGroup/index.js

@@ -1,3 +1,3 @@
-import { t as INPUT_GROUP_KEY } from "../context-D5-MwxnN.js";
-import { n as _sfc_main, t as _sfc_main$1 } from "../InputGroup-CA03Smrs.js";
+import { t as INPUT_GROUP_KEY } from "../context-IvbU9c3T.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../InputGroup-DiiocoIW.js";
 export { INPUT_GROUP_KEY, _sfc_main as InputGroup, _sfc_main$1 as InputGroupText };

package/dist/{InputGroup-CA03Smrs.js → InputGroup-DiiocoIW.js}

@@ -1,5 +1,5 @@
-import { t as _sfc_main$2 } from "./Field-D5gUEGw4.js";
-import { t as INPUT_GROUP_KEY } from "./context-D5-MwxnN.js";
+import { t as _sfc_main$2 } from "./Field--OEsLBfE.js";
+import { t as INPUT_GROUP_KEY } from "./context-IvbU9c3T.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, provide, renderSlot, useId, withCtx } from "vue";
 import "../styles/input-group.css";
 //#region src/InputGroup/InputGroup.vue

package/dist/InternationalizationProvider/index.d.ts

@@ -1,2 +1,2 @@
-import { a as useLocaleDirection, c as ProviderMessagesByLocale, i as astryxDirectionKey, l as ProviderOverrides, n as InternationalizationProviderProps, o as TextDirection, r as InternationalizationProviderSlots, s as getLocaleDirection, t as _default, u as resolveProviderMessages } from "../index-Cyb9Du5Z.js";
+import { a as useLocaleDirection, c as ProviderMessagesByLocale, i as astryxDirectionKey, l as ProviderOverrides, n as InternationalizationProviderProps, o as TextDirection, r as InternationalizationProviderSlots, s as getLocaleDirection, t as _default, u as resolveProviderMessages } from "../index-CtTGt6Dv.js";
 export { _default as InternationalizationProvider, type InternationalizationProviderProps, type InternationalizationProviderSlots, type ProviderMessagesByLocale, type ProviderOverrides, type TextDirection, astryxDirectionKey, getLocaleDirection, resolveProviderMessages, useLocaleDirection };

package/dist/InternationalizationProvider/index.js

@@ -1,2 +1,2 @@
-import { a as resolveProviderMessages, i as getLocaleDirection, n as astryxDirectionKey, r as useLocaleDirection, t as _sfc_main } from "../InternationalizationProvider-DJay_w3B.js";
+import { a as resolveProviderMessages, i as getLocaleDirection, n as astryxDirectionKey, r as useLocaleDirection, t as _sfc_main } from "../InternationalizationProvider-kBapgKAQ.js";
 export { _sfc_main as InternationalizationProvider, astryxDirectionKey, getLocaleDirection, resolveProviderMessages, useLocaleDirection };