@astryx-vue/core 0.1.3 → 0.2.0

package/dist/Outline-DQfEBxlc.js

@@ -0,0 +1,325 @@
+import { t as useListFocus } from "./useListFocus-D0iOJl39.js";
+import { a as useAstryxMessages } from "./context-Dbo22sck.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
+function getScrollableAncestor(element) {
+	let current = element?.parentElement ?? null;
+	while (current != null) {
+		const overflowY = getComputedStyle(current).overflowY;
+		if ((overflowY === "auto" || overflowY === "scroll" || overflowY === "overlay") && current.scrollHeight > current.clientHeight) return current;
+		current = current.parentElement;
+	}
+	return null;
+}
+function getScrollMarginTop(element) {
+	return Number.parseFloat(getComputedStyle(element).scrollMarginTop) || 0;
+}
+function getRootTop(scrollRoot) {
+	return scrollRoot != null ? scrollRoot.getBoundingClientRect().top : 0;
+}
+function getRestingTop(target, scrollRoot, offset) {
+	return getRootTop(scrollRoot) + offset + getScrollMarginTop(target);
+}
+function scrollToTarget(target, scrollRoot, scrollTarget, offset) {
+	const behavior = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
+	if (offset === 0) {
+		target.scrollIntoView({
+			behavior,
+			block: "start"
+		});
+		return;
+	}
+	const delta = target.getBoundingClientRect().top - getRestingTop(target, scrollRoot, offset);
+	scrollTarget.scrollBy({
+		top: delta,
+		behavior
+	});
+}
+function resolveActiveId(items, scrollRoot, offset) {
+	if (items.length === 0) return void 0;
+	if (scrollRoot != null ? scrollRoot.scrollTop + scrollRoot.clientHeight >= scrollRoot.scrollHeight - 2 : window.innerHeight + window.scrollY >= document.documentElement.scrollHeight - 2) return items[items.length - 1].id;
+	let activeId = items[0].id;
+	for (const item of items) {
+		const element = document.getElementById(item.id);
+		if (element == null) continue;
+		if (element.getBoundingClientRect().top <= getRestingTop(element, scrollRoot, offset) + 1) activeId = item.id;
+		else break;
+	}
+	return activeId;
+}
+/** Heading levels 1 and 2 share the first indent. Levels 5 and 6 share the fourth. */
+function indentLevel(level) {
+	return Math.max(1, Math.min(4, level - 1 || 1));
+}
+//#endregion
+//#region src/Outline/useIndicator.ts
+/** Place the sliding bar on the active link, measured against the track. */
+function useOutlineIndicator(root, activeId) {
+	let frame = 0;
+	let observer = null;
+	function place() {
+		const nav = root.value;
+		const track = nav?.querySelector(".astryx-outline__track");
+		const active = nav?.querySelector("[aria-current=\"location\"]");
+		if (nav == null || track == null || active == null) return;
+		const trackRect = track.getBoundingClientRect();
+		const activeRect = active.getBoundingClientRect();
+		nav.style.setProperty("--astryx-outline-indicator-top", `${activeRect.top - trackRect.top}px`);
+		nav.style.setProperty("--astryx-outline-indicator-height", `${activeRect.height}px`);
+	}
+	function schedule() {
+		if (typeof requestAnimationFrame !== "function") {
+			place();
+			return;
+		}
+		if (frame !== 0) cancelAnimationFrame(frame);
+		frame = requestAnimationFrame(() => {
+			frame = 0;
+			place();
+		});
+	}
+	onMounted(() => {
+		schedule();
+		observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(schedule);
+		if (root.value != null) observer?.observe(root.value);
+		window.addEventListener("resize", schedule);
+	});
+	onBeforeUnmount(() => {
+		observer?.disconnect();
+		window.removeEventListener("resize", schedule);
+		if (frame !== 0 && typeof cancelAnimationFrame === "function") cancelAnimationFrame(frame);
+	});
+	watch(activeId, schedule);
+}
+//#endregion
+//#region src/Outline/useScrollSpy.ts
+const SCROLL_SETTLE_TIMEOUT_MS = 1200;
+const SCROLL_KEYS = /* @__PURE__ */ new Set([
+	"ArrowUp",
+	"ArrowDown",
+	"PageUp",
+	"PageDown",
+	"Home",
+	"End",
+	" ",
+	"Spacebar"
+]);
+function useScrollSpy(options) {
+	const isControlled = computed(() => options.activeId.value !== void 0);
+	const uncontrolledId = ref(options.items.value[0]?.id);
+	const resolvedId = computed(() => isControlled.value ? options.activeId.value : uncontrolledId.value);
+	const suppressed = ref(false);
+	let navigation = null;
+	function scrollRoot() {
+		const explicit = options.scrollContainer.value;
+		if (explicit) return explicit;
+		return getScrollableAncestor(options.root.value);
+	}
+	function sync() {
+		if (isControlled.value || suppressed.value) return;
+		const next = resolveActiveId(options.items.value, scrollRoot(), options.offset.value);
+		if (next != null && next !== uncontrolledId.value) {
+			uncontrolledId.value = next;
+			options.onActive(next);
+		}
+	}
+	function scrollTo(id) {
+		const target = typeof document === "undefined" ? null : document.getElementById(id);
+		if (target == null) return false;
+		navigation?.supersede();
+		options.onNavigateStart?.(id);
+		if (isControlled.value) options.onActive(id);
+		else suppressed.value = true;
+		const root = scrollRoot();
+		const targetScroller = root ?? window;
+		let settled = false;
+		let timer = 0;
+		function cleanup() {
+			targetScroller.removeEventListener("scrollend", onSettle);
+			targetScroller.removeEventListener("wheel", onManual);
+			targetScroller.removeEventListener("touchmove", onManual);
+			window.removeEventListener("keydown", onKeyDown);
+			if (timer !== 0) clearTimeout(timer);
+			navigation = null;
+		}
+		function finish(didArrive, shouldResume = true) {
+			if (settled) return;
+			settled = true;
+			cleanup();
+			if (!isControlled.value) {
+				suppressed.value = false;
+				if (didArrive) {
+					uncontrolledId.value = id;
+					options.onActive(id);
+				} else if (shouldResume) sync();
+			}
+			options.onNavigateEnd?.(id);
+		}
+		function onSettle() {
+			finish(true);
+		}
+		function onManual() {
+			finish(false);
+		}
+		function onKeyDown(event) {
+			if (!event.defaultPrevented && SCROLL_KEYS.has(event.key)) finish(false);
+		}
+		if (options.hasScrollOnClick.value) {
+			targetScroller.addEventListener("scrollend", onSettle);
+			targetScroller.addEventListener("wheel", onManual, { passive: true });
+			targetScroller.addEventListener("touchmove", onManual, { passive: true });
+			window.addEventListener("keydown", onKeyDown);
+			timer = window.setTimeout(onSettle, SCROLL_SETTLE_TIMEOUT_MS);
+			navigation = { supersede: () => finish(false, false) };
+			scrollToTarget(target, root, targetScroller, options.offset.value);
+		} else finish(true);
+		return true;
+	}
+	let listened = null;
+	onMounted(() => {
+		sync();
+		listened = scrollRoot() ?? window;
+		listened.addEventListener("scroll", sync, { passive: true });
+		window.addEventListener("resize", sync);
+	});
+	onBeforeUnmount(() => {
+		listened?.removeEventListener("scroll", sync);
+		window.removeEventListener("resize", sync);
+		navigation?.supersede();
+	});
+	watch(() => options.items.value.map((item) => item.id).join("\n"), () => {
+		if (!isControlled.value && (uncontrolledId.value == null || !options.items.value.some((item) => item.id === uncontrolledId.value))) uncontrolledId.value = options.items.value[0]?.id;
+		sync();
+	});
+	return {
+		resolvedId,
+		scrollTo
+	};
+}
+//#endregion
+//#region src/Outline/Outline.vue
+const _hoisted_1 = ["aria-label", "data-density"];
+const _hoisted_2 = [
+	"href",
+	"data-level",
+	"data-active",
+	"aria-current",
+	"onClick",
+	"onKeydown"
+];
+const _hoisted_3 = { class: "astryx-outline__label" };
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxOutline",
+	inheritAttrs: false,
+	__name: "Outline",
+	props: {
+		items: {},
+		activeId: {},
+		label: {},
+		density: { default: "default" },
+		offset: { default: 0 },
+		scrollContainer: { default: null },
+		hasScrollOnClick: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: [
+		"navigateEnd",
+		"navigateStart",
+		"update:activeId"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const messages = useAstryxMessages();
+		const root = ref(null);
+		const regionLabel = computed(() => props.label ?? messages.value.outline.label);
+		const { resolvedId, scrollTo } = useScrollSpy({
+			activeId: toRef(props, "activeId"),
+			items: toRef(props, "items"),
+			root,
+			offset: toRef(props, "offset"),
+			scrollContainer: toRef(props, "scrollContainer"),
+			hasScrollOnClick: toRef(props, "hasScrollOnClick"),
+			onActive: (id) => emit("update:activeId", id),
+			onNavigateStart: (id) => emit("navigateStart", id),
+			onNavigateEnd: (id) => emit("navigateEnd", id)
+		});
+		const { handleFocus, handleKeyDown, listRef } = useListFocus({
+			hasRovingTabIndex: true,
+			itemSelector: "a[href]",
+			orientation: "vertical"
+		});
+		function seatTabStop() {
+			const list = listRef.value;
+			if (list == null || document.activeElement != null && list.contains(document.activeElement)) return;
+			const links = [...list.querySelectorAll("a[href]")];
+			const active = links.find((link) => link.getAttribute("aria-current") === "location");
+			if (active == null) return;
+			for (const link of links) link.tabIndex = link === active ? 0 : -1;
+		}
+		watch(resolvedId, () => {
+			nextTick(seatTabStop);
+		});
+		useOutlineIndicator(root, resolvedId);
+		function hasModifier(event) {
+			return event.metaKey || event.altKey || event.ctrlKey || event.shiftKey;
+		}
+		function navigate(id) {
+			if (scrollTo(id)) window.history.pushState(null, "", `#${id}`);
+		}
+		function onClick(id, event) {
+			if (event.defaultPrevented || hasModifier(event)) return;
+			if (document.getElementById(id) == null) return;
+			event.preventDefault();
+			navigate(id);
+		}
+		function onItemKeyDown(id, event) {
+			if (event.key !== " " && event.key !== "Spacebar") return;
+			if (event.defaultPrevented || hasModifier(event)) return;
+			event.preventDefault();
+			navigate(id);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", {
+				ref_key: "root",
+				ref: root,
+				class: normalizeClass(["astryx-outline", _ctx.$attrs.class]),
+				style: normalizeStyle(_ctx.$attrs.style),
+				"aria-label": regionLabel.value,
+				"data-density": __props.density,
+				"data-component": "outline"
+			}, [
+				createCommentVNode(" eslint-disable-next-line vue-a11y/no-static-element-interactions -- 方向键在链接之间移动焦点，列表本身不是另一个控件。 "),
+				createElementVNode("ul", {
+					ref_key: "listRef",
+					ref: listRef,
+					class: "astryx-outline__list",
+					onKeydown: _cache[0] || (_cache[0] = (...args) => unref(handleKeyDown) && unref(handleKeyDown)(...args)),
+					onFocus: _cache[1] || (_cache[1] = (...args) => unref(handleFocus) && unref(handleFocus)(...args))
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+					return openBlock(), createElementBlock("li", {
+						key: item.id,
+						class: "astryx-outline__item"
+					}, [createElementVNode("a", {
+						class: "astryx-outline__link",
+						href: `#${item.id}`,
+						"data-level": unref(indentLevel)(item.level),
+						"data-active": item.id === unref(resolvedId) || void 0,
+						"aria-current": item.id === unref(resolvedId) ? "location" : void 0,
+						onClick: ($event) => onClick(item.id, $event),
+						onKeydown: ($event) => onItemKeyDown(item.id, $event)
+					}, [createElementVNode("span", _hoisted_3, toDisplayString(item.label), 1)], 40, _hoisted_2)]);
+				}), 128))], 544),
+				_cache[2] || (_cache[2] = createElementVNode("div", {
+					class: "astryx-outline__track",
+					"aria-hidden": "true"
+				}, [createElementVNode("span", { class: "astryx-outline__line" }), createElementVNode("span", { class: "astryx-outline__indicator" })], -1))
+			], 14, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

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-Df2YvC8o.js";
+import { Cn as _default, En as OverflowListProps, Tn as OverflowListItem, wn as OverflowListEmits } from "../index-C6iJwTL0.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-zXg3g6fy.js";
+import { t as _sfc_main } from "../OverflowList-BU5VCntl.js";
 export { _sfc_main as OverflowList };

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

