@astryx-vue/core 0.1.1 → 0.2.0

package/dist/Carousel-BTtHkKea.js

@@ -0,0 +1,363 @@
+import { a as useAstryxMessages } from "./context-Dbo22sck.js";
+import { t as _sfc_main$1 } from "./IconButton-BNQuz9W_.js";
+import { t as _sfc_main$2 } from "./Icon-Dfr4k6-S.js";
+import { Comment, Fragment, Text, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, unref, useSlots, watch, withCtx } from "vue";
+import "../styles/carousel.css";
+//#region src/Carousel/slides.ts
+function flattenSlides(nodes) {
+	const slides = [];
+	for (const node of nodes) {
+		if (node.type === Comment) continue;
+		if (node.type === Fragment && Array.isArray(node.children)) {
+			slides.push(...flattenSlides(node.children));
+			continue;
+		}
+		if (node.type === Text && String(node.children ?? "").trim() === "") continue;
+		slides.push(node);
+	}
+	return slides;
+}
+const CarouselSlideHost = defineComponent({
+	name: "CarouselSlideHost",
+	props: { node: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		return () => props.node;
+	}
+});
+//#endregion
+//#region src/Carousel/useCarouselScroll.ts
+function prefersReducedMotion() {
+	return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function isRtlElement(element) {
+	return getComputedStyle(element).direction === "rtl";
+}
+/**
+* Track which logical edges of a horizontal scroller are hiding content.
+* RTL uses the negative `scrollLeft` that Chromium and current Firefox share.
+*/
+function readOverflow(element) {
+	const max = element.scrollWidth - element.clientWidth;
+	if (!(max > 1)) return {
+		hasOverflow: false,
+		overflowStart: false,
+		overflowEnd: false
+	};
+	if (isRtlElement(element)) {
+		const left = element.scrollLeft;
+		return {
+			hasOverflow: true,
+			overflowStart: left < -1,
+			overflowEnd: left > -max + 1
+		};
+	}
+	return {
+		hasOverflow: true,
+		overflowStart: element.scrollLeft > 1,
+		overflowEnd: element.scrollLeft < max - 1
+	};
+}
+function useCarouselScroller(scroller) {
+	const overflow = ref({
+		hasOverflow: false,
+		overflowStart: false,
+		overflowEnd: false
+	});
+	let frame = 0;
+	let observer = null;
+	function measure() {
+		const element = scroller.value;
+		overflow.value = element == null ? {
+			hasOverflow: false,
+			overflowStart: false,
+			overflowEnd: false
+		} : readOverflow(element);
+	}
+	function schedule() {
+		if (typeof requestAnimationFrame !== "function") {
+			measure();
+			return;
+		}
+		if (frame !== 0) return;
+		frame = requestAnimationFrame(() => {
+			frame = 0;
+			measure();
+		});
+	}
+	function scrollByDirection(direction, hasLoop) {
+		const element = scroller.value;
+		if (element == null) return;
+		const behavior = prefersReducedMotion() ? "auto" : "smooth";
+		const rtlSign = isRtlElement(element) ? -1 : 1;
+		const state = readOverflow(element);
+		if (hasLoop && state.hasOverflow) {
+			const atEnd = direction === 1 && !state.overflowEnd;
+			const atStart = direction === -1 && !state.overflowStart;
+			if (atEnd || atStart) {
+				element.scrollBy({
+					left: rtlSign * -direction * element.scrollWidth,
+					behavior
+				});
+				return;
+			}
+		}
+		const itemWidth = element.firstElementChild?.offsetWidth ?? 0;
+		const amount = Math.max(element.clientWidth - itemWidth * .5, itemWidth);
+		element.scrollBy({
+			left: rtlSign * direction * amount,
+			behavior
+		});
+	}
+	function scrollToIndex(index) {
+		const element = scroller.value;
+		const items = element?.children;
+		if (element == null || items == null || items.length === 0) return;
+		const target = items[Math.max(0, Math.min(index, items.length - 1))];
+		const behavior = prefersReducedMotion() ? "auto" : "smooth";
+		const containerRect = element.getBoundingClientRect();
+		const itemRect = target.getBoundingClientRect();
+		const delta = isRtlElement(element) ? itemRect.right - containerRect.right : itemRect.left - containerRect.left;
+		element.scrollBy({
+			left: delta,
+			behavior
+		});
+	}
+	function onWheel(event) {
+		if (!event.shiftKey || event.deltaY === 0 || event.deltaX !== 0) return;
+		const element = scroller.value;
+		if (element == null || element.scrollWidth <= element.clientWidth) return;
+		event.preventDefault();
+		element.scrollBy({
+			left: event.deltaY,
+			behavior: "auto"
+		});
+	}
+	function onKeyDown(event, hasLoop) {
+		if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
+		const element = scroller.value;
+		if (element == null || element.scrollWidth <= element.clientWidth) return;
+		event.preventDefault();
+		const rtl = isRtlElement(element);
+		scrollByDirection((event.key === "ArrowRight" ? !rtl : rtl) ? 1 : -1, hasLoop);
+	}
+	onMounted(() => {
+		const element = scroller.value;
+		if (element == null) return;
+		measure();
+		element.addEventListener("scroll", schedule, { passive: true });
+		element.addEventListener("wheel", onWheel, { passive: false });
+		observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(schedule);
+		observer?.observe(element);
+		for (const child of element.children) observer?.observe(child);
+	});
+	onBeforeUnmount(() => {
+		const element = scroller.value;
+		element?.removeEventListener("scroll", schedule);
+		element?.removeEventListener("wheel", onWheel);
+		observer?.disconnect();
+		if (frame !== 0 && typeof cancelAnimationFrame === "function") cancelAnimationFrame(frame);
+	});
+	return {
+		measure,
+		onKeyDown,
+		overflow,
+		scrollByDirection,
+		scrollToIndex
+	};
+}
+//#endregion
+//#region src/Carousel/Carousel.vue
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = [
+	"data-gap",
+	"data-padding",
+	"data-snap",
+	"data-edge-fade",
+	"data-fade"
+];
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = {
+	key: 0,
+	class: "astryx-carousel__controls"
+};
+const _hoisted_5 = ["data-hidden"];
+const _hoisted_6 = ["data-hidden"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxCarousel",
+	inheritAttrs: false,
+	__name: "Carousel",
+	props: {
+		gap: { default: 1 },
+		hasButtons: {
+			type: Boolean,
+			default: true
+		},
+		hasEdgeFade: {
+			type: Boolean,
+			default: true
+		},
+		hasLoop: {
+			type: Boolean,
+			default: false
+		},
+		hasSnap: {
+			type: Boolean,
+			default: false
+		},
+		padding: {},
+		label: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const slots = useSlots();
+		const messages = useAstryxMessages();
+		const scroller = ref(null);
+		const startButton = ref(null);
+		const endButton = ref(null);
+		const focusedNav = ref(null);
+		const { measure, onKeyDown, overflow, scrollByDirection, scrollToIndex } = useCarouselScroller(scroller);
+		const slides = computed(() => flattenSlides(slots.default?.() ?? []));
+		const regionLabel = computed(() => props.label ?? messages.value.carousel.label);
+		const canScrollStart = computed(() => props.hasLoop && overflow.value.hasOverflow ? true : overflow.value.overflowStart);
+		const canScrollEnd = computed(() => props.hasLoop && overflow.value.hasOverflow ? true : overflow.value.overflowEnd);
+		const fade = computed(() => {
+			if (!props.hasEdgeFade) return "none";
+			if (props.hasLoop && overflow.value.hasOverflow || overflow.value.overflowStart && overflow.value.overflowEnd) return "both";
+			if (overflow.value.overflowStart) return "start";
+			if (overflow.value.overflowEnd) return "end";
+			return "none";
+		});
+		const spacingName = computed(() => String(props.gap).replace(".", "-"));
+		const paddingName = computed(() => props.padding == null ? void 0 : String(props.padding).replace(".", "-"));
+		const scrollerStyle = computed(() => {
+			const style = { "--astryx-carousel-gap": `var(--astryx-spacing-${spacingName.value}, ${props.gap * 4}px)` };
+			if (paddingName.value != null) style["--astryx-carousel-padding"] = `var(--astryx-spacing-${paddingName.value})`;
+			return style;
+		});
+		let previousCanScroll = null;
+		watch([canScrollStart, canScrollEnd], async ([start, end]) => {
+			const previous = previousCanScroll;
+			previousCanScroll = {
+				start,
+				end
+			};
+			const side = focusedNav.value;
+			if (previous == null || side == null) return;
+			if (!(side === "start" ? previous.start : previous.end) || (side === "start" ? start : end)) return;
+			await nextTick();
+			const pressed = side === "start" ? startButton.value : endButton.value;
+			if (pressed == null) return;
+			const active = pressed.ownerDocument.activeElement;
+			if (active !== pressed && active !== pressed.ownerDocument.body) return;
+			const opposite = side === "start" ? endButton.value : startButton.value;
+			const receiver = opposite != null && !opposite.disabled ? opposite : scroller.value;
+			if (receiver == null) return;
+			focusedNav.value = null;
+			receiver.focus({ preventScroll: true });
+		});
+		function buttonElement(target) {
+			return target instanceof HTMLButtonElement ? target : null;
+		}
+		function onStartFocus(event) {
+			startButton.value = buttonElement(event.currentTarget);
+			focusedNav.value = "start";
+		}
+		function onEndFocus(event) {
+			endButton.value = buttonElement(event.currentTarget);
+			focusedNav.value = "end";
+		}
+		function onNavBlur(event) {
+			const button = buttonElement(event.currentTarget);
+			if (button != null && !button.disabled) focusedNav.value = null;
+		}
+		function scrollNext() {
+			scrollByDirection(1, props.hasLoop);
+		}
+		function scrollPrev() {
+			scrollByDirection(-1, props.hasLoop);
+		}
+		__expose({
+			canScrollNext: () => props.hasLoop ? overflow.value.hasOverflow : overflow.value.overflowEnd,
+			canScrollPrev: () => props.hasLoop ? overflow.value.hasOverflow : overflow.value.overflowStart,
+			scrollNext,
+			scrollPrev,
+			scrollTo: scrollToIndex
+		});
+		watch(slides, () => {
+			nextTick(measure);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["astryx-carousel", _ctx.$attrs.class]),
+				style: normalizeStyle(_ctx.$attrs.style),
+				role: "region",
+				"aria-roledescription": "carousel",
+				"aria-label": regionLabel.value,
+				"data-component": "carousel"
+			}, [
+				createCommentVNode(" eslint-disable-next-line vue-a11y/no-static-element-interactions -- tabindex 把滚动区放进 Tab 序列；左右方向键只滚动这一行。 "),
+				createElementVNode("div", {
+					ref_key: "scroller",
+					ref: scroller,
+					class: "astryx-carousel__scroller",
+					"data-gap": __props.gap,
+					"data-padding": __props.padding,
+					"data-snap": __props.hasSnap || void 0,
+					"data-edge-fade": __props.hasEdgeFade || void 0,
+					"data-fade": fade.value,
+					tabindex: "0",
+					style: normalizeStyle(scrollerStyle.value),
+					onKeydown: _cache[0] || (_cache[0] = ($event) => unref(onKeyDown)($event, __props.hasLoop))
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(slides.value, (slide, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: index,
+						class: "astryx-carousel__item",
+						role: "group",
+						"aria-roledescription": "slide",
+						"aria-label": unref(messages).carousel.slide(index + 1, slides.value.length)
+					}, [createVNode(unref(CarouselSlideHost), { node: slide }, null, 8, ["node"])], 8, _hoisted_3);
+				}), 128))], 44, _hoisted_2),
+				__props.hasButtons ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", {
+					class: "astryx-carousel__pill astryx-carousel__pill--start",
+					"data-hidden": !canScrollStart.value || void 0
+				}, [createVNode(_sfc_main$1, {
+					variant: "ghost",
+					size: "sm",
+					label: unref(messages).carousel.scrollLeft,
+					"is-disabled": !canScrollStart.value,
+					onFocus: onStartFocus,
+					onBlur: onNavBlur,
+					onClick: scrollPrev
+				}, {
+					default: withCtx(() => [createVNode(_sfc_main$2, {
+						icon: "chevronLeft",
+						size: "xsm"
+					})]),
+					_: 1
+				}, 8, ["label", "is-disabled"])], 8, _hoisted_5), createElementVNode("div", {
+					class: "astryx-carousel__pill astryx-carousel__pill--end",
+					"data-hidden": !canScrollEnd.value || void 0
+				}, [createVNode(_sfc_main$1, {
+					variant: "ghost",
+					size: "sm",
+					label: unref(messages).carousel.scrollRight,
+					"is-disabled": !canScrollEnd.value,
+					onFocus: onEndFocus,
+					onBlur: onNavBlur,
+					onClick: scrollNext
+				}, {
+					default: withCtx(() => [createVNode(_sfc_main$2, {
+						icon: "chevronRight",
+						size: "xsm"
+					})]),
+					_: 1
+				}, 8, ["label", "is-disabled"])], 8, _hoisted_6)])) : createCommentVNode("v-if", true)
+			], 14, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/Chat/index.js

