@astryx-vue/core 0.1.0 → 0.1.3

package/README.md

@@ -43,7 +43,7 @@ const email = shallowRef('')
 </template>
 ```
 
-Use `Field`, `FieldLabel` and `FieldStatus` from `@astryx-vue/core/Field` for custom controls. `Field` supplies association IDs through its default slot; forward them to the control's `id`, `aria-labelledby` and `aria-describedby`.
+Use `Field` and `FieldLabel` from `@astryx-vue/core/Field`, and `FieldStatus` from `@astryx-vue/core/FieldStatus`, for custom controls. `Field` supplies association IDs through its default slot; forward them to the control's `id`, `aria-labelledby` and `aria-describedby`.
 
 `TextInput` supports clear buttons, disabled reasons, read-only values, three sizes, status messages and asynchronous `changeAction`. Use `@action-error` to handle failed actions. Inputs remain editable while actions are pending; request cancellation and stale-result handling belong to the application.
 

package/dist/AppShell/index.d.ts

@@ -0,0 +1,2 @@
+import { a as AppShellMobileNav, c as AppShellVariant, i as AppShellHeight, n as AppShellBreakpoint, o as AppShellProps, r as AppShellEmits, s as AppShellSlots, t as _default } from "../index-By2mSzUA.js";
+export { _default as AppShell, type AppShellBreakpoint, type AppShellEmits, type AppShellHeight, type AppShellMobileNav, type AppShellProps, type AppShellSlots, type AppShellVariant };

package/dist/AppShell/index.js

@@ -0,0 +1,2 @@
+import { t as _sfc_main } from "../AppShell-b0PWt9Fz.js";
+export { _sfc_main as AppShell };

package/dist/AppShell-b0PWt9Fz.js

@@ -0,0 +1,249 @@
+import { t as appShellMobileKey } from "./useAppShellMobile-DTsyuAJ4.js";
+import { a as _sfc_main$2, n as _sfc_main$4, r as _sfc_main$3, t as _sfc_main$5 } from "./LayoutPanel-C34uOq3e.js";
+import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
+import { n as _sfc_main$7, t as _sfc_main$6 } from "./MobileNavToggle-CgQamG6E.js";
+import { n as sideNavRenderModeKey } from "./context-BjNya0v8.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeModels, mergeProps, openBlock, provide, reactive, ref, renderSlot, toDisplayString, unref, useAttrs, useId, useModel, useSlots, useTemplateRef, watch, withCtx } from "vue";
+import "../styles/app-shell.css";
+//#region src/SideNav/SideNavRenderMode.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	name: "AstryxSideNavRenderMode",
+	__name: "SideNavRenderMode",
+	props: { mode: {} },
+	setup(__props) {
+		const props = __props;
+		provide(sideNavRenderModeKey, computed(() => props.mode));
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/AppShell/AppShell.vue
+const _hoisted_1 = ["data-variant", "data-height"];
+const _hoisted_2 = ["href"];
+const _hoisted_3 = ["data-variant"];
+const _hoisted_4 = {
+	key: 0,
+	class: "astryx-app-shell__banner"
+};
+const _hoisted_5 = ["data-variant"];
+const _hoisted_6 = ["aria-label"];
+const _hoisted_7 = ["data-elevated"];
+const _hoisted_8 = {
+	key: 0,
+	class: "astryx-app-shell__backdrop"
+};
+const _hoisted_9 = ["id"];
+const mainId = "astryx-app-shell-main";
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxAppShell",
+	inheritAttrs: false,
+	__name: "AppShell",
+	props: /*@__PURE__*/ mergeModels({
+		variant: { default: "elevated" },
+		contentPadding: {},
+		height: { default: "fill" },
+		mobileNav: {
+			type: [Boolean, Object],
+			default: void 0
+		}
+	}, {
+		"mobileNavOpen": {
+			type: Boolean,
+			default: false
+		},
+		"mobileNavOpenModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["mobileNavOpenChange"], ["update:mobileNavOpen"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const messages = useAstryxMessages();
+		const root = useTemplateRef("root");
+		const mobileNavId = `astryx-app-shell-${useId()}`;
+		const uncontrolledOpen = useModel(__props, "mobileNavOpen");
+		__expose({ element: root });
+		const BREAKPOINTS = {
+			"sm": 640,
+			"md": 768,
+			"lg": 1024,
+			"xl": 1280,
+			"2xl": 1536
+		};
+		const isBelow = ref(false);
+		const breakpoint = computed(() => (typeof props.mobileNav === "object" ? props.mobileNav.breakpoint : void 0) ?? "md");
+		const query = computed(() => {
+			if (breakpoint.value === "none") return "(width < 0px)";
+			return `(width < ${BREAKPOINTS[breakpoint.value]}px)`;
+		});
+		const open = computed({
+			get: () => typeof props.mobileNav === "object" && props.mobileNav.isOpen != null ? props.mobileNav.isOpen : uncontrolledOpen.value,
+			set: (next) => {
+				uncontrolledOpen.value = next;
+				emit("mobileNavOpenChange", next);
+			}
+		});
+		const hasTopNav = computed(() => slots.topNav != null);
+		const hasSideNav = computed(() => slots.sideNav != null);
+		const hasCustomDrawer = computed(() => slots.mobileNav != null);
+		const mobileEnabled = computed(() => props.mobileNav !== false && (hasTopNav.value || hasSideNav.value) && !hasCustomDrawer.value);
+		const hasAutoToggle = computed(() => (typeof props.mobileNav !== "object" || props.mobileNav.hasToggle !== false) && !hasCustomDrawer.value);
+		const showSideInline = computed(() => hasSideNav.value && !(isBelow.value && mobileEnabled.value));
+		const elevate = computed(() => props.variant === "elevated" && hasTopNav.value && showSideInline.value);
+		const showMobileBar = computed(() => isBelow.value && mobileEnabled.value && hasAutoToggle.value && hasSideNav.value && !hasTopNav.value);
+		watch(query, (value, _previous, onCleanup) => {
+			if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
+			const media = window.matchMedia(value);
+			const update = () => {
+				isBelow.value = media.matches;
+			};
+			update();
+			media.addEventListener("change", update);
+			onCleanup(() => media.removeEventListener("change", update));
+		}, { immediate: true });
+		const mobileState = reactive({
+			get isMobile() {
+				return isBelow.value;
+			},
+			get isMobileNavOpen() {
+				return open.value;
+			},
+			mobileNavId,
+			get isMobileNavEnabled() {
+				return mobileEnabled.value;
+			},
+			get hasAutoToggle() {
+				return hasAutoToggle.value;
+			},
+			get hasSideNav() {
+				return hasSideNav.value;
+			},
+			toggleMobileNav: () => {
+				if (mobileEnabled.value) open.value = !open.value;
+			},
+			openMobileNav: () => {
+				if (mobileEnabled.value) open.value = true;
+			},
+			closeMobileNav: () => {
+				open.value = false;
+			}
+		});
+		provide(appShellMobileKey, mobileState);
+		const forwardedAttrs = computed(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")));
+		const rootClass = computed(() => ["astryx-app-shell", attrs.class]);
+		const rootStyle = computed(() => attrs.style);
+		function focusMain() {
+			root.value?.ownerDocument.getElementById(mainId)?.focus();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				ref_key: "root",
+				ref: root
+			}, forwardedAttrs.value, {
+				class: rootClass.value,
+				style: rootStyle.value,
+				"data-variant": __props.variant,
+				"data-height": __props.height
+			}), [
+				createElementVNode("a", {
+					class: "astryx-app-shell__skip",
+					href: `#${mainId}`,
+					onClick: focusMain
+				}, toDisplayString(unref(messages).layout.skipToContent), 9, _hoisted_2),
+				createVNode(_sfc_main$2, {
+					height: __props.height,
+					padding: 0
+				}, createSlots({
+					default: withCtx(() => [createElementVNode("div", {
+						class: "astryx-app-shell__main",
+						"data-elevated": elevate.value || void 0
+					}, [elevate.value ? (openBlock(), createElementBlock("div", _hoisted_8)) : createCommentVNode("v-if", true), createVNode(_sfc_main$3, {
+						id: mainId,
+						class: "astryx-app-shell__content",
+						role: "main",
+						tabindex: -1,
+						padding: __props.contentPadding ?? 0,
+						"is-scrollable": __props.height === "fill",
+						"data-variant": __props.variant,
+						"data-corner": elevate.value || void 0
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						_: 3
+					}, 8, [
+						"padding",
+						"is-scrollable",
+						"data-variant",
+						"data-corner"
+					])], 8, _hoisted_7)]),
+					_: 2
+				}, [hasTopNav.value || unref(slots).banner || showMobileBar.value ? {
+					name: "header",
+					fn: withCtx(() => [hasTopNav.value || unref(slots).banner ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: "astryx-app-shell__header",
+						role: "banner",
+						"data-variant": __props.variant
+					}, [createVNode(_sfc_main$4, {
+						padding: 0,
+						"has-divider": __props.variant === "section" && hasTopNav.value
+					}, {
+						default: withCtx(() => [unref(slots).banner ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "banner")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "topNav")]),
+						_: 3
+					}, 8, ["has-divider"])], 8, _hoisted_3)) : createCommentVNode("v-if", true), showMobileBar.value ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: "astryx-app-shell__mobile-bar",
+						role: "banner",
+						"data-variant": __props.variant
+					}, [createElementVNode("nav", {
+						class: "astryx-app-shell__mobile-nav",
+						"aria-label": unref(messages).layout.mobileNavigation
+					}, [createVNode(_sfc_main$1, { mode: "topbar" }, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "sideNav")]),
+						_: 3
+					}), createVNode(_sfc_main$6, {
+						label: unref(messages).nav.openNavigation,
+						"is-open": open.value,
+						controls: mobileNavId,
+						"onUpdate:isOpen": _cache[0] || (_cache[0] = ($event) => open.value = $event)
+					}, null, 8, ["label", "is-open"])], 8, _hoisted_6)], 8, _hoisted_5)) : createCommentVNode("v-if", true)]),
+					key: "0"
+				} : void 0, showSideInline.value ? {
+					name: "start",
+					fn: withCtx(() => [createVNode(_sfc_main$5, {
+						class: "astryx-app-shell__sidenav",
+						padding: 0,
+						"has-divider": __props.variant === "section",
+						"is-scrollable": __props.height === "fill",
+						"data-variant": __props.variant
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "sideNav")]),
+						_: 3
+					}, 8, [
+						"has-divider",
+						"is-scrollable",
+						"data-variant"
+					])]),
+					key: "1"
+				} : void 0]), 1032, ["height"]),
+				hasCustomDrawer.value ? renderSlot(_ctx.$slots, "mobileNav", {}, void 0, void 0, 0) : isBelow.value && mobileEnabled.value ? (openBlock(), createBlock(_sfc_main$7, {
+					key: 1,
+					id: mobileNavId,
+					"is-open": open.value,
+					"onUpdate:isOpen": _cache[1] || (_cache[1] = ($event) => open.value = $event),
+					label: unref(messages).layout.mobileNavigation
+				}, {
+					default: withCtx(() => [createElementVNode("div", { id: `${mobileNavId}-items` }, null, 8, _hoisted_9), createVNode(_sfc_main$1, { mode: "drawer-content" }, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "sideNav")]),
+						_: 3
+					})]),
+					_: 3
+				}, 8, ["is-open", "label"])) : createCommentVNode("v-if", true)
+			], 16, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/AspectRatio/index.d.ts

