@astryx-vue/core 0.3.0 → 0.4.1

package/dist/{CheckboxInput-BS9J6edf.js → CheckboxInput-D8vTmAMZ.js}

@@ -1,10 +1,11 @@
+import { t as usePressFeedback } from "./usePressFeedback-BJCpjEpv.js";
 import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
-import { n as useButtonTooltip } from "./Button-B6Hj_O_s.js";
-import { t as _sfc_main$2 } from "./ButtonTooltip-nWWrth8j.js";
-import { i as useAriaRequired } from "./context-Cfjh8te1.js";
-import { t as _sfc_main$3 } from "./FieldLabel-BNeXRuGH.js";
-import { t as _sfc_main$4 } from "./FieldStatus-MjY19ERl.js";
-import { t as useIndicator } from "./useIndicator-i1NORM7W.js";
+import { n as useButtonTooltip } from "./Button-ONOoHdkg.js";
+import { t as _sfc_main$2 } from "./ButtonTooltip-CNKOQHYR.js";
+import { i as useAriaRequired } from "./context-Cfml4jaK.js";
+import { t as _sfc_main$3 } from "./FieldLabel-CHqp1y3z.js";
+import { t as _sfc_main$4 } from "./FieldStatus-DaAB3TIt.js";
+import { t as useIndicator } from "./useIndicator-D9Y0dJsm.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUpdated, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useAttrs, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/button.css";
 import "../styles/checkbox-input.css";
@@ -111,7 +112,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		labelIcon: {},
 		labelTooltip: {},
 		optionalLabel: {},
