@astryx-vue/core 0.5.1 → 0.6.0

package/dist/{RadioGroup-Bcu-oL8r.js → RadioGroup-aPYacVf4.js}

@@ -3,7 +3,7 @@ import { n as readLayerScoped, t as defineLayerScopedKey } from "./scopedProvide
 import { t as _sfc_main$2 } from "./VisuallyHidden-C7NN3VEP.js";
 import { t as _sfc_main$3 } from "./Tooltip-sAM8i1eO.js";
 import { t as useIndicator } from "./useIndicator-fTOZfYVI.js";
-import { t as _sfc_main$4 } from "./Field-ff-Jmtg1.js";
+import { t as _sfc_main$4 } from "./Field-DRQuVVlH.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, provide, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useId, useModel, useSlots, useTemplateRef, withCtx } from "vue";
 import "../styles/radio.css";

package/dist/RadioList/index.d.ts

@@ -1,2 +1,2 @@
-import { Dr as _default, Er as RadioListItemProps, Pr as RadioListProps, Tr as _default$1 } from "../index-CiNdjn8Q.js";
+import { Dr as _default, Er as RadioListItemProps, Pr as RadioListProps, Tr as _default$1 } from "../index-DR3eQt87.js";
 export { _default as RadioList, _default$1 as RadioListItem, type RadioListItemProps, type RadioListProps };

package/dist/RadioList/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as _sfc_main$1 } from "../RadioList-C8Y3PhDF.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../RadioList-bSQ-r2bJ.js";
 export { _sfc_main as RadioList, _sfc_main$1 as RadioListItem };

package/dist/{RadioList-C8Y3PhDF.js → RadioList-bSQ-r2bJ.js}