@@ -1,2 +1,2 @@
-import { a as _sfc_main$6, c as _sfc_main$3, d as useChatLayoutContext, f as useChatListContext, i as _sfc_main$7, l as _sfc_main$2, m as _sfc_main$1, n as _sfc_main$9, o as _sfc_main$5, p as useChatMessageContext, r as _sfc_main$8, s as _sfc_main$4, t as _sfc_main$10, u as _sfc_main } from "../Chat-CO3mCs9A.js";
+import { a as _sfc_main$6, c as _sfc_main$3, d as useChatLayoutContext, f as useChatListContext, i as _sfc_main$7, l as _sfc_main$2, m as _sfc_main$1, n as _sfc_main$9, o as _sfc_main$5, p as useChatMessageContext, r as _sfc_main$8, s as _sfc_main$4, t as _sfc_main$10, u as _sfc_main } from "../Chat-DjNxw5gv.js";
 export { _sfc_main as ChatLayout, _sfc_main$1 as ChatLayoutScrollButton, _sfc_main$2 as ChatMessage, _sfc_main$3 as ChatMessageBubble, _sfc_main$4 as ChatMessageList, _sfc_main$5 as ChatMessageMetadata, _sfc_main$6 as ChatReasoning, _sfc_main$7 as ChatSystemMessage, _sfc_main$8 as ChatToolCalls, _sfc_main$9 as ChatTypingIndicator, _sfc_main$10 as ChatUnreadDivider, useChatLayoutContext, useChatListContext, useChatMessageContext };