-		requiredLabel: {}
+		requiredLabel: {},
+		targetClass: {}
 	}, {
 		"modelValue": {
 			type: [Boolean, String],
@@ -146,6 +148,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const blocked = computed(() => props.isDisabled || props.isReadOnly || busy.value);
 		const state = computed(() => action.value.value === "indeterminate" ? "indeterminate" : action.value.value ? "checked" : "unchecked");
 		const CheckboxMark = useIndicator("checkbox");
+		const press = usePressFeedback({ hasOverlay: false });
 		const widthStyle = computed(() => ({ width: typeof props.width === "number" ? `${props.width}px` : props.width }));
 		const element = computed(() => input.value ?? null);
 		function focus(options) {
@@ -190,6 +193,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				busy.value ? loadingId : void 0
 			].filter(Boolean).join(" ") || void 0;
 		}
+		function labelledBy() {
+			const external = attrs["aria-labelledby"];
+			if (typeof external === "string" && external.trim() !== "") return external;
+			return [labelId.value, external].filter(Boolean).join(" ");
+		}
 		function syncNative() {
 			if (input.value) {
 				input.value.checked = action.value.value === true;
@@ -229,11 +237,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"data-status": __props.status?.type,
 				"data-blocked": blocked.value || void 0
 			}, [
-				createElementVNode("div", {
-					class: normalizeClass(["astryx-checkbox-row", { "astryx-indicator-scope": !blocked.value }]),
+				createElementVNode("div", mergeProps({ class: ["astryx-checkbox-row", { "astryx-indicator-scope": !blocked.value }] }, blocked.value ? void 0 : unref(press).pressableProps, {
 					onPointerenter: _cache[2] || (_cache[2] = (...args) => unref(tooltip).onPointerEnter && unref(tooltip).onPointerEnter(...args)),
 					onPointerleave: _cache[3] || (_cache[3] = (...args) => unref(tooltip).onPointerLeave && unref(tooltip).onPointerLeave(...args))
-				}, [createElementVNode("span", _hoisted_2, [createElementVNode("input", mergeProps(inputAttrs(), {
+				}), [createElementVNode("span", _hoisted_2, [createElementVNode("input", mergeProps(inputAttrs(), {
 					id: inputId.value,
 					ref_key: "input",
 					ref: input,
@@ -245,7 +252,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					form: showsDisabledMessage.value ? "" : inputAttrs().form,
 					required: __props.isRequired && !__props.isOptional || inputAttrs().required,
 					readonly: __props.isReadOnly || showsDisabledMessage.value,
-					"aria-labelledby": [labelId.value, unref(attrs)["aria-labelledby"]].filter(Boolean).join(" "),
+					"aria-labelledby": labelledBy(),
 					"aria-describedby": describedBy(),
 					"aria-disabled": showsDisabledMessage.value || void 0,
 					"aria-readonly": __props.isReadOnly || void 0,
@@ -278,6 +285,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"is-disabled": __props.isDisabled,
 					"is-optional": __props.isOptional,
 					"is-required": __props.isRequired,
+					"target-class": "astryx-checkbox-label",
 					"label-icon": __props.labelIcon,
 					"label-tooltip": __props.labelTooltip,
 					"optional-label": __props.optionalLabel,
@@ -300,7 +308,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"label-tooltip",
 					"optional-label",
 					"required-label"
-				])], 34),
+				])], 16),
 				createVNode(_sfc_main$4, {
 					id: statusId.value,
 					type: __props.status?.type ?? "success",

package/dist/CheckboxList/index.d.ts

@@ -1,2 +1,2 @@
-import { Ca as CheckboxListItemEmits, Sa as CheckboxListEmits, Ta as CheckboxListProps, ba as _default$1, wa as CheckboxListItemProps, xa as _default } from "../index-DUaLJO7l.js";
+import { Ca as CheckboxListEmits, Ea as CheckboxListProps, Sa as _default, Ta as CheckboxListItemProps, wa as CheckboxListItemEmits, xa as _default$1 } from "../index-UA93Im7H.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-CX1i_jVP.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../CheckboxList-DCvHewHB.js";
 export { _sfc_main as CheckboxList, _sfc_main$1 as CheckboxListItem };

package/dist/{CheckboxList-CX1i_jVP.js → CheckboxList-DCvHewHB.js}

@@ -1,19 +1,23 @@
-import { o as useAstryxMessages } from "./context-iABt_ueM.js";
-import { t as _sfc_main$2 } from "./Tooltip-C4Vaqd3G.js";
-import { r as useItemDescriptionId } from "./Item-KhFKX9St.js";
-import { t as _sfc_main$3 } from "./CheckboxInput-BS9J6edf.js";
-import { t as _sfc_main$4 } from "./Field-D5gUEGw4.js";
-import { n as _sfc_main$5, t as _sfc_main$6 } from "./ListItem-8RWT8XAG.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, inject, mergeModels, openBlock, provide, ref, renderSlot, toDisplayString, unref, useId, useModel, useTemplateRef, withCtx } from "vue";
+import { n as readLayerScoped, t as defineLayerScopedKey } from "./scopedProvide-C-Df7c15.js";
+import { s as useAstryxMessages } from "./context-CM-cjGg_.js";
+import { t as _sfc_main$3 } from "./Tooltip-sAM8i1eO.js";
+import { r as useItemDescriptionId } from "./Item-DWMIjN8n.js";
+import { t as _sfc_main$4 } from "./CheckboxInput-D8vTmAMZ.js";
+import { t as _sfc_main$5 } from "./Field-JIxT3xCh.js";
+import { t as useFieldPartStyling } from "./fieldParts--SyRZVQG.js";
+import { n as _sfc_main$6, t as _sfc_main$7 } from "./ListItem-BQXMu1Tb.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderSlot, toDisplayString, unref, useAttrs, useId, useModel, useSlots, useTemplateRef, withCtx } from "vue";
 import "../styles/checkbox-list.css";
 import "../styles/visually-hidden-utility.css";
 //#region src/CheckboxList/context.ts
-const checkboxListKey = Symbol("astryx-checkbox-list");
+const checkboxListKey = defineLayerScopedKey("astryx-checkbox-list", void 0);
 //#endregion
 //#region src/CheckboxList/CheckboxList.vue
-const _hoisted_1$1 = ["id"];
-const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+const _hoisted_1$1 = ["aria-labelledby", "aria-describedby"];
+const _hoisted_2 = ["id"];
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 	name: "AstryxCheckboxList",
+	inheritAttrs: false,
 	__name: "CheckboxList",
 	props: /*@__PURE__*/ mergeModels({
 		label: {},
@@ -34,7 +38,35 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		isLabelHidden: { type: Boolean },
 		status: {},
 		statusVariant: { default: "detached" },
-		width: {}
+		width: {},
+		containerClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		containerStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		controlClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		controlStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	}, {
 		"modelValue": {},
 		"modelModifiers": {}
@@ -43,6 +75,13 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const attrs = useAttrs();
+		const parts = useFieldPartStyling({
+			component: "CheckboxList",
+			props,
+			attrs,
+			reservedAttrs: ["aria-labelledby", "aria-describedby"]
+		});
 		const model = useModel(__props, "modelValue");
 		const generatedId = `astryx-checkbox-list-${useId()}`;
 		const inputId = computed(() => props.id ?? generatedId);
@@ -67,6 +106,16 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				if (pending.value.length === 0) optimistic.value = null;
 			});
 		}
+		function groupLabelledBy(labelId) {
+			return [labelId, attrs["aria-labelledby"]].filter(Boolean).join(" ") || void 0;
+		}
+		function groupDescribedBy(fieldDescribed) {
+			return [
+				attrs["aria-describedby"],
+				fieldDescribed,
+				showsReason.value ? `${inputId.value}-reason` : void 0
+			].filter(Boolean).join(" ") || void 0;
+		}
 		provide(checkboxListKey, {
 			values: shown,
 			toggle,
@@ -77,8 +126,9 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			size: computed(() => props.density === "compact" ? "sm" : "md")
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$4, {
-				class: "astryx-checkbox-list",
+			return openBlock(), createBlock(_sfc_main$5, {
+				class: normalizeClass(["astryx-checkbox-list", [unref(attrs).class, unref(parts).containerClass.value]]),
+				style: normalizeStyle([unref(attrs).style, unref(parts).containerStyle.value]),
 				label: __props.label,
 				"input-id": inputId.value,
 				"is-group-label": "",
@@ -91,34 +141,36 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				status: __props.status,
 				"status-variant": __props.statusVariant
 			}, {
-				default: withCtx((field) => [createVNode(_sfc_main$2, {
+				default: withCtx((field) => [createVNode(_sfc_main$3, {
 					content: disabledReason.value,
 					"is-enabled": showsReason.value,
 					"focus-trigger": "always",
 					placement: "above"
 				}, {
-					default: withCtx(() => [createVNode(_sfc_main$5, {
+					default: withCtx(() => [createElementVNode("div", mergeProps({
+						class: ["astryx-checkbox-list-control", __props.controlClass],
+						style: __props.controlStyle,
+						role: "group"
+					}, unref(parts).forwardedAttrs(), {
+						"aria-labelledby": groupLabelledBy(field.labelId),
+						"aria-describedby": groupDescribedBy(field.describedBy)
+					}), [createVNode(_sfc_main$6, {
 						density: __props.density,
-						"has-dividers": __props.hasDividers,
-						"aria-labelledby": field.labelId,
-						"aria-describedby": [field.describedBy, showsReason.value ? `${inputId.value}-reason` : void 0].filter(Boolean).join(" ") || void 0
+						"has-dividers": __props.hasDividers
 					}, {
 						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 						_: 3
-					}, 8, [
-						"density",
-						"has-dividers",
-						"aria-labelledby",
-						"aria-describedby"
-					])]),
+					}, 8, ["density", "has-dividers"])], 16, _hoisted_1$1)]),
 					_: 2
 				}, 1032, ["content", "is-enabled"]), showsReason.value ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					id: `${inputId.value}-reason`,
 					class: "astryx-visually-hidden"
-				}, toDisplayString(disabledReason.value), 9, _hoisted_1$1)) : createCommentVNode("v-if", true)]),
+				}, toDisplayString(disabledReason.value), 9, _hoisted_2)) : createCommentVNode("v-if", true)]),
 				_: 3
 			}, 8, [
+				"class",
+				"style",
 				"label",
 				"input-id",
 				"description",
@@ -134,8 +186,64 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
+//#region src/CheckboxList/CheckboxListControl.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	name: "AstryxCheckboxListControl",
+	__name: "CheckboxListControl",
+	props: {
+		modelValue: { type: [Boolean, String] },
+		label: {},
+		size: {},
+		isDisabled: { type: Boolean },
+		isReadOnly: { type: Boolean },
+		isLoading: { type: Boolean },
+		loadingLabel: {},
+		disabledMessage: {},
+		ariaLabelledby: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const descriptionId = useItemDescriptionId();
+		const checkbox = useTemplateRef("checkbox");
+		__expose({ element: computed(() => checkbox.value?.element ?? null) });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(_sfc_main$4, {
+				ref_key: "checkbox",
+				ref: checkbox,
+				"model-value": __props.modelValue,
+				label: __props.label,
+				"is-label-hidden": "",
+				size: __props.size,
+				"is-disabled": __props.isDisabled,
+				"is-read-only": __props.isReadOnly,
+				"is-loading": __props.isLoading,
+				"loading-label": __props.loadingLabel,
+				"disabled-message": __props.disabledMessage,
+				"aria-describedby": unref(descriptionId) ?? void 0,
+				"aria-labelledby": __props.ariaLabelledby,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
+			}, null, 8, [
+				"model-value",
+				"label",
+				"size",
+				"is-disabled",
+				"is-read-only",
+				"is-loading",
+				"loading-label",
+				"disabled-message",
+				"aria-describedby",
+				"aria-labelledby"
+			]);
+		};
+	}
+});
+//#endregion
 //#region src/CheckboxList/CheckboxListItem.vue
-const _hoisted_1 = { "aria-hidden": "true" };
+const _hoisted_1 = {
+	key: 1,
+	"aria-hidden": "true"
+};
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxCheckboxListItem",
 	__name: "CheckboxListItem",
@@ -143,6 +251,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		label: {},
 		value: {},
 		description: {},
+		ariaLabel: {},
 		isDisabled: { type: Boolean },
 		isLoading: { type: Boolean },
 		isChecked: { type: [Boolean, String] }
@@ -151,9 +260,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const context = inject(checkboxListKey, void 0);
+		const context = readLayerScoped(checkboxListKey);
+		const slots = useSlots();
 		const messages = useAstryxMessages();
-		const descriptionId = useItemDescriptionId();
+		const richLabel = computed(() => slots.label != null);
+		const visibleLabelId = `astryx-checkbox-item-label-${useId()}`;
 		const checkbox = useTemplateRef("checkbox");
 		const interactiveRef = computed(() => checkbox.value?.element ?? null);
 		const collection = computed(() => context != null && context.values.value != null);
@@ -174,7 +285,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			else emit("check", next);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$6, {
+			return openBlock(), createBlock(_sfc_main$7, {
 				label: __props.label,
 				description: __props.description,
 				"is-selected": selected.value,
@@ -182,20 +293,22 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"aria-busy": loading.value || void 0,
 				"interactive-ref": interactiveRef.value
 			}, createSlots({
-				label: withCtx(() => [createElementVNode("span", _hoisted_1, toDisplayString(__props.label), 1)]),
-				startContent: withCtx(() => [createVNode(_sfc_main$3, {
+				label: withCtx(() => [richLabel.value ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					id: visibleLabelId
+				}, [renderSlot(_ctx.$slots, "label")])) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.label), 1))]),
+				startContent: withCtx(() => [createVNode(_sfc_main$1, {
 					ref_key: "checkbox",
 					ref: checkbox,
 					"model-value": checked.value,
-					label: __props.label,
-					"is-label-hidden": "",
+					label: __props.ariaLabel ?? (richLabel.value ? unref(messages).checkboxList.checkbox : __props.label),
 					size: unref(context)?.size.value ?? "md",
 					"is-disabled": disabled.value,
 					"is-read-only": readOnly.value,
 					"is-loading": loading.value,
 					"loading-label": unref(messages).checkboxList.loading,
 					"disabled-message": reason.value,
-					"aria-describedby": unref(descriptionId) ?? void 0,
+					"aria-labelledby": richLabel.value && !__props.ariaLabel ? visibleLabelId : void 0,
 					"onUpdate:modelValue": onChecked
 				}, null, 8, [
 					"model-value",
@@ -206,13 +319,17 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"is-loading",
 					"loading-label",
 					"disabled-message",
-					"aria-describedby"
+					"aria-labelledby"
 				])]),
 				_: 2
-			}, [_ctx.$slots.end ? {
+			}, [_ctx.$slots.description ? {
+				name: "description",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
+				key: "0"
+			} : void 0, _ctx.$slots.end ? {
 				name: "endContent",
 				fn: withCtx(() => [renderSlot(_ctx.$slots, "end")]),
-				key: "0"
+				key: "1"
 			} : void 0]), 1032, [
 				"label",
 				"description",
@@ -225,4 +342,4 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-export { _sfc_main$1 as n, _sfc_main as t };
+export { _sfc_main$2 as n, _sfc_main as t };

package/dist/Citation/index.js

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

package/dist/{Citation-Djgwa0ko.js → Citation-C69BgxW3.js}

@@ -1,5 +1,6 @@
-import { o as useAstryxMessages } from "./context-iABt_ueM.js";
-import { t as _sfc_main$1 } from "./Icon-bteSId7T.js";
+import { n as isSafeUrl } from "./safeUrl-CsvfcZ9m.js";
+import { t as _sfc_main$1 } from "./Icon-KDnUyY7f.js";
+import { s as useAstryxMessages } from "./context-CM-cjGg_.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
@@ -42,7 +43,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const messages = useAstryxMessages();
 		const root = useTemplateRef("root");
 		const title = computed(() => props.source.title?.trim() || String(props.number));
-		const href = computed(() => props.source.url);
+		const href = computed(() => {
+			const url = props.source.url;
+			return url != null && url !== "" && isSafeUrl(url) ? url : void 0;
+		});
 		const accessibleName = computed(() => messages.value.citation.label(props.number, title.value));
 		const imageSrc = computed(() => {
 			const icon = props.source.icon;
@@ -88,6 +92,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			}, _ctx.$attrs, {
 				class: "astryx-citation",
 				"data-variant": __props.variant,
+				role: "group",
 				"aria-label": accessibleName.value,
 				title: title.value
 			}), [__props.variant === "number" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(__props.number), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [hasIcon.value ? (openBlock(), createElementBlock("span", _hoisted_6, [imageSrc.value ? (openBlock(), createElementBlock("img", {

package/dist/ClickableCard/index.d.ts

@@ -1,2 +1,2 @@
-import { _a as ClickableCardEmits, ga as _default, va as ClickableCardProps, ya as ClickableCardSlots } from "../index-DUaLJO7l.js";
+import { _a as _default, ba as ClickableCardSlots, va as ClickableCardEmits, ya as ClickableCardProps } from "../index-UA93Im7H.js";
 export { _default as ClickableCard, _default as default, type ClickableCardEmits, type ClickableCardProps, type ClickableCardSlots };

package/dist/ClickableCard/index.js

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

package/dist/{ClickableCard-DUsC-j03.js → ClickableCard-ChAfiw9T.js}

@@ -1,7 +1,8 @@
+import { t as usePressFeedback } from "./usePressFeedback-BJCpjEpv.js";
 import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
-import { n as useClickableContainer } from "./useClickableContainer-DyNpnSEa.js";
+import { i as useClickableContainer } from "./useClickableContainer-CdGp_Cev.js";
 import { t as _sfc_main$2 } from "./Card-B-I24X9S.js";
-import { computed, createBlock, defineComponent, openBlock, renderSlot, useTemplateRef, withCtx } from "vue";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useTemplateRef, withCtx } from "vue";
 import "../styles/clickable-card.css";
 //#region src/ClickableCard/ClickableCard.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({
@@ -30,6 +31,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const interactiveRef = useTemplateRef("interactive");
 		const containerRef = computed(() => cardRef.value?.element ?? null);
 		const controlRef = computed(() => interactiveRef.value?.element ?? null);
+		const { pressableProps } = usePressFeedback({ hasOverlay: false });
 		const handlers = useClickableContainer({
 			containerRef,
 			interactiveRef: controlRef,
@@ -55,7 +57,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			handlers.onMouseUp(event);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$2, {
+			return openBlock(), createBlock(_sfc_main$2, mergeProps({
 				ref: "card",
 				class: "astryx-clickable-card",
 				"data-disabled": __props.isDisabled || void 0,
@@ -64,10 +66,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"max-width": __props.maxWidth,
 				padding: __props.padding,
 				variant: __props.variant,
-				width: __props.width,
+				width: __props.width
+			}, __props.isDisabled ? void 0 : unref(pressableProps), {
 				onClick: onSurfaceClick,
 				onMouseup: onSurfaceMouseUp
-			}, {
+			}), {
 				default: withCtx(() => [__props.href ? (openBlock(), createBlock(_sfc_main$1, {
 					key: 0,
 					ref: "interactive",
@@ -93,7 +96,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
 				}, null, 8, ["aria-label", "disabled"])), renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, [
+			}, 16, [
 				"data-disabled",
 				"elevation",
 				"height",

package/dist/Code/index.d.ts

@@ -1,4 +1,4 @@
 import { a as SyntaxThemeInput, c as SyntaxTokenValue, i as SyntaxThemeDefinition, l as defineSyntaxTheme, n as SYNTAX_TOKEN_KEYS, o as SyntaxThemeTokens, r as SyntaxDiffTokenKey, s as SyntaxTokenKey, t as DIFF_SYNTAX_TOKEN_KEYS, u as githubDark } from "../syntaxTheme-CwVEcVDk.js";
-import { A as _default, B as CodeSlots, C as applyHighlightRanges, D as parseFenceLanguage, E as diffLineKind, F as CodeBlockTokenizer, H as TokenLine, I as CodeColor, L as CodeHighlightMode, M as CodeBlockEmits, N as CodeBlockProps, O as splitDiffLines, P as CodeBlockSize, R as CodeProps, S as HIGHLIGHTED_TOKEN_TYPES, T as DiffLines, V as SyntaxToken, _ 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 CodeBlockContainer, k as _default$1, 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 DiffLineKind, x as tokyoNightLight, y as solarizedLight, z as CodeSize } from "../index-hCpxKePE.js";
+import { A as _default, B as CodeSlots, C as applyHighlightRanges, D as parseFenceLanguage, E as diffLineKind, F as CodeBlockTokenizer, H as TokenLine, I as CodeColor, L as CodeHighlightMode, M as CodeBlockEmits, N as CodeBlockProps, O as splitDiffLines, P as CodeBlockSize, R as CodeProps, S as HIGHLIGHTED_TOKEN_TYPES, T as DiffLines, V as SyntaxToken, _ 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 CodeBlockContainer, k as _default$1, 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 DiffLineKind, x as tokyoNightLight, y as solarizedLight, z as CodeSize } from "../index-D5N9ikrS.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, DIFF_SYNTAX_TOKEN_KEYS, type DiffLineKind, type DiffLines, HIGHLIGHTED_TOKEN_TYPES, SYNC_TOKENIZE_THRESHOLD, SYNTAX_TOKEN_KEYS, type SyntaxDiffTokenKey, _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, diffLineKind, dracula, flatTokensToLines, githubDark, githubLight, lightSyntaxPresets, monokai, nord, oneDarkPro, oneLight, parseFenceLanguage, solarizedLight, splitDiffLines, tokenize, tokenizeAsync, tokyoNight, tokyoNightLight, useClipboard as useCopyToClipboard, useSyntaxTheme };

package/dist/Code/index.js

@@ -1,5 +1,5 @@
-import { t as useClipboard } from "../useClipboard-BDfbEsWd.js";
-import { a as tokenizeAsync, c as splitDiffLines, d as _sfc_main, i as tokenize, l as HIGHLIGHTED_TOKEN_TYPES, n as SYNC_TOKENIZE_THRESHOLD, o as diffLineKind, r as flatTokensToLines, s as parseFenceLanguage, t as _sfc_main$1, u as applyHighlightRanges } from "../CodeBlock-D0BFubut.js";
+import { t as useClipboard } from "../useClipboard-Dk8cS810.js";
+import { a as tokenizeAsync, c as splitDiffLines, d as _sfc_main, i as tokenize, l as HIGHLIGHTED_TOKEN_TYPES, n as SYNC_TOKENIZE_THRESHOLD, o as diffLineKind, r as flatTokensToLines, s as parseFenceLanguage, t as _sfc_main$1, u as applyHighlightRanges } from "../CodeBlock-DsbwTBiT.js";
 import { i as githubDark, n as SYNTAX_TOKEN_KEYS, r as defineSyntaxTheme, t as DIFF_SYNTAX_TOKEN_KEYS } from "../syntaxTheme-R7xnu5x5.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-XnPuGxey.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-Bg7GBdxy.js";
 export { _sfc_main as Code, _sfc_main$1 as CodeBlock, DIFF_SYNTAX_TOKEN_KEYS, HIGHLIGHTED_TOKEN_TYPES, SYNC_TOKENIZE_THRESHOLD, SYNTAX_TOKEN_KEYS, _sfc_main$2 as SyntaxTheme, allSyntaxPresets, applyHighlightRanges, catppuccinLatte, catppuccinMocha, darkSyntaxPresets, defineSyntaxTheme, diffLineKind, dracula, flatTokensToLines, githubDark, githubLight, lightSyntaxPresets, monokai, nord, oneDarkPro, oneLight, parseFenceLanguage, solarizedLight, splitDiffLines, tokenize, tokenizeAsync, tokyoNight, tokyoNightLight, useClipboard as useCopyToClipboard, useSyntaxTheme };

package/dist/{Code-XnPuGxey.js → Code-Bg7GBdxy.js}

@@ -1,7 +1,8 @@
 import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
 import { n as themeContextKey } from "./context-Cws_tXTr.js";
 import { a as syntaxThemeStyle, i as githubDark, n as SYNTAX_TOKEN_KEYS, r as defineSyntaxTheme } from "./syntaxTheme-R7xnu5x5.js";
-import { n as resolveLightDark, r as syntaxThemeKey, t as readColorMode } from "./colorMode-CBgdgDSn.js";
+import { t as syntaxThemeKey } from "./syntaxContext-DmIfNNtb.js";
+import { n as resolveLightDark, t as readColorMode } from "./colorMode-BxqfDP4P.js";
 import { computed, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, provide, renderSlot } from "vue";
 //#region src/Code/syntaxPresets.ts
 /** One Dark Pro (Binaryify), MIT. */

package/dist/{CodeBlock-D0BFubut.js → CodeBlock-DsbwTBiT.js}

@@ -1,8 +1,8 @@
 import { t as _sfc_main$3 } from "./VisuallyHidden-C7NN3VEP.js";
-import { t as useClipboard } from "./useClipboard-BDfbEsWd.js";
-import { t as _sfc_main$4 } from "./IconButton-DDNgNl7B.js";
+import { t as useClipboard } from "./useClipboard-Dk8cS810.js";
+import { t as _sfc_main$4 } from "./Icon-KDnUyY7f.js";
+import { t as _sfc_main$5 } from "./IconButton-DI-XBbtV.js";
 import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
-import { t as _sfc_main$5 } from "./Icon-bteSId7T.js";
 import { a as syntaxThemeStyle } from "./syntaxTheme-R7xnu5x5.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useAttrs, useId, useTemplateRef, watch, withCtx, withModifiers } from "vue";
 import "../styles/code.css";
@@ -1300,7 +1300,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							_cache[3] || (_cache[3] = createTextVNode("\n          ", -1)),
 							canCollapse.value ? (openBlock(), createElementBlock("span", _hoisted_4, [
 								_cache[1] || (_cache[1] = createTextVNode("\n            ", -1)),
-								createVNode(_sfc_main$5, {
+								createVNode(_sfc_main$4, {
 									class: normalizeClass(["astryx-code-block__chevron-icon", { "astryx-code-block__chevron-icon--expanded": !isCollapsed.value }]),
 									icon: "chevronRight",
 									size: "xsm",
@@ -1313,7 +1313,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						_cache[5] || (_cache[5] = createTextVNode("\n      ", -1))
 					], 16),
 					_cache[10] || (_cache[10] = createTextVNode("\n      ", -1)),
-					__props.hasCopyButton ? (openBlock(), createBlock(_sfc_main$4, {
+					__props.hasCopyButton ? (openBlock(), createBlock(_sfc_main$5, {
 						key: 0,
 						class: "astryx-code-block-copy-button",
 						variant: "ghost",
@@ -1324,7 +1324,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					}, {
 						default: withCtx(() => [
 							_cache[6] || (_cache[6] = createTextVNode("\n        ", -1)),
-							createVNode(_sfc_main$5, {
+							createVNode(_sfc_main$4, {
 								icon: unref(isCopied) ? "check" : "copy",
 								size: "sm",
 								color: "inherit"
@@ -1400,7 +1400,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"token-lines"
 				])),
 				_cache[20] || (_cache[20] = createTextVNode("\n    ", -1)),
-				!showHeader.value && __props.hasCopyButton ? (openBlock(), createBlock(_sfc_main$4, {
+				!showHeader.value && __props.hasCopyButton ? (openBlock(), createBlock(_sfc_main$5, {
 					key: 3,
 					class: "astryx-code-block-copy-button astryx-code-block-copy-button--floating",
 					variant: "ghost",
@@ -1411,7 +1411,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				}, {
 					default: withCtx(() => [
 						_cache[16] || (_cache[16] = createTextVNode("\n      ", -1)),
-						createVNode(_sfc_main$5, {
+						createVNode(_sfc_main$4, {
 							icon: unref(isCopied) ? "check" : "copy",
 							size: "sm",
 							color: "inherit"

package/dist/Collapsible/index.d.ts

@@ -1,2 +1,2 @@
-import { a as _default$1, c as CollapsibleGroupSlots, d as CollapsibleGroupValue, f as _default, g as CollapsibleSlots, h as CollapsibleProps, i as useCollapsible, l as CollapsibleGroupDensity, m as CollapsibleEmits, n as UseCollapsibleOptions, o as CollapsibleGroupEmits, p as CollapsibleChevronPosition, r as UseCollapsibleReturn, s as CollapsibleGroupProps, t as CollapsibleConfig, u as CollapsibleGroupType } from "../index-BkjSF265.js";
+import { a as _default$1, c as CollapsibleGroupSlots, d as CollapsibleGroupValue, f as _default, g as CollapsibleSlots, h as CollapsibleProps, i as useCollapsible, l as CollapsibleGroupDensity, m as CollapsibleEmits, n as UseCollapsibleOptions, o as CollapsibleGroupEmits, p as CollapsibleChevronPosition, r as UseCollapsibleReturn, s as CollapsibleGroupProps, t as CollapsibleConfig, u as CollapsibleGroupType } from "../index-BEZ4ezJk.js";
 export { _default as Collapsible, type CollapsibleChevronPosition, type CollapsibleConfig, type CollapsibleEmits, _default$1 as CollapsibleGroup, type CollapsibleGroupDensity, type CollapsibleGroupEmits, type CollapsibleGroupProps, type CollapsibleGroupSlots, type CollapsibleGroupType, type CollapsibleGroupValue, type CollapsibleProps, type CollapsibleSlots, type UseCollapsibleOptions, type UseCollapsibleReturn, useCollapsible };

package/dist/Collapsible/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, r as useCollapsible, t as _sfc_main$1 } from "../Collapsible-Cov3Pyq5.js";
+import { n as _sfc_main, r as useCollapsible, t as _sfc_main$1 } from "../Collapsible-Bdj0WYpb.js";
 export { _sfc_main as Collapsible, _sfc_main$1 as CollapsibleGroup, useCollapsible };