@astryx-vue/core 0.2.5 → 0.3.0

package/dist/{DropdownMenu-6E9jFdFe.js → DropdownMenu-CoOQVlRp.js}

@@ -1,13 +1,12 @@
-import { t as useDismiss } from "./useDismiss-Cj8x_51F.js";
-import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
-import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
+import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-Cru9_00b.js";
+import { o as useAstryxMessages } from "./context-iABt_ueM.js";
 import { t as _sfc_main$1 } from "./Icon-bteSId7T.js";
-import { t as _sfc_main$2 } from "./Item-DrYJL1TG.js";
-import { a as dropdownMenuContextKey, o as useDropdownMenuContext } from "./useMenuDrillIn-BgjJcY3K.js";
-import { n as useMenuFocus, o as MENU_ITEM_ROLES, r as _sfc_main$3, s as activateMenuItem } from "./DropdownMenu--lnUeJEG.js";
+import { t as _sfc_main$2 } from "./Item-KhFKX9St.js";
+import { a as dropdownMenuContextKey, o as useDropdownMenuContext } from "./useMenuDrillIn-DzKGkTho.js";
+import { n as useMenuFocus, o as MENU_ITEM_ROLES, r as _sfc_main$3, s as activateMenuItem } from "./DropdownMenu-DEb2dSSP.js";
 import { t as _sfc_main$4 } from "./Spinner-9cYUCnDy.js";
 import { t as useSubmenuMode } from "./useSubmenuMode-CZN9qrUo.js";