package/dist/{Chat-CO3mCs9A.js → Chat-DjNxw5gv.js}

@@ -2,9 +2,9 @@ import { t as _sfc_main$14 } from "./VisuallyHidden-C7NN3VEP.js";
 import { t as _sfc_main$15 } from "./Button-DrqeomlE.js";
 import { t as useAnnounce } from "./announce-Cnio10Wk.js";
 import { r as useChatNewMessages, t as useChatStreamScroll } from "./useChatStreamScroll-oDfybEos.js";
+import { a as useAstryxMessages, i as useAstryxLocale } from "./context-Dbo22sck.js";
 import { t as _sfc_main$16 } from "./Badge-Ba0EwsTj.js";
-import { a as useAstryxMessages, i as useAstryxLocale } from "./context-BshXcNYX.js";
-import { t as _sfc_main$17 } from "./Icon-5MdZQ18k.js";
+import { t as _sfc_main$17 } from "./Icon-Dfr4k6-S.js";
 import { t as _sfc_main$18 } from "./Spinner-9cYUCnDy.js";
 import { t as _sfc_main$19 } from "./Divider-BtwnL18I.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeModels, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useId, useModel, useSlots, useTemplateRef, watch, withCtx } from "vue";

package/dist/CheckboxInput/index.d.ts

