@astryx-vue/core 0.2.6 → 0.4.0

package/dist/{CheckboxIndicator-D37cm2Rh.js → CheckboxIndicator-fH4d-JE1.js}

@@ -26,6 +26,8 @@ const _hoisted_1 = [
 	"data-size",
 	"data-disabled"
 ];
+const _hoisted_2 = ["data-size"];
+const _hoisted_3 = ["data-size"];
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxCheckboxIndicator",
 	inheritAttrs: false,
@@ -49,18 +51,22 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"data-state": __props.state,
 				"data-size": props.size,
 				"data-disabled": __props.isDisabled || void 0
-			}), [createCommentVNode("\n      An empty slot, including a spinner hidden by v-if, falls through to the\n      marks. A real element in the slot replaces them.\n    "), renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("svg", {
+			}), [createCommentVNode("\n      An empty slot, including a spinner hidden by v-if, falls through to the\n      marks. A real element in the slot replaces them.\n    "), renderSlot(_ctx.$slots, "default", {}, () => [(openBlock(), createElementBlock("svg", {
 				class: "astryx-checkbox-indicator-check",
+				"data-size": __props.size,
 				viewBox: "0 0 10 10",
 				focusable: "false"
-			}, [createElementVNode("path", {
+			}, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
 				d: "M8.5 2.5L4 7.5L1.5 5",
 				stroke: "currentColor",
 				"stroke-width": "1.5",
 				fill: "none",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			})], -1)), _cache[1] || (_cache[1] = createElementVNode("span", { class: "astryx-checkbox-indicator-dash" }, null, -1))])], 16, _hoisted_1);
+			}, null, -1)])], 8, _hoisted_2)), createElementVNode("span", {
+				class: "astryx-checkbox-indicator-dash",
+				"data-size": __props.size
+			}, null, 8, _hoisted_3)])], 16, _hoisted_1);
 		};
 	}
 });

package/dist/CheckboxInput/index.d.ts

@@ -1,2 +1,2 @@
-import { Aa as CheckboxInputProps, Da as CheckboxInputChangeAction, Ea as _default, Ma as CheckboxValue, Oa as CheckboxInputChangeEvent, ja as CheckboxInputSlots, ka as CheckboxInputEmits } from "../index-CdtZjkmG.js";
+import { Aa as CheckboxInputEmits, Da as _default, Ma as CheckboxInputSlots, Na as CheckboxValue, Oa as CheckboxInputChangeAction, ja as CheckboxInputProps, ka as CheckboxInputChangeEvent } from "../index-CpNlPLBF.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-BS9J6edf.js";
+import { t as _sfc_main } from "../CheckboxInput-DJHCbwgC.js";
 export { _sfc_main as CheckboxInput };

package/dist/{CheckboxInput-BS9J6edf.js → CheckboxInput-DJHCbwgC.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 { 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-jxIiWgLw.js";
 import { t as _sfc_main$4 } from "./FieldStatus-MjY19ERl.js";
-import { t as useIndicator } from "./useIndicator-i1NORM7W.js";
+import { t as useIndicator } from "./useIndicator-MZmfBWid.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-CdtZjkmG.js";
+import { Ca as CheckboxListEmits, Ea as CheckboxListProps, Sa as _default, Ta as CheckboxListItemProps, wa as CheckboxListItemEmits, xa as _default$1 } from "../index-CpNlPLBF.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-BdZIP4_J.js";
 export { _sfc_main as CheckboxList, _sfc_main$1 as CheckboxListItem };

package/dist/{CheckboxList-CX1i_jVP.js → CheckboxList-BdZIP4_J.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-DWfi56sq.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-DJHCbwgC.js";
+import { t as _sfc_main$5 } from "./Field--OEsLBfE.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-DbZn2vms.js";
 export { _sfc_main as Citation };

package/dist/{Citation-Djgwa0ko.js → Citation-DbZn2vms.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 { s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as _sfc_main$1 } from "./Icon-KDnUyY7f.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-CdtZjkmG.js";
+import { _a as _default, ba as ClickableCardSlots, va as ClickableCardEmits, ya as ClickableCardProps } from "../index-CpNlPLBF.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-Bhds4RRe.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-Bhds4RRe.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 { t as _sfc_main$2 } from "./Card-HAjZQg2s.js";
-import { computed, createBlock, defineComponent, openBlock, renderSlot, useTemplateRef, withCtx } from "vue";
+import { i as useClickableContainer } from "./useClickableContainer-CdGp_Cev.js";
+import { t as _sfc_main$2 } from "./Card-B-I24X9S.js";
+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-D5N9ikrS.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 { 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-BUM3czCS.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-Caaflp7C.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-BUM3czCS.js → CodeBlock-Caaflp7C.js}

@@ -1,7 +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 _sfc_main$5 } from "./Icon-bteSId7T.js";
+import { t as useClipboard } from "./useClipboard-Dk8cS810.js";
+import { t as _sfc_main$4 } from "./IconButton-DI-XBbtV.js";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
+import { t as _sfc_main$5 } from "./Icon-KDnUyY7f.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";
@@ -161,6 +162,8 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const code = useTemplateRef("code");
+		const scrollEl = useTemplateRef("scroll");
+		useScrollbars(scrollEl);
 		const chunks = computed(() => {
 			const lines = props.lines;
 			if (lines.length < CHUNK_THRESHOLD) return [{
@@ -252,6 +255,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		onBeforeUnmount(() => removeRanges?.());
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
+				ref: "scroll",
 				class: "astryx-code-block__scroll",
 				role: "group",
 				tabindex: "0",

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-BJMJ09K-.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 };