@astryx-vue/core 0.1.0 → 0.1.1

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/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-CQ9F1f_F.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 { _r as BannerStatus, fr as _default, gr as BannerSlots, hr as BannerProps, mr as BannerEmits, pr as BannerContainer } from "../index-CQ9F1f_F.js";
 export { _default as Banner, type BannerContainer, type BannerEmits, type BannerProps, type BannerSlots, type BannerStatus };

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 { cr as _default, dr as ButtonGroupOrientation, lr as ButtonGroupProps, ur as ButtonGroupSlots } from "../index-CQ9F1f_F.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-BEyrkUtr.js";
 export { _sfc_main as Calendar };

package/dist/{Calendar-DpYFXwgb.js → Calendar-BEyrkUtr.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 { n as weekdayNames, t as formatCalendarMonth } from "./locale-Cpk_nrLA.js";
+import { a as useAstryxMessages, i as useAstryxLocale } from "./context-BshXcNYX.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-CO3mCs9A.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-CO3mCs9A.js}

@@ -3,8 +3,8 @@ 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 { 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 { a as useAstryxMessages, i as useAstryxLocale } from "./context-BshXcNYX.js";
+import { t as _sfc_main$17 } from "./Icon-5MdZQ18k.js";
 import { t as _sfc_main$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 { ar as CheckboxInputProps, ir as CheckboxInputEmits, nr as CheckboxInputChangeAction, or as CheckboxInputSlots, rr as CheckboxInputChangeEvent, sr as CheckboxValue, tr as _default } from "../index-CQ9F1f_F.js";
 export { _default as CheckboxInput, type CheckboxInputChangeAction, type CheckboxInputChangeEvent, type CheckboxInputEmits, type CheckboxInputProps, type CheckboxInputSlots, type CheckboxValue };

package/dist/CheckboxList/index.d.ts

@@ -0,0 +1,2 @@
+import { $n as CheckboxListItemProps, Qn as CheckboxListItemEmits, Xn as _default, Yn as _default$1, Zn as CheckboxListEmits, er as CheckboxListProps } from "../index-CQ9F1f_F.js";
+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-BL2sDOWK.js";
+export { _sfc_main as CheckboxList, _sfc_main$1 as CheckboxListItem };

package/dist/CheckboxList-BL2sDOWK.js

@@ -0,0 +1,174 @@
+import { t as _sfc_main$2 } from "./CheckboxInput-C86o3XoG.js";
+import { t as _sfc_main$3 } from "./Field-VlTBsIEo.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-BqwJvw7o.js";
 export { _sfc_main as Citation };

package/dist/{Citation-DaDd1teb.js → Citation-BqwJvw7o.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-BshXcNYX.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/Code/index.js

@@ -1,3 +1,3 @@
 import { t as useClipboard } from "../useClipboard-BDfbEsWd.js";
-import { a as tokenizeAsync, c as _sfc_main, i as tokenize, n as SYNC_TOKENIZE_THRESHOLD, o as HIGHLIGHTED_TOKEN_TYPES, r as flatTokensToLines, s as applyHighlightRanges, t as _sfc_main$1 } from "../CodeBlock-CK-NWM_1.js";
+import { a as tokenizeAsync, c as _sfc_main, i as tokenize, n as SYNC_TOKENIZE_THRESHOLD, o as HIGHLIGHTED_TOKEN_TYPES, r as flatTokensToLines, s as applyHighlightRanges, t as _sfc_main$1 } from "../CodeBlock-BQdooQy2.js";
 export { _sfc_main as Code, _sfc_main$1 as CodeBlock, HIGHLIGHTED_TOKEN_TYPES, SYNC_TOKENIZE_THRESHOLD, applyHighlightRanges, flatTokensToLines, tokenize, tokenizeAsync, useClipboard as useCopyToClipboard };

package/dist/{CodeBlock-CK-NWM_1.js → CodeBlock-BQdooQy2.js}

@@ -1,7 +1,7 @@
 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-BNQuz9W_.js";
-import { t as _sfc_main$5 } from "./Icon-B6qNgBP9.js";
+import { t as _sfc_main$5 } from "./Icon-5MdZQ18k.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";
 //#region src/Code/Code.vue

package/dist/Collapsible/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Collapsible-ByXCGhT8.js";
+import { t as _sfc_main } from "../Collapsible-BYg9soTk.js";
 export { _sfc_main as Collapsible };

package/dist/{Collapsible-ByXCGhT8.js → Collapsible-BYg9soTk.js}

@@ -1,4 +1,4 @@
-import { t as _sfc_main$1 } from "./Icon-B6qNgBP9.js";
+import { t as _sfc_main$1 } from "./Icon-5MdZQ18k.js";
 import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, openBlock, renderSlot, shallowRef, toDisplayString, useId, useModel, useTemplateRef, vShow, withCtx, withDirectives } from "vue";
 import "../styles/collapsible.css";
 //#region src/Collapsible/Collapsible.vue

package/dist/ContextMenu/index.d.ts

@@ -1,2 +1,2 @@
-import { C as ContextMenuSlots, D as ContextMenuTriggerElement, E as ContextMenuSubMenuSlots, O as ContextMenuVariant, S as ContextMenuSize, T as ContextMenuSubMenuProps, _ as ContextMenuItemSlots, a as _default, b as ContextMenuProps, c as ContextMenuDividerData, d as ContextMenuGroupProps, f as ContextMenuGroupSlots, g as ContextMenuItemProps, h as ContextMenuItemIcon, i as _default$1, k as ContextMenuWidth, l as ContextMenuDividerProps, m as ContextMenuItemEmits, n as _default$3, o as useContextMenu, p as ContextMenuItemData, r as _default$2, s as useContextMenuSize, t as _default$4, u as ContextMenuEmits, v as ContextMenuItemTarget, w as ContextMenuSubMenuEmits, x as ContextMenuSection, y as ContextMenuOption } from "../index-CxspvLBl.js";
+import { C as ContextMenuSlots, D as ContextMenuTriggerElement, E as ContextMenuSubMenuSlots, O as ContextMenuVariant, S as ContextMenuSize, T as ContextMenuSubMenuProps, _ as ContextMenuItemSlots, a as _default, b as ContextMenuProps, c as ContextMenuDividerData, d as ContextMenuGroupProps, f as ContextMenuGroupSlots, g as ContextMenuItemProps, h as ContextMenuItemIcon, i as _default$1, k as ContextMenuWidth, l as ContextMenuDividerProps, m as ContextMenuItemEmits, n as _default$3, o as useContextMenu, p as ContextMenuItemData, r as _default$2, s as useContextMenuSize, t as _default$4, u as ContextMenuEmits, v as ContextMenuItemTarget, w as ContextMenuSubMenuEmits, x as ContextMenuSection, y as ContextMenuOption } from "../index-Bc0dgVM5.js";
 export { _default as ContextMenu, _default$1 as ContextMenuDivider, type ContextMenuDividerData, type ContextMenuDividerProps, type ContextMenuEmits, _default$2 as ContextMenuGroup, type ContextMenuGroupProps, type ContextMenuGroupSlots, _default$3 as ContextMenuItem, type ContextMenuItemData, type ContextMenuItemEmits, type ContextMenuItemIcon, type ContextMenuItemProps, type ContextMenuItemSlots, type ContextMenuItemTarget, type ContextMenuOption, type ContextMenuProps, type ContextMenuSection, type ContextMenuSize, type ContextMenuSlots, _default$4 as ContextMenuSubMenu, type ContextMenuSubMenuEmits, type ContextMenuSubMenuProps, type ContextMenuSubMenuSlots, type ContextMenuTriggerElement, type ContextMenuVariant, type ContextMenuWidth, useContextMenu, useContextMenuSize };

package/dist/ContextMenu/index.js

@@ -1,2 +1,2 @@
-import { a as _sfc_main$1, i as _sfc_main$2, n as _sfc_main$4, o as useContextMenu, r as _sfc_main$3, s as useContextMenuSize, t as _sfc_main } from "../ContextMenu-BJh99Exj.js";
+import { a as _sfc_main$1, i as _sfc_main$2, n as _sfc_main$4, o as useContextMenu, r as _sfc_main$3, s as useContextMenuSize, t as _sfc_main } from "../ContextMenu-dA-ppaRQ.js";
 export { _sfc_main as ContextMenu, _sfc_main$1 as ContextMenuDivider, _sfc_main$2 as ContextMenuGroup, _sfc_main$3 as ContextMenuItem, _sfc_main$4 as ContextMenuSubMenu, useContextMenu, useContextMenuSize };