@@ -1,2 +1,2 @@
-import { ar as CheckboxInputProps, ir as CheckboxInputEmits, nr as CheckboxInputChangeAction, or as CheckboxInputSlots, rr as CheckboxInputChangeEvent, sr as CheckboxValue, tr as _default } from "../index-CQ9F1f_F.js";
+import { _r as CheckboxInputSlots, fr as _default, gr as CheckboxInputProps, hr as CheckboxInputEmits, mr as CheckboxInputChangeEvent, pr as CheckboxInputChangeAction, vr as CheckboxValue } from "../index-C6iJwTL0.js";
 export { _default as CheckboxInput, type CheckboxInputChangeAction, type CheckboxInputChangeEvent, type CheckboxInputEmits, type CheckboxInputProps, type CheckboxInputSlots, type CheckboxValue };

package/dist/CheckboxInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../CheckboxInput-C86o3XoG.js";
+import { t as _sfc_main } from "../CheckboxInput-CMsEE1_4.js";
 export { _sfc_main as CheckboxInput };

package/dist/{CheckboxInput-C86o3XoG.js → CheckboxInput-CMsEE1_4.js}

@@ -2,7 +2,8 @@ import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
 import { n as useButtonTooltip } from "./Button-DrqeomlE.js";
 import { t as _sfc_main$2 } from "./ButtonTooltip-nWWrth8j.js";
 import { t as _sfc_main$3 } from "./CheckboxIndicator-DdJmksHt.js";