@@ -0,0 +1,2 @@
+import { a as AspectRatioSlots, i as AspectRatioShape, n as AspectRatioFit, r as AspectRatioProps, t as _default } from "../index-COqjznX0.js";
+export { _default as AspectRatio, type AspectRatioFit, type AspectRatioProps, type AspectRatioShape, type AspectRatioSlots };

package/dist/AspectRatio/index.js

@@ -0,0 +1,2 @@
+import { t as _sfc_main } from "../AspectRatio-Bij7e-tq.js";
+export { _sfc_main as AspectRatio };

package/dist/AspectRatio-Bij7e-tq.js

@@ -0,0 +1,40 @@
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, useAttrs, useTemplateRef } from "vue";
+import "../styles/aspect-ratio.css";
+//#region src/AspectRatio/AspectRatio.vue
+const _hoisted_1 = ["data-shape"];
+const _hoisted_2 = ["data-astryx-aspect-ratio-override", "data-fit"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxAspectRatio",
+	inheritAttrs: false,
+	__name: "AspectRatio",
+	props: {
+		ratio: {},
+		shape: { default: "rectangle" },
+		fit: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const attrs = useAttrs();
+		const root = useTemplateRef("root");
+		__expose({ element: root });
+		const forwardedAttrs = computed(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")));
+		const rootClass = computed(() => ["astryx-aspect-ratio", attrs.class]);
+		const rootStyle = computed(() => [attrs.style, { "--astryx-aspect-ratio": String(props.ratio) }]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				ref_key: "root",
+				ref: root
+			}, forwardedAttrs.value, {
+				class: rootClass.value,
+				"data-shape": __props.shape,
+				style: rootStyle.value
+			}), [createElementVNode("div", {
+				class: "astryx-aspect-ratio__child",
+				"data-astryx-aspect-ratio-override": __props.fit,
+				"data-fit": __props.fit
+			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_2)], 16, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/AvatarGroup/index.d.ts

@@ -1,2 +1,2 @@
-import { i as AvatarGroupProps, n as _default, r as AvatarGroupOverflowProps, t as _default$1 } from "../index-CaHXYQ_E.js";
+import { i as AvatarGroupProps, n as _default, r as AvatarGroupOverflowProps, t as _default$1 } from "../index-Df2YvC8o.js";
 export { _default as AvatarGroup, _default$1 as AvatarGroupOverflow, type AvatarGroupOverflowProps, type AvatarGroupProps };

package/dist/Banner/index.d.ts

@@ -1,2 +1,2 @@
-import { Dn as BannerProps, En as BannerEmits, On as BannerSlots, Tn as BannerContainer, kn as BannerStatus, wn as _default } from "../index-CaHXYQ_E.js";
+import { Cr as _default, Dr as BannerSlots, Er as BannerProps, Or as BannerStatus, Tr as BannerEmits, wr as BannerContainer } from "../index-Df2YvC8o.js";
 export { _default as Banner, type BannerContainer, type BannerEmits, type BannerProps, type BannerSlots, type BannerStatus };

package/dist/BottomSheet/index.d.ts

@@ -1,2 +1,2 @@
-import { a as BottomSheetPadding, c as BottomSheetSlots, i as BottomSheetMotion, l as BottomSheetSnapPoint, n as BottomSheetEmits, o as BottomSheetProps, r as BottomSheetHeight, s as BottomSheetPurpose, t as _default, u as BottomSheetState } from "../index-BSRk8MFK.js";
+import { a as BottomSheetPadding, c as BottomSheetSlots, i as BottomSheetMotion, l as BottomSheetSnapPoint, n as BottomSheetEmits, o as BottomSheetProps, r as BottomSheetHeight, s as BottomSheetPurpose, t as _default, u as BottomSheetState } from "../index-C8wDPDcP.js";
 export { _default as BottomSheet, type BottomSheetEmits, type BottomSheetHeight, type BottomSheetMotion, type BottomSheetPadding, type BottomSheetProps, type BottomSheetPurpose, type BottomSheetSlots, type BottomSheetSnapPoint, type BottomSheetState };

package/dist/Button/index.d.ts

@@ -1,3 +1,3 @@
 import { a as ButtonProps, c as ButtonSizeValue, d as ButtonVariantMap, i as ButtonLinkElement, l as ButtonSlots, n as ButtonElevation, o as ButtonRootElement, r as ButtonEmits, s as ButtonSize, t as ButtonClickAction, u as ButtonVariant } from "../types-WlmsNL1I.js";
-import { t as _default } from "../index-CvLlWLIZ.js";
+import { t as _default } from "../index-B4OOtNP8.js";
 export { _default as Button, _default as default, type ButtonClickAction, type ButtonElevation, type ButtonEmits, type ButtonLinkElement, type ButtonProps, type ButtonRootElement, type ButtonSize, type ButtonSizeValue, type ButtonSlots, type ButtonVariant, type ButtonVariantMap };

package/dist/ButtonGroup/index.d.ts

@@ -1,2 +1,2 @@
-import { Cn as ButtonGroupOrientation, Sn as ButtonGroupSlots, bn as _default, xn as ButtonGroupProps } from "../index-CaHXYQ_E.js";
+import { Sr as ButtonGroupOrientation, br as ButtonGroupProps, xr as ButtonGroupSlots, yr as _default } from "../index-Df2YvC8o.js";
 export { _default as ButtonGroup, _default as default, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonGroupSlots };

package/dist/Calendar/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Calendar-DpYFXwgb.js";
+import { t as _sfc_main } from "../Calendar-CYhGDT6f.js";
 export { _sfc_main as Calendar };

package/dist/{Calendar-DpYFXwgb.js → Calendar-CYhGDT6f.js}

@@ -1,5 +1,6 @@
 import { t as useGridRovingFocus } from "./useGridRovingFocus-DQQAOYH5.js";
-import { a as useAstryxMessages, i as useAstryxLocale, o as formatCalendarMonth, s as weekdayNames } from "./locale-56lkR7OK.js";
+import { a as useAstryxMessages, i as useAstryxLocale } from "./context-D6ECRdc5.js";
+import { n as weekdayNames, t as formatCalendarMonth } from "./locale-Cpk_nrLA.js";
 import { Fragment, computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, withKeys } from "vue";
 import { CalendarDate, getLocalTimeZone, today } from "@internationalized/date";
 import "../styles/calendar.css";

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-Bfd-YPAK.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-C1aWl5V3.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-Bfd-YPAK.js → Chat-C1aWl5V3.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-D6ECRdc5.js";
 import { t as _sfc_main$16 } from "./Badge-Ba0EwsTj.js";
-import { a as useAstryxMessages, i as useAstryxLocale } from "./locale-56lkR7OK.js";
-import { t as _sfc_main$17 } from "./Icon-B6qNgBP9.js";
+import { t as _sfc_main$17 } from "./Icon-5MdZQ18k.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 { _n as CheckboxInputProps, gn as CheckboxInputEmits, hn as CheckboxInputChangeEvent, mn as CheckboxInputChangeAction, pn as _default, vn as CheckboxInputSlots, yn as CheckboxValue } from "../index-CaHXYQ_E.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-Df2YvC8o.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

@@ -0,0 +1,2 @@
+import { cr as CheckboxListEmits, dr as CheckboxListProps, lr as CheckboxListItemEmits, or as _default$1, sr as _default, ur as CheckboxListItemProps } from "../index-Df2YvC8o.js";
+export { _default as CheckboxList, type CheckboxListEmits, _default$1 as CheckboxListItem, type CheckboxListItemEmits, type CheckboxListItemProps, type CheckboxListProps };

package/dist/CheckboxList/index.js

@@ -0,0 +1,2 @@
+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-EsIEXjK_.js

@@ -0,0 +1,174 @@
+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";
+import "../styles/checkbox-list.css";
+//#region src/CheckboxList/context.ts
+const checkboxListKey = Symbol("astryx-checkbox-list");
+//#endregion
+//#region src/CheckboxList/CheckboxList.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	name: "AstryxCheckboxList",
+	__name: "CheckboxList",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		id: {},
+		description: {},
+		density: { default: "balanced" },
+		hasDividers: {
+			type: Boolean,
+			default: false
+		},
+		isDisabled: { type: Boolean },
+		isRequired: { type: Boolean },
+		isOptional: { type: Boolean },
+		isLabelHidden: { type: Boolean },
+		status: {},
+		statusVariant: { default: "detached" },
+		width: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["update:modelValue", "change"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const model = useModel(__props, "modelValue");
+		const generatedId = `astryx-checkbox-list-${useId()}`;
+		const inputId = computed(() => props.id ?? generatedId);
+		function toggle(value, checked) {
+			const current = model.value ?? [];
+			const next = checked ? current.includes(value) ? current : [...current, value] : current.filter((item) => item !== value);
+			model.value = next;
+			emit("change", next);
+		}
+		provide(checkboxListKey, {
+			values: model,
+			toggle,
+			isDisabled: computed(() => props.isDisabled ?? false),
+			size: computed(() => props.density === "compact" ? "sm" : "md")
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(_sfc_main$3, {
+				class: "astryx-checkbox-list",
+				label: __props.label,
+				"input-id": inputId.value,
+				"is-group-label": "",
+				description: __props.description,
+				width: __props.width,
+				"is-label-hidden": __props.isLabelHidden,
+				"is-disabled": __props.isDisabled,
+				"is-optional": __props.isOptional,
+				"is-required": __props.isRequired,
+				status: __props.status,
+				"status-variant": __props.statusVariant
+			}, {
+				default: withCtx((field) => [createVNode(_sfc_main$4, {
+					density: __props.density,
+					"has-dividers": __props.hasDividers,
+					"aria-labelledby": field.labelId,
+					"aria-describedby": field.describedBy
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, [
+					"density",
+					"has-dividers",
+					"aria-labelledby",
+					"aria-describedby"
+				])]),
+				_: 3
+			}, 8, [
+				"label",
+				"input-id",
+				"description",
+				"width",
+				"is-label-hidden",
+				"is-disabled",
+				"is-optional",
+				"is-required",
+				"status",
+				"status-variant"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/CheckboxList/CheckboxListItem.vue
+const _hoisted_1 = { "aria-hidden": "true" };
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxCheckboxListItem",
+	__name: "CheckboxListItem",
+	props: {
+		label: {},
+		value: {},
+		description: {},
+		isDisabled: { type: Boolean },
+		isChecked: { type: [Boolean, String] }
+	},
+	emits: ["check"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const context = inject(checkboxListKey, void 0);
+		const descriptionId = useItemDescriptionId();
+		const checkbox = useTemplateRef("checkbox");
+		const interactiveRef = computed(() => checkbox.value?.element ?? null);
+		const collection = computed(() => context != null && context.values.value != null);
+		const checked = computed(() => {
+			if (collection.value && props.value != null) return context?.values.value?.includes(props.value) ?? false;
+			return props.isChecked ?? false;
+		});
+		const disabled = computed(() => props.isDisabled || context?.isDisabled.value);
+		const selected = computed(() => checked.value === true);
+		if (collection.value && props.value == null) throw new Error("CheckboxListItem 在集合模式下必须提供 value。");
+		function onChecked(value) {
+			const next = value === true;
+			if (collection.value && props.value != null) context?.toggle(props.value, next);
+			else emit("check", next);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(_sfc_main$5, {
+				label: __props.label,
+				description: __props.description,
+				"is-selected": selected.value,
+				"is-disabled": disabled.value,
+				"interactive-ref": interactiveRef.value
+			}, createSlots({
+				label: withCtx(() => [createElementVNode("span", _hoisted_1, toDisplayString(__props.label), 1)]),
+				startContent: withCtx(() => [createVNode(_sfc_main$2, {
+					ref_key: "checkbox",
+					ref: checkbox,
+					"model-value": checked.value,
+					label: __props.label,
+					"is-label-hidden": "",
+					size: unref(context)?.size.value ?? "md",
+					"is-disabled": disabled.value,
+					"aria-describedby": unref(descriptionId) ?? void 0,
+					"onUpdate:modelValue": onChecked
+				}, null, 8, [
+					"model-value",
+					"label",
+					"size",
+					"is-disabled",
+					"aria-describedby"
+				])]),
+				_: 2
+			}, [_ctx.$slots.end ? {
+				name: "endContent",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "end")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"label",
+				"description",
+				"is-selected",
+				"is-disabled",
+				"interactive-ref"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main$1 as n, _sfc_main as t };

package/dist/Citation/index.js

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

package/dist/{Citation-DaDd1teb.js → Citation-C1X0Rde8.js}

@@ -1,5 +1,5 @@
-import { a as useAstryxMessages } from "./locale-56lkR7OK.js";
-import { t as _sfc_main$1 } from "./Icon-B6qNgBP9.js";
+import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
+import { t as _sfc_main$1 } from "./Icon-5MdZQ18k.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-Df2YvC8o.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 };