@@ -1,4 +1,4 @@
-import { n as _sfc_main$3, t as _sfc_main$2 } from "./RadioGroup-Bcu-oL8r.js";
+import { n as _sfc_main$3, t as _sfc_main$2 } from "./RadioGroup-aPYacVf4.js";
 import { createBlock, createSlots, defineComponent, mergeModels, openBlock, renderSlot, useModel, withCtx } from "vue";
 //#region src/Radio/RadioList.vue
 const _sfc_main$1 = /*@__PURE__*/ defineComponent({

package/dist/ScrollableArea/index.d.ts

@@ -1,2 +1,2 @@
-import { Cr as ScrollableAreaProps, Sr as _default, wr as ScrollableAreaSlots } from "../index-CiNdjn8Q.js";
+import { Cr as ScrollableAreaProps, Sr as _default, wr as ScrollableAreaSlots } from "../index-DR3eQt87.js";
 export { _default as ScrollableArea, type ScrollableAreaProps, type ScrollableAreaSlots };

package/dist/SegmentedControl/index.d.ts

@@ -1,2 +1,2 @@
-import { a as SegmentedControlItemProps, c as SegmentedControlProps, i as SegmentedControlEmits, l as SegmentedControlSize, n as _default, o as SegmentedControlItemSlots, r as SegmentedControlContextValue, s as SegmentedControlLayout, t as _default$1, u as SegmentedControlSlots } from "../index-gW0HW02U.js";
+import { a as SegmentedControlItemProps, c as SegmentedControlProps, i as SegmentedControlEmits, l as SegmentedControlSize, n as _default, o as SegmentedControlItemSlots, r as SegmentedControlContextValue, s as SegmentedControlLayout, t as _default$1, u as SegmentedControlSlots } from "../index-COxy6LEW.js";
 export { _default as SegmentedControl, type SegmentedControlContextValue, type SegmentedControlEmits, _default$1 as SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlItemSlots, type SegmentedControlLayout, type SegmentedControlProps, type SegmentedControlSize, type SegmentedControlSlots };

package/dist/SelectableCard/index.d.ts

@@ -1,2 +1,2 @@
-import { br as SelectableCardProps, vr as _default, xr as SelectableCardSlots, yr as SelectableCardEmits } from "../index-CiNdjn8Q.js";
+import { br as SelectableCardProps, vr as _default, xr as SelectableCardSlots, yr as SelectableCardEmits } from "../index-DR3eQt87.js";
 export { _default as SelectableCard, _default as default, type SelectableCardEmits, type SelectableCardProps, type SelectableCardSlots };

package/dist/Selector/index.d.ts

@@ -1,2 +1,2 @@
-import { a as SelectorOption, c as SelectorProps, d as SelectorSlots, f as SelectorStatus, h as SelectorVariant, i as SelectorIndicatorPosition, l as SelectorSection, m as SelectorStatusVariant, n as SelectorEmits, o as SelectorOptionInput, p as SelectorStatusInput, r as SelectorEntry, s as SelectorPresentation, t as _default, u as SelectorSize } from "../index-5Ia2MHj4.js";
+import { a as SelectorOption, c as SelectorProps, d as SelectorSlots, f as SelectorStatus, h as SelectorVariant, i as SelectorIndicatorPosition, l as SelectorSection, m as SelectorStatusVariant, n as SelectorEmits, o as SelectorOptionInput, p as SelectorStatusInput, r as SelectorEntry, s as SelectorPresentation, t as _default, u as SelectorSize } from "../index-CqSDC6Af.js";
 export { _default as Selector, type SelectorEmits, type SelectorEntry, type SelectorIndicatorPosition, type SelectorOption, type SelectorOptionInput, type SelectorPresentation, type SelectorProps, type SelectorSection, type SelectorSize, type SelectorSlots, type SelectorStatus, type SelectorStatusInput, type SelectorStatusVariant, type SelectorVariant };

package/dist/Selector/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Selector-PBkInp3I.js";
+import { t as _sfc_main } from "../Selector-Dle5Lbvs.js";
 export { _sfc_main as Selector };

package/dist/{Selector-PBkInp3I.js → Selector-Dle5Lbvs.js}

@@ -1,6 +1,6 @@
 import { t as _sfc_main$2 } from "./Icon-Dosui-zD.js";
 import { t as _sfc_main$3 } from "./VisuallyHidden-C7NN3VEP.js";
-import { n as useButtonTooltip } from "./Button-bxKFDhhg.js";
+import { n as useButtonTooltip } from "./Button-xMGOU3Wj.js";
 import { t as _sfc_main$4 } from "./ButtonTooltip-CNKOQHYR.js";
 import { t as useAnnounce } from "./announce-B210eJVf.js";
 import { t as useCombobox } from "./useCombobox-CTo5C-gc.js";
@@ -13,11 +13,11 @@ import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
 import { t as _sfc_main$5 } from "./BottomSheet-B4sc3F1S.js";
 import { t as _sfc_main$6 } from "./Spinner-B7xuy3ZA.js";
 import { t as useIndicator } from "./useIndicator-fTOZfYVI.js";
-import { t as _sfc_main$7 } from "./Field-ff-Jmtg1.js";
+import { t as _sfc_main$7 } from "./Field-DRQuVVlH.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-Do17kweN.js";
+import { n as _sfc_main$8, t as searchResultMessage } from "./searchResultMessage-DEyqvflW.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";

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-CiNdjn8Q.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-DR3eQt87.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-CzhSOS4W.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-2YawTRxj.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-CzhSOS4W.js → SideNav-2YawTRxj.js}

@@ -1,6 +1,6 @@
 import { t as _sfc_main$5 } from "./Icon-Dosui-zD.js";
 import { n as useLinkComponent } from "./context-C_peZbXf.js";
-import { t as _sfc_main$6 } from "./Button-bxKFDhhg.js";
+import { t as _sfc_main$6 } from "./Button-xMGOU3Wj.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-CVUee2tp.js";

package/dist/Slider/index.js

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

package/dist/{Slider-BZwZrqCw.js → Slider-gMrMfGWl.js}

@@ -1,9 +1,9 @@
 import { t as usePressFeedback } from "./usePressFeedback-BJCpjEpv.js";
 import { t as _sfc_main$2 } from "./VisuallyHidden-C7NN3VEP.js";
-import { n as useButtonTooltip } from "./Button-bxKFDhhg.js";
+import { n as useButtonTooltip } from "./Button-xMGOU3Wj.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-ff-Jmtg1.js";
+import { t as _sfc_main$4 } from "./Field-DRQuVVlH.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/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-ChOyJzJh.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-q1ieKrJM.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../Stepper-BB-tXsGy.js";
 export { _sfc_main as Step, _sfc_main$1 as Stepper };

package/dist/{Stepper-q1ieKrJM.js → Stepper-BB-tXsGy.js}

@@ -3,7 +3,7 @@ import { n as readLayerScoped, t as defineLayerScopedKey } from "./scopedProvide
 import { t as _sfc_main$3 } from "./Icon-Dosui-zD.js";
 import { t as _sfc_main$4 } from "./VisuallyHidden-C7NN3VEP.js";
 import { s as useAstryxMessages } from "./context-CVUee2tp.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 { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/stepper.css";
 //#region src/Stepper/context.ts
 const stepperContextKey = defineLayerScopedKey("stepper", null);
@@ -29,6 +29,40 @@ function resolveStepGlyph(options) {
 	if (options.indicator === "auto" && options.progress === "in-progress") return "ring";
 	return "none";
 }
+/**
+* One node-to-node span. Matches upstream `FILL_SPAN_TIME`: a fill that
+* crosses a whole segment is a spatial change, so it uses the medium band.
+*/
+const STEP_FILL_SPAN_TIME = "var(--astryx-duration-medium, 300ms)";
+/**
+* Share of one on-track span owned by the segment arriving at the far node.
+* Horizontal halves are equal. Vertical uses 0.3 because upstream's lead cap
+* is one density space and the trail takes the rest.
+*/
+const STEP_FILL_ARRIVAL_SHARE_H = .5;
+const STEP_FILL_ARRIVAL_SHARE_V = .3;
+/** Scale a CSS time by a unitless factor. Trivial factors stay readable. */
+function fillTimeSlice(time, factor) {
+	if (factor <= 0) return "0s";
+	if (factor === 1) return time;
+	return `calc(${time} * ${Number(factor.toFixed(4))})`;
+}
+/**
+* Timing for the segment covering `[offset, offset + share)` of span
+* `spanIndex`. Only a single step forward animates, and the span it crosses
+* is the one leaving the step the flow came from. Retreats, jumps, and the
+* first paint are instant.
+*/
+function connectorFillTiming(activeStep, previousActiveStep, spanIndex, offset, share) {
+	if (!(activeStep === previousActiveStep + 1) || spanIndex !== previousActiveStep) return {
+		duration: "0s",
+		delay: "0s"
+	};
+	return {
+		duration: fillTimeSlice(STEP_FILL_SPAN_TIME, share),
+		delay: fillTimeSlice(STEP_FILL_SPAN_TIME, offset)
+	};
+}
 //#endregion
 //#region src/Stepper/StepMarker.vue
 const _hoisted_1$2 = ["data-glyph"];
@@ -174,6 +208,17 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		const collapsed = computed(() => stepper.collapsed.value === true);
 		const leadFilled = computed(() => props.step <= stepper.activeStep.value);
 		const trailFilled = computed(() => props.step < stepper.activeStep.value);
+		const arrivalShare = computed(() => orientation.value === "vertical" ? STEP_FILL_ARRIVAL_SHARE_V : STEP_FILL_ARRIVAL_SHARE_H);
+		const leavingShare = computed(() => 1 - arrivalShare.value);
+		const barTiming = computed(() => connectorFillTiming(stepper.activeStep.value, stepper.previousActiveStep.value, props.step - 1, 0, 1));
+		const leadTiming = computed(() => connectorFillTiming(stepper.activeStep.value, stepper.previousActiveStep.value, props.step - 1, leavingShare.value, arrivalShare.value));
+		const trailTiming = computed(() => connectorFillTiming(stepper.activeStep.value, stepper.previousActiveStep.value, props.step, 0, leavingShare.value));
+		function fillVars(timing) {
+			return {
+				"--_step-fill-duration": timing.duration,
+				"--_step-fill-delay": timing.delay
+			};
+		}
 		const accessibleName = computed(() => {
 			const stepNumber = props.step + 1;
 			const status = props.status === "error" ? messages.value.stepper.status.error : props.status === "warning" ? messages.value.stepper.status.warning : progress.value === "completed" ? messages.value.stepper.status.completed : null;
@@ -213,14 +258,17 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			}, [indicatorPosition.value === "separated" || collapsed.value ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				class: "astryx-step-bar",
-				"data-filled": leadFilled.value || void 0
-			}, null, 8, _hoisted_2$1)) : (openBlock(), createElementBlock("span", _hoisted_3$1, [createElementVNode("span", {
+				"data-filled": leadFilled.value || void 0,
+				style: normalizeStyle(fillVars(barTiming.value))
+			}, null, 12, _hoisted_2$1)) : (openBlock(), createElementBlock("span", _hoisted_3$1, [createElementVNode("span", {
 				class: "astryx-step-connector astryx-step-connector-lead",
-				"data-filled": leadFilled.value || void 0
-			}, null, 8, _hoisted_4$1), createElementVNode("span", {
+				"data-filled": leadFilled.value || void 0,
+				style: normalizeStyle(fillVars(leadTiming.value))
+			}, null, 12, _hoisted_4$1), createElementVNode("span", {
 				class: "astryx-step-connector astryx-step-connector-trail",
-				"data-filled": trailFilled.value || void 0
-			}, null, 8, _hoisted_5$1)])), createElementVNode("div", _hoisted_6$1, [(openBlock(), createBlock(resolveDynamicComponent(isClickable.value ? "button" : "div"), mergeProps(isClickable.value ? unref(pressableProps) : void 0, {
+				"data-filled": trailFilled.value || void 0,
+				style: normalizeStyle(fillVars(trailTiming.value))
+			}, null, 12, _hoisted_5$1)])), createElementVNode("div", _hoisted_6$1, [(openBlock(), createBlock(resolveDynamicComponent(isClickable.value ? "button" : "div"), mergeProps(isClickable.value ? unref(pressableProps) : void 0, {
 				class: "astryx-step-control",
 				"aria-label": isClickable.value ? accessibleName.value : void 0,
 				type: isClickable.value ? "button" : void 0,
@@ -314,6 +362,17 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const width = ref(Number.POSITIVE_INFINITY);
 		const steps = ref([]);
 		const activeStep = computed(() => props.activeStep);
+		const seenActiveStep = ref({
+			current: props.activeStep,
+			previous: props.activeStep
+		});
+		watch(activeStep, (next, prev) => {
+			seenActiveStep.value = {
+				current: next,
+				previous: prev
+			};
+		}, { flush: "sync" });
+		const previousActiveStep = computed(() => seenActiveStep.value.previous);
 		const orientation = computed(() => props.orientation);
 		const density = computed(() => props.density);
 		const indicatorPosition = computed(() => props.indicatorPosition);
@@ -366,6 +425,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		onUnmounted(() => observer?.disconnect());
 		provide(stepperContextKey, {
 			activeStep,
+			previousActiveStep,
 			collapsed,
 			density,
 			hasCollapsibleLabels,

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-CiNdjn8Q.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-DR3eQt87.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-D145VGQZ.js";
+import { t as _sfc_main } from "../Switch-DBdLd0-t.js";
 export { _sfc_main as Switch };

package/dist/{Switch-D145VGQZ.js → Switch-DBdLd0-t.js}

@@ -1,11 +1,11 @@
 import { t as usePressFeedback } from "./usePressFeedback-BJCpjEpv.js";
 import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
-import { n as useButtonTooltip } from "./Button-bxKFDhhg.js";
+import { n as useButtonTooltip } from "./Button-xMGOU3Wj.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-CVUee2tp.js";
 import { i as useAriaRequired } from "./context-Cfml4jaK.js";
-import { t as _sfc_main$3 } from "./FieldLabel-CCA3AmQX.js";
+import { t as _sfc_main$3 } from "./FieldLabel-MeJlcRRG.js";
 import { t as _sfc_main$4 } from "./FieldStatus-BGM4IlHy.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";
@@ -202,6 +202,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				showsDisabledMessage.value ? disabledId : void 0
 			].filter(Boolean).join(" ") || void 0;
 		}
+		function labelledBy() {
+			const external = attrs["aria-labelledby"];
+			if (typeof external === "string" && external.trim() !== "") return external;
+			return `${inputId.value}-label`;
+		}
 		function syncNative() {
 			if (input.value) input.value.checked = action.value.value;
 		}
@@ -254,7 +259,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					form: showsDisabledMessage.value ? "" : inputAttrs().form,
 					readonly: __props.isReadOnly || showsDisabledMessage.value,
 					"aria-checked": unref(action).value.value,
-					"aria-labelledby": [`${inputId.value}-label`, unref(attrs)["aria-labelledby"]].filter(Boolean).join(" "),
+					"aria-labelledby": labelledBy(),
 					"aria-describedby": describedBy(),
 					"aria-disabled": showsDisabledMessage.value || void 0,
 					"aria-readonly": __props.isReadOnly || void 0,

package/dist/TabList/index.d.ts

@@ -1,2 +1,2 @@
-import { a as TabListLayout, c as TabListSize, d as TabMenuProps, f as TabProps, i as TabListEdgeCompensation, l as TabListTab, n as _default$1, o as TabListOverflow, p as TabSlots, r as _default, s as TabListProps, t as _default$2, u as TabMenuOption } from "../index-DXJ3U3ve.js";
+import { a as TabListLayout, c as TabListSize, d as TabMenuProps, f as TabProps, i as TabListEdgeCompensation, l as TabListTab, n as _default$1, o as TabListOverflow, p as TabSlots, r as _default, s as TabListProps, t as _default$2, u as TabMenuOption } from "../index-DLAG3m9W.js";
 export { _default as Tab, _default$1 as TabList, type TabListEdgeCompensation, type TabListLayout, type TabListOverflow, type TabListProps, type TabListSize, type TabListTab, _default$2 as TabMenu, type TabMenuOption, type TabMenuProps, type TabProps, type TabSlots };

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-CiNdjn8Q.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-DR3eQt87.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-BJ0DaMml.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-B2bj8INX.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-BwfRe7_x.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-B2bj8INX.js → Table-BwfRe7_x.js}

@@ -1,6 +1,6 @@
 import { t as _sfc_main$15 } from "./Icon-Dosui-zD.js";
 import { t as _sfc_main$16 } from "./VisuallyHidden-C7NN3VEP.js";
-import { t as _sfc_main$17 } from "./Button-bxKFDhhg.js";
+import { t as _sfc_main$17 } from "./Button-xMGOU3Wj.js";
 import { n as useLayerTeleportTarget } from "./useLayerMountTarget-BmZyeKWE.js";
 import { n as firstCharacter } from "./characters-wTnzjkkR.js";
 import { s as useAstryxMessages } from "./context-CVUee2tp.js";
@@ -8,14 +8,14 @@ import { n as useCollator } from "./locale-D4DoSjrL.js";
 import { t as useScrollableArea } from "./useScrollableArea-BE8b3qm7.js";
 import { t as _sfc_main$18 } from "./Tooltip-sAM8i1eO.js";
 import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
-import { t as _sfc_main$19 } from "./CheckboxInput-CMtJ0qXQ.js";
-import { t as _sfc_main$20 } from "./Popover-Dmpyfb45.js";
-import { t as _sfc_main$21 } from "./DateInput-BfR_bV-E.js";
-import { t as _sfc_main$22 } from "./MultiSelector-V_VrLRdF.js";
-import { t as _sfc_main$23 } from "./NumberInput-C8iCWQih.js";
-import { t as _sfc_main$24 } from "./Pagination-DfsCrTIx.js";
-import { t as _sfc_main$25 } from "./Selector-PBkInp3I.js";
-import { t as _sfc_main$26 } from "./TextInput-Ciy-VyBn.js";
+import { t as _sfc_main$19 } from "./CheckboxInput-DDORpsYN.js";
+import { t as _sfc_main$20 } from "./Popover-DsGCMcaU.js";
+import { t as _sfc_main$21 } from "./DateInput-B57PrbII.js";
+import { t as _sfc_main$22 } from "./MultiSelector-DVqD6OEy.js";
+import { t as _sfc_main$23 } from "./NumberInput-DP7XAtGl.js";
+import { t as _sfc_main$24 } from "./Pagination-L0IDhBbo.js";
+import { t as _sfc_main$25 } from "./Selector-Dle5Lbvs.js";
+import { t as _sfc_main$26 } from "./TextInput-CzAq1vnQ.js";
 import { t as _sfc_main$27 } from "./Toolbar-DKld_COt.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";

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-CiNdjn8Q.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-DR3eQt87.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-Dxl4UuIg.js";
+import { t as _sfc_main } from "../TextArea-DpDQCb59.js";
 export { _sfc_main as TextArea };

package/dist/{TextArea-Dxl4UuIg.js → TextArea-DpDQCb59.js}

@@ -1,16 +1,16 @@
 import { t as _sfc_main$1 } from "./Icon-Dosui-zD.js";
 import { t as _sfc_main$2 } from "./VisuallyHidden-C7NN3VEP.js";
-import { n as useButtonTooltip, r as _sfc_main$3 } from "./Button-bxKFDhhg.js";
+import { n as useButtonTooltip, r as _sfc_main$3 } from "./Button-xMGOU3Wj.js";
 import { t as _sfc_main$4 } 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$5 } from "./FieldInfoTip-DRXvsWkr.js";
+import { t as _sfc_main$5 } from "./FieldInfoTip-Ci5usYvE.js";
 import { s as useAstryxMessages } from "./context-CVUee2tp.js";
 import { i as useAriaRequired } from "./context-Cfml4jaK.js";
-import { t as _sfc_main$6 } from "./Field-ff-Jmtg1.js";
+import { t as _sfc_main$6 } from "./Field-DRQuVVlH.js";
 import { t as useFieldPartStyling } from "./fieldParts--SyRZVQG.js";
-import { t as _sfc_main$7 } from "./InputClearButton-DKnC8sst.js";
+import { t as _sfc_main$7 } from "./InputClearButton-CBCi06tn.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

package/dist/TextInput/index.d.ts

@@ -1,2 +1,2 @@
-import { ct as TextInputChangeEvent, dt as TextInputSize, ft as TextInputSlots, ht as TextInputType, lt as TextInputEmits, mt as TextInputStatusType, ot as _default, pt as TextInputStatus, st as TextInputChangeAction, ut as TextInputProps } from "../index-CiNdjn8Q.js";
+import { ct as TextInputChangeEvent, dt as TextInputSize, ft as TextInputSlots, ht as TextInputType, lt as TextInputEmits, mt as TextInputStatusType, ot as _default, pt as TextInputStatus, st as TextInputChangeAction, ut as TextInputProps } from "../index-DR3eQt87.js";
 export { _default as TextInput, type TextInputChangeAction, type TextInputChangeEvent, type TextInputEmits, type TextInputProps, type TextInputSize, type TextInputSlots, type TextInputStatus, type TextInputStatusType, type TextInputType };

package/dist/TextInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../TextInput-Ciy-VyBn.js";
+import { t as _sfc_main } from "../TextInput-CzAq1vnQ.js";
 export { _sfc_main as TextInput };

package/dist/{TextInput-Ciy-VyBn.js → TextInput-CzAq1vnQ.js}

@@ -1,13 +1,13 @@
 import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
-import { n as useButtonTooltip, r as _sfc_main$2 } from "./Button-bxKFDhhg.js";
+import { n as useButtonTooltip, r as _sfc_main$2 } from "./Button-xMGOU3Wj.js";
 import { t as _sfc_main$3 } from "./ButtonTooltip-CNKOQHYR.js";
 import { t as useInputContainer } from "./useInputContainer-CLcYrby4.js";
-import { t as useInputStatusIcon } from "./useInputStatusIcon-yj_rY6TQ.js";
+import { t as useInputStatusIcon } from "./useInputStatusIcon-BZPOzGDC.js";
 import { s as useAstryxMessages } from "./context-CVUee2tp.js";
 import { i as useAriaRequired } from "./context-Cfml4jaK.js";
-import { t as _sfc_main$4 } from "./Field-ff-Jmtg1.js";
+import { t as _sfc_main$4 } from "./Field-DRQuVVlH.js";
 import { t as useFieldPartStyling } from "./fieldParts--SyRZVQG.js";
-import { t as _sfc_main$5 } from "./InputClearButton-DKnC8sst.js";
+import { t as _sfc_main$5 } from "./InputClearButton-CBCi06tn.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useAttrs, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/text-input.css";
 //#region src/TextInput/useTextInputAction.ts

package/dist/Thumbnail/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Thumbnail-DnWOc0od.js";
+import { t as _sfc_main } from "../Thumbnail-CiTkiqS_.js";
 export { _sfc_main as Thumbnail };

package/dist/{Thumbnail-DnWOc0od.js → Thumbnail-CiTkiqS_.js}

@@ -1,6 +1,6 @@
 import { t as usePressFeedback } from "./usePressFeedback-BJCpjEpv.js";
 import { t as _sfc_main$1 } from "./Icon-Dosui-zD.js";
-import { t as _sfc_main$2 } from "./IconButton-BkR7nVB3.js";
+import { t as _sfc_main$2 } from "./IconButton-BmMIccb4.js";
 import { s as useAstryxMessages } from "./context-CVUee2tp.js";
 import { t as _sfc_main$3 } from "./Tooltip-sAM8i1eO.js";
 import { t as _sfc_main$4 } from "./Spinner-B7xuy3ZA.js";

package/dist/{TimeField-Bglx_QpO.js → TimeField-Dajh0ej2.js}

@@ -1,12 +1,12 @@
 import { t as _sfc_main$2 } from "./Icon-Dosui-zD.js";
 import { t as _sfc_main$3 } from "./VisuallyHidden-C7NN3VEP.js";
-import { n as useButtonTooltip } from "./Button-bxKFDhhg.js";
+import { n as useButtonTooltip } from "./Button-xMGOU3Wj.js";
 import { t as _sfc_main$4 } from "./ButtonTooltip-CNKOQHYR.js";
 import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
 import { a as isImeKeyEvent } from "./layerDepth-CNDh-IHb.js";
 import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-B7cvG-_v.js";
 import { t as _sfc_main$5 } from "./FieldIcon--Qng2Cup.js";
-import { t as _sfc_main$6 } from "./IconButton-BkR7nVB3.js";
+import { t as _sfc_main$6 } from "./IconButton-BmMIccb4.js";
 import { s as useAstryxMessages } from "./context-CVUee2tp.js";
 import { a as parseISOTime, i as parseDisplayTime, n as formatISOTime, o as resolveTimeSurface, r as isTimeInRange, s as shiftTime, t as formatDisplayTime } from "./useTimeValue-BJd0xBhG.js";
 import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";

package/dist/TimeInput/index.d.ts

@@ -1,2 +1,2 @@
-import { at as TimeInputSize, it as TimeInputProps, nt as _default, rt as TimeInputEmits } from "../index-CiNdjn8Q.js";
+import { at as TimeInputSize, it as TimeInputProps, nt as _default, rt as TimeInputEmits } from "../index-DR3eQt87.js";
 export { _default as TimeInput, type TimeInputEmits, type TimeInputProps, type TimeInputSize };

package/dist/TimeInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../TimeInput-T_kjTVaa.js";
+import { t as _sfc_main } from "../TimeInput-BVrrBcMF.js";
 export { _sfc_main as TimeInput };

package/dist/{TimeInput-T_kjTVaa.js → TimeInput-BVrrBcMF.js}

@@ -1,7 +1,7 @@
 import { t as useResolvedLabelHidden } from "./useResolvedLabelHidden-B2rlWiaI.js";
-import { t as _sfc_main$1 } from "./Field-ff-Jmtg1.js";
+import { t as _sfc_main$1 } from "./Field-DRQuVVlH.js";
 import { t as useFieldPartStyling } from "./fieldParts--SyRZVQG.js";
-import { t as _sfc_main$2 } from "./TimeField-Bglx_QpO.js";
+import { t as _sfc_main$2 } from "./TimeField-Dajh0ej2.js";
 import { computed, createBlock, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, normalizeStyle, openBlock, unref, useAttrs, useId, useModel, withCtx } from "vue";
 //#region src/TimeInput/TimeInput.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({

package/dist/Timestamp/index.d.ts

@@ -1,2 +1,2 @@
-import { $ as FormatInstantOptions, G as TimestampColor, J as TimestampTooltipEntry, K as TimestampFormat, Q as formatRelativeTime, W as _default, X as TimestampTooltipLine, Y as TimestampTooltipFormat, Z as formatTooltipLines, et as InstantFormat, q as TimestampProps, tt as formatInstant } from "../index-CiNdjn8Q.js";
+import { $ as FormatInstantOptions, G as TimestampColor, J as TimestampTooltipEntry, K as TimestampFormat, Q as formatRelativeTime, W as _default, X as TimestampTooltipLine, Y as TimestampTooltipFormat, Z as formatTooltipLines, et as InstantFormat, q as TimestampProps, tt as formatInstant } from "../index-DR3eQt87.js";
 export { type FormatInstantOptions, type InstantFormat, _default as Timestamp, type TimestampColor, type TimestampFormat, type TimestampProps, type TimestampTooltipEntry, type TimestampTooltipFormat, type TimestampTooltipLine, formatInstant, formatRelativeTime, formatTooltipLines };

package/dist/Timestamp/index.js

@@ -1,3 +1,3 @@
 import { t as formatInstant } from "../formatInstant-BDWUIxS7.js";
-import { n as formatTooltipLines, r as formatRelativeTime, t as _sfc_main } from "../Timestamp-DUUoQOjg.js";
+import { n as formatTooltipLines, r as formatRelativeTime, t as _sfc_main } from "../Timestamp-Bf6iQTk6.js";
 export { _sfc_main as Timestamp, formatInstant, formatRelativeTime, formatTooltipLines };

package/dist/{Timestamp-DUUoQOjg.js → Timestamp-Bf6iQTk6.js}

@@ -1,10 +1,10 @@
 import { t as _sfc_main$2 } from "./Icon-Dosui-zD.js";
-import { t as _sfc_main$3 } from "./IconButton-BkR7nVB3.js";
+import { t as _sfc_main$3 } from "./IconButton-BmMIccb4.js";
 import { o as useAstryxLocale, s as useAstryxMessages } from "./context-CVUee2tp.js";
 import { t as _sfc_main$4 } from "./Text-D5Cc7BMp.js";
 import { t as _sfc_main$5 } from "./HoverCard-BpJhT0sn.js";
 import { t as formatInstant } from "./formatInstant-BDWUIxS7.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
 import "../styles/timestamp.css";
 //#region src/Timestamp/formatRelativeTime.ts
 const MINUTE = 60;
@@ -219,7 +219,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const locale = useAstryxLocale();
 		const messages = useAstryxMessages();
-		const now = ref(/* @__PURE__ */ new Date());
+		const now = ref(null);
 		let timer;
 		function parseValue(value) {
 			if (typeof value === "number") return new Date(value < 0xe8d4a51000 ? value * 1e3 : value);
@@ -228,21 +228,37 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const date = computed(() => parseValue(props.value));
 		const valid = computed(() => !Number.isNaN(date.value.getTime()));
 		const iso = computed(() => valid.value ? date.value.toISOString() : "");
-		const diffSeconds = computed(() => Math.round((now.value.getTime() - date.value.getTime()) / 1e3));
+		function isRelative(format) {
+			return format === "relative" || format === "relative_short";
+		}
+		/** 相对读数和按新旧切换的 auto 都取决于当前时间，其余格式只看值本身。 */
+		const readsClock = computed(() => props.format === "auto" || isRelative(props.format));
+		/**
+		* 只有客户端能读时钟：服务端没有 onMounted，hydration 那一趟也在 onMounted 之前。
+		* 挂载时读一次，之后 format 换成依赖时钟的格式时再补读。
+		*/
+		function readClock() {
+			if (readsClock.value && now.value === null) now.value = /* @__PURE__ */ new Date();
+		}
+		onMounted(readClock);
+		watch(() => props.format, readClock);
+		const isClockPending = computed(() => readsClock.value && now.value === null);
+		const diffSeconds = computed(() => now.value === null ? 0 : Math.round((now.value.getTime() - date.value.getTime()) / 1e3));
 		const effectiveFormat = computed(() => {
+			if (isClockPending.value) return "date_time";
 			if (props.format !== "auto") return props.format;
 			return Math.abs(diffSeconds.value) <= props.autoThreshold ? "relative" : "date_time";
 		});
-		function isRelative(format) {
-			return format === "relative" || format === "relative_short";
-		}
 		const displayText = computed(() => {
 			if (!valid.value) return "";
 			const format = effectiveFormat.value;
-			if (format === "relative") return formatRelativeTime(date.value, now.value, locale.value, "long");
-			if (format === "relative_short") return formatRelativeTime(date.value, now.value, locale.value, "narrow");
+			if (format === "relative") return formatRelativeTime(date.value, now.value ?? date.value, locale.value, "long");
+			if (format === "relative_short") return formatRelativeTime(date.value, now.value ?? date.value, locale.value, "narrow");
 			if (format === "auto") return "";
-			return formatInstant(date.value, format, locale.value, { isTimezoneShown: props.isTimezoneShown });
+			return formatInstant(date.value, format, locale.value, isClockPending.value ? {
+				timeZone: "UTC",
+				isTimezoneShown: true
+			} : { isTimezoneShown: props.isTimezoneShown });
 		});
 		const ariaLabel = computed(() => valid.value && isRelative(effectiveFormat.value) ? formatInstant(date.value, "full", locale.value, { timeZoneNameStyle: "long" }) : void 0);
 		const entries = computed(() => props.tooltipEntries != null && props.tooltipEntries.length > 0 ? props.tooltipEntries : void 0);

package/dist/ToggleButton/index.d.ts

@@ -1,2 +1,2 @@
-import { A as ToggleButtonEmits, B as ToggleButtonPressedChangeHandler, D as _default, E as _default$1, F as ToggleButtonGroupProps, H as ToggleButtonSize, I as ToggleButtonGroupSingleProps, L as ToggleButtonGroupSlots, M as ToggleButtonGroupEmits, N as ToggleButtonGroupMultipleProps, O as ToggleButtonChangeAction, P as ToggleButtonGroupOrientation, R as ToggleButtonGroupType, U as ToggleButtonSlots, V as ToggleButtonProps, j as ToggleButtonGroupBaseProps, k as ToggleButtonElevation, z as ToggleButtonGroupValue } from "../index-CiNdjn8Q.js";
+import { A as ToggleButtonEmits, B as ToggleButtonPressedChangeHandler, D as _default, E as _default$1, F as ToggleButtonGroupProps, H as ToggleButtonSize, I as ToggleButtonGroupSingleProps, L as ToggleButtonGroupSlots, M as ToggleButtonGroupEmits, N as ToggleButtonGroupMultipleProps, O as ToggleButtonChangeAction, P as ToggleButtonGroupOrientation, R as ToggleButtonGroupType, U as ToggleButtonSlots, V as ToggleButtonProps, j as ToggleButtonGroupBaseProps, k as ToggleButtonElevation, z as ToggleButtonGroupValue } from "../index-DR3eQt87.js";
 export { _default as ToggleButton, _default as default, type ToggleButtonChangeAction, type ToggleButtonElevation, type ToggleButtonEmits, _default$1 as ToggleButtonGroup, type ToggleButtonGroupBaseProps, type ToggleButtonGroupEmits, type ToggleButtonGroupMultipleProps, type ToggleButtonGroupOrientation, type ToggleButtonGroupProps, type ToggleButtonGroupSingleProps, type ToggleButtonGroupSlots, type ToggleButtonGroupType, type ToggleButtonGroupValue, type ToggleButtonPressedChangeHandler, type ToggleButtonProps, type ToggleButtonSize, type ToggleButtonSlots };

package/dist/ToggleButton/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main$1, r as _sfc_main, t as ToggleButton_default } from "../ToggleButton-BaTlbgA5.js";
+import { n as _sfc_main$1, r as _sfc_main, t as ToggleButton_default } from "../ToggleButton-Cq82SwPx.js";
 export { _sfc_main as ToggleButton, _sfc_main$1 as ToggleButtonGroup, ToggleButton_default as default };