-import { t as _sfc_main$4 } from "./FieldLabel-B1NRyQlS.js";
+import { i as useAriaRequired } from "./context-Cfjh8te1.js";
+import { t as _sfc_main$4 } from "./FieldLabel-DmmJyX7w.js";
 import { t as _sfc_main$5 } from "./FieldStatus-MjY19ERl.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/button.css";
@@ -122,6 +123,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const ariaRequired = useAriaRequired(props);
 		const model = useModel(__props, "modelValue");
 		const attrs = useAttrs();
 		const input = useTemplateRef("input");
@@ -247,7 +249,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"aria-disabled": showsDisabledMessage.value || void 0,
 					"aria-readonly": __props.isReadOnly || void 0,
 					"aria-busy": busy.value || void 0,
-					"aria-required": __props.isRequired && !__props.isOptional || void 0,
+					"aria-required": unref(ariaRequired),
 					"aria-invalid": __props.status?.type === "error" ? true : inputAttrs()["aria-invalid"],
 					onClick: click,
 					onChange: change,

package/dist/CheckboxList/index.d.ts

@@ -1,2 +1,2 @@
-import { $n as CheckboxListItemProps, Qn as CheckboxListItemEmits, Xn as _default, Yn as _default$1, Zn as CheckboxListEmits, er as CheckboxListProps } from "../index-CQ9F1f_F.js";
+import { cr as CheckboxListEmits, dr as CheckboxListProps, lr as CheckboxListItemEmits, or as _default$1, sr as _default, ur as CheckboxListItemProps } from "../index-C6iJwTL0.js";
 export { _default as CheckboxList, type CheckboxListEmits, _default$1 as CheckboxListItem, type CheckboxListItemEmits, type CheckboxListItemProps, type CheckboxListProps };

package/dist/CheckboxList/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as _sfc_main$1 } from "../CheckboxList-BL2sDOWK.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../CheckboxList-EsIEXjK_.js";
 export { _sfc_main as CheckboxList, _sfc_main$1 as CheckboxListItem };

package/dist/{CheckboxList-BL2sDOWK.js → CheckboxList-EsIEXjK_.js}

