@astryx-vue/core 0.2.0 → 0.2.1

package/dist/NumberInput/index.d.ts

@@ -1,2 +1,2 @@
-import { n as NumberInputEmits, r as NumberInputProps, t as _default } from "../index-NzLDrOkk.js";
-export { _default as NumberInput, type NumberInputEmits, type NumberInputProps };
+import { i as NumberInputStatus, n as NumberInputEmits, r as NumberInputProps, t as _default } from "../index-DAiGhkNZ.js";
+export { _default as NumberInput, type NumberInputEmits, type NumberInputProps, type NumberInputStatus };

package/dist/NumberInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../NumberInput-CTYiQxHq.js";
+import { t as _sfc_main } from "../NumberInput-CjfAsFwj.js";
 export { _sfc_main as NumberInput };

package/dist/NumberInput-CjfAsFwj.js

@@ -0,0 +1,210 @@
+import { t as useNumberField } from "./useNumberField-DL-Radsp.js";
+import { a as useAstryxMessages } from "./context-DzcK4T_C.js";
+import { t as _sfc_main$1 } from "./FieldIcon--NTgW5IU.js";
+import { t as _sfc_main$2 } from "./Field-8zRxzDHE.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, ref, resolveDynamicComponent, toDisplayString, unref, useId, withCtx } from "vue";
+import "../styles/number-input.css";
+//#region src/NumberInput/NumberInput.vue
+const _hoisted_1 = ["data-status"];
+const _hoisted_2 = [
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-invalid",
+	"title"
+];
+const _hoisted_3 = {
+	key: 0,
+	class: "astryx-number-input-units"
+};
+const _hoisted_4 = ["aria-label"];
+const _hoisted_5 = { class: "astryx-number-input-buttons" };
+const _hoisted_6 = ["disabled", "aria-label"];
+const _hoisted_7 = ["disabled", "aria-label"];
+const _hoisted_8 = ["name", "value"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxNumberInput",
+	__name: "NumberInput",
+	props: {
+		modelValue: { default: null },
+		placeholder: { default: "" },
+		min: {},
+		max: {},
+		step: { default: 1 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		disabledReason: {},
+		size: { default: "md" },
+		label: {},
+		description: {},
+		isLabelHidden: { type: Boolean },
+		units: {},
+		clearable: { type: Boolean },
+		status: {},
+		name: {}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const PassThrough = defineComponent({
+			name: "NumberInputPassThrough",
+			setup(_, { slots }) {
+				return () => slots.default?.({});
+			}
+		});
+		const inputId = `astryx-number-input-${useId()}`;
+		const messages = useAstryxMessages();
+		const incrementLabel = computed(() => messages.value.numberInput.increment(props.label));
+		const decrementLabel = computed(() => messages.value.numberInput.decrement(props.label));
+		const inputValue = ref("");
+		const modelValueRef = computed({
+			get: () => props.modelValue,
+			set: (value) => {
+				emit("update:modelValue", value);
+				emit("change", value);
+			}
+		});
+		const numberField = useNumberField({
+			value: modelValueRef,
+			min: props.min,
+			max: props.max,
+			step: props.step,
+			disabled: computed(() => props.disabled),
+			onChange: (value) => {
+				modelValueRef.value = value;
+				inputValue.value = value === null ? "" : String(value);
+			}
+		});
+		function onInput(event) {
+			const target = event.target;
+			const value = target.value.trim();
+			if (value === "") {
+				numberField.setValue(null);
+				return;
+			}
+			const parsed = Number.parseFloat(value);
+			if (!Number.isNaN(parsed)) numberField.setValue(parsed);
+			else target.value = inputValue.value;
+		}
+		function onKeyDown(event) {
+			numberField.onKeyDown(event);
+		}
+		function resolvedStatus(status) {
+			if (status == null || status === "default") return void 0;
+			if (typeof status === "string") return { type: status };
+			return status;
+		}
+		const statusValue = computed(() => resolvedStatus(props.status));
+		const statusType = computed(() => statusValue.value?.type);
+		const showsField = computed(() => {
+			if (props.isLabelHidden && !props.description && !statusValue.value?.message) return false;
+			return Boolean(props.label || props.description || statusValue.value?.message);
+		});
+		const shell = computed(() => showsField.value ? _sfc_main$2 : PassThrough);
+		const fieldBindings = computed(() => showsField.value ? {
+			label: props.label ?? "",
+			inputId,
+			description: props.description,
+			isLabelHidden: props.isLabelHidden || !props.label,
+			isDisabled: props.disabled,
+			status: statusValue.value
+		} : {});
+		function clearValue() {
+			numberField.setValue(null);
+			inputValue.value = "";
+		}
+		function syncDisplayValue() {
+			inputValue.value = props.modelValue === null ? "" : String(props.modelValue);
+		}
+		syncDisplayValue();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(shell.value), normalizeProps(guardReactiveProps(fieldBindings.value)), {
+				default: withCtx((field) => [createElementVNode("div", {
+					class: normalizeClass(["astryx-number-input", `size-${props.size}`]),
+					"data-status": statusType.value
+				}, [
+					createElementVNode("input", {
+						id: inputId,
+						type: "text",
+						inputmode: "decimal",
+						class: "astryx-number-input-field",
+						value: inputValue.value,
+						placeholder: props.placeholder,
+						disabled: props.disabled,
+						"aria-label": showsField.value ? void 0 : props.label,
+						"aria-labelledby": showsField.value ? field?.labelId : void 0,
+						"aria-describedby": field?.describedBy,
+						"aria-invalid": statusType.value === "error" ? "true" : void 0,
+						title: props.disabledReason,
+						onInput,
+						onKeydown: onKeyDown
+					}, null, 40, _hoisted_2),
+					props.units ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(props.units), 1)) : createCommentVNode("v-if", true),
+					props.clearable && props.modelValue != null && !props.disabled ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						type: "button",
+						class: "astryx-number-input-clear",
+						"aria-label": props.label ? `Clear ${props.label}` : "Clear",
+						onClick: clearValue
+					}, [createVNode(_sfc_main$1, { type: "clear" })], 8, _hoisted_4)) : createCommentVNode("v-if", true),
+					createElementVNode("div", _hoisted_5, [createElementVNode("button", {
+						type: "button",
+						class: "astryx-number-input-button increment",
+						disabled: props.disabled,
+						"aria-label": incrementLabel.value,
+						tabindex: "-1",
+						onClick: _cache[0] || (_cache[0] = (...args) => unref(numberField).increment && unref(numberField).increment(...args))
+					}, [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
+						class: "astryx-number-input-chevron",
+						viewBox: "0 0 12 8",
+						width: "12",
+						height: "8",
+						"aria-hidden": "true",
+						fill: "none"
+					}, [createElementVNode("path", {
+						d: "M1.5 1.75 6 6.25 10.5 1.75",
+						stroke: "currentColor",
+						"stroke-width": "1.5",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round"
+					})], -1)])], 8, _hoisted_6), createElementVNode("button", {
+						type: "button",
+						class: "astryx-number-input-button decrement",
+						disabled: props.disabled,
+						"aria-label": decrementLabel.value,
+						tabindex: "-1",
+						onClick: _cache[1] || (_cache[1] = (...args) => unref(numberField).decrement && unref(numberField).decrement(...args))
+					}, [..._cache[3] || (_cache[3] = [createElementVNode("svg", {
+						class: "astryx-number-input-chevron",
+						viewBox: "0 0 12 8",
+						width: "12",
+						height: "8",
+						"aria-hidden": "true",
+						fill: "none"
+					}, [createElementVNode("path", {
+						d: "M1.5 1.75 6 6.25 10.5 1.75",
+						stroke: "currentColor",
+						"stroke-width": "1.5",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round"
+					})], -1)])], 8, _hoisted_7)]),
+					props.name ? (openBlock(), createElementBlock("input", {
+						key: 2,
+						type: "hidden",
+						name: props.name,
+						value: props.modelValue ?? ""
+					}, null, 8, _hoisted_8)) : createCommentVNode("v-if", true)
+				], 10, _hoisted_1)]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/Outline/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Outline-DQfEBxlc.js";
+import { t as _sfc_main } from "../Outline-BTmrtvXR.js";
 export { _sfc_main as Outline };