@@ -1,8 +1,8 @@
 import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
-import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
+import { a as useAstryxMessages } from "./context-Dbo22sck.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-mzNQESpB.js";
+import { n as _sfc_main$3, t as _sfc_main$4 } from "./NavMenuItem-B-k7olt5.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import "../styles/overflow-list.css";
 //#region src/OverflowList/OverflowMore.vue

package/dist/Pagination/index.js

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

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

@@ -1,5 +1,5 @@
-import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
-import { t as _sfc_main$1 } from "./Selector-DlZpQh42.js";
+import { a as useAstryxMessages } from "./context-Dbo22sck.js";
+import { t as _sfc_main$1 } from "./Selector-Da-2BO3q.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";
 /**

package/dist/Popover/index.d.ts

@@ -1,3 +1,3 @@
 import { a as PopoverRole, i as PopoverProps, n as PopoverPadding, r as PopoverPlacement, t as PopoverAlignment } from "../types-Db3Owy8Q.js";
-import { t as _default } from "../index-CjtAH60j.js";
+import { t as _default } from "../index-Bu0Zd1uw.js";
 export { _default as Popover, type PopoverAlignment, type PopoverPadding, type PopoverPlacement, type PopoverProps, type PopoverRole };

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-Df2YvC8o.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-C6iJwTL0.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-Df2YvC8o.js";
+import { an as _default$1, mn as RadioListProps, on as RadioListItemProps, sn as _default } from "../index-C6iJwTL0.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-BuGKvU9I.js";
+import { t as _sfc_main } from "../Resizable-BhSMfO5B.js";
 export { _sfc_main as ResizeHandle };

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

@@ -1,4 +1,4 @@
-import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
+import { a as useAstryxMessages } from "./context-Dbo22sck.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-Df2YvC8o.js";
+import { in as ScrollableAreaSlots, nn as _default, rn as ScrollableAreaProps } from "../index-C6iJwTL0.js";
 export { _default as ScrollableArea, type ScrollableAreaProps, type ScrollableAreaSlots };

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-Df2YvC8o.js";
+import { $t as SelectableCardEmits, Qt as _default, en as SelectableCardProps, tn as SelectableCardSlots } from "../index-C6iJwTL0.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-C6RecznD.js";
+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 };

package/dist/Selector/index.js

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

package/dist/{Selector-DlZpQh42.js → Selector-Da-2BO3q.js}

@@ -1,6 +1,6 @@
 import { t as useCombobox } from "./useCombobox-CTo5C-gc.js";
 import { t as useDismiss } from "./useDismiss-CAiHU6QD.js";
-import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
+import { a as useAstryxMessages } from "./context-Dbo22sck.js";
 import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, useSlots, useTemplateRef, vShow, watch, withDirectives, withKeys, withModifiers } from "vue";
 import "../styles/visually-hidden-utility.css";

package/dist/SideNav/index.d.ts

@@ -1,2 +1,2 @@
-import { Bt as _default$1, Gt as SideNavHeadingProps, Ht as SideNavCollapseButtonProps, Jt as SideNavProps, Kt as SideNavItemEmits, Lt as _default$4, Rt as _default$3, Ut as SideNavCollapsible, Vt as _default, Wt as SideNavEmits, Xt as SideNavCollapseContext, Yt as SideNavSectionProps, Zt as useSideNavCollapse, qt as SideNavItemProps, zt as _default$2 } from "../index-Df2YvC8o.js";
+import { Bt as _default$1, Gt as SideNavHeadingProps, Ht as SideNavCollapseButtonProps, Jt as SideNavProps, Kt as SideNavItemEmits, Lt as _default$4, Rt as _default$3, Ut as SideNavCollapsible, Vt as _default, Wt as SideNavEmits, Xt as SideNavCollapseContext, Yt as SideNavSectionProps, Zt as useSideNavCollapse, qt as SideNavItemProps, zt as _default$2 } from "../index-C6iJwTL0.js";
 export { _default as SideNav, _default$1 as SideNavCollapseButton, type SideNavCollapseButtonProps, type SideNavCollapseContext, type SideNavCollapsible, type SideNavEmits, _default$2 as SideNavHeading, type SideNavHeadingProps, _default$3 as SideNavItem, type SideNavItemEmits, type SideNavItemProps, type SideNavProps, _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-Cdrigq2A.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-B-Om6Bz3.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-Cdrigq2A.js → SideNav-B-Om6Bz3.js}

@@ -1,7 +1,7 @@
 import { t as useHotkeys } from "./useHotkeys-dABSK1o9.js";
-import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
+import { a as useAstryxMessages } from "./context-Dbo22sck.js";
 import { i as useSideNavRenderMode, r as useSideNavCollapse, t as sideNavCollapseKey } from "./context-BjNya0v8.js";
-import { t as _sfc_main$5 } from "./Icon-5MdZQ18k.js";
+import { t as _sfc_main$5 } from "./Icon-Dfr4k6-S.js";
 import { n as resolveNavRoot } from "./link-CdcUSxAj.js";
 import { t as _sfc_main$6 } from "./NavItem-FFOisITc.js";
 import { t as _sfc_main$7 } from "./NavDisclosure-DHrSNRDR.js";

package/dist/Stepper/index.js

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

package/dist/{Stepper-DxmLfh8O.js → Stepper-BZ_8SEZt.js}

@@ -1,5 +1,5 @@
 import { t as _sfc_main$3 } from "./VisuallyHidden-C7NN3VEP.js";
-import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
+import { a as useAstryxMessages } from "./context-Dbo22sck.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, onMounted, onUnmounted, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/stepper.css";
 //#region src/Stepper/context.ts

package/dist/Switch/index.d.ts

@@ -1,2 +1,2 @@
-import { At as SwitchChangeEvent, Ft as SwitchStatus, It as SwitchStatusType, Mt as SwitchProps, Nt as SwitchSize, Ot as _default, Pt as SwitchSlots, jt as SwitchEmits, kt as SwitchChangeAction } from "../index-Df2YvC8o.js";
+import { At as SwitchChangeEvent, Ft as SwitchStatus, It as SwitchStatusType, Mt as SwitchProps, Nt as SwitchSize, Ot as _default, Pt as SwitchSlots, jt as SwitchEmits, kt as SwitchChangeAction } from "../index-C6iJwTL0.js";
 export { _default as Switch, type SwitchChangeAction, type SwitchChangeEvent, type SwitchEmits, type SwitchProps, type SwitchSize, type SwitchSlots, type SwitchStatus, type SwitchStatusType };

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-C411uNQU.js";
+import { n as _sfc_main$1, r as _sfc_main, t as _sfc_main$2 } from "../TabList-Cnc2Hs1H.js";
 export { _sfc_main as Tab, _sfc_main$1 as TabList, _sfc_main$2 as TabMenu };

package/dist/{TabList-C411uNQU.js → TabList-Cnc2Hs1H.js}

@@ -1,6 +1,6 @@
 import { t as useDismiss } from "./useDismiss-CAiHU6QD.js";
 import { t as useListFocus } from "./useListFocus-D0iOJl39.js";
-import { t as _sfc_main$3 } from "./Icon-5MdZQ18k.js";
+import { t as _sfc_main$3 } from "./Icon-Dfr4k6-S.js";
 import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, toDisplayString, unref, useId, watch } from "vue";
 import "../styles/tab-list.css";

package/dist/Table/index.js

@@ -1,2 +1,2 @@
-import { C as paginateData, D as sortRows, E as resolveColumnWidths, S as generateColumns, T as proportional, _ as useTableColumnSettings, a as _sfc_main$3, b as capitalize, c as _sfc_main, d as useTableSelection, f as useTableSelectionState, g as useTableFiltering, h as useTableFilterState, i as _sfc_main$4, l as useTableSortable, m as applyTableFilters, n as _sfc_main$6, o as _sfc_main$2, p as useTablePagination, r as _sfc_main$5, s as _sfc_main$1, t as _sfc_main$7, u as useTableSortableState, v as useTableColumnSettingsState, w as pixel, x as cellText, y as useTableColumnResize } from "../Table-7qRmlIQd.js";
+import { C as paginateData, D as sortRows, E as resolveColumnWidths, S as generateColumns, T as proportional, _ as useTableColumnSettings, a as _sfc_main$3, b as capitalize, c as _sfc_main, d as useTableSelection, f as useTableSelectionState, g as useTableFiltering, h as useTableFilterState, i as _sfc_main$4, l as useTableSortable, m as applyTableFilters, n as _sfc_main$6, o as _sfc_main$2, p as useTablePagination, r as _sfc_main$5, s as _sfc_main$1, t as _sfc_main$7, u as useTableSortableState, v as useTableColumnSettingsState, w as pixel, x as cellText, y as useTableColumnResize } from "../Table-D-LhAy_J.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, capitalize, cellText, generateColumns, paginateData, paginateData as paginateTableData, pixel, proportional, resolveColumnWidths, sortRows, useTableColumnResize, useTableColumnSettings, useTableColumnSettingsState, useTableFilterState, useTableFiltering, useTablePagination, useTableSelection, useTableSelectionState, useTableSortable, useTableSortableState };

package/dist/{Table-7qRmlIQd.js → Table-D-LhAy_J.js}

@@ -1,11 +1,11 @@
 import { t as _sfc_main$10 } from "./Button-DrqeomlE.js";
-import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
+import { a as useAstryxMessages } from "./context-Dbo22sck.js";
 import { t as _sfc_main$11 } from "./IconButton-BNQuz9W_.js";
-import { t as _sfc_main$12 } from "./Icon-5MdZQ18k.js";
+import { t as _sfc_main$12 } from "./Icon-Dfr4k6-S.js";
 import { t as _sfc_main$13 } from "./CheckboxInput-CMsEE1_4.js";
 import { t as _sfc_main$14 } from "./Popover-Crhk9PNP.js";
-import { t as _sfc_main$15 } from "./Pagination-DXfgMUKJ.js";
-import { t as _sfc_main$16 } from "./Selector-DlZpQh42.js";
+import { t as _sfc_main$15 } from "./Pagination-HdhtykeF.js";
+import { t as _sfc_main$16 } from "./Selector-Da-2BO3q.js";
 import { t as _sfc_main$17 } from "./TextInput-BasnjVvy.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, h, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, toValue, unref, watch, withCtx } from "vue";
 import "../styles/table.css";

package/dist/Text/index.d.ts

@@ -1,2 +1,3 @@
-import { a as TextProps, c as TextWeight, i as TextDisplay, n as TextAs, o as TextSize, r as TextColor, s as TextType, t as _default } from "../index-BzqRns96.js";
-export { _default as Text, type TextAs, type TextColor, type TextDisplay, type TextProps, type TextSize, type TextType, type TextWeight };
+import { a as TextSize, c as TextWordBreak, i as TextProps, l as TextWrap, n as TextColor, o as TextType, r as TextDisplay, s as TextWeight, t as TextAs } from "../types-Bt-lSgYX.js";
+import { t as _default } from "../index-Cm_TiLXU.js";
+export { _default as Text, type TextAs, type TextColor, type TextDisplay, type TextProps, type TextSize, type TextType, type TextWeight, type TextWordBreak, type TextWrap };

package/dist/Text/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Text-CKd7e3gK.js";
+import { t as _sfc_main } from "../Text-BHVghsWo.js";
 export { _sfc_main as Text };

package/dist/{Text-CKd7e3gK.js → Text-BHVghsWo.js}

@@ -8,19 +8,29 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		size: {},
 		color: { default: "primary" },
 		weight: {},
+		textWrap: {},
+		wordBreak: {},
+		hasStrikethrough: { type: Boolean },
+		hasTabularNumbers: { type: Boolean },
 		display: { default: "inline" },
 		as: { default: "span" },
 		maxLines: { default: 0 }
 	},
 	setup(__props) {
 		const props = __props;
+		const weight = computed(() => props.weight === "normal" ? "regular" : props.weight);
+		const isBlock = computed(() => props.display === "block" || props.maxLines > 0);
 		const classes = computed(() => [
 			"astryx-text",
 			`astryx-text--type-${props.type}`,
 			props.size && `astryx-text--size-${props.size}`,
 			`astryx-text--color-${props.color}`,
-			props.weight && `astryx-text--weight-${props.weight}`,
-			props.display === "block" && "astryx-text--block",
+			weight.value && `astryx-text--weight-${weight.value}`,
+			props.textWrap && `astryx-text--wrap-${props.textWrap}`,
+			props.wordBreak && `astryx-text--word-${props.wordBreak}`,
+			props.hasStrikethrough && "astryx-text--strike",
+			props.hasTabularNumbers && "astryx-text--tabular",
+			isBlock.value && "astryx-text--block",
 			props.maxLines === 1 && "astryx-text--truncate-single",
 			props.maxLines > 1 && "astryx-text--truncate-multi"
 		]);

package/dist/TextArea/index.d.ts

@@ -1,2 +1,2 @@
-import { Ct as TextAreaSize, Dt as TextAreaWrap, Et as TextAreaStatusType, St as TextAreaResize, Tt as TextAreaStatus, _t as _default, bt as TextAreaEmits, vt as TextAreaChangeAction, wt as TextAreaSlots, xt as TextAreaProps, yt as TextAreaChangeEvent } from "../index-Df2YvC8o.js";
+import { Ct as TextAreaSize, Dt as TextAreaWrap, Et as TextAreaStatusType, St as TextAreaResize, Tt as TextAreaStatus, _t as _default, bt as TextAreaEmits, vt as TextAreaChangeAction, wt as TextAreaSlots, xt as TextAreaProps, yt as TextAreaChangeEvent } from "../index-C6iJwTL0.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/TextInput/index.d.ts

@@ -1,2 +1,2 @@
-import { ct as TextInputChangeAction, dt as TextInputProps, ft as TextInputSize, gt as TextInputType, ht as TextInputStatusType, lt as TextInputChangeEvent, mt as TextInputStatus, pt as TextInputSlots, st as _default, ut as TextInputEmits } from "../index-Df2YvC8o.js";
+import { ct as TextInputChangeAction, dt as TextInputProps, ft as TextInputSize, gt as TextInputType, ht as TextInputStatusType, lt as TextInputChangeEvent, mt as TextInputStatus, pt as TextInputSlots, st as _default, ut as TextInputEmits } from "../index-C6iJwTL0.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/Theme/index.d.ts

@@ -0,0 +1,2 @@
+import { _ as ThemeSurfaceInput, a as _default$1, c as isDefinedTheme, d as DefineThemeInput, f as MediaThemeMode, g as ThemeProps, h as ThemeMode, i as useMediaTheme, l as neutralTheme, m as ThemeDefinition, n as useTheme, o as _default, p as MediaThemeProps, r as UseMediaThemeReturn, s as defineTheme, t as UseThemeReturn, u as normalizeTokenName, v as ThemeTokenValue, y as ThemeTokens } from "../index-CRizexSC.js";
+export { type DefineThemeInput, _default as MediaTheme, type MediaThemeMode, type MediaThemeProps, _default$1 as Theme, type ThemeDefinition, type ThemeMode, type ThemeProps, type ThemeSurfaceInput, type ThemeTokenValue, type ThemeTokens, type UseMediaThemeReturn, type UseThemeReturn, defineTheme, isDefinedTheme, neutralTheme, normalizeTokenName, useMediaTheme, useTheme };

package/dist/Theme/index.js

@@ -0,0 +1,2 @@
+import { a as defineTheme, c as normalizeTokenName, i as _sfc_main, n as useMediaTheme, o as isDefinedTheme, r as _sfc_main$1, s as neutralTheme, t as useTheme } from "../Theme-BuUiiJNr.js";
+export { _sfc_main as MediaTheme, _sfc_main$1 as Theme, defineTheme, isDefinedTheme, neutralTheme, normalizeTokenName, useMediaTheme, useTheme };