@astryx-vue/core 0.2.2 → 0.2.4

package/dist/Item-DrYJL1TG.js

@@ -0,0 +1,590 @@
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toValue, unref, useAttrs, useId, useSlots, useTemplateRef, withCtx, withModifiers } from "vue";
+import "../styles/list.css";
+//#region src/List/context.ts
+const listContextKey = Symbol("astryx-list-context");
+/** The surrounding list, or `undefined` when the row stands alone. */
+function useListContext() {
+	return inject(listContextKey, void 0);
+}
+const itemDescriptionContextKey = Symbol("astryx-item-description");
+/**
+* The id of the description element of the nearest row, so a control rendered
+* in one of that row's slots can point `aria-describedby` at it. `null` when
+* the row renders no description.
+*/
+function useItemDescriptionId() {
+	return inject(itemDescriptionContextKey, computed(() => null));
+}
+//#endregion
+//#region src/List/useItemSwipe.ts
+const AXIS_LOCK_PX = 10;
+const REST_FRACTION = .5;
+const COMMIT_PAST_PX = 48;
+const COMMIT_FRACTION = .5;
+const FLING_VELOCITY = .6;
+const FLING_MIN_PX = 44;
+const OVERSHOOT_PX = 24;
+const SETTLE_MS = 200;
+/**
+* 触摸横滑露出行内操作。鼠标不开始拖动；竖着拖留给外面的滚动。
+* `reveal` 松手后停在打开的位置，长拖或甩动触发最外侧。
+* `commit` 松手越过阈值就滑出并触发最外侧，没有停住的状态。
+*/
+function useItemSwipe(options) {
+	const phase = ref("idle");
+	let pointerId = null;
+	let originX = 0;
+	let originY = 0;
+	let claimed = null;
+	let direction = 1;
+	let lastX = 0;
+	let lastTime = 0;
+	let velocity = 0;
+	let suppressClick = false;
+	let settleTimer;
+	function write(travel, duration) {
+		const root = options.root.value;
+		if (!root) return;
+		root.style.setProperty("--_item-swipe-dir", String(direction));
+		root.style.setProperty("--_item-swipe-travel", String(travel));
+		root.style.setProperty("--_item-swipe-duration", duration);
+	}
+	function panelWidth(side) {
+		return (options.root.value?.querySelector(`[data-side="${side}"]`))?.offsetWidth || 72;
+	}
+	function clearSettle() {
+		if (settleTimer != null) clearTimeout(settleTimer);
+		settleTimer = void 0;
+	}
+	function springTo(travel, next) {
+		clearSettle();
+		phase.value = "settling";
+		write(travel, `${SETTLE_MS}ms`);
+		settleTimer = setTimeout(() => {
+			phase.value = next;
+			if (next === "idle") write(0, "0s");
+		}, SETTLE_MS);
+	}
+	function stopTracking() {
+		pointerId = null;
+		claimed = null;
+		if (typeof document !== "undefined") {
+			document.removeEventListener("pointermove", onPointerMove);
+			document.removeEventListener("pointerup", onPointerUp);
+			document.removeEventListener("pointercancel", onPointerCancel);
+		}
+	}
+	function onPointerMove(event) {
+		if (event.pointerId !== pointerId) return;
+		const dx = event.clientX - originX;
+		const dy = event.clientY - originY;
+		if (claimed == null) {
+			if (Math.abs(dx) < AXIS_LOCK_PX && Math.abs(dy) < AXIS_LOCK_PX) return;
+			if (Math.abs(dy) > Math.abs(dx)) {
+				stopTracking();
+				return;
+			}
+			claimed = true;
+			phase.value = "dragging";
+			write(0, "0s");
+		}
+		event.preventDefault();
+		const now = event.timeStamp;
+		if (lastTime > 0) velocity = (event.clientX - lastX) / Math.max(1, now - lastTime);
+		lastX = event.clientX;
+		lastTime = now;
+		let logical = dx * direction;
+		if (logical > 0 && options.leading.value.length === 0) logical = 0;
+		if (logical < 0 && options.trailing.value.length === 0) logical = 0;
+		const limit = panelWidth(logical >= 0 ? "leading" : "trailing");
+		const distance = Math.abs(logical);
+		const resisted = distance > limit ? limit + (distance - limit) * .35 : distance;
+		write(Math.sign(logical || 1) * resisted, "0s");
+	}
+	function currentTravel() {
+		const raw = options.root.value?.style.getPropertyValue("--_item-swipe-travel");
+		return Number(raw) || 0;
+	}
+	function actionsFor(side) {
+		return side === "leading" ? options.leading.value : options.trailing.value;
+	}
+	function finish(event) {
+		if (event.pointerId !== pointerId) return;
+		const travel = currentTravel();
+		const didDrag = claimed === true;
+		stopTracking();
+		if (!didDrag) return;
+		suppressClick = true;
+		setTimeout(() => {
+			suppressClick = false;
+		}, 400);
+		const side = travel >= 0 ? "leading" : "trailing";
+		const actions = actionsFor(side);
+		const outermost = actions[actions.length - 1];
+		const distance = Math.abs(travel);
+		const width = panelWidth(side);
+		const rowWidth = options.root.value?.offsetWidth ?? width;
+		const logicalVelocity = velocity * direction;
+		const flung = Math.sign(logicalVelocity) === Math.sign(travel) && Math.abs(logicalVelocity) > FLING_VELOCITY && distance > FLING_MIN_PX;
+		if (options.behavior.value === "commit") {
+			if ((distance >= Math.max(width + COMMIT_PAST_PX, rowWidth * COMMIT_FRACTION) || flung) && outermost && !outermost.isDisabled) {
+				outermost.onActivate();
+				springTo(Math.sign(travel || 1) * (rowWidth + OVERSHOOT_PX), outermost.hasRemoval ? "held" : "idle");
+				return;
+			}
+			springTo(0, "idle");
+			return;
+		}
+		if (flung && outermost && !outermost.isDisabled && distance > width) {
+			outermost.onActivate();
+			springTo(Math.sign(travel || 1) * (rowWidth + OVERSHOOT_PX), outermost.hasRemoval ? "held" : "idle");
+			return;
+		}
+		if (distance >= width * REST_FRACTION) springTo(Math.sign(travel || 1) * width, "resting");
+		else springTo(0, "idle");
+	}
+	function onPointerUp(event) {
+		finish(event);
+	}
+	function onPointerCancel(event) {
+		if (event.pointerId !== pointerId) return;
+		stopTracking();
+		springTo(0, "idle");
+	}
+	function onPointerDown(event) {
+		if (!options.enabled.value || event.pointerType !== "touch" || phase.value === "held") return;
+		const target = event.target;
+		if (target instanceof Element && target.closest("button, a, input, textarea, select")) return;
+		pointerId = event.pointerId;
+		originX = event.clientX;
+		originY = event.clientY;
+		lastX = event.clientX;
+		lastTime = event.timeStamp;
+		velocity = 0;
+		claimed = null;
+		direction = getComputedStyle(options.root.value ?? document.documentElement).direction === "rtl" ? -1 : 1;
+		document.addEventListener("pointermove", onPointerMove);
+		document.addEventListener("pointerup", onPointerUp);
+		document.addEventListener("pointercancel", onPointerCancel);
+	}
+	function onClickCapture(event) {
+		if (!suppressClick) return;
+		const target = event.target;
+		if (target instanceof Element && target.closest(".astryx-item__swipe-action")) return;
+		event.preventDefault();
+		event.stopPropagation();
+	}
+	function onKeyDown(event) {
+		if (event.key === "Escape" && (phase.value === "resting" || phase.value === "dragging")) springTo(0, "idle");
+	}
+	function activate(action) {
+		if (action.isDisabled) return;
+		action.onActivate();
+		if (action.hasRemoval) {
+			const rowWidth = options.root.value?.offsetWidth ?? 0;
+			const travel = currentTravel();
+			springTo(Math.sign(travel || 1) * (rowWidth + OVERSHOOT_PX), "held");
+			return;
+		}
+		springTo(0, "idle");
+	}
+	onBeforeUnmount(() => {
+		stopTracking();
+		clearSettle();
+	});
+	return {
+		phase,
+		onPointerDown,
+		onClickCapture,
+		onKeyDown,
+		activate
+	};
+}
+//#endregion
+//#region src/List/Item.vue
+const _hoisted_1 = ["inert"];
+const _hoisted_2 = [
+	"data-variant",
+	"disabled",
+	"onClick"
+];
+const _hoisted_3 = ["inert"];
+const _hoisted_4 = [
+	"data-variant",
+	"disabled",
+	"onClick"
+];
+const _hoisted_5 = {
+	key: 1,
+	class: "astryx-item__surface"
+};
+const _hoisted_6 = {
+	key: 0,
+	class: "astryx-item__start"
+};
+const _hoisted_7 = {
+	key: 1,
+	class: "astryx-item__end"
+};
+const _hoisted_8 = {
+	key: 0,
+	class: "astryx-item__start"
+};
+const _hoisted_9 = {
+	key: 1,
+	class: "astryx-item__end"
+};
+const NATIVE_CONTROL_SELECTOR = "button, a, input, select, textarea";
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxItem",
+	inheritAttrs: false,
+	__name: "Item",
+	props: {
+		as: { default: "div" },
+		align: { default: "center" },
+		layout: { default: "stacked" },
+		labelLines: {},
+		descriptionLines: {},
+		isHighlighted: {
+			type: Boolean,
+			default: false
+		},
+		label: {},
+		description: {},
+		density: { default: "balanced" },
+		onClick: {},
+		interactiveRef: {},
+		href: {},
+		target: {},
+		rel: {},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		isSelected: {
+			type: Boolean,
+			default: false
+		},
+		swipeActions: {},
+		swipeBehavior: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const ARIA_SELECTED_ROLES = /* @__PURE__ */ new Set([
+			"option",
+			"tab",
+			"row",
+			"gridcell",
+			"columnheader",
+			"rowheader",
+			"treeitem"
+		]);
+		const INTERACTIVE_SELECTOR = [
+			"button",
+			"a",
+			"input",
+			"select",
+			"textarea",
+			"[role=\"button\"]",
+			"[role=\"link\"]",
+			"[role=\"checkbox\"]",
+			"[role=\"radio\"]",
+			"[role=\"switch\"]",
+			"[role=\"tab\"]",
+			"[role=\"menuitem\"]",
+			"[role=\"option\"]",
+			"[role=\"combobox\"]",
+			"[role=\"listbox\"]",
+			"[role=\"slider\"]",
+			"[role=\"spinbutton\"]"
+		].join(",");
+		const CONTROLLED_ATTRS = /* @__PURE__ */ new Set([
+			"class",
+			"style",
+			"role",
+			"aria-current",
+			"aria-disabled",
+			"aria-selected"
+		]);
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const root = useTemplateRef("root");
+		function isRenderable(value) {
+			return value != null && value !== "";
+		}
+		function isInteractiveElement(element) {
+			return element.matches(INTERACTIVE_SELECTOR) && !element.matches("[aria-readonly=\"true\"]");
+		}
+		function toElement(value) {
+			if (value == null) return null;
+			if (value instanceof HTMLElement) return value;
+			return value.$el instanceof HTMLElement ? value.$el : null;
+		}
+		const element = computed(() => toElement(root.value));
+		const descriptionIdBase = `astryx-item-description-${useId()}`;
+		const hasDescription = computed(() => slots.description != null || isRenderable(props.description));
+		const hasLabel = computed(() => slots.label != null || isRenderable(props.label));
+		provide(itemDescriptionContextKey, computed(() => hasDescription.value ? descriptionIdBase : null));
+		const role = computed(() => attrs.role);
+		const hasParentRole = computed(() => role.value != null);
+		const allowsAriaSelected = computed(() => role.value != null && ARIA_SELECTED_ROLES.has(role.value));
+		const ariaCurrent = computed(() => attrs["aria-current"] ?? (props.isSelected && !allowsAriaSelected.value ? true : void 0));
+		const isDelegate = computed(() => props.interactiveRef != null);
+		const isInteractive = computed(() => props.onClick != null || props.href != null || isDelegate.value);
+		const isLinkRoot = computed(() => typeof props.as !== "string" && props.href != null);
+		const resolvedTarget = computed(() => props.target);
+		const resolvedRel = computed(() => {
+			const tokens = new Set((props.rel ?? "").split(/\s+/).filter(Boolean));
+			if (resolvedTarget.value === "_blank") {
+				tokens.add("noopener");
+				tokens.add("noreferrer");
+			}
+			return tokens.size > 0 ? [...tokens].join(" ") : void 0;
+		});
+		const isInline = computed(() => props.layout === "inline" && hasDescription.value);
+		function clampClass(lines) {
+			if (lines === 1) return "astryx-item__ellipsis";
+			return lines > 1 ? "astryx-item__clamp" : void 0;
+		}
+		function clampStyle(lines) {
+			return lines > 1 ? { "--astryx-item-clamp-lines": String(lines) } : void 0;
+		}
+		const labelClamp = computed(() => props.labelLines ?? (typeof props.label === "string" ? 1 : 0));
+		const descriptionClamp = computed(() => {
+			if (props.descriptionLines != null) return props.descriptionLines;
+			return typeof props.description === "string" || isInline.value ? 1 : 0;
+		});
+		const labelClasses = computed(() => clampClass(labelClamp.value));
+		const labelStyle = computed(() => clampStyle(labelClamp.value));
+		const descriptionClasses = computed(() => clampClass(descriptionClamp.value));
+		const descriptionStyle = computed(() => clampStyle(descriptionClamp.value));
+		const contentTag = computed(() => {
+			if (hasParentRole.value || isDelegate.value) return "span";
+			if (props.href != null && !isLinkRoot.value) return "a";
+			return props.onClick != null ? "button" : "span";
+		});
+		function handleContentClick(event) {
+			props.onClick?.(event);
+		}
+		const contentAttrs = computed(() => {
+			if (contentTag.value === "a") return {
+				"href": props.href,
+				"rel": resolvedRel.value,
+				"target": resolvedTarget.value,
+				"aria-disabled": props.isDisabled || void 0,
+				"tabindex": props.isDisabled ? -1 : void 0
+			};
+			if (contentTag.value === "button") return {
+				type: "button",
+				disabled: props.isDisabled,
+				onClick: handleContentClick
+			};
+			return {};
+		});
+		function hasTextSelection(node) {
+			const selection = node.ownerDocument.getSelection?.();
+			return selection != null && !selection.isCollapsed && selection.anchorNode != null && node.contains(selection.anchorNode);
+		}
+		function hasInteractiveAncestor(target, container) {
+			let current = target;
+			while (current != null && current !== container && current !== container.ownerDocument.body) {
+				if (isInteractiveElement(current)) return true;
+				current = current.parentElement;
+			}
+			return false;
+		}
+		function handleContainerClick(event) {
+			if (props.isDisabled) return;
+			const target = event.target;
+			if (target instanceof HTMLElement && target.closest(NATIVE_CONTROL_SELECTOR) != null) return;
+			props.onClick?.(event);
+		}
+		function handleDelegatedClick(event) {
+			if (props.isDisabled) return;
+			const container = element.value;
+			const target = event.target;
+			if (container == null || !(target instanceof HTMLElement)) return;
+			if (hasTextSelection(container)) return;
+			if (target !== event.currentTarget && hasInteractiveAncestor(target, container)) return;
+			const control = toValue(props.interactiveRef);
+			if (control == null) return;
+			control.dispatchEvent(new MouseEvent("click", {
+				altKey: event.altKey,
+				bubbles: event.bubbles,
+				button: event.button,
+				cancelable: event.cancelable,
+				ctrlKey: event.ctrlKey,
+				metaKey: event.metaKey,
+				shiftKey: event.shiftKey
+			}));
+			event.stopPropagation();
+		}
+		const SWIPE_BLOCKED_ROLES = /* @__PURE__ */ new Set([
+			"option",
+			"menuitem",
+			"menuitemcheckbox",
+			"menuitemradio"
+		]);
+		const swipeBehavior = computed(() => props.swipeBehavior ?? "reveal");
+		const leadingActions = computed(() => {
+			const actions = props.swipeActions?.leading ?? [];
+			return swipeBehavior.value === "commit" ? actions.slice(-1) : actions;
+		});
+		const trailingActions = computed(() => {
+			const actions = props.swipeActions?.trailing ?? [];
+			return swipeBehavior.value === "commit" ? actions.slice(-1) : actions;
+		});
+		const swipeEnabled = computed(() => {
+			if (props.isDisabled || isDelegate.value) return false;
+			if (role.value != null && SWIPE_BLOCKED_ROLES.has(role.value)) return false;
+			return leadingActions.value.length + trailingActions.value.length > 0;
+		});
+		const swipe = useItemSwipe({
+			root: element,
+			enabled: swipeEnabled,
+			behavior: swipeBehavior,
+			leading: leadingActions,
+			trailing: trailingActions
+		});
+		const rootClick = computed(() => {
+			if (isDelegate.value) return handleDelegatedClick;
+			if (hasParentRole.value) return props.onClick;
+			return isInteractive.value ? handleContainerClick : void 0;
+		});
+		const rootClass = computed(() => [
+			"astryx-item",
+			swipeEnabled.value && "astryx-item--swipe",
+			attrs.class
+		]);
+		const forwardedAttrs = computed(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => !CONTROLLED_ATTRS.has(key))));
+		function focus(options) {
+			(element.value?.querySelector("a[href], button:not([disabled])"))?.focus(options);
+		}
+		function blur() {
+			const active = element.value?.ownerDocument.activeElement;
+			if (active instanceof HTMLElement && element.value?.contains(active)) active.blur();
+		}
+		__expose({
+			element,
+			focus,
+			blur
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({
+				ref_key: "root",
+				ref: root
+			}, forwardedAttrs.value, {
+				"aria-current": ariaCurrent.value,
+				"aria-disabled": __props.isDisabled || void 0,
+				"aria-selected": allowsAriaSelected.value && __props.isSelected ? true : void 0,
+				class: rootClass.value,
+				"data-align": __props.align,
+				"data-density": __props.density,
+				"data-disabled": __props.isDisabled || void 0,
+				"data-highlighted": __props.isHighlighted || void 0,
+				"data-inert": __props.isDisabled && !hasParentRole.value ? true : void 0,
+				"data-interactive": isInteractive.value || void 0,
+				"data-selected": __props.isSelected || void 0,
+				"data-swipe": swipeEnabled.value ? unref(swipe).phase.value : void 0,
+				role: role.value,
+				style: unref(attrs).style,
+				onPointerdown: unref(swipe).onPointerDown,
+				onClickCapture: unref(swipe).onClickCapture,
+				onKeydown: unref(swipe).onKeyDown,
+				onClick: rootClick.value
+			}), {
+				default: withCtx(() => [swipeEnabled.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [leadingActions.value.length ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "astryx-item__swipe-panel",
+					"data-side": "leading",
+					inert: unref(swipe).phase.value === "resting" ? void 0 : true
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(leadingActions.value, (action) => {
+					return openBlock(), createElementBlock("button", {
+						key: action.id ?? action.label,
+						type: "button",
+						class: "astryx-item__swipe-action",
+						"data-variant": action.variant ?? "neutral",
+						disabled: action.isDisabled,
+						onClick: withModifiers(($event) => unref(swipe).activate(action), ["stop"])
+					}, [action.icon ? (openBlock(), createBlock(resolveDynamicComponent(action.icon), {
+						key: 0,
+						"aria-hidden": "true"
+					})) : createCommentVNode("v-if", true), createElementVNode("span", null, toDisplayString(action.label), 1)], 8, _hoisted_2);
+				}), 128))], 8, _hoisted_1)) : createCommentVNode("v-if", true), trailingActions.value.length ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "astryx-item__swipe-panel",
+					"data-side": "trailing",
+					inert: unref(swipe).phase.value === "resting" ? void 0 : true
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(trailingActions.value, (action) => {
+					return openBlock(), createElementBlock("button", {
+						key: action.id ?? action.label,
+						type: "button",
+						class: "astryx-item__swipe-action",
+						"data-variant": action.variant ?? "neutral",
+						disabled: action.isDisabled,
+						onClick: withModifiers(($event) => unref(swipe).activate(action), ["stop"])
+					}, [action.icon ? (openBlock(), createBlock(resolveDynamicComponent(action.icon), {
+						key: 0,
+						"aria-hidden": "true"
+					})) : createCommentVNode("v-if", true), createElementVNode("span", null, toDisplayString(action.label), 1)], 8, _hoisted_4);
+				}), 128))], 8, _hoisted_3)) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true), swipeEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+					renderSlot(_ctx.$slots, "marker"),
+					_ctx.$slots.startContent ? (openBlock(), createElementBlock("span", _hoisted_6, [renderSlot(_ctx.$slots, "startContent")])) : createCommentVNode("v-if", true),
+					(openBlock(), createBlock(resolveDynamicComponent(contentTag.value), mergeProps(contentAttrs.value, { class: ["astryx-item__content", { "astryx-item__content--inline": isInline.value }] }), {
+						default: withCtx(() => [hasLabel.value ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: normalizeClass(["astryx-item__label", labelClasses.value]),
+							style: normalizeStyle(labelStyle.value)
+						}, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])], 6)) : createCommentVNode("v-if", true), hasDescription.value ? (openBlock(), createElementBlock("span", {
+							key: 1,
+							id: descriptionIdBase,
+							class: normalizeClass(["astryx-item__description", descriptionClasses.value]),
+							style: normalizeStyle(descriptionStyle.value)
+						}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])], 6)) : createCommentVNode("v-if", true)]),
+						_: 3
+					}, 16, ["class"])),
+					_ctx.$slots.endContent ? (openBlock(), createElementBlock("span", _hoisted_7, [renderSlot(_ctx.$slots, "endContent")])) : createCommentVNode("v-if", true)
+				])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+					renderSlot(_ctx.$slots, "marker"),
+					_ctx.$slots.startContent ? (openBlock(), createElementBlock("span", _hoisted_8, [renderSlot(_ctx.$slots, "startContent")])) : createCommentVNode("v-if", true),
+					(openBlock(), createBlock(resolveDynamicComponent(contentTag.value), mergeProps(contentAttrs.value, { class: ["astryx-item__content", { "astryx-item__content--inline": isInline.value }] }), {
+						default: withCtx(() => [hasLabel.value ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: normalizeClass(["astryx-item__label", labelClasses.value]),
+							style: normalizeStyle(labelStyle.value)
+						}, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])], 6)) : createCommentVNode("v-if", true), hasDescription.value ? (openBlock(), createElementBlock("span", {
+							key: 1,
+							id: descriptionIdBase,
+							class: normalizeClass(["astryx-item__description", descriptionClasses.value]),
+							style: normalizeStyle(descriptionStyle.value)
+						}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])], 6)) : createCommentVNode("v-if", true)]),
+						_: 3
+					}, 16, ["class"])),
+					_ctx.$slots.endContent ? (openBlock(), createElementBlock("span", _hoisted_9, [renderSlot(_ctx.$slots, "endContent")])) : createCommentVNode("v-if", true)
+				], 64))]),
+				_: 3
+			}, 16, [
+				"aria-current",
+				"aria-disabled",
+				"aria-selected",
+				"class",
+				"data-align",
+				"data-density",
+				"data-disabled",
+				"data-highlighted",
+				"data-inert",
+				"data-interactive",
+				"data-selected",
+				"data-swipe",
+				"role",
+				"style",
+				"onPointerdown",
+				"onClickCapture",
+				"onKeydown",
+				"onClick"
+			]);
+		};
+	}
+});
+//#endregion
+export { useListContext as i, listContextKey as n, useItemDescriptionId as r, _sfc_main as t };