package/dist/{Outline-DQfEBxlc.js → Outline-BTmrtvXR.js}

@@ -1,5 +1,5 @@
 import { t as useListFocus } from "./useListFocus-D0iOJl39.js";
-import { a as useAstryxMessages } from "./context-Dbo22sck.js";
+import { a as useAstryxMessages } from "./context-DzcK4T_C.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, toDisplayString, toRef, unref, watch } from "vue";
 import "../styles/outline.css";
 //#region src/Outline/scrollGeometry.ts

package/dist/OverflowList/index.d.ts

@@ -1,2 +1,2 @@
-import { Cn as _default, En as OverflowListProps, Tn as OverflowListItem, wn as OverflowListEmits } from "../index-C6iJwTL0.js";
+import { Cn as _default, En as OverflowListProps, Tn as OverflowListItem, wn as OverflowListEmits } from "../index-DeOftUMq.js";
 export { _default as OverflowList, type OverflowListEmits, type OverflowListItem, type OverflowListProps };

package/dist/OverflowList/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../OverflowList-BU5VCntl.js";
+import { t as _sfc_main } from "../OverflowList-CRE8BE7V.js";
 export { _sfc_main as OverflowList };

package/dist/{OverflowList-BU5VCntl.js → OverflowList-CRE8BE7V.js}