-import { Fragment, Teleport, computed, createBlock, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, nextTick, normalizeStyle, onBeforeUnmount, openBlock, provide, ref, renderSlot, unref, useId, useSlots, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { Fragment, Teleport, computed, createBlock, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, nextTick, normalizeStyle, onBeforeUnmount, openBlock, provide, ref, renderSlot, unref, useId, useSlots, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import "../styles/dropdown-menu.css";
 //#region src/DropdownMenu/DropdownMenuSubMenu.vue
 const _hoisted_1 = {
@@ -222,7 +221,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		});
 		onBeforeUnmount(cancelClose);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(_sfc_main$2, {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(_sfc_main$2, mergeProps(_ctx.$attrs, {
 				ref_key: "rowComponent",
 				ref: rowComponent,
 				class: "astryx-dropdown-menu-item",
@@ -244,7 +243,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				],
 				onPointerenter: openFlyout,
 				onPointerleave: scheduleClose
-			}, createSlots({
+			}), createSlots({
 				endContent: withCtx(() => [__props.hasSpinner ? (openBlock(), createElementBlock("span", _hoisted_1, [createVNode(_sfc_main$4, { size: "sm" })])) : (openBlock(), createBlock(_sfc_main$1, {
 					key: 1,
 					color: "secondary",
@@ -272,7 +271,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
 					key: "2"
 				} : void 0
-			]), 1032, [
+			]), 1040, [
 				"aria-expanded",
 				"data-menu-size",
 				"density",

package/dist/{DropdownMenu--lnUeJEG.js → DropdownMenu-DEb2dSSP.js}

@@ -1,15 +1,16 @@
-import { t as _sfc_main$5 } from "./Button-DrqeomlE.js";
+import { n as useLinkComponent } from "./context-C_peZbXf.js";
+import { t as _sfc_main$5 } from "./Button-B6Hj_O_s.js";
 import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
-import { t as useDismiss } from "./useDismiss-Cj8x_51F.js";
+import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-Cru9_00b.js";
 import { n as getFocusables } from "./focus-CpficIgf.js";
 import { t as useTypeahead } from "./useTypeahead-PAK8lMYz.js";
-import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
-import { t as _sfc_main$6 } from "./BottomSheet-BV6vfgGu.js";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
+import { t as _sfc_main$6 } from "./BottomSheet-pt7m4CvC.js";
 import { t as _sfc_main$7 } from "./Icon-bteSId7T.js";
-import { t as _sfc_main$8 } from "./Item-DrYJL1TG.js";
-import { a as dropdownMenuContextKey, i as _sfc_main$10, n as _sfc_main$9, o as useDropdownMenuContext, r as _sfc_main$11, t as useMenuDrillIn } from "./useMenuDrillIn-BgjJcY3K.js";
+import { t as _sfc_main$8 } from "./Item-KhFKX9St.js";
+import { a as dropdownMenuContextKey, i as _sfc_main$10, n as _sfc_main$9, o as useDropdownMenuContext, r as _sfc_main$11, t as useMenuDrillIn } from "./useMenuDrillIn-DzKGkTho.js";
 import { t as _sfc_main$12 } from "./Divider-BtwnL18I.js";
-import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, h, mergeModels, mergeProps, nextTick, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, shallowRef, toDisplayString, unref, useAttrs, useId, useModel, useSlots, vShow, watch, withCtx, withDirectives } from "vue";
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, h, mergeModels, mergeProps, nextTick, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useAttrs, useId, useModel, useSlots, vShow, watch, withCtx, withDirectives } from "vue";
 import "../styles/dropdown-menu.css";
 //#region src/DropdownMenu/menuItemRoles.ts
 /**
@@ -98,31 +99,20 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 });
 //#endregion
 //#region src/DropdownMenu/DropdownMenuItem.vue
-const _hoisted_1$1 = [
-	"aria-disabled",
-	"data-density",
-	"data-disabled",
-	"data-menu-size",
-	"data-variant",
-	"href",
-	"rel",
-	"tabindex",
-	"target"
-];
-const _hoisted_2$1 = {
+const _hoisted_1$1 = {
 	key: 0,
 	class: "astryx-item__start"
 };
-const _hoisted_3$1 = { class: "astryx-item__content" };
-const _hoisted_4$1 = {
+const _hoisted_2$1 = { class: "astryx-item__content" };
+const _hoisted_3$1 = {
 	key: 0,
 	class: "astryx-item__label"
 };
-const _hoisted_5$1 = {
+const _hoisted_4$1 = {
 	key: 1,
 	class: "astryx-item__description"
 };
-const _hoisted_6$1 = {
+const _hoisted_5$1 = {
 	key: 1,
 	class: "astryx-item__end"
 };
@@ -155,6 +145,9 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		const attrs = useAttrs();
 		const slots = useSlots();
 		const menu = useDropdownMenuContext();
+		const linkComponent = useLinkComponent();
+		/** 链接行用的根组件，没有 provider 时还是 `<a>`。 */
+		const linkRoot = computed(() => linkComponent.value == null ? "a" : toRaw(linkComponent.value));
 		const menuSize = computed(() => menu?.menuSize.value ?? "md");
 		const density = computed(() => menuSize.value === "sm" ? "compact" : "balanced");
 		const isDestructive = computed(() => props.variant === "destructive");
@@ -198,7 +191,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			if (row instanceof HTMLElement && row !== row.ownerDocument.activeElement) row.focus({ preventScroll: true });
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode("\n    A row that navigates is the link itself. `Item` gives its root an inner\n    anchor instead when a `role` is set, which would put two controls in one\n    row, so the link row renders the same markup with the anchor as its root.\n  "), isLink.value ? (openBlock(), createElementBlock("a", mergeProps({ key: 0 }, forwardedAttrs.value, {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode("\n    A row that navigates is the link itself. `Item` gives its root an inner\n    anchor instead when a `role` is set, which would put two controls in one\n    row, so the link row renders the same markup with the anchor as its root.\n  "), isLink.value ? (openBlock(), createBlock(resolveDynamicComponent(linkRoot.value), mergeProps({ key: 0 }, forwardedAttrs.value, {
 				class: ["astryx-item astryx-dropdown-menu-item", unref(attrs).class],
 				role: "menuitem",
 				"aria-disabled": __props.isDisabled || void 0,
@@ -209,6 +202,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				"data-menu-size": menuSize.value,
 				"data-variant": __props.variant,
 				href: linkHref.value,
+				to: linkRoot.value !== "a" && !__props.isDisabled ? linkHref.value : void 0,
 				rel: resolvedRel.value,
 				style: unref(attrs).style,
 				tabindex: __props.isDisabled ? void 0 : -1,
@@ -216,15 +210,31 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				onAuxclick: handleAuxClick,
 				onClick: handleClick,
 				onPointermove: handlePointerMove
-			}), [
-				hasStart.value ? (openBlock(), createElementBlock("span", _hoisted_2$1, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_sfc_main$7, {
-					color: iconColor.value,
-					icon: __props.icon,
-					size: "sm"
-				}, null, 8, ["color", "icon"])])])) : createCommentVNode("v-if", true),
-				createElementVNode("span", _hoisted_3$1, [hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_4$1, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])])) : createCommentVNode("v-if", true), hasDescription.value ? (openBlock(), createElementBlock("span", _hoisted_5$1, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("v-if", true)]),
-				hasEnd.value ? (openBlock(), createElementBlock("span", _hoisted_6$1, [renderSlot(_ctx.$slots, "endContent")])) : createCommentVNode("v-if", true)
-			], 16, _hoisted_1$1)) : (openBlock(), createBlock(_sfc_main$8, mergeProps({ key: 1 }, unref(attrs), {
+			}), {
+				default: withCtx(() => [
+					hasStart.value ? (openBlock(), createElementBlock("span", _hoisted_1$1, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_sfc_main$7, {
+						color: iconColor.value,
+						icon: __props.icon,
+						size: "sm"
+					}, null, 8, ["color", "icon"])])])) : createCommentVNode("v-if", true),
+					createElementVNode("span", _hoisted_2$1, [hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_3$1, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])])) : createCommentVNode("v-if", true), hasDescription.value ? (openBlock(), createElementBlock("span", _hoisted_4$1, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("v-if", true)]),
+					hasEnd.value ? (openBlock(), createElementBlock("span", _hoisted_5$1, [renderSlot(_ctx.$slots, "endContent")])) : createCommentVNode("v-if", true)
+				]),
+				_: 3
+			}, 16, [
+				"aria-disabled",
+				"class",
+				"data-density",
+				"data-disabled",
+				"data-menu-size",
+				"data-variant",
+				"href",
+				"to",
+				"rel",
+				"style",
+				"tabindex",
+				"target"
+			])) : (openBlock(), createBlock(_sfc_main$8, mergeProps({ key: 1 }, unref(attrs), {
 				class: "astryx-dropdown-menu-item",
 				role: "menuitem",
 				"data-menu-size": menuSize.value,
@@ -629,6 +639,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const triggerId = `astryx-dropdown-menu-trigger-${uid}`;
 		const anchorRef = ref(null);
 		const surfaceRef = ref(null);
+		useScrollbars(surfaceRef);
 		const popoverRef = ref(null);
 		const headerRef = ref(null);
 		const footerRef = ref(null);

package/dist/EmptyState/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../EmptyState-0RWymQUS.js";
+import { t as _sfc_main } from "../EmptyState-C_GH7IV5.js";
 export { _sfc_main as EmptyState };

package/dist/{EmptyState-0RWymQUS.js → EmptyState-C_GH7IV5.js}

@@ -1,5 +1,5 @@
-import { t as _sfc_main$1 } from "./Heading-B9C3LZlS.js";
-import { t as _sfc_main$2 } from "./Text-DIzZw6FA.js";
+import { t as _sfc_main$1 } from "./Heading-BnwWEWkp.js";
+import { t as _sfc_main$2 } from "./Text-CV3LmscH.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, useTemplateRef, withCtx } from "vue";
 import "../styles/empty-state.css";
 //#region src/EmptyState/EmptyState.vue

package/dist/Field/index.d.ts

@@ -1,3 +1,3 @@
-import { a as FieldSlots, c as FieldStatusType, i as FieldSlotProps, l as FieldStatusVariant, n as FieldLabelSlots, o as FieldStatusInput, r as FieldProps, s as FieldStatusProps, t as FieldLabelProps } from "../types-3eXh_5os.js";
-import { n as _default, t as _default$1 } from "../index-iBLzInje.js";
+import { a as FieldSlots, c as FieldStatusType, i as FieldSlotProps, l as FieldStatusVariant, n as FieldLabelSlots, o as FieldStatusInput, r as FieldProps, s as FieldStatusProps, t as FieldLabelProps } from "../types-0Q_SJv_F.js";
+import { n as _default, t as _default$1 } from "../index-C5e-7Obr.js";
 export { _default as Field, _default$1 as FieldLabel, type FieldLabelProps, type FieldLabelSlots, type FieldProps, type FieldSlotProps, type FieldSlots, type FieldStatusInput, type FieldStatusProps, type FieldStatusType, type FieldStatusVariant };

package/dist/Field/index.js

@@ -1,3 +1,3 @@
-import { t as _sfc_main$1 } from "../FieldLabel-DmmJyX7w.js";
-import { t as _sfc_main } from "../Field-8zRxzDHE.js";
+import { t as _sfc_main$1 } from "../FieldLabel-BNeXRuGH.js";
+import { t as _sfc_main } from "../Field-D5gUEGw4.js";
 export { _sfc_main as Field, _sfc_main$1 as FieldLabel };

package/dist/{Field-8zRxzDHE.js → Field-D5gUEGw4.js}

@@ -1,5 +1,5 @@
 import { a as useFormLayout } from "./context-Cfjh8te1.js";
-import { t as _sfc_main$1 } from "./FieldLabel-DmmJyX7w.js";
+import { t as _sfc_main$1 } from "./FieldLabel-BNeXRuGH.js";
 import { t as _sfc_main$2 } from "./FieldStatus-MjY19ERl.js";
 import { computed, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, normalizeProps, normalizeStyle, openBlock, renderSlot, useTemplateRef, withCtx } from "vue";
 import "../styles/field.css";

package/dist/FieldInfoTip-Ds-sW_jY.js

@@ -0,0 +1,98 @@
+import { n as useButtonTooltip } from "./Button-B6Hj_O_s.js";
+import { t as _sfc_main$1 } from "./ButtonTooltip-nWWrth8j.js";
+import { t as _sfc_main$2 } from "./FieldIcon--NTgW5IU.js";
+import { t as _sfc_main$3 } from "./IconButton-DDNgNl7B.js";
+import { Fragment, computed, createElementBlock, createVNode, defineComponent, onScopeDispose, openBlock, shallowRef, unref, useId, useTemplateRef, watch, withCtx } from "vue";
+//#region src/Field/FieldInfoTip.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "FieldInfoTip",
+	props: {
+		text: {},
+		type: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const button = useTemplateRef("button");
+		const anchor = computed(() => button.value?.element ?? null);
+		const id = `astryx-field-tooltip-${useId()}`;
+		const tooltip = useButtonTooltip(computed(() => !!props.text));
+		const pinned = shallowRef(false);
+		function close() {
+			pinned.value = false;
+			tooltip.hideImmediately();
+		}
+		function toggle() {
+			pinned.value = !pinned.value;
+			if (pinned.value) tooltip.onTooltipPointerEnter();
+			else close();
+		}
+		function leave() {
+			if (!pinned.value) tooltip.onPointerLeave();
+		}
+		function dismiss(event) {
+			if (event instanceof KeyboardEvent) {
+				if (event.key === "Escape") close();
+				return;
+			}
+			const target = event.target;
+			if (target instanceof Node && !anchor.value?.contains(target) && !document.getElementById(id)?.contains(target)) close();
+		}
+		watch(tooltip.isOpen, (open) => {
+			if (typeof document === "undefined") return;
+			if (open) {
+				document.addEventListener("pointerdown", dismiss);
+				document.addEventListener("keydown", dismiss);
+			} else {
+				document.removeEventListener("pointerdown", dismiss);
+				document.removeEventListener("keydown", dismiss);
+			}
+		});
+		onScopeDispose(() => {
+			if (typeof document !== "undefined") {
+				document.removeEventListener("pointerdown", dismiss);
+				document.removeEventListener("keydown", dismiss);
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(_sfc_main$3, {
+				ref_key: "button",
+				ref: button,
+				class: "astryx-field-info-tip",
+				variant: "ghost",
+				size: "sm",
+				label: __props.text,
+				"aria-describedby": id,
+				"data-status": __props.type,
+				"aria-expanded": unref(tooltip).isOpen.value,
+				onClick: toggle,
+				onFocus: unref(tooltip).onTooltipPointerEnter,
+				onBlur: close,
+				onPointerenter: unref(tooltip).onPointerEnter,
+				onPointerleave: leave
+			}, {
+				default: withCtx(() => [createVNode(_sfc_main$2, { type: __props.type ?? "info" }, null, 8, ["type"])]),
+				_: 1
+			}, 8, [
+				"label",
+				"data-status",
+				"aria-expanded",
+				"onFocus",
+				"onPointerenter"
+			]), createVNode(_sfc_main$1, {
+				id,
+				anchor: anchor.value,
+				open: unref(tooltip).isOpen.value,
+				text: __props.text,
+				onPointerEnter: unref(tooltip).onTooltipPointerEnter,
+				onPointerLeave: leave
+			}, null, 8, [
+				"anchor",
+				"open",
+				"text",
+				"onPointerEnter"
+			])], 64);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/FieldLabel-BNeXRuGH.js

@@ -0,0 +1,95 @@
+import { t as _sfc_main$1 } from "./FieldInfoTip-Ds-sW_jY.js";
+import { t as _sfc_main$2 } from "./Icon-bteSId7T.js";
+import { a as useFormLayout, n as showsOptionalIndicator, r as showsRequiredIndicator } from "./context-Cfjh8te1.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, useTemplateRef, withCtx } from "vue";
+import "../styles/field.css";
+//#region src/Field/FieldLabel.vue
+const _hoisted_1 = ["data-hidden", "data-disabled"];
+const _hoisted_2 = { class: "astryx-field-label-row" };
+const _hoisted_3 = {
+	key: 0,
+	class: "astryx-field-label-icon",
+	"aria-hidden": "true"
+};
+const _hoisted_4 = {
+	key: 1,
+	class: "astryx-field-optionality"
+};
+const _hoisted_5 = ["id"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxFieldLabel",
+	__name: "FieldLabel",
+	props: {
+		label: {},
+		inputId: {},
+		labelId: {},
+		isGroupLabel: { type: Boolean },
+		isLabelHidden: { type: Boolean },
+		isDisabled: { type: Boolean },
+		isOptional: { type: Boolean },
+		isRequired: { type: Boolean },
+		description: {},
+		descriptionId: {},
+		labelIcon: {},
+		labelTooltip: {},
+		optionalLabel: { default: "Optional" },
+		requiredLabel: { default: "Required" }
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const element = useTemplateRef("label");
+		__expose({ element });
+		const labelId = computed(() => props.labelId ?? `${props.inputId}-label`);
+		const descriptionId = computed(() => props.descriptionId ?? `${props.inputId}-description`);
+		/** 字符串当语义图标名交给 Icon，其余当组件渲染。 */
+		const iconName = computed(() => typeof props.labelIcon === "string" ? props.labelIcon : void 0);
+		const icon = computed(() => props.labelIcon && typeof props.labelIcon !== "string" ? toRaw(props.labelIcon) : void 0);
+		const formLayout = useFormLayout();
+		const optionality = computed(() => formLayout.value?.defaultOptionality);
+		const showOptional = computed(() => showsOptionalIndicator(props.isOptional, props.isRequired, optionality.value));
+		const showRequired = computed(() => showsRequiredIndicator(props.isRequired, props.isOptional, optionality.value));
+		function focusFromDescription(event) {
+			if (props.isGroupLabel || props.isDisabled) return;
+			const target = event.target;
+			if (target instanceof Element && target.closest("a,button,input,select,textarea,[role=\"button\"]")) return;
+			if (element.value?.ownerDocument.getSelection()?.toString()) return;
+			const control = element.value?.ownerDocument.getElementById(props.inputId);
+			if (control instanceof HTMLInputElement && ["checkbox", "radio"].includes(control.type)) control.click();
+			else control?.focus({ preventScroll: true });
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "astryx-field-label-group",
+				"data-hidden": __props.isLabelHidden || void 0,
+				"data-disabled": __props.isDisabled || void 0
+			}, [createElementVNode("div", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(__props.isGroupLabel ? "span" : "label"), {
+				id: labelId.value,
+				ref: "label",
+				class: "astryx-field-label",
+				for: __props.isGroupLabel ? void 0 : __props.inputId
+			}, {
+				default: withCtx(() => [
+					_ctx.$slots.labelIcon || icon.value || iconName.value ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "labelIcon", {}, () => [iconName.value ? (openBlock(), createBlock(_sfc_main$2, {
+						key: 0,
+						icon: iconName.value,
+						size: "sm"
+					}, null, 8, ["icon"])) : icon.value ? (openBlock(), createBlock(resolveDynamicComponent(icon.value), { key: 1 })) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true),
+					createTextVNode(" " + toDisplayString(__props.label) + " ", 1),
+					showOptional.value || showRequired.value ? (openBlock(), createElementBlock("span", _hoisted_4, [_cache[0] || (_cache[0] = createElementVNode("span", { "aria-hidden": "true" }, " ∙ ", -1)), createTextVNode(toDisplayString(showOptional.value ? __props.optionalLabel : __props.requiredLabel), 1)])) : createCommentVNode("v-if", true)
+				]),
+				_: 3
+			}, 8, ["id", "for"])), __props.labelTooltip ? (openBlock(), createBlock(_sfc_main$1, {
+				key: 0,
+				text: __props.labelTooltip
+			}, null, 8, ["text"])) : createCommentVNode("v-if", true)]), __props.description ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				id: descriptionId.value,
+				class: "astryx-field-description",
+				role: "presentation",
+				onClick: focusFromDescription
+			}, toDisplayString(__props.description), 9, _hoisted_5)) : createCommentVNode("v-if", true)], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/FieldStatus/index.d.ts

@@ -1,2 +1,2 @@
-import { t as _default } from "../index-Da7Jm8Ht.js";
+import { t as _default } from "../index-DIXAzTKL.js";
 export { _default as FieldStatus };

package/dist/FileInput/index.d.ts

@@ -1,2 +1,2 @@
-import { Gn as FileInputProps, Hn as _default, Jn as FileInputValue, Kn as FileInputSize, Un as FileInputEmits, Wn as FileInputMode, qn as FileInputStatus } from "../index-B9rqmYxh.js";
+import { di as FileInputEmits, fi as FileInputMode, gi as FileInputValue, hi as FileInputStatus, mi as FileInputSize, pi as FileInputProps, ui as _default } from "../index-DUaLJO7l.js";
 export { _default as FileInput, type FileInputEmits, type FileInputMode, type FileInputProps, type FileInputSize, type FileInputStatus, type FileInputValue };

package/dist/FileInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../FileInput-DuNwdbAo.js";
+import { t as _sfc_main } from "../FileInput-BpdiO1V8.js";
 export { _sfc_main as FileInput };