package/dist/Lightbox/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as useLightbox } from "../Lightbox-CdFCS_EA.js";
+import { n as _sfc_main, t as useLightbox } from "../Lightbox-Br3o0SyQ.js";
 export { _sfc_main as Lightbox, useLightbox };

package/dist/{Lightbox-CdFCS_EA.js → Lightbox-Br3o0SyQ.js}

@@ -1,8 +1,8 @@
 import { t as useAnnounce } from "./announce-Cnio10Wk.js";
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
 import { t as useScrollLock } from "./scrollLock-BzIvIimL.js";
-import { a as useAstryxMessages } from "./context-CiKncNSH.js";
 import { t as _sfc_main$1 } from "./IconButton-BNQuz9W_.js";
-import { t as _sfc_main$2 } from "./Icon-CJKjdJy-.js";
+import { t as _sfc_main$2 } from "./Icon-bteSId7T.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, toDisplayString, toRef, unref, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/lightbox.css";
 //#region src/Lightbox/Lightbox.vue

package/dist/Link/index.d.ts

@@ -1,2 +1,3 @@
-import { n as LinkColor, r as LinkProps, t as _default } from "../index-Dg3ZmwEg.js";
-export { _default as Link, type LinkColor, type LinkProps };
+import { a as LinkWeight, i as LinkSize, n as LinkProps, r as LinkRoot, t as LinkColor } from "../types-D_J66aPN.js";
+import { t as _default } from "../index-BBtJt5_A.js";
+export { _default as Link, type LinkColor, type LinkProps, type LinkRoot, type LinkSize, type LinkWeight };

package/dist/Link/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Link-DqdQZ37C.js";
+import { t as _sfc_main } from "../Link-DCZ6922-.js";
 export { _sfc_main as Link };