@@ -1,5 +1,5 @@
 import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
-import { a as useAstryxMessages } from "./context-Dbo22sck.js";
+import { a as useAstryxMessages } from "./context-DzcK4T_C.js";
 import { n as resolveNavRoot } from "./link-CdcUSxAj.js";
 import { t as _sfc_main$2 } from "./NavDisclosure-DHrSNRDR.js";
 import { n as _sfc_main$3, t as _sfc_main$4 } from "./NavMenuItem-B-k7olt5.js";

package/dist/Overlay/index.d.ts

@@ -1,2 +1,2 @@
-import { a as OverlayContainerProps, c as OverlayScrimMode, d as OverlayShowOn, f as OverlaySlots, i as OverlayAlign, l as OverlayScrimProps, m as UseOverlayResult, n as _default$1, o as OverlayPosition, p as UseOverlayOptions, r as _default, s as OverlayProps, t as useOverlay, u as OverlayScrimSlots } from "../index-BuubzuE8.js";
+import { a as OverlayContainerProps, c as OverlayScrimMode, d as OverlayShowOn, f as OverlaySlots, i as OverlayAlign, l as OverlayScrimProps, m as UseOverlayResult, n as _default$1, o as OverlayPosition, p as UseOverlayOptions, r as _default, s as OverlayProps, t as useOverlay, u as OverlayScrimSlots } from "../index-BDZCJ9ri.js";
 export { _default as Overlay, type OverlayAlign, type OverlayContainerProps, type OverlayPosition, type OverlayProps, _default$1 as OverlayScrim, type OverlayScrimMode, type OverlayScrimProps, type OverlayScrimSlots, type OverlayShowOn, type OverlaySlots, type UseOverlayOptions, type UseOverlayResult, useOverlay };

package/dist/Pagination/index.d.ts

