@astryx-vue/core 0.4.0 → 0.4.1

package/dist/{Selector-CPISLzp7.js → Selector-swa3RNQI.js}

@@ -7,17 +7,17 @@ import { a as isImeKeyEvent } from "./layerDepth-CNDh-IHb.js";
 import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-B7cvG-_v.js";
 import { t as useFieldControlState } from "./useFieldControlState-voICDrys.js";
 import { n as focusElement } from "./focus-l8jVTcqd.js";
-import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as _sfc_main$4 } from "./Icon-KDnUyY7f.js";
+import { s as useAstryxMessages } from "./context-CM-cjGg_.js";
 import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
-import { t as _sfc_main$4 } from "./BottomSheet-B4sc3F1S.js";
-import { t as _sfc_main$5 } from "./Icon-KDnUyY7f.js";
-import { t as _sfc_main$6 } from "./Spinner-DdVUadii.js";
-import { t as useIndicator } from "./useIndicator-MZmfBWid.js";
-import { t as _sfc_main$7 } from "./Field--OEsLBfE.js";
+import { t as _sfc_main$5 } from "./BottomSheet-B4sc3F1S.js";
+import { t as _sfc_main$6 } from "./Spinner-BY8iQz--.js";
+import { t as useIndicator } from "./useIndicator-D9Y0dJsm.js";
+import { t as _sfc_main$7 } from "./Field-JIxT3xCh.js";
 import { n as useInputGroupContext } from "./context-IvbU9c3T.js";
 import { t as useFieldPartStyling } from "./fieldParts--SyRZVQG.js";
 import { n as fieldStatusPlacement, t as normalizeTriggerVariant } from "./triggerVariant-BsL8jMHs.js";
-import { n as _sfc_main$8, t as searchResultMessage } from "./searchResultMessage-mCpJBvra.js";
+import { n as _sfc_main$8, t as searchResultMessage } from "./searchResultMessage-DtyScdZs.js";
 import { n as OptionAction, r as isOptionAction, t as useOptionActionGrid } from "./useOptionActionGrid-CkJcuvaU.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, onScopeDispose, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useId, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import "../styles/layer.css";