@@ -1,5 +1,5 @@
-import { t as _sfc_main$2 } from "./CheckboxInput-C86o3XoG.js";
-import { t as _sfc_main$3 } from "./Field-VlTBsIEo.js";
+import { t as _sfc_main$2 } from "./CheckboxInput-CMsEE1_4.js";
+import { t as _sfc_main$3 } from "./Field-8zRxzDHE.js";
 import { r as useItemDescriptionId } from "./Item-C1z6gXn8.js";
 import { n as _sfc_main$4, t as _sfc_main$5 } from "./ListItem-pGxvn6QJ.js";
 import { computed, createBlock, createElementVNode, createSlots, createVNode, defineComponent, inject, mergeModels, openBlock, provide, renderSlot, toDisplayString, unref, useId, useModel, useTemplateRef, withCtx } from "vue";

package/dist/Citation/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Citation-BqwJvw7o.js";
+import { t as _sfc_main } from "../Citation-DijdbUUu.js";
 export { _sfc_main as Citation };

package/dist/{Citation-BqwJvw7o.js → Citation-DijdbUUu.js}

@@ -1,5 +1,5 @@
-import { a as useAstryxMessages } from "./context-BshXcNYX.js";
-import { t as _sfc_main$1 } from "./Icon-5MdZQ18k.js";
+import { a as useAstryxMessages } from "./context-Dbo22sck.js";
+import { t as _sfc_main$1 } from "./Icon-Dfr4k6-S.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, toDisplayString, useTemplateRef } from "vue";
 import "../styles/citation.css";
 //#region src/Citation/Citation.vue

package/dist/ClickableCard/index.d.ts

@@ -0,0 +1,2 @@
+import { ar as ClickableCardSlots, ir as ClickableCardProps, nr as _default, rr as ClickableCardEmits } from "../index-C6iJwTL0.js";
+export { _default as ClickableCard, _default as default, type ClickableCardEmits, type ClickableCardProps, type ClickableCardSlots };

package/dist/ClickableCard/index.js

@@ -0,0 +1,2 @@
+import { n as _sfc_main, t as ClickableCard_default } from "../ClickableCard-Bhds4RRe.js";
+export { _sfc_main as ClickableCard, ClickableCard_default as default };

package/dist/ClickableCard-Bhds4RRe.js