@@ -1,2 +1,2 @@
-import { i as PaginationSlots, n as PaginationEmits, r as PaginationProps, t as _default } from "../index-Ck8qy6Rf.js";
-export { _default as Pagination, type PaginationEmits, type PaginationProps, type PaginationSlots };
+import { a as PaginationSlots, i as PaginationSize, n as PaginationEmits, o as PaginationVariant, r as PaginationProps, t as _default } from "../index-c_TaW8mM.js";
+export { _default as Pagination, type PaginationEmits, type PaginationProps, type PaginationSize, type PaginationSlots, type PaginationVariant };

package/dist/Pagination/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Pagination-HdhtykeF.js";
+import { t as _sfc_main } from "../Pagination-BpGXPmc7.js";
 export { _sfc_main as Pagination };

package/dist/{Pagination-HdhtykeF.js → Pagination-BpGXPmc7.js}

@@ -1,5 +1,5 @@
-import { a as useAstryxMessages } from "./context-Dbo22sck.js";
-import { t as _sfc_main$1 } from "./Selector-Da-2BO3q.js";
+import { a as useAstryxMessages } from "./context-DzcK4T_C.js";
+import { t as _sfc_main$1 } from "./Selector-DkJOLZSR.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, toValue, unref, vShow, withDirectives } from "vue";
 import "../styles/pagination.css";
 /**
@@ -86,7 +86,12 @@ function usePagination(options) {
 }
 //#endregion
 //#region src/Pagination/Pagination.vue
-const _hoisted_1 = ["data-density", "aria-label"];
+const _hoisted_1 = [
+	"data-density",
+	"data-variant",
+	"data-size",
+	"aria-label"
+];
 const _hoisted_2 = {
 	key: 0,
 	class: "astryx-pagination-total"
@@ -97,24 +102,42 @@ const _hoisted_5 = {
 	class: "astryx-pagination-label",
 	"aria-hidden": "true"
 };
-const _hoisted_6 = ["aria-hidden"];
-const _hoisted_7 = { class: "astryx-pagination-pages" };
-const _hoisted_8 = [
+const _hoisted_6 = {
+	key: 0,
+	class: "astryx-pagination-count"
+};
+const _hoisted_7 = {
+	key: 1,
+	class: "astryx-pagination-count"
+};
+const _hoisted_8 = ["aria-label"];
+const _hoisted_9 = [
+	"disabled",
+	"aria-current",
+	"aria-label",
+	"onClick"
+];
+const _hoisted_10 = ["aria-hidden"];
+const _hoisted_11 = {
+	key: 4,
+	class: "astryx-pagination-pages"
+};
+const _hoisted_12 = [
 	"disabled",
 	"aria-label",
 	"aria-current",
 	"onClick"
 ];
-const _hoisted_9 = ["disabled", "aria-label"];
-const _hoisted_10 = {
+const _hoisted_13 = ["disabled", "aria-label"];
+const _hoisted_14 = {
 	class: "astryx-pagination-label",
 	"aria-hidden": "true"
 };
-const _hoisted_11 = {
-	key: 0,
+const _hoisted_15 = {
+	key: 5,
 	class: "astryx-pagination-size-changer"
 };
-const _hoisted_12 = { class: "astryx-pagination-size-label" };
+const _hoisted_16 = { class: "astryx-pagination-size-label" };
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxPagination",
 	__name: "Pagination",
@@ -122,6 +145,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		page: { default: 1 },
 		pageSize: { default: 10 },
 		total: { default: 0 },
+		totalPages: {},
+		variant: { default: "pages" },
+		size: { default: "md" },
 		showSizeChanger: {
 			type: Boolean,
 			default: false
@@ -156,9 +182,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const resolvedPrevLabel = computed(() => props.prevLabel ?? messages.value.pagination.previous);
 		const resolvedNextLabel = computed(() => props.nextLabel ?? messages.value.pagination.next);
 		const resolvedPageSizeLabel = computed(() => props.pageSizeLabel ?? messages.value.pagination.perPage);
+		function resolvedItemTotal() {
+			if (props.total > 0) return props.total;
+			if (props.totalPages != null && props.totalPages > 0) return props.totalPages * props.pageSize;
+			return props.total;
+		}
 		const pageRef = ref(props.page);
 		const pageSizeRef = ref(props.pageSize);
-		const totalRef = ref(props.total);
+		const totalRef = ref(resolvedItemTotal());
+		const variant = computed(() => props.variant);
 		const root = ref(null);
 		const density = ref("full");
 		const siblingCount = computed(() => siblingCountForDensity(density.value));
@@ -197,7 +229,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		function syncFromProps() {
 			pageRef.value = props.page;
 			pageSizeRef.value = props.pageSize;
-			totalRef.value = props.total;
+			totalRef.value = resolvedItemTotal();
 		}
 		syncFromProps();
 		const pageSizeOptions = computed(() => {
@@ -222,8 +254,13 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return openBlock(), createElementBlock("nav", {
 				ref_key: "root",
 				ref: root,
-				class: normalizeClass(["astryx-pagination", { "is-disabled": props.disabled }]),
+				class: normalizeClass(["astryx-pagination", {
+					"is-disabled": props.disabled,
+					"astryx-pagination--sm": props.size === "sm"
+				}]),
 				"data-density": density.value,
+				"data-variant": variant.value,
+				"data-size": props.size,
 				role: "navigation",
 				"aria-label": unref(messages).pagination.nav
 			}, [props.showTotal ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "total", {
@@ -249,11 +286,28 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				})], -1)), createElementVNode("span", _hoisted_5, toDisplayString(resolvedPrevLabel.value), 1)], 8, _hoisted_4),
-				createElementVNode("span", {
+				variant.value === "count" ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(unref(messages).pagination.total(totalRef.value, fromIndex.value, toIndex.value)), 1)) : variant.value === "compact" ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(unref(messages).pagination.pageOf(pageRef.value, unref(pagination).totalPages.value)), 1)) : variant.value === "dots" ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: "astryx-pagination-dots",
+					role: "group",
+					"aria-label": unref(messages).pagination.nav
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(pagination).totalPages.value, (dotPage) => {
+					return openBlock(), createElementBlock("button", {
+						key: dotPage,
+						type: "button",
+						class: normalizeClass(["astryx-pagination-dot", { "is-active": dotPage === pageRef.value }]),
+						disabled: props.disabled,
+						"aria-current": dotPage === pageRef.value ? "page" : void 0,
+						"aria-label": unref(messages).pagination.page(dotPage),
+						onClick: ($event) => onPageClick(dotPage)
+					}, null, 10, _hoisted_9);
+				}), 128))], 8, _hoisted_8)) : createCommentVNode("v-if", true),
+				variant.value === "pages" ? (openBlock(), createElementBlock("span", {
+					key: 3,
 					class: "astryx-pagination-compact",
 					"aria-hidden": density.value === "minimal" ? void 0 : true
-				}, toDisplayString(unref(messages).pagination.compact(pageRef.value, unref(pagination).totalPages.value)), 9, _hoisted_6),
-				withDirectives(createElementVNode("div", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(pagination).pageNumbers.value, (page, index) => {
+				}, toDisplayString(unref(messages).pagination.compact(pageRef.value, unref(pagination).totalPages.value)), 9, _hoisted_10)) : createCommentVNode("v-if", true),
+				variant.value === "pages" ? withDirectives((openBlock(), createElementBlock("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(pagination).pageNumbers.value, (page, index) => {
 					return openBlock(), createElementBlock("button", {
 						key: index,
 						type: "button",
@@ -265,15 +319,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						"aria-label": isEllipsis(page) ? unref(messages).pagination.more : unref(messages).pagination.page(page),
 						"aria-current": page === pageRef.value ? "page" : void 0,
 						onClick: ($event) => onPageClick(page)
-					}, toDisplayString(isEllipsis(page) ? "..." : page), 11, _hoisted_8);
-				}), 128))], 512), [[vShow, density.value !== "minimal"]]),
+					}, toDisplayString(isEllipsis(page) ? "..." : page), 11, _hoisted_12);
+				}), 128))], 512)), [[vShow, density.value !== "minimal"]]) : createCommentVNode("v-if", true),
 				createElementVNode("button", {
 					type: "button",
 					class: "astryx-pagination-button astryx-pagination-next",
 					disabled: props.disabled || !unref(pagination).canNext.value,
 					"aria-label": resolvedNextLabel.value,
 					onClick: _cache[1] || (_cache[1] = (...args) => unref(pagination).next && unref(pagination).next(...args))
-				}, [createElementVNode("span", _hoisted_10, toDisplayString(resolvedNextLabel.value), 1), _cache[4] || (_cache[4] = createElementVNode("svg", {
+				}, [createElementVNode("span", _hoisted_14, toDisplayString(resolvedNextLabel.value), 1), _cache[4] || (_cache[4] = createElementVNode("svg", {
 					width: "16",
 					height: "16",
 					viewBox: "0 0 16 16",
@@ -284,8 +338,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"stroke-width": "1.5",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				})], -1))], 8, _hoisted_9),
-				props.showSizeChanger ? (openBlock(), createElementBlock("div", _hoisted_11, [createElementVNode("span", _hoisted_12, toDisplayString(resolvedPageSizeLabel.value), 1), createVNode(_sfc_main$1, {
+				})], -1))], 8, _hoisted_13),
+				props.showSizeChanger ? (openBlock(), createElementBlock("div", _hoisted_15, [createElementVNode("span", _hoisted_16, toDisplayString(resolvedPageSizeLabel.value), 1), createVNode(_sfc_main$1, {
 					"model-value": pageSizeRef.value,
 					options: pageSizeOptions.value,
 					disabled: props.disabled,

package/dist/ProgressBar/index.d.ts

@@ -1,2 +1,2 @@
-import { i as ProgressBarVariant, n as ProgressBarProps, r as ProgressBarSize, t as _default } from "../index-DEeJowZf.js";
+import { i as ProgressBarVariant, n as ProgressBarProps, r as ProgressBarSize, t as _default } from "../index-cGagYM1g.js";
 export { _default as ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant };

package/dist/ProgressBar/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../ProgressBar-ChDp-7oe.js";
+import { t as _sfc_main } from "../ProgressBar-DO9Chic6.js";
 export { _sfc_main as ProgressBar };

package/dist/{ProgressBar-ChDp-7oe.js → ProgressBar-DO9Chic6.js}

@@ -1,4 +1,5 @@
 import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref, useAttrs, useId } from "vue";
+import "../styles/visually-hidden.css";
 import "../styles/progress-bar.css";
 //#region src/ProgressBar/ProgressBar.vue
 const _hoisted_1 = [
@@ -6,14 +7,18 @@ const _hoisted_1 = [
 	"data-variant",
 	"data-indeterminate"
 ];
-const _hoisted_2 = { class: "astryx-progress-bar-header" };
+const _hoisted_2 = {
+	key: 0,
+	class: "astryx-progress-bar-header"
+};
 const _hoisted_3 = ["id"];
 const _hoisted_4 = {
 	key: 1,
 	class: "astryx-progress-bar-value",
 	"aria-hidden": "true"
 };
-const _hoisted_5 = [
+const _hoisted_5 = ["id"];
+const _hoisted_6 = [
 	"aria-labelledby",
 	"aria-describedby",
 	"aria-valuemin",
@@ -21,22 +26,28 @@ const _hoisted_5 = [
 	"aria-valuenow",
 	"aria-valuetext"
 ];
-const _hoisted_6 = ["id"];
+const _hoisted_7 = ["id"];
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxProgressBar",
 	inheritAttrs: false,
 	__name: "ProgressBar",
 	props: {
-		value: {},
+		value: { default: 0 },
 		min: { default: 0 },
 		max: { default: 100 },
 		size: { default: "md" },
 		variant: { default: "neutral" },
 		label: {},
+		isLabelHidden: {
+			type: Boolean,
+			default: false
+		},
 		description: {},
 		isIndeterminate: { type: Boolean },
 		showValue: { type: Boolean },
+		hasValueLabel: { type: Boolean },
 		valueText: {},
+		formatValueLabel: {},
 		width: {}
 	},
 	setup(__props) {
@@ -56,7 +67,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		});
 		const fillWidth = computed(() => ({ width: `${percentage.value}%` }));
 		const widthStyle = computed(() => ({ width: typeof props.width === "number" ? `${props.width}px` : props.width }));
-		const displayValue = computed(() => props.valueText ?? `${Math.round(percentage.value)}%`);
+		const showsValue = computed(() => Boolean(props.showValue || props.hasValueLabel));
+		const displayValue = computed(() => {
+			if (props.valueText != null) return props.valueText;
+			if (props.formatValueLabel) return props.formatValueLabel(clamped.value, max.value);
+			return `${Math.round(percentage.value)}%`;
+		});
 		const labelledBy = computed(() => [labelId.value, attrs["aria-labelledby"]].filter(Boolean).join(" ") || void 0);
 		const describedBy = computed(() => [descriptionId.value, attrs["aria-describedby"]].filter(Boolean).join(" ") || void 0);
 		return (_ctx, _cache) => {
@@ -67,11 +83,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"data-variant": __props.variant,
 				"data-indeterminate": __props.isIndeterminate || void 0
 			}, [
-				createElementVNode("div", _hoisted_2, [__props.label ? (openBlock(), createElementBlock("span", {
+				__props.label && (!__props.isLabelHidden || showsValue.value) ? (openBlock(), createElementBlock("div", _hoisted_2, [__props.label ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					id: labelId.value,
-					class: "astryx-progress-bar-label"
-				}, toDisplayString(__props.label), 9, _hoisted_3)) : createCommentVNode("v-if", true), __props.showValue && !__props.isIndeterminate ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(displayValue.value), 1)) : createCommentVNode("v-if", true)]),
+					class: normalizeClass(["astryx-progress-bar-label", { "astryx-visually-hidden": __props.isLabelHidden }])
+				}, toDisplayString(__props.label), 11, _hoisted_3)) : createCommentVNode("v-if", true), showsValue.value && !__props.isIndeterminate ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(displayValue.value), 1)) : createCommentVNode("v-if", true)])) : __props.label ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					id: labelId.value,
+					class: "astryx-visually-hidden"
+				}, toDisplayString(__props.label), 9, _hoisted_5)) : createCommentVNode("v-if", true),
 				createElementVNode("div", {
 					class: "astryx-progress-bar-track",
 					role: "progressbar",
@@ -84,12 +104,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				}, [createElementVNode("div", {
 					class: "astryx-progress-bar-fill",
 					style: normalizeStyle(__props.isIndeterminate ? void 0 : fillWidth.value)
-				}, null, 4)], 8, _hoisted_5),
+				}, null, 4)], 8, _hoisted_6),
 				__props.description ? (openBlock(), createElementBlock("span", {
-					key: 0,
+					key: 2,
 					id: descriptionId.value,
 					class: "astryx-progress-bar-description"
-				}, toDisplayString(__props.description), 9, _hoisted_6)) : createCommentVNode("v-if", true)
+				}, toDisplayString(__props.description), 9, _hoisted_7)) : createCommentVNode("v-if", true)
 			], 14, _hoisted_1);
 		};
 	}

package/dist/Radio/index.d.ts

@@ -1,2 +1,2 @@
-import { Sn as RadioValue, _n as RadioProps, bn as RadioStatus, cn as _default$1, dn as RadioGroupEmits, fn as RadioGroupProps, gn as RadioOrientation, hn as RadioOption, ln as _default, pn as RadioGroupSlots, un as RadioChangeEvent, vn as RadioSize, xn as RadioStatusType, yn as RadioSlots } from "../index-C6iJwTL0.js";
+import { Sn as RadioValue, _n as RadioProps, bn as RadioStatus, cn as _default$1, dn as RadioGroupEmits, fn as RadioGroupProps, gn as RadioOrientation, hn as RadioOption, ln as _default, pn as RadioGroupSlots, un as RadioChangeEvent, vn as RadioSize, xn as RadioStatusType, yn as RadioSlots } from "../index-DeOftUMq.js";
 export { _default as Radio, type RadioChangeEvent, _default$1 as RadioGroup, type RadioGroupEmits, type RadioGroupProps, type RadioGroupSlots, type RadioOption, type RadioOrientation, type RadioProps, type RadioSize, type RadioSlots, type RadioStatus, type RadioStatusType, type RadioValue };

package/dist/RadioList/index.d.ts

@@ -1,2 +1,2 @@
-import { an as _default$1, mn as RadioListProps, on as RadioListItemProps, sn as _default } from "../index-C6iJwTL0.js";
+import { an as _default$1, mn as RadioListProps, on as RadioListItemProps, sn as _default } from "../index-DeOftUMq.js";
 export { _default as RadioList, _default$1 as RadioListItem, type RadioListItemProps, type RadioListProps };

package/dist/Resizable/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Resizable-BhSMfO5B.js";
+import { t as _sfc_main } from "../Resizable-CE8XQDL2.js";
 export { _sfc_main as ResizeHandle };

package/dist/{Resizable-BhSMfO5B.js → Resizable-CE8XQDL2.js}

@@ -1,4 +1,4 @@
-import { a as useAstryxMessages } from "./context-Dbo22sck.js";
+import { a as useAstryxMessages } from "./context-DzcK4T_C.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, onBeforeUnmount, openBlock, ref, renderSlot, useAttrs, useTemplateRef } from "vue";
 import "../styles/resize-handle.css";
 //#region src/Resizable/ResizeHandle.vue

package/dist/ScrollableArea/index.d.ts

@@ -1,2 +1,2 @@
-import { in as ScrollableAreaSlots, nn as _default, rn as ScrollableAreaProps } from "../index-C6iJwTL0.js";
+import { in as ScrollableAreaSlots, nn as _default, rn as ScrollableAreaProps } from "../index-DeOftUMq.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 { $t as SelectableCardEmits, Qt as _default, en as SelectableCardProps, tn as SelectableCardSlots } from "../index-C6iJwTL0.js";
+import { $t as SelectableCardEmits, Qt as _default, en as SelectableCardProps, tn as SelectableCardSlots } from "../index-DeOftUMq.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 SelectorSize, i as SelectorProps, n as SelectorEmits, o as SelectorSlots, r as SelectorOption, s as SelectorStatus, t as _default } from "../index-BtPZKO20.js";
-export { _default as Selector, type SelectorEmits, type SelectorOption, type SelectorProps, type SelectorSize, type SelectorSlots, type SelectorStatus };
+import { a as SelectorOptionInput, c as SelectorSection, d as SelectorStatus, f as SelectorStatusInput, i as SelectorOption, l as SelectorSize, m as SelectorVariant, n as SelectorEmits, o as SelectorPresentation, p as SelectorStatusVariant, r as SelectorEntry, s as SelectorProps, t as _default, u as SelectorSlots } from "../index-I4J7gwa1.js";
+export { _default as Selector, type SelectorEmits, type SelectorEntry, 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-Da-2BO3q.js";
+import { t as _sfc_main } from "../Selector-DkJOLZSR.js";
 export { _sfc_main as Selector };