@@ -249,7 +249,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				ref_key: "root",
 				ref: root
 			}, [__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-				createVNode(_sfc_main$5, {
+				createVNode(_sfc_main$4, {
 					class: "astryx-selector-search-icon",
 					icon: "search",
 					size: "sm"
@@ -278,7 +278,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 					class: "astryx-selector-search-clear",
 					"aria-label": __props.clearLabel,
 					onClick: withModifiers(clearQuery, ["stop"])
-				}, [createVNode(_sfc_main$5, {
+				}, [createVNode(_sfc_main$4, {
 					icon: "close",
 					size: "sm"
 				})], 8, _hoisted_3$1)) : createCommentVNode("v-if", true)
@@ -313,7 +313,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 						option: row.option,
 						isActive: active(row.index),
 						isSelected: selected(row.option)
-					}, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [row.option.icon ? (openBlock(), createBlock(_sfc_main$5, {
+					}, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [row.option.icon ? (openBlock(), createBlock(_sfc_main$4, {
 						key: 0,
 						class: "astryx-selector-option-icon",
 						icon: row.option.icon,
@@ -354,7 +354,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 							option: row.option,
 							isActive: active(row.index),
 							isSelected: selected(row.option)
-						}, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [row.option.icon ? (openBlock(), createBlock(_sfc_main$5, {
+						}, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [row.option.icon ? (openBlock(), createBlock(_sfc_main$4, {
 							key: 0,
 							class: "astryx-selector-option-icon",
 							icon: row.option.icon,
@@ -863,7 +863,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							"is-placeholder": !selectedOption.value,
 							"is-rich": unref(slots).selected,
 							"is-grouped": inGroup.value
-						}]) }, [unref(slots).selected ? renderSlot(_ctx.$slots, "selected", { option: selectedOption.value }, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [selectedOption.value?.icon ? (openBlock(), createBlock(_sfc_main$5, {
+						}]) }, [unref(slots).selected ? renderSlot(_ctx.$slots, "selected", { option: selectedOption.value }, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [selectedOption.value?.icon ? (openBlock(), createBlock(_sfc_main$4, {
 							key: 0,
 							class: "astryx-selector-value-icon",
 							icon: selectedOption.value.icon,
@@ -881,7 +881,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							class: "astryx-selector-clear",
 							"aria-label": valueClearLabel.value,
 							onClick: onClear
-						}, [createVNode(_sfc_main$5, {
+						}, [createVNode(_sfc_main$4, {
 							icon: "close",
 							size: "sm"
 						})], 8, _hoisted_4)) : createCommentVNode("v-if", true),
@@ -894,7 +894,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							"type",
 							"message",
 							"tooltip"
-						])) : unref(control).canActivate.value ? (openBlock(), createBlock(_sfc_main$5, {
+						])) : unref(control).canActivate.value ? (openBlock(), createBlock(_sfc_main$4, {
 							key: 3,
 							class: "astryx-selector-icon",
 							icon: "chevronDown",
@@ -929,7 +929,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						"onPointerEnter",
 						"onPointerLeave"
 					])) : createCommentVNode("v-if", true),
-					isSheet.value ? (openBlock(), createBlock(_sfc_main$4, {
+					isSheet.value ? (openBlock(), createBlock(_sfc_main$5, {
 						key: 2,
 						"is-open": sheetOpen.value,
 						"onUpdate:isOpen": _cache[4] || (_cache[4] = ($event) => sheetOpen.value = $event),

package/dist/SideNav/index.d.ts

@@ -1,2 +1,2 @@
-import { $n as _default$3, Qn as _default$4, _r as useSideNavCollapse, ar as SideNavCollapseButtonSlots, cr as SideNavEmits, dr as SideNavItemEmits, er as _default$2, fr as SideNavItemProps, gr as SideNavCollapseContext, hr as SideNavSectionProps, ir as SideNavCollapseButtonSize, lr as SideNavHandle, mr as SideNavResizable, nr as _default, or as SideNavCollapsible, pr as SideNavProps, rr as SideNavCollapseButtonProps, sr as SideNavControlledCollapsible, tr as _default$1, ur as SideNavHeadingProps } from "../index-CpNlPLBF.js";
+import { $n as _default$3, Qn as _default$4, _r as useSideNavCollapse, ar as SideNavCollapseButtonSlots, cr as SideNavEmits, dr as SideNavItemEmits, er as _default$2, fr as SideNavItemProps, gr as SideNavCollapseContext, hr as SideNavSectionProps, ir as SideNavCollapseButtonSize, lr as SideNavHandle, mr as SideNavResizable, nr as _default, or as SideNavCollapsible, pr as SideNavProps, rr as SideNavCollapseButtonProps, sr as SideNavControlledCollapsible, tr as _default$1, ur as SideNavHeadingProps } from "../index-UA93Im7H.js";
 export { _default as SideNav, _default$1 as SideNavCollapseButton, type SideNavCollapseButtonProps, type SideNavCollapseButtonSize, type SideNavCollapseButtonSlots, type SideNavCollapseContext, type SideNavCollapsible, type SideNavControlledCollapsible, type SideNavEmits, type SideNavHandle, _default$2 as SideNavHeading, type SideNavHeadingProps, _default$3 as SideNavItem, type SideNavItemEmits, type SideNavItemProps, type SideNavProps, type SideNavResizable, _default$4 as SideNavSection, type SideNavSectionProps, useSideNavCollapse };

package/dist/SideNav/index.js

@@ -1,3 +1,3 @@
 import { r as useSideNavCollapse } from "../context-BjNya0v8.js";
-import { a as _sfc_main$1, i as _sfc_main, n as _sfc_main$3, r as _sfc_main$2, t as _sfc_main$4 } from "../SideNav-CN2QeAtY.js";
+import { a as _sfc_main$1, i as _sfc_main, n as _sfc_main$3, r as _sfc_main$2, t as _sfc_main$4 } from "../SideNav-BH6XKsW2.js";
 export { _sfc_main as SideNav, _sfc_main$1 as SideNavCollapseButton, _sfc_main$2 as SideNavHeading, _sfc_main$3 as SideNavItem, _sfc_main$4 as SideNavSection, useSideNavCollapse };

package/dist/{SideNav-CN2QeAtY.js → SideNav-BH6XKsW2.js}

@@ -2,16 +2,16 @@ import { n as useLinkComponent } from "./context-C_peZbXf.js";
 import { t as _sfc_main$5 } from "./Button-ONOoHdkg.js";
 import { t as useHandleRef } from "./useHandleRef-6cdKugm8.js";
 import { n as useResizable, r as useHotkeys } from "./useResizable-I3BCiLSL.js";
-import { s as useAstryxMessages } from "./context-DWfi56sq.js";
-import { t as _sfc_main$6 } from "./Tooltip-sAM8i1eO.js";
+import { t as _sfc_main$6 } from "./Icon-KDnUyY7f.js";
+import { s as useAstryxMessages } from "./context-CM-cjGg_.js";
+import { t as _sfc_main$7 } from "./Tooltip-sAM8i1eO.js";
 import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
 import { i as useSideNavRenderMode, r as useSideNavCollapse, t as sideNavCollapseKey } from "./context-BjNya0v8.js";
-import { t as _sfc_main$7 } from "./Icon-KDnUyY7f.js";
 import { i as safeNavHref, r as resolveNavRoot } from "./link-DuuA2eCL.js";
 import { t as _sfc_main$8 } from "./NavItem-BPb3yfgz.js";
 import { t as _sfc_main$9 } from "./NavDisclosure-Bq9DTZLO.js";
-import { t as _sfc_main$10 } from "./ResizeHandle-TPlUCAHD.js";
-import { t as _sfc_main$11 } from "./NavHeadingSurface-C4v_MtkX.js";
+import { t as _sfc_main$10 } from "./ResizeHandle-DjLZ2pcq.js";
+import { t as _sfc_main$11 } from "./NavHeadingSurface-DQXisuaX.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, inject, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, provide, reactive, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useId, useSlots, useTemplateRef, watch, watchEffect, withCtx, withModifiers } from "vue";
 import "../styles/visually-hidden.css";
 import "../styles/side-nav.css";
@@ -71,7 +71,7 @@ const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 				"aria-controls": unref(collapse).navId || void 0,
 				onClick
 			}, {
-				icon: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("span", _hoisted_1$4, [createVNode(_sfc_main$7, {
+				icon: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("span", _hoisted_1$4, [createVNode(_sfc_main$6, {
 					icon: "chevronLeft",
 					size: "sm",
 					class: normalizeClass(["astryx-side-nav-collapse__chevron", { "astryx-side-nav-collapse__chevron--collapsed": collapsed.value }])
@@ -425,7 +425,7 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 		const safeHeadingHref = computed(() => safeNavHref(props.headingHref));
 		const linkRoot = computed(() => resolveNavRoot(safeHeadingHref.value, false, customLink.value));
 		return (_ctx, _cache) => {
-			return collapsed.value && hasIcon.value ? (openBlock(), createBlock(_sfc_main$6, {
+			return collapsed.value && hasIcon.value ? (openBlock(), createBlock(_sfc_main$7, {
 				key: 0,
 				content: __props.heading,
 				placement: "end"
@@ -612,7 +612,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		}
 		const toggleLabel = computed(() => nestedCollapsed.value ? messages.value.nav.expandItem(props.label) : messages.value.nav.collapseItem(props.label));
 		return (_ctx, _cache) => {
-			return sidebarCollapsed.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [hasIcon.value && !hasChildren.value ? (openBlock(), createBlock(_sfc_main$6, {
+			return sidebarCollapsed.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [hasIcon.value && !hasChildren.value ? (openBlock(), createBlock(_sfc_main$7, {
 				key: 0,
 				content: __props.label,
 				placement: "end"
@@ -729,7 +729,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				"aria-controls": childrenId,
 				"aria-label": toggleLabel.value,
 				onClick: withModifiers(toggleNested, ["stop"])
-			}, [createVNode(_sfc_main$7, {
+			}, [createVNode(_sfc_main$6, {
 				icon: "chevronDown",
 				size: "sm",
 				class: normalizeClass(["astryx-side-nav-item__chevron", { "astryx-side-nav-item__chevron--open": !nestedCollapsed.value }])
@@ -761,7 +761,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				} : void 0,
 				_ctx.$slots.end || canNest.value ? {
 					name: "end",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "end"), canNest.value ? (openBlock(), createBlock(_sfc_main$7, {
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "end"), canNest.value ? (openBlock(), createBlock(_sfc_main$6, {
 						key: 0,
 						icon: "chevronDown",
 						size: "sm",

package/dist/Slider/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Slider-pdC0jpHu.js";
+import { t as _sfc_main } from "../Slider-DG2YXll8.js";
 export { _sfc_main as Slider };

package/dist/{Slider-pdC0jpHu.js → Slider-DG2YXll8.js}

@@ -3,7 +3,7 @@ import { t as _sfc_main$2 } from "./VisuallyHidden-C7NN3VEP.js";
 import { n as useButtonTooltip } from "./Button-ONOoHdkg.js";
 import { t as _sfc_main$3 } from "./ButtonTooltip-CNKOQHYR.js";
 import { r as trackInteractionModality, t as getInteractionModality } from "./interactionModality-ACpTMhak.js";
-import { t as _sfc_main$4 } from "./Field--OEsLBfE.js";
+import { t as _sfc_main$4 } from "./Field-JIxT3xCh.js";
 import { t as useFieldPartStyling } from "./fieldParts--SyRZVQG.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, shallowRef, toDisplayString, unref, useAttrs, useId, useModel, useTemplateRef, watch, withCtx, withKeys } from "vue";
 import "../styles/button.css";

package/dist/Spinner/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Spinner-DdVUadii.js";
+import { t as _sfc_main } from "../Spinner-BY8iQz--.js";
 export { _sfc_main as Spinner };

package/dist/{Spinner-DdVUadii.js → Spinner-BY8iQz--.js}

@@ -1,4 +1,4 @@
-import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { s as useAstryxMessages } from "./context-CM-cjGg_.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, toDisplayString, useAttrs, useId, useSlots } from "vue";
 import "../styles/spinner.css";
 //#region src/Spinner/spinnerGeometry.ts

package/dist/Stack/index.d.ts

@@ -1,3 +1,3 @@
 import { a as StackDirection, c as StackItemProps, d as StackProps, f as StackSizeValue, i as StackCrossAlignment, l as StackItemSize, m as VStackProps, n as SpacingStep, o as StackElement, p as StackWrap, r as StackAlignment, s as StackItemCrossAlignSelf, t as HStackProps, u as StackMainAlignment } from "../types-BTk0WZ0b.js";
-import { i as _default, n as _default$2, r as _default$1, t as _default$3 } from "../index-D7ShT2c-.js";
+import { i as _default, n as _default$2, r as _default$1, t as _default$3 } from "../index-BgT6mH3U.js";
 export { _default as HStack, type HStackProps, type SpacingStep, _default$1 as Stack, type StackAlignment, type StackCrossAlignment, type StackDirection, type StackElement, _default$2 as StackItem, type StackItemCrossAlignSelf, type StackItemProps, type StackItemSize, type StackMainAlignment, type StackProps, type StackSizeValue, type StackWrap, _default$3 as VStack, type VStackProps };

package/dist/Stepper/index.d.ts

@@ -1,2 +1,2 @@
-import { a as StepProps, c as StepperCollapsedVariant, d as StepperIndicatorPosition, f as StepperOrientation, i as StepProgress, l as StepperDensity, m as StepperSlots, n as _default, o as StepSlots, p as StepperProps, r as StepIndicator, s as StepStatus, t as _default$1, u as StepperHorizontalOptions } from "../index-CVn0GBdB.js";
+import { a as StepProps, c as StepperCollapsedVariant, d as StepperIndicatorPosition, f as StepperOrientation, i as StepProgress, l as StepperDensity, m as StepperSlots, n as _default, o as StepSlots, p as StepperProps, r as StepIndicator, s as StepStatus, t as _default$1, u as StepperHorizontalOptions } from "../index-Ca8VIE4l.js";
 export { _default as Step, type StepIndicator, type StepProgress, type StepProps, type StepSlots, type StepStatus, _default$1 as Stepper, type StepperCollapsedVariant, type StepperDensity, type StepperHorizontalOptions, type StepperIndicatorPosition, type StepperOrientation, type StepperProps, type StepperSlots };

package/dist/Stepper/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as _sfc_main$1 } from "../Stepper-CyaSRSdu.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../Stepper-FtkTq5qR.js";
 export { _sfc_main as Step, _sfc_main$1 as Stepper };

package/dist/{Stepper-CyaSRSdu.js → Stepper-FtkTq5qR.js}

@@ -1,7 +1,8 @@
 import { t as usePressFeedback } from "./usePressFeedback-BJCpjEpv.js";
 import { n as readLayerScoped, t as defineLayerScopedKey } from "./scopedProvide-C-Df7c15.js";
 import { t as _sfc_main$3 } from "./VisuallyHidden-C7NN3VEP.js";
-import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as _sfc_main$4 } from "./Icon-KDnUyY7f.js";
+import { s as useAstryxMessages } from "./context-CM-cjGg_.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, onMounted, onUnmounted, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/stepper.css";
 //#region src/Stepper/context.ts
@@ -32,28 +33,22 @@ function resolveStepGlyph(options) {
 //#region src/Stepper/StepMarker.vue
 const _hoisted_1$2 = ["data-glyph"];
 const _hoisted_2$2 = {
-	key: 0,
-	viewBox: "0 0 16 16"
-};
-const _hoisted_3$2 = {
-	key: 1,
-	viewBox: "0 0 16 16"
-};
-const _hoisted_4$2 = {
 	key: 2,
 	viewBox: "0 0 16 16"
 };
-const _hoisted_5$2 = {
+const _hoisted_3$2 = {
 	key: 3,
 	viewBox: "0 0 16 16"
 };
-const _hoisted_6$2 = { key: 4 };
+const _hoisted_4$2 = { key: 4 };
 const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 	name: "AstryxStepMarker",
 	__name: "StepMarker",
 	props: {
 		glyph: {},
-		numberLabel: {}
+		numberLabel: {},
+		status: {},
+		isDisabled: { type: Boolean }
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
@@ -62,27 +57,17 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 				class: "astryx-step-indicator",
 				"data-glyph": __props.glyph,
 				"aria-hidden": "true"
-			}, [__props.glyph === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_2$2, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
-				d: "M8 1.8 14.5 14H1.5L8 1.8z",
-				fill: "none",
-				stroke: "currentColor",
-				"stroke-width": "1.5"
-			}, null, -1), createElementVNode("path", {
-				d: "M8 6.2v4.2",
-				stroke: "currentColor",
-				"stroke-linecap": "round"
-			}, null, -1)])])) : __props.glyph === "error" ? (openBlock(), createElementBlock("svg", _hoisted_3$2, [..._cache[1] || (_cache[1] = [createElementVNode("circle", {
-				cx: "8",
-				cy: "8",
-				r: "6",
-				fill: "none",
-				stroke: "currentColor",
-				"stroke-width": "1.5"
-			}, null, -1), createElementVNode("path", {
-				d: "M5.5 5.5l5 5M10.5 5.5l-5 5",
-				stroke: "currentColor",
-				"stroke-linecap": "round"
-			}, null, -1)])])) : __props.glyph === "check" ? (openBlock(), createElementBlock("svg", _hoisted_4$2, [..._cache[2] || (_cache[2] = [createElementVNode("circle", {
+			}, [__props.glyph === "warning" || __props.glyph === "error" ? (openBlock(), createBlock(_sfc_main$4, {
+				key: 0,
+				icon: __props.glyph,
+				size: "sm",
+				color: __props.isDisabled ? "disabled" : __props.glyph
+			}, null, 8, ["icon", "color"])) : __props.glyph === "check" && __props.status === "success" ? (openBlock(), createBlock(_sfc_main$4, {
+				key: 1,
+				icon: "success",
+				size: "sm",
+				color: __props.isDisabled ? "disabled" : "success"
+			}, null, 8, ["color"])) : __props.glyph === "check" ? (openBlock(), createElementBlock("svg", _hoisted_2$2, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
 				cx: "8",
 				cy: "8",
 				r: "8",
@@ -94,7 +79,7 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				"stroke-width": "1.6"
-			}, null, -1)])])) : __props.glyph === "ring" ? (openBlock(), createElementBlock("svg", _hoisted_5$2, [..._cache[3] || (_cache[3] = [createElementVNode("circle", {
+			}, null, -1)])])) : __props.glyph === "ring" ? (openBlock(), createElementBlock("svg", _hoisted_3$2, [..._cache[1] || (_cache[1] = [createElementVNode("circle", {
 				cx: "8",
 				cy: "8",
 				r: "5.25",
@@ -106,7 +91,7 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 				cy: "8",
 				r: "2.25",
 				fill: "currentColor"
-			}, null, -1)])])) : (openBlock(), createElementBlock("span", _hoisted_6$2, toDisplayString(__props.numberLabel), 1))], 8, _hoisted_1$2)) : createCommentVNode("v-if", true);
+			}, null, -1)])])) : (openBlock(), createElementBlock("span", _hoisted_4$2, toDisplayString(__props.numberLabel), 1))], 8, _hoisted_1$2)) : createCommentVNode("v-if", true);
 		};
 	}
 });
@@ -249,8 +234,15 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				}, [renderSlot(_ctx.$slots, "icon")], 8, _hoisted_7$1)) : (openBlock(), createBlock(_sfc_main$2, {
 					key: 1,
 					glyph: glyph.value,
-					"number-label": numberLabel.value
-				}, null, 8, ["glyph", "number-label"])), createElementVNode("span", _hoisted_8$1, [createElementVNode("span", _hoisted_9$1, [
+					"number-label": numberLabel.value,
+					status: __props.status,
+					"is-disabled": __props.isDisabled
+				}, null, 8, [
+					"glyph",
+					"number-label",
+					"status",
+					"is-disabled"
+				])), createElementVNode("span", _hoisted_8$1, [createElementVNode("span", _hoisted_9$1, [
 					createElementVNode("span", {
 						class: "astryx-step-label",
 						"data-disabled": __props.isDisabled || void 0,

package/dist/Switch/index.d.ts

@@ -1,2 +1,2 @@
-import { Gn as SwitchChangeEvent, Jn as SwitchSize, Kn as SwitchEmits, Un as _default, Wn as SwitchChangeAction, Xn as SwitchStatus, Yn as SwitchSlots, Zn as SwitchStatusType, qn as SwitchProps } from "../index-CpNlPLBF.js";
+import { Gn as SwitchChangeEvent, Jn as SwitchSize, Kn as SwitchEmits, Un as _default, Wn as SwitchChangeAction, Xn as SwitchStatus, Yn as SwitchSlots, Zn as SwitchStatusType, qn as SwitchProps } from "../index-UA93Im7H.js";
 export { _default as Switch, type SwitchChangeAction, type SwitchChangeEvent, type SwitchEmits, type SwitchProps, type SwitchSize, type SwitchSlots, type SwitchStatus, type SwitchStatusType };

package/dist/Switch/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Switch-Z2Vfiiic.js";
+import { t as _sfc_main } from "../Switch-0JKvJluV.js";
 export { _sfc_main as Switch };

package/dist/{Switch-Z2Vfiiic.js → Switch-0JKvJluV.js}

@@ -3,10 +3,10 @@ import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.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 { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { s as useAstryxMessages } from "./context-CM-cjGg_.js";
 import { i as useAriaRequired } from "./context-Cfml4jaK.js";
-import { t as _sfc_main$3 } from "./FieldLabel-jxIiWgLw.js";
-import { t as _sfc_main$4 } from "./FieldStatus-MjY19ERl.js";
+import { t as _sfc_main$3 } from "./FieldLabel-CHqp1y3z.js";
+import { t as _sfc_main$4 } from "./FieldStatus-DaAB3TIt.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUpdated, openBlock, renderSlot, shallowRef, toDisplayString, unref, useAttrs, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/switch.css";
 //#region src/Switch/useSwitchAction.ts

package/dist/TabList/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main$1, r as _sfc_main, t as _sfc_main$2 } from "../TabList-DRqP0Hrv.js";
+import { n as _sfc_main$1, r as _sfc_main, t as _sfc_main$2 } from "../TabList-cpjvnbhx.js";
 export { _sfc_main as Tab, _sfc_main$1 as TabList, _sfc_main$2 as TabMenu };

package/dist/{TabList-DRqP0Hrv.js → TabList-cpjvnbhx.js}

@@ -3,10 +3,10 @@ import { n as readLayerScoped, t as defineLayerScopedKey } from "./scopedProvide
 import { n as useLinkComponent } from "./context-C_peZbXf.js";
 import { n as useDevWarning } from "./useDevWarning-DznOpOHT.js";
 import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-B7cvG-_v.js";
-import { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as _sfc_main$3 } from "./Icon-KDnUyY7f.js";
+import { s as useAstryxMessages } from "./context-CM-cjGg_.js";
 import { t as useListFocus } from "./useListFocus-ChxLg0b4.js";
 import { t as useScrollOverflow } from "./useScrollOverflow-DuMoGXmm.js";
-import { t as _sfc_main$3 } from "./Icon-KDnUyY7f.js";
 import { n as isNavigableHref } from "./link-DuuA2eCL.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, unref, useId, watch, withCtx, withModifiers } from "vue";
 import "../styles/layer.css";

package/dist/Table/index.d.ts

@@ -1,3 +1,3 @@
-import { $t as TableSemanticRowStatus, An as columnResizeStep, At as _default$4, Bn as resolveColumnFloorWidths, Bt as useTableTreeState, Cn as useTableColumnSettings, Dn as UseTableColumnResizeConfig, Dt as _default$7, En as ColumnResizeSnapshot, Fn as cellText, Ft as TableTreeRowMeta, Gt as useTableStickyColumns, Hn as sortRows, Ht as UseTableStickyColumnsConfig, In as generateColumns, It as UseTableTreeDataConfig, Jt as useTableSortableState, Kt as UseTableSortableConfig, Ln as paginateData, Lt as UseTableTreeStateConfig, Mn as resizeColumnWidths, Mt as _default$2, Nn as useTableColumnResize, Nt as _default$1, On as columnResizeDirectionSign, Ot as _default$6, Pn as capitalize, Pt as _default, Qt as TableRowStatusName, Rn as pixel, Rt as flattenTree, Sn as UseTableColumnSettingsConfig, Tn as ColumnResizePlan, Ut as resolveStickySide, Vn as resolveColumnWidths, Vt as StickySide, Wt as stickyOffsets, Xt as TableRowStatus, Yt as TableCustomRowStatus, Zt as TableRowStatusColor, _n as applyTableFilters, an as useTableRowExpansion, bn as ColumnSettingsOption, cn as useTablePagination, dn as buildGroupedRows, en as UseTableRowStatusConfig, fn as isTableGroupHeader, gn as UseTableFilteringConfig, hn as UseTableFilterStateOptions, in as UseTableRowExpansionConfig, jn as isProportionalColumnWidth, jt as _default$3, kn as columnResizeMinWidth, kt as _default$5, ln as isInteractiveRowClick, mn as TableFilterStateHandle, nn as UseTableRowIndexConfig, on as TablePaginationVariant, pn as useTableGroupedRows, qt as useTableSortable, rn as useTableRowIndex, sn as UseTablePaginationConfig, tn as useTableRowStatus, un as UseTableGroupedRowsConfig, vn as useTableFilterState, wn as useTableColumnSettingsState, xn as TableColumnSettingsState, yn as useTableFiltering, zn as proportional, zt as useTableTreeData } from "../index-CpNlPLBF.js";
+import { $t as TableSemanticRowStatus, An as columnResizeStep, At as _default$4, Bn as resolveColumnFloorWidths, Bt as useTableTreeState, Cn as useTableColumnSettings, Dn as UseTableColumnResizeConfig, Dt as _default$7, En as ColumnResizeSnapshot, Fn as cellText, Ft as TableTreeRowMeta, Gt as useTableStickyColumns, Hn as sortRows, Ht as UseTableStickyColumnsConfig, In as generateColumns, It as UseTableTreeDataConfig, Jt as useTableSortableState, Kt as UseTableSortableConfig, Ln as paginateData, Lt as UseTableTreeStateConfig, Mn as resizeColumnWidths, Mt as _default$2, Nn as useTableColumnResize, Nt as _default$1, On as columnResizeDirectionSign, Ot as _default$6, Pn as capitalize, Pt as _default, Qt as TableRowStatusName, Rn as pixel, Rt as flattenTree, Sn as UseTableColumnSettingsConfig, Tn as ColumnResizePlan, Ut as resolveStickySide, Vn as resolveColumnWidths, Vt as StickySide, Wt as stickyOffsets, Xt as TableRowStatus, Yt as TableCustomRowStatus, Zt as TableRowStatusColor, _n as applyTableFilters, an as useTableRowExpansion, bn as ColumnSettingsOption, cn as useTablePagination, dn as buildGroupedRows, en as UseTableRowStatusConfig, fn as isTableGroupHeader, gn as UseTableFilteringConfig, hn as UseTableFilterStateOptions, in as UseTableRowExpansionConfig, jn as isProportionalColumnWidth, jt as _default$3, kn as columnResizeMinWidth, kt as _default$5, ln as isInteractiveRowClick, mn as TableFilterStateHandle, nn as UseTableRowIndexConfig, on as TablePaginationVariant, pn as useTableGroupedRows, qt as useTableSortable, rn as useTableRowIndex, sn as UseTablePaginationConfig, tn as useTableRowStatus, un as UseTableGroupedRowsConfig, vn as useTableFilterState, wn as useTableColumnSettingsState, xn as TableColumnSettingsState, yn as useTableFiltering, zn as proportional, zt as useTableTreeData } from "../index-UA93Im7H.js";
 import { A as TablePanelPatch, B as TableSortDirection, C as TableFilterField, D as TableFilterVariant, E as TableFilterValue, F as TableRowPatch, G as TableSelectedKeysSetter, H as TableSortState, I as TableRowProps, J as UseTableSelectionStateConfig, K as TableSelectionState, L as TableSelectionToolbarProps, M as TableProps, N as TableRowListeners, O as TableGroupPatch, P as TableRowMenuItem, R as TableSelectionToolbarSlots, S as TableDividers, T as TableFilterState, U as TableTextOverflow, V as TableSortEntry, W as TableVerticalAlign, X as useTableSelectionState, Y as useTableSelection, _ as TableCellProps, b as TableColumnResizeContribution, g as TableCellPatch, h as ProportionalWidth, j as TablePlugin, k as TableHeaderPatch, m as PixelWidth, p as ColumnWidth, q as UseTableSelectionConfig, v as TableColumn, w as TableFilterFieldType, x as TableDensity, y as TableColumnAlign } from "../useResizable-1MHPNaRD.js";
 export { type ColumnResizePlan, type ColumnResizeSnapshot, type ColumnSettingsOption, type ColumnWidth, type PixelWidth, type ProportionalWidth, type StickySide, _default as Table, _default$1 as TableBody, _default$2 as TableCell, type TableCellPatch, type TableCellProps, type TableColumn, type TableColumnAlign, type TableColumnResizeContribution, type TableColumnSettingsState, type TableCustomRowStatus, type TableDensity, type TableDividers, type TableFilterField, type TableFilterFieldType, type TableFilterState, type TableFilterStateHandle, type TableFilterValue, type TableFilterVariant, _default$3 as TableFooter, type TableGroupPatch, _default$4 as TableHeader, _default$5 as TableHeaderCell, type TableHeaderPatch, type TablePaginationVariant, type TablePanelPatch, type TablePlugin, type TableProps, _default$6 as TableRow, type TableRowListeners, type TableRowMenuItem, type TableRowPatch, type TableRowProps, type TableRowStatus, type TableRowStatusColor, type TableRowStatusName, type TableSelectedKeysSetter, type TableSelectionState, _default$7 as TableSelectionToolbar, type TableSelectionToolbarProps, type TableSelectionToolbarSlots, type TableSemanticRowStatus, type TableSortDirection, type TableSortEntry, type TableSortState, type TableTextOverflow, type TableTreeRowMeta, type TableVerticalAlign, type UseTableColumnResizeConfig, type UseTableColumnSettingsConfig, type UseTableFilterStateOptions, type UseTableFilteringConfig, type UseTableGroupedRowsConfig, type UseTablePaginationConfig, type UseTableRowExpansionConfig, type UseTableRowIndexConfig, type UseTableRowStatusConfig, type UseTableSelectionConfig, type UseTableSelectionStateConfig, type UseTableSortableConfig, type UseTableStickyColumnsConfig, type UseTableTreeDataConfig, type UseTableTreeStateConfig, applyTableFilters, buildGroupedRows, capitalize, cellText, columnResizeDirectionSign, columnResizeMinWidth, columnResizeStep, flattenTree, generateColumns, isInteractiveRowClick, isProportionalColumnWidth, isTableGroupHeader, paginateData, paginateData as paginateTableData, pixel, proportional, resizeColumnWidths, resolveColumnFloorWidths, resolveColumnWidths, resolveStickySide, sortRows, stickyOffsets, useTableColumnResize, useTableColumnSettings, useTableColumnSettingsState, useTableFilterState, useTableFiltering, useTableGroupedRows, useTablePagination, useTableRowExpansion, useTableRowIndex, useTableRowStatus, useTableSelection, useTableSelectionState, useTableSortable, useTableSortableState, useTableStickyColumns, useTableTreeData, useTableTreeState };

package/dist/Table/index.js

@@ -1,2 +1,2 @@
-import { A as useTableColumnSettings, B as generateColumns, C as isInteractiveRowClick, D as applyTableFilters, E as useTableGroupedRows, F as isProportionalColumnWidth, G as resolveColumnWidths, H as pixel, I as resizeColumnWidths, K as sortRows, L as useTableColumnResize, M as columnResizeDirectionSign, N as columnResizeMinWidth, O as useTableFilterState, P as columnResizeStep, R as capitalize, S as useTablePagination, T as isTableGroupHeader, U as proportional, V as paginateData, W as resolveColumnFloorWidths, _ as useTableSelection, a as _sfc_main$3, b as useTableRowIndex, c as _sfc_main, d as useTableTreeState, f as resolveStickySide, g as useTableSortableState, h as useTableSortable, i as _sfc_main$4, j as useTableColumnSettingsState, k as useTableFiltering, l as flattenTree, m as useTableStickyColumns, n as _sfc_main$6, o as _sfc_main$2, p as stickyOffsets, r as _sfc_main$5, s as _sfc_main$1, t as _sfc_main$7, u as useTableTreeData, v as useTableSelectionState, w as buildGroupedRows, x as useTableRowExpansion, y as useTableRowStatus, z as cellText } from "../Table-BcrrylMX.js";
+import { A as useTableColumnSettings, B as generateColumns, C as isInteractiveRowClick, D as applyTableFilters, E as useTableGroupedRows, F as isProportionalColumnWidth, G as resolveColumnWidths, H as pixel, I as resizeColumnWidths, K as sortRows, L as useTableColumnResize, M as columnResizeDirectionSign, N as columnResizeMinWidth, O as useTableFilterState, P as columnResizeStep, R as capitalize, S as useTablePagination, T as isTableGroupHeader, U as proportional, V as paginateData, W as resolveColumnFloorWidths, _ as useTableSelection, a as _sfc_main$3, b as useTableRowIndex, c as _sfc_main, d as useTableTreeState, f as resolveStickySide, g as useTableSortableState, h as useTableSortable, i as _sfc_main$4, j as useTableColumnSettingsState, k as useTableFiltering, l as flattenTree, m as useTableStickyColumns, n as _sfc_main$6, o as _sfc_main$2, p as stickyOffsets, r as _sfc_main$5, s as _sfc_main$1, t as _sfc_main$7, u as useTableTreeData, v as useTableSelectionState, w as buildGroupedRows, x as useTableRowExpansion, y as useTableRowStatus, z as cellText } from "../Table-fWs_ZQBF.js";
 export { _sfc_main as Table, _sfc_main$1 as TableBody, _sfc_main$2 as TableCell, _sfc_main$3 as TableFooter, _sfc_main$4 as TableHeader, _sfc_main$5 as TableHeaderCell, _sfc_main$6 as TableRow, _sfc_main$7 as TableSelectionToolbar, applyTableFilters, buildGroupedRows, capitalize, cellText, columnResizeDirectionSign, columnResizeMinWidth, columnResizeStep, flattenTree, generateColumns, isInteractiveRowClick, isProportionalColumnWidth, isTableGroupHeader, paginateData, paginateData as paginateTableData, pixel, proportional, resizeColumnWidths, resolveColumnFloorWidths, resolveColumnWidths, resolveStickySide, sortRows, stickyOffsets, useTableColumnResize, useTableColumnSettings, useTableColumnSettingsState, useTableFilterState, useTableFiltering, useTableGroupedRows, useTablePagination, useTableRowExpansion, useTableRowIndex, useTableRowStatus, useTableSelection, useTableSelectionState, useTableSortable, useTableSortableState, useTableStickyColumns, useTableTreeData, useTableTreeState };

package/dist/{Table-BcrrylMX.js → Table-fWs_ZQBF.js}

@@ -2,20 +2,20 @@ import { t as _sfc_main$15 } from "./VisuallyHidden-C7NN3VEP.js";
 import { t as _sfc_main$16 } from "./Button-ONOoHdkg.js";
 import { n as useLayerTeleportTarget } from "./useLayerMountTarget-BmZyeKWE.js";
 import { n as firstCharacter } from "./characters-wTnzjkkR.js";
-import { s as useAstryxMessages } from "./context-DWfi56sq.js";
-import { n as useCollator } from "./locale-CabGJlGp.js";
+import { t as _sfc_main$17 } from "./Icon-KDnUyY7f.js";
+import { s as useAstryxMessages } from "./context-CM-cjGg_.js";
+import { n as useCollator } from "./locale-D1Z3K290.js";
 import { t as useScrollableArea } from "./useScrollableArea-BE8b3qm7.js";
-import { t as _sfc_main$17 } from "./Tooltip-sAM8i1eO.js";
+import { t as _sfc_main$18 } from "./Tooltip-sAM8i1eO.js";
 import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
-import { t as _sfc_main$18 } from "./Icon-KDnUyY7f.js";
-import { t as _sfc_main$19 } from "./CheckboxInput-DJHCbwgC.js";
+import { t as _sfc_main$19 } from "./CheckboxInput-D8vTmAMZ.js";
 import { t as _sfc_main$20 } from "./Popover-78dFjTb9.js";
-import { t as _sfc_main$21 } from "./DateInput-BjLdmYor.js";
-import { t as _sfc_main$22 } from "./MultiSelector-DuVatmq5.js";
-import { t as _sfc_main$23 } from "./NumberInput-B0vzOg3N.js";
-import { t as _sfc_main$24 } from "./Pagination-Bfe12018.js";
-import { t as _sfc_main$25 } from "./Selector-CPISLzp7.js";
-import { t as _sfc_main$26 } from "./TextInput-CI96einV.js";
+import { t as _sfc_main$21 } from "./DateInput-C67HCOU-.js";
+import { t as _sfc_main$22 } from "./MultiSelector-C7NCAtwW.js";
+import { t as _sfc_main$23 } from "./NumberInput-3u3NZWnv.js";
+import { t as _sfc_main$24 } from "./Pagination-Cihr1CjD.js";
+import { t as _sfc_main$25 } from "./Selector-swa3RNQI.js";
+import { t as _sfc_main$26 } from "./TextInput-CavITage.js";
 import { t as _sfc_main$27 } from "./Toolbar-C0pMWL4S.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, h, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, toValue, unref, useAttrs, watch, withCtx, withModifiers } from "vue";
 import "../styles/layer.css";
@@ -723,7 +723,7 @@ const _sfc_main$14 = /*@__PURE__*/ defineComponent({
 				"aria-expanded": __props.expanded ? "true" : "false",
 				"aria-label": __props.expanded ? unref(messages).table.collapseRow : unref(messages).table.expandRow,
 				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("toggle"), ["stop"]))
-			}, [createElementVNode("span", { class: normalizeClass(["astryx-table__chevron-icon", { "is-expanded": __props.expanded }]) }, [createVNode(_sfc_main$18, {
+			}, [createElementVNode("span", { class: normalizeClass(["astryx-table__chevron-icon", { "is-expanded": __props.expanded }]) }, [createVNode(_sfc_main$17, {
 				icon: "chevronRight",
 				size: "xsm"
 			})], 2)], 8, _hoisted_1$11);
@@ -842,18 +842,18 @@ const SEMANTIC_ICON = {
 	error: "error"
 };
 function statusMark(status) {
-	if (status.status != null) return h(_sfc_main$18, {
+	if (status.status != null) return h(_sfc_main$17, {
 		icon: SEMANTIC_ICON[status.status],
 		size: "xsm",
 		color: status.status
 	});
 	if (status.icon) {
 		const named = NAMED_ICON_COLOR[status.color];
-		return status.icon.includes(":") ? h(_sfc_main$18, {
+		return status.icon.includes(":") ? h(_sfc_main$17, {
 			name: status.icon,
 			size: "xsm",
 			color: named ?? "inherit"
-		}) : h(_sfc_main$18, {
+		}) : h(_sfc_main$17, {
 			icon: status.icon,
 			size: "xsm",
 			color: named ?? "inherit"
@@ -878,7 +878,7 @@ function useTableRowStatus(config) {
 				const status = toValue(config).getStatus(item);
 				if (status == null) return null;
 				const customColor = status.status == null && status.icon != null && NAMED_ICON_COLOR[status.color] == null ? status.color : void 0;
-				return h(_sfc_main$17, { content: status.label }, { default: () => h("span", {
+				return h(_sfc_main$18, { content: status.label }, { default: () => h("span", {
 					"class": "astryx-table__status",
 					"role": "img",
 					"aria-label": status.label,
@@ -1213,7 +1213,7 @@ const _sfc_main$13 = /*@__PURE__*/ defineComponent({
 				"aria-expanded": __props.expanded ? "true" : "false",
 				"aria-label": __props.expanded ? unref(messages).table.collapseRow : unref(messages).table.expandRow,
 				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("toggle"), ["stop"]))
-			}, [createElementVNode("span", { class: normalizeClass(["astryx-table__chevron-icon", { "is-expanded": __props.expanded }]) }, [createVNode(_sfc_main$18, {
+			}, [createElementVNode("span", { class: normalizeClass(["astryx-table__chevron-icon", { "is-expanded": __props.expanded }]) }, [createVNode(_sfc_main$17, {
 				icon: "chevronRight",
 				size: "xsm"
 			})], 2)], 8, _hoisted_1$10)) : (openBlock(), createElementBlock("span", _hoisted_2$3)), createElementVNode("span", _hoisted_3$3, [renderSlot(_ctx.$slots, "default")])], 4);
@@ -1338,7 +1338,7 @@ function useTableTreeData(config) {
 					if (allExpanded) current.onCollapseAll?.();
 					else current.onExpandAll?.();
 				}
-			}, [h("span", { class: ["astryx-table__chevron-icon", allExpanded ? "is-expanded" : void 0] }, [h(_sfc_main$18, {
+			}, [h("span", { class: ["astryx-table__chevron-icon", allExpanded ? "is-expanded" : void 0] }, [h(_sfc_main$17, {
 				icon: "chevronRight",
 				size: "xsm"
 			})])]) };
@@ -1819,7 +1819,7 @@ const _sfc_main$12 = /*@__PURE__*/ defineComponent({
 					class: "astryx-table__filter-trigger",
 					"aria-label": __props.filter.field.label,
 					"data-active": hasValue.value || void 0
-				}, [createVNode(_sfc_main$18, {
+				}, [createVNode(_sfc_main$17, {
 					icon: "funnel",
 					size: "xsm",
 					color: hasValue.value ? "accent" : "secondary"
@@ -1863,7 +1863,7 @@ const _sfc_main$11 = /*@__PURE__*/ defineComponent({
 				"aria-expanded": __props.collapsed ? "false" : "true",
 				"aria-label": __props.collapsed ? unref(messages).table.expandGroup(__props.groupKey) : unref(messages).table.collapseGroup(__props.groupKey),
 				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("toggle"), ["stop"]))
-			}, [createElementVNode("span", { class: normalizeClass(["astryx-table__chevron-icon", { "is-expanded": !__props.collapsed }]) }, [createVNode(_sfc_main$18, {
+			}, [createElementVNode("span", { class: normalizeClass(["astryx-table__chevron-icon", { "is-expanded": !__props.collapsed }]) }, [createVNode(_sfc_main$17, {
 				icon: "chevronRight",
 				size: "sm"
 			})], 2)], 8, _hoisted_2$1), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("span", _hoisted_3$1, [createTextVNode(toDisplayString(__props.groupKey) + " ", 1), createElementVNode("span", _hoisted_4$1, "(" + toDisplayString(__props.count) + ")", 1)])])], 8, _hoisted_1$8);
@@ -1959,7 +1959,7 @@ const _sfc_main$10 = /*@__PURE__*/ defineComponent({
 					onClick: ($event) => choose(item),
 					onFocusin: ($event) => active.value = index,
 					onMouseenter: ($event) => active.value = index
-				}, [item.icon ? (openBlock(), createBlock(_sfc_main$18, {
+				}, [item.icon ? (openBlock(), createBlock(_sfc_main$17, {
 					key: 0,
 					icon: item.icon,
 					size: "xsm"
@@ -2473,7 +2473,7 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 									createElementVNode("span", {
 										class: "astryx-table__sort-icon",
 										"data-active": sortFor(column)?.direction != null || void 0
-									}, [createVNode(_sfc_main$18, {
+									}, [createVNode(_sfc_main$17, {
 										icon: sortFor(column)?.direction === "descending" ? "arrowDown" : "arrowUp",
 										size: "sm"
 									}, null, 8, ["icon"])], 8, _hoisted_7),

package/dist/TextArea/index.d.ts

@@ -1,2 +1,2 @@
-import { Ct as TextAreaSlots, Et as TextAreaWrap, St as TextAreaSize, Tt as TextAreaStatusType, _t as TextAreaChangeAction, bt as TextAreaProps, gt as _default, vt as TextAreaChangeEvent, wt as TextAreaStatus, xt as TextAreaResize, yt as TextAreaEmits } from "../index-CpNlPLBF.js";
+import { Ct as TextAreaSlots, Et as TextAreaWrap, St as TextAreaSize, Tt as TextAreaStatusType, _t as TextAreaChangeAction, bt as TextAreaProps, gt as _default, vt as TextAreaChangeEvent, wt as TextAreaStatus, xt as TextAreaResize, yt as TextAreaEmits } from "../index-UA93Im7H.js";
 export { _default as TextArea, type TextAreaChangeAction, type TextAreaChangeEvent, type TextAreaEmits, type TextAreaProps, type TextAreaResize, type TextAreaSize, type TextAreaSlots, type TextAreaStatus, type TextAreaStatusType, type TextAreaWrap };

package/dist/TextArea/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../TextArea-DA9CCG_J.js";
+import { t as _sfc_main } from "../TextArea-CwSfEjT1.js";
 export { _sfc_main as TextArea };

package/dist/{TextArea-DA9CCG_J.js → TextArea-CwSfEjT1.js}

@@ -4,12 +4,13 @@ import { t as _sfc_main$3 } from "./ButtonTooltip-CNKOQHYR.js";
 import { t as characterCount } from "./characters-wTnzjkkR.js";
 import { t as useAnnounce } from "./announce-B210eJVf.js";
 import { t as useInputContainer } from "./useInputContainer-CLcYrby4.js";
-import { t as _sfc_main$4 } from "./FieldInfoTip-gxsnfkZw.js";
-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 "./FieldInfoTip-BbgLt4ug.js";
+import { s as useAstryxMessages } from "./context-CM-cjGg_.js";
 import { i as useAriaRequired } from "./context-Cfml4jaK.js";
-import { t as _sfc_main$5 } from "./Field--OEsLBfE.js";
+import { t as _sfc_main$6 } from "./Field-JIxT3xCh.js";
 import { t as useFieldPartStyling } from "./fieldParts--SyRZVQG.js";
-import { t as _sfc_main$6 } from "./InputClearButton-CwXPan8c.js";
+import { t as _sfc_main$7 } from "./InputClearButton-CfSIqc-V.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useAttrs, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/text-area.css";
 //#region src/TextArea/useTextAreaAction.ts
@@ -318,7 +319,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
-				createVNode(_sfc_main$5, {
+				createVNode(_sfc_main$6, {
 					label: __props.label,
 					"input-id": inputId.value,
 					description: __props.description,
@@ -386,9 +387,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							key: 1,
 							class: "astryx-text-area-count",
 							"data-over": isOverLimit.value || void 0
-						}, toDisplayString(valueLength.value) + " / " + toDisplayString(limit.value), 9, _hoisted_4)) : createCommentVNode("v-if", true),
+						}, [isOverLimit.value ? (openBlock(), createBlock(_sfc_main$4, {
+							key: 0,
+							icon: "warning",
+							size: "sm",
+							"aria-hidden": "true"
+						})) : createCommentVNode("v-if", true), createTextVNode(toDisplayString(valueLength.value) + " / " + toDisplayString(limit.value), 1)], 8, _hoisted_4)) : createCommentVNode("v-if", true),
 						_ctx.$slots.end ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "end")])) : createCommentVNode("v-if", true),
-						__props.hasClear && unref(action).value.value && !__props.isDisabled && !__props.isReadOnly ? (openBlock(), createBlock(_sfc_main$6, {
+						__props.hasClear && unref(action).value.value && !__props.isDisabled && !__props.isReadOnly ? (openBlock(), createBlock(_sfc_main$7, {
 							key: 3,
 							class: "astryx-text-area-clear-button",
 							label: resolvedClearLabel.value,
@@ -399,7 +405,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							class: "astryx-text-area-spinner",
 							label: __props.loadingLabel
 						}, null, 8, ["label"])) : createCommentVNode("v-if", true),
-						__props.status?.message && __props.statusVariant === "tooltip" ? (openBlock(), createBlock(_sfc_main$4, {
+						__props.status?.message && __props.statusVariant === "tooltip" ? (openBlock(), createBlock(_sfc_main$5, {
 							key: 5,
 							text: __props.status.message,
 							type: __props.status.type