@@ -0,0 +1,112 @@
+import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
+import { n as useClickableContainer } from "./useClickableContainer-DyNpnSEa.js";
+import { t as _sfc_main$2 } from "./Card-HAjZQg2s.js";
+import { computed, createBlock, defineComponent, openBlock, renderSlot, useTemplateRef, withCtx } from "vue";
+import "../styles/clickable-card.css";
+//#region src/ClickableCard/ClickableCard.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxClickableCard",
+	__name: "ClickableCard",
+	props: {
+		label: {},
+		href: {},
+		target: {},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		variant: { default: "default" },
+		elevation: { default: "none" },
+		padding: {},
+		width: {},
+		height: {},
+		maxWidth: {}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cardRef = useTemplateRef("card");
+		const interactiveRef = useTemplateRef("interactive");
+		const containerRef = computed(() => cardRef.value?.element ?? null);
+		const controlRef = computed(() => interactiveRef.value?.element ?? null);
+		const handlers = useClickableContainer({
+			containerRef,
+			interactiveRef: controlRef,
+			get disabled() {
+				return props.isDisabled;
+			},
+			get href() {
+				return props.href;
+			},
+			get target() {
+				return props.target;
+			},
+			onClick(event) {
+				emit("click", event);
+			}
+		});
+		function onSurfaceClick(event) {
+			if (props.isDisabled) return;
+			handlers.onClick(event);
+		}
+		function onSurfaceMouseUp(event) {
+			if (props.isDisabled) return;
+			handlers.onMouseUp(event);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(_sfc_main$2, {
+				ref: "card",
+				class: "astryx-clickable-card",
+				"data-disabled": __props.isDisabled || void 0,
+				elevation: __props.elevation,
+				height: __props.height,
+				"max-width": __props.maxWidth,
+				padding: __props.padding,
+				variant: __props.variant,
+				width: __props.width,
+				onClick: onSurfaceClick,
+				onMouseup: onSurfaceMouseUp
+			}, {
+				default: withCtx(() => [__props.href ? (openBlock(), createBlock(_sfc_main$1, {
+					key: 0,
+					ref: "interactive",
+					as: "a",
+					"aria-disabled": __props.isDisabled || void 0,
+					"aria-label": __props.label,
+					href: __props.isDisabled ? void 0 : __props.href,
+					tabindex: __props.isDisabled ? -1 : void 0,
+					target: __props.target
+				}, null, 8, [
+					"aria-disabled",
+					"aria-label",
+					"href",
+					"tabindex",
+					"target"
+				])) : (openBlock(), createBlock(_sfc_main$1, {
+					key: 1,
+					ref: "interactive",
+					as: "button",
+					"aria-label": __props.label,
+					disabled: __props.isDisabled,
+					type: "button",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+				}, null, 8, ["aria-label", "disabled"])), renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"data-disabled",
+				"elevation",
+				"height",
+				"max-width",
+				"padding",
+				"variant",
+				"width"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/ClickableCard/index.ts
+var ClickableCard_default = _sfc_main;
+//#endregion
+export { _sfc_main as n, ClickableCard_default as t };

package/dist/Code/index.d.ts

@@ -1,3 +1,4 @@
-import { _ as CodeSize, a as HIGHLIGHTED_TOKEN_TYPES, b as TokenLine, c as _default, d as CodeBlockProps, f as CodeBlockSize, g as CodeProps, h as CodeHighlightMode, i as tokenizeAsync, l as CodeBlockContainer, m as CodeColor, n as flatTokensToLines, o as applyHighlightRanges, p as CodeBlockTokenizer, r as tokenize, s as _default$1, t as SYNC_TOKENIZE_THRESHOLD, u as CodeBlockEmits, v as CodeSlots, y as SyntaxToken } from "../index-mQ6EPmaG.js";
+import { a as SyntaxTokenKey, c as githubDark, i as SyntaxThemeTokens, n as SyntaxThemeDefinition, o as SyntaxTokenValue, r as SyntaxThemeInput, s as defineSyntaxTheme, t as SYNTAX_TOKEN_KEYS } from "../syntaxTheme-Bcs1YMF7.js";
+import { A as CodeBlockTokenizer, C as applyHighlightRanges, D as CodeBlockEmits, E as CodeBlockContainer, F as CodeSlots, I as SyntaxToken, L as TokenLine, M as CodeHighlightMode, N as CodeProps, O as CodeBlockProps, P as CodeSize, S as HIGHLIGHTED_TOKEN_TYPES, T as _default, _ as oneDarkPro, a as tokenize, b as tokyoNight, c as allSyntaxPresets, d as darkSyntaxPresets, f as dracula, g as nord, h as monokai, i as flatTokensToLines, j as CodeColor, k as CodeBlockSize, l as catppuccinLatte, m as lightSyntaxPresets, n as useSyntaxTheme, o as tokenizeAsync, p as githubLight, r as SYNC_TOKENIZE_THRESHOLD, s as _default$2, t as UseSyntaxThemeReturn, u as catppuccinMocha, v as oneLight, w as _default$1, x as tokyoNightLight, y as solarizedLight } from "../index-DsyKhauk.js";
 import { n as UseClipboardReturn, r as useClipboard, t as UseClipboardOptions } from "../useClipboard-CU-kfqeJ.js";
-export { _default as Code, _default$1 as CodeBlock, type CodeBlockContainer, type CodeBlockEmits, type CodeBlockProps, type CodeBlockSize, type CodeBlockTokenizer, type CodeColor, type CodeHighlightMode, type CodeProps, type CodeSize, type CodeSlots, type UseClipboardOptions as CopyToClipboardOptions, type UseClipboardReturn as CopyToClipboardReturn, HIGHLIGHTED_TOKEN_TYPES, SYNC_TOKENIZE_THRESHOLD, type SyntaxToken, type TokenLine, applyHighlightRanges, flatTokensToLines, tokenize, tokenizeAsync, useClipboard as useCopyToClipboard };
+export { _default as Code, _default$1 as CodeBlock, type CodeBlockContainer, type CodeBlockEmits, type CodeBlockProps, type CodeBlockSize, type CodeBlockTokenizer, type CodeColor, type CodeHighlightMode, type CodeProps, type CodeSize, type CodeSlots, type UseClipboardOptions as CopyToClipboardOptions, type UseClipboardReturn as CopyToClipboardReturn, HIGHLIGHTED_TOKEN_TYPES, SYNC_TOKENIZE_THRESHOLD, SYNTAX_TOKEN_KEYS, _default$2 as SyntaxTheme, type SyntaxThemeDefinition, type SyntaxThemeInput, type SyntaxThemeTokens, type SyntaxToken, type SyntaxTokenKey, type SyntaxTokenValue, type TokenLine, type UseSyntaxThemeReturn, allSyntaxPresets, applyHighlightRanges, catppuccinLatte, catppuccinMocha, darkSyntaxPresets, defineSyntaxTheme, dracula, flatTokensToLines, githubDark, githubLight, lightSyntaxPresets, monokai, nord, oneDarkPro, oneLight, solarizedLight, tokenize, tokenizeAsync, tokyoNight, tokyoNightLight, useClipboard as useCopyToClipboard, useSyntaxTheme };

package/dist/Code/index.js

@@ -1,3 +1,5 @@
 import { t as useClipboard } from "../useClipboard-BDfbEsWd.js";
-import { a as tokenizeAsync, c as _sfc_main, i as tokenize, n as SYNC_TOKENIZE_THRESHOLD, o as HIGHLIGHTED_TOKEN_TYPES, r as flatTokensToLines, s as applyHighlightRanges, t as _sfc_main$1 } from "../CodeBlock-BQdooQy2.js";
-export { _sfc_main as Code, _sfc_main$1 as CodeBlock, HIGHLIGHTED_TOKEN_TYPES, SYNC_TOKENIZE_THRESHOLD, applyHighlightRanges, flatTokensToLines, tokenize, tokenizeAsync, useClipboard as useCopyToClipboard };
+import { a as tokenizeAsync, c as _sfc_main, i as tokenize, n as SYNC_TOKENIZE_THRESHOLD, o as HIGHLIGHTED_TOKEN_TYPES, r as flatTokensToLines, s as applyHighlightRanges, t as _sfc_main$1 } from "../CodeBlock-CxTb6j9_.js";
+import { n as defineSyntaxTheme, r as githubDark, t as SYNTAX_TOKEN_KEYS } from "../syntaxTheme-ClpWALZX.js";
+import { a as catppuccinMocha, c as githubLight, d as nord, f as oneDarkPro, g as tokyoNightLight, h as tokyoNight, i as catppuccinLatte, l as lightSyntaxPresets, m as solarizedLight, n as _sfc_main$2, o as darkSyntaxPresets, p as oneLight, r as allSyntaxPresets, s as dracula, t as useSyntaxTheme, u as monokai } from "../Code-yb_KOFtJ.js";
+export { _sfc_main as Code, _sfc_main$1 as CodeBlock, HIGHLIGHTED_TOKEN_TYPES, SYNC_TOKENIZE_THRESHOLD, SYNTAX_TOKEN_KEYS, _sfc_main$2 as SyntaxTheme, allSyntaxPresets, applyHighlightRanges, catppuccinLatte, catppuccinMocha, darkSyntaxPresets, defineSyntaxTheme, dracula, flatTokensToLines, githubDark, githubLight, lightSyntaxPresets, monokai, nord, oneDarkPro, oneLight, solarizedLight, tokenize, tokenizeAsync, tokyoNight, tokyoNightLight, useClipboard as useCopyToClipboard, useSyntaxTheme };