@astryx-vue/core 0.1.0 → 0.1.1

package/dist/FileInput-CYvEV503.js

@@ -0,0 +1,238 @@
+import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
+import { t as useAnnounce } from "./announce-Cnio10Wk.js";
+import { n as selectFiles, t as formatFileSize } from "./useFileSelection-BPtaegqK.js";
+import { t as _sfc_main$2 } from "./FieldIcon--NTgW5IU.js";
+import { t as _sfc_main$3 } from "./IconButton-BNQuz9W_.js";
+import { a as useAstryxMessages } from "./context-BshXcNYX.js";
+import { t as _sfc_main$4 } from "./Icon-5MdZQ18k.js";
+import { t as _sfc_main$5 } from "./Spinner-9cYUCnDy.js";
+import { t as _sfc_main$6 } from "./Field-VlTBsIEo.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, openBlock, shallowRef, toDisplayString, unref, useId, useModel, useTemplateRef, withCtx } from "vue";
+import "../styles/bordered-control.css";
+import "../styles/file-input.css";
+//#region src/FileInput/FileInput.vue
+const _hoisted_1 = [
+	"data-mode",
+	"data-size",
+	"data-status",
+	"data-disabled",
+	"data-drag"
+];
+const _hoisted_2 = [
+	"id",
+	"accept",
+	"multiple",
+	"disabled"
+];
+const _hoisted_3 = [
+	"id",
+	"disabled",
+	"aria-invalid",
+	"aria-describedby"
+];
+const _hoisted_4 = ["data-placeholder"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxFileInput",
+	inheritAttrs: false,
+	__name: "FileInput",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		id: {},
+		accept: {},
+		description: {},
+		placeholder: {},
+		mode: { default: "input" },
+		size: { default: "md" },
+		isMultiple: {
+			type: Boolean,
+			default: false
+		},
+		maxSize: {},
+		maxFiles: {},
+		isDisabled: { type: Boolean },
+		isRequired: { type: Boolean },
+		isOptional: { type: Boolean },
+		isLabelHidden: { type: Boolean },
+		isLoading: { type: Boolean },
+		status: {},
+		statusVariant: { default: "attached" },
+		width: {},
+		clearLabel: {}
+	}, {
+		"modelValue": { default: null },
+		"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 messages = useAstryxMessages();
+		const announce = useAnnounce();
+		const generatedId = `astryx-file-input-${useId()}`;
+		const inputId = computed(() => props.id ?? generatedId);
+		const requiredId = `${generatedId}-required`;
+		const fileInput = useTemplateRef("file");
+		const validationError = shallowRef(null);
+		const dragOver = shallowRef(false);
+		const placeholder = computed(() => props.placeholder ?? (props.isMultiple ? messages.value.fileInput.placeholderMultiple : messages.value.fileInput.placeholder));
+		const clearLabel = computed(() => props.clearLabel ?? messages.value.fileInput.clear);
+		const status = computed(() => props.status ?? (validationError.value ? {
+			type: "error",
+			message: validationError.value
+		} : void 0));
+		const fileLabel = computed(() => {
+			const value = model.value;
+			if (value == null) return "";
+			const files = Array.isArray(value) ? value : [value];
+			if (files.length === 0) return "";
+			if (files.length === 1) return files[0]?.name ?? "";
+			return files.map((file) => file.name).join(", ");
+		});
+		const conveysRequired = computed(() => props.isRequired && !props.isOptional);
+		function commit(value) {
+			model.value = value;
+			emit("change", value);
+		}
+		function applyFiles(list) {
+			if (props.isDisabled) return;
+			const result = selectFiles(list, {
+				accept: props.accept,
+				maxSize: props.maxSize,
+				maxFiles: props.maxFiles,
+				isMultiple: props.isMultiple
+			});
+			const first = result.rejections[0];
+			if (first?.code === "type" && first.fileName) validationError.value = messages.value.fileInput.errorType(first.fileName);
+			else if (first?.code === "size" && first.fileName) validationError.value = messages.value.fileInput.errorSize(first.fileName, formatFileSize(first.maxSize ?? 0));
+			else if (first?.code === "count") validationError.value = messages.value.fileInput.errorCount(first.maxFiles ?? 0);
+			else validationError.value = null;
+			const files = result.files;
+			commit(files);
+			if (validationError.value == null && files != null) {
+				const selected = Array.isArray(files) ? files : [files];
+				if (selected.length === 1 && selected[0]) announce(messages.value.fileInput.fileSelected(selected[0].name));
+				else if (selected.length > 1) announce(messages.value.fileInput.filesSelected(selected.length));
+			}
+			if (fileInput.value) fileInput.value.value = "";
+		}
+		function openPicker() {
+			if (!props.isDisabled) fileInput.value?.click();
+		}
+		function onChange(event) {
+			applyFiles(event.target.files);
+		}
+		function clear() {
+			if (props.isDisabled) return;
+			validationError.value = null;
+			commit(null);
+			if (fileInput.value) fileInput.value.value = "";
+		}
+		function onDragOver(event) {
+			if (props.mode !== "dropzone" || props.isDisabled) return;
+			event.preventDefault();
+			dragOver.value = true;
+		}
+		function onDragLeave() {
+			dragOver.value = false;
+		}
+		function onDrop(event) {
+			if (props.mode !== "dropzone" || props.isDisabled) return;
+			event.preventDefault();
+			dragOver.value = false;
+			applyFiles(event.dataTransfer?.files);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(_sfc_main$6, {
+				label: __props.label,
+				"input-id": inputId.value,
+				description: __props.description,
+				width: __props.width,
+				"is-label-hidden": __props.isLabelHidden,
+				"is-disabled": __props.isDisabled,
+				"is-optional": __props.isOptional,
+				"is-required": __props.isRequired,
+				status: status.value,
+				"status-variant": __props.statusVariant
+			}, {
+				default: withCtx((field) => [createElementVNode("div", {
+					class: "astryx-file-input astryx-bordered-control",
+					"data-mode": __props.mode,
+					"data-size": __props.size,
+					"data-status": status.value?.type,
+					"data-disabled": __props.isDisabled || void 0,
+					"data-drag": dragOver.value || void 0
+				}, [
+					createElementVNode("input", {
+						id: `${inputId.value}-file`,
+						ref: "file",
+						class: "astryx-file-input-native",
+						type: "file",
+						accept: __props.accept,
+						multiple: __props.isMultiple || void 0,
+						disabled: __props.isDisabled,
+						tabindex: "-1",
+						onChange
+					}, null, 40, _hoisted_2),
+					createElementVNode("button", {
+						id: inputId.value,
+						type: "button",
+						class: "astryx-file-input-trigger",
+						disabled: __props.isDisabled,
+						"aria-invalid": status.value?.type === "error" || void 0,
+						"aria-describedby": [field.describedBy, conveysRequired.value ? requiredId : void 0].filter(Boolean).join(" ") || void 0,
+						onClick: openPicker,
+						onDragover: onDragOver,
+						onDragleave: onDragLeave,
+						onDrop
+					}, [createVNode(_sfc_main$4, {
+						class: "astryx-file-input-icon",
+						icon: "upload",
+						size: "sm"
+					}), createElementVNode("span", {
+						class: "astryx-file-input-text",
+						"data-placeholder": !fileLabel.value || void 0
+					}, toDisplayString(fileLabel.value || placeholder.value), 9, _hoisted_4)], 40, _hoisted_3),
+					fileLabel.value && !__props.isDisabled ? (openBlock(), createBlock(_sfc_main$3, {
+						key: 0,
+						class: "astryx-input-clear-button",
+						variant: "ghost",
+						size: "sm",
+						label: clearLabel.value,
+						onClick: clear
+					}, {
+						default: withCtx(() => [createVNode(_sfc_main$2, { type: "clear" })]),
+						_: 1
+					}, 8, ["label"])) : createCommentVNode("v-if", true),
+					__props.isLoading ? (openBlock(), createBlock(_sfc_main$5, {
+						key: 1,
+						size: "sm"
+					})) : status.value ? (openBlock(), createBlock(_sfc_main$2, {
+						key: 2,
+						type: status.value.type
+					}, null, 8, ["type"])) : createCommentVNode("v-if", true)
+				], 8, _hoisted_1), conveysRequired.value ? (openBlock(), createBlock(_sfc_main$1, {
+					key: 0,
+					id: requiredId
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(messages).fileInput.required), 1)]),
+					_: 1
+				})) : createCommentVNode("v-if", true)]),
+				_: 1
+			}, 8, [
+				"label",
+				"input-id",
+				"description",
+				"width",
+				"is-label-hidden",
+				"is-disabled",
+				"is-optional",
+				"is-required",
+				"status",
+				"status-variant"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/{Icon-B6qNgBP9.js → Icon-5MdZQ18k.js}

@@ -27,7 +27,15 @@ const ICON_GLYPHS = [
 	"chevronRight",
 	"check",
 	"moreHorizontal",
-	"copy"
+	"copy",
+	"calendar",
+	"clock",
+	"upload",
+	"arrowUp",
+	"arrowDown",
+	"close",
+	"funnel",
+	"image"
 ];
 function isIconGlyph(value) {
 	return ICON_GLYPHS.includes(value);
@@ -75,4 +83,4 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-export { _sfc_main as t };
+export { isIconGlyph as n, _sfc_main as t };

package/dist/List/index.d.ts

@@ -1,3 +1,3 @@
 import { a as ItemLayout, c as ItemTarget, d as ListEdgeCompensation, f as ListItemProps, g as ListSlots, h as ListProps, i as ItemLabel, l as ItemText, m as ListMarkerStyle, n as ItemDensity, o as ItemProps, p as ListItemSlots, r as ItemElement, s as ItemSlots, t as ItemAlign, u as ListDensity } from "../types-CAZY4Xua.js";
-import { a as useListContext, i as useItemDescriptionId, n as _default$1, r as _default, t as _default$2 } from "../index-JeZ0YTyd.js";
+import { a as useListContext, i as useItemDescriptionId, n as _default$1, r as _default, t as _default$2 } from "../index-5R_pi3eT.js";
 export { _default as Item, type ItemAlign, type ItemDensity, type ItemElement, type ItemLabel, type ItemLayout, type ItemProps, type ItemSlots, type ItemTarget, type ItemText, _default$1 as List, type ListDensity, type ListEdgeCompensation, _default$2 as ListItem, type ListItemProps, type ListItemSlots, type ListMarkerStyle, type ListProps, type ListSlots, useItemDescriptionId, useListContext };

package/dist/Markdown/index.d.ts

@@ -1,2 +1,2 @@
-import { _ as MarkdownSlots, a as MarkdownAlign, c as MarkdownDensity, d as MarkdownHeadingProps, f as MarkdownImageProps, g as MarkdownProps, h as MarkdownListProps, i as _default, l as MarkdownDisplay, m as MarkdownLinkProps, n as uniqueSlug, o as MarkdownCodeProps, p as MarkdownInlineCodeProps, r as parseMarkdown, s as MarkdownComponents, t as slugify, u as MarkdownHeadingLevel } from "../index-DjOdQv5B.js";
+import { _ as MarkdownSlots, a as MarkdownAlign, c as MarkdownDensity, d as MarkdownHeadingProps, f as MarkdownImageProps, g as MarkdownProps, h as MarkdownListProps, i as _default, l as MarkdownDisplay, m as MarkdownLinkProps, n as uniqueSlug, o as MarkdownCodeProps, p as MarkdownInlineCodeProps, r as parseMarkdown, s as MarkdownComponents, t as slugify, u as MarkdownHeadingLevel } from "../index--dh0s8Li.js";
 export { _default as Markdown, type MarkdownAlign, type MarkdownCodeProps, type MarkdownComponents, type MarkdownDensity, type MarkdownDisplay, type MarkdownHeadingLevel, type MarkdownHeadingProps, type MarkdownImageProps, type MarkdownInlineCodeProps, type MarkdownLinkProps, type MarkdownListProps, type MarkdownProps, type MarkdownSlots, parseMarkdown, slugify, uniqueSlug };

package/dist/Markdown/index.js

@@ -1,2 +1,2 @@
-import { i as parseMarkdown, n as slugify, r as uniqueSlug, t as _sfc_main } from "../Markdown-DyKIwAL_.js";
+import { i as parseMarkdown, n as slugify, r as uniqueSlug, t as _sfc_main } from "../Markdown-Dnlp8cVx.js";
 export { _sfc_main as Markdown, parseMarkdown, slugify, uniqueSlug };

package/dist/{Markdown-DyKIwAL_.js → Markdown-Dnlp8cVx.js}

@@ -1,9 +1,9 @@
 import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
 import { t as _sfc_main$2 } from "./Heading-Dugosn6j.js";
 import { t as _sfc_main$3 } from "./Blockquote-DFqBv_oJ.js";
-import { a as useAstryxMessages } from "./locale-56lkR7OK.js";
+import { a as useAstryxMessages } from "./context-BshXcNYX.js";
 import { t as _sfc_main$4 } from "./CheckboxIndicator-DdJmksHt.js";
-import { c as _sfc_main$5, t as _sfc_main$6 } from "./CodeBlock-CK-NWM_1.js";
+import { c as _sfc_main$5, t as _sfc_main$6 } from "./CodeBlock-BQdooQy2.js";
 import { t as _sfc_main$7 } from "./Link-CprjOuTI.js";
 import { Fragment, computed, defineComponent, h, ref } from "vue";
 import { fromMarkdown } from "mdast-util-from-markdown";

package/dist/MetadataList/index.d.ts

@@ -0,0 +1,2 @@
+import { a as MetadataListItemSlots, c as MetadataListOrientation, i as MetadataListItemProps, l as MetadataListProps, n as _default, o as MetadataListLabelConfig, r as MetadataListColumns, s as MetadataListLabelPosition, t as _default$1, u as MetadataListSlots } from "../index-utZGF4GR.js";
+export { _default as MetadataList, type MetadataListColumns, _default$1 as MetadataListItem, type MetadataListItemProps, type MetadataListItemSlots, type MetadataListLabelConfig, type MetadataListLabelPosition, type MetadataListOrientation, type MetadataListProps, type MetadataListSlots };

package/dist/MetadataList/index.js

@@ -0,0 +1,2 @@
+import { n as _sfc_main, t as _sfc_main$1 } from "../MetadataList-DIsqS1Qb.js";
+export { _sfc_main as MetadataList, _sfc_main$1 as MetadataListItem };

package/dist/MetadataList-DIsqS1Qb.js

@@ -0,0 +1,124 @@
+import { a as useAstryxMessages } from "./context-BshXcNYX.js";
+import { Comment, Fragment, computed, defineComponent, h, inject, provide, ref, useId, useSlots } from "vue";
+import "../styles/metadata-list.css";
+//#region src/MetadataList/context.ts
+const metadataListKey = Symbol("astryx-metadata-list");
+function useMetadataListContext() {
+	return inject(metadataListKey, null);
+}
+//#endregion
+//#region src/MetadataList/MetadataList.vue
+function itemNodes(nodes) {
+	const result = [];
+	for (const node of nodes) {
+		if (node.type === Comment) continue;
+		if (node.type === Fragment && Array.isArray(node.children)) result.push(...itemNodes(node.children));
+		else result.push(node);
+	}
+	return result;
+}
+const _sfc_main$1 = defineComponent({
+	name: "AstryxMetadataList",
+	inheritAttrs: false,
+	props: {
+		columns: {
+			type: [String, Number],
+			default: "single"
+		},
+		label: {
+			type: Object,
+			default: void 0
+		},
+		maxNumOfItems: {
+			type: Number,
+			default: void 0
+		},
+		orientation: {
+			type: String,
+			default: "vertical"
+		},
+		title: {
+			type: String,
+			default: void 0
+		}
+	},
+	setup(props, { slots, attrs }) {
+		const messages = useAstryxMessages();
+		const expanded = ref(false);
+		const contentId = `astryx-metadata-list-${useId()}`;
+		const isMultiColumn = computed(() => props.columns === "multi" || typeof props.columns === "number" && props.columns > 1);
+		const labelPosition = computed(() => {
+			if (props.orientation === "horizontal") return "top";
+			return props.label?.position ?? (isMultiColumn.value ? "top" : "start");
+		});
+		provide(metadataListKey, {
+			get labelPosition() {
+				return labelPosition.value;
+			},
+			get orientation() {
+				return props.orientation ?? "vertical";
+			}
+		});
+		return () => {
+			const orientation = props.orientation ?? "vertical";
+			const stacked = labelPosition.value === "top";
+			const horizontal = orientation === "horizontal";
+			const layout = horizontal ? "horizontal" : stacked ? props.columns === "single" || props.columns === 1 ? "stacked-single" : "stacked-multi" : props.columns === "single" || props.columns === 1 ? "single" : "multi";
+			let gridTemplateColumns;
+			if (!horizontal && typeof props.columns === "number" && props.columns > 1) gridTemplateColumns = stacked ? `repeat(${props.columns}, 1fr)` : `repeat(${props.columns}, auto minmax(0, 1fr))`;
+			else if (!horizontal && !stacked && props.label?.width != null) gridTemplateColumns = `${typeof props.label.width === "number" ? `${props.label.width}px` : props.label.width} minmax(0, 1fr)`;
+			const nodes = itemNodes(slots.default?.() ?? []);
+			const limit = horizontal ? void 0 : props.maxNumOfItems;
+			const visible = limit != null && nodes.length > limit && !expanded.value ? nodes.slice(0, limit) : nodes;
+			const title = slots.title || props.title ? h("div", { class: "astryx-metadata-list__title" }, slots.title ? slots.title() : props.title) : null;
+			const list = h("dl", {
+				"id": contentId,
+				"class": "astryx-metadata-list__dl",
+				"data-layout": layout,
+				"style": gridTemplateColumns ? { gridTemplateColumns } : void 0
+			}, visible);
+			const toggle = limit != null && nodes.length > limit ? h("button", {
+				"type": "button",
+				"class": "astryx-metadata-list__toggle",
+				"aria-controls": contentId,
+				"aria-expanded": expanded.value ? "true" : "false",
+				"onClick": () => {
+					expanded.value = !expanded.value;
+				}
+			}, expanded.value ? messages.value.metadataList.showLess : messages.value.metadataList.showMore) : null;
+			return h("div", {
+				...attrs,
+				"class": ["astryx-metadata-list", attrs.class],
+				"data-columns": String(props.columns),
+				"data-orientation": orientation
+			}, [
+				title,
+				list,
+				toggle
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/MetadataList/MetadataListItem.vue
+const _sfc_main = defineComponent({
+	name: "AstryxMetadataListItem",
+	props: { label: {
+		type: String,
+		required: true
+	} },
+	setup(props) {
+		const context = useMetadataListContext();
+		const slots = useSlots();
+		const stacked = computed(() => {
+			return (context?.labelPosition ?? "start") === "top" || context?.orientation === "horizontal";
+		});
+		return () => {
+			const icon = slots.icon ? h("span", { class: "astryx-metadata-list__icon" }, slots.icon()) : null;
+			if (stacked.value) return h("div", { class: "astryx-metadata-list__item" }, [h("dt", { class: "astryx-metadata-list__item-label" }, [icon, props.label]), h("dd", { class: "astryx-metadata-list__item-value" }, slots.default?.())]);
+			return [h("dt", { class: "astryx-metadata-list__label" }, [icon, props.label]), h("dd", { class: "astryx-metadata-list__value" }, slots.default?.())];
+		};
+	}
+});
+//#endregion
+export { _sfc_main$1 as n, _sfc_main as t };

package/dist/MobileNav/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, r as mobileNavKey, t as _sfc_main$1 } from "../MobileNavToggle-BK2iRJF-.js";
+import { n as _sfc_main, r as mobileNavKey, t as _sfc_main$1 } from "../MobileNavToggle-aUZiDwHm.js";
 export { _sfc_main as MobileNav, _sfc_main$1 as MobileNavToggle, mobileNavKey };

package/dist/{MobileNavToggle-BK2iRJF-.js → MobileNavToggle-aUZiDwHm.js}

@@ -1,5 +1,5 @@
 import { n as useFocusTrap, t as useRestoreFocus } from "./useRestoreFocus-BvMdXVX9.js";
-import { a as useAstryxMessages } from "./locale-56lkR7OK.js";
+import { a as useAstryxMessages } from "./context-BshXcNYX.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, provide, ref, renderSlot, toDisplayString, unref, useId, useModel, watch } from "vue";
 import "../styles/mobile-nav.css";
 //#region src/MobileNav/context.ts

package/dist/MoreMenu/index.d.ts

@@ -1,2 +1,2 @@
-import { an as MoreMenuItem, cn as MoreMenuPresentation, dn as MoreMenuSection, en as _default, fn as MoreMenuSlots, in as MoreMenuInitialFocus, ln as MoreMenuProps, nn as MoreMenuEmits, on as MoreMenuItemVariant, rn as MoreMenuIcon, sn as MoreMenuOption, tn as MoreMenuDivider, un as MoreMenuResolvedPresentation } from "../index-CaHXYQ_E.js";
+import { An as MoreMenuResolvedPresentation, Cn as MoreMenuIcon, Dn as MoreMenuOption, En as MoreMenuItemVariant, Mn as MoreMenuSlots, On as MoreMenuPresentation, Sn as MoreMenuEmits, Tn as MoreMenuItem, bn as _default, jn as MoreMenuSection, kn as MoreMenuProps, wn as MoreMenuInitialFocus, xn as MoreMenuDivider } from "../index-CQ9F1f_F.js";
 export { _default as MoreMenu, type MoreMenuDivider, type MoreMenuEmits, type MoreMenuIcon, type MoreMenuInitialFocus, type MoreMenuItem, type MoreMenuItemVariant, type MoreMenuOption, type MoreMenuPresentation, type MoreMenuProps, type MoreMenuResolvedPresentation, type MoreMenuSection, type MoreMenuSlots };

package/dist/MoreMenu/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../MoreMenu-BjUsVWWk.js";
+import { t as _sfc_main } from "../MoreMenu-BXL6Dqsu.js";
 export { _sfc_main as MoreMenu };

package/dist/{MoreMenu-BjUsVWWk.js → MoreMenu-BXL6Dqsu.js}

@@ -2,10 +2,10 @@ import { n as getFocusables, t as focusElement } from "./focus-CpficIgf.js";
 import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
 import { t as _sfc_main$5 } from "./Heading-Dugosn6j.js";
 import { t as _sfc_main$6 } from "./IconButton-BNQuz9W_.js";
-import { t as _sfc_main$7 } from "./Icon-B6qNgBP9.js";
+import { t as _sfc_main$7 } from "./Icon-5MdZQ18k.js";
 import { t as _sfc_main$8 } from "./Divider-BtwnL18I.js";
-import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
 import { n as _sfc_main$10, t as _sfc_main$9 } from "./ListItem-pGxvn6QJ.js";
+import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, unref, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/more-menu.css";
 //#region src/MoreMenu/context.ts

package/dist/MultiSelector/index.d.ts

@@ -1,2 +1,2 @@
-import { a as MultiSelectorDivider, c as MultiSelectorOptionData, d as MultiSelectorSection, f as MultiSelectorSize, g as MultiSelectorVariant, h as MultiSelectorTriggerDisplay, i as MultiSelectorCheckboxPosition, l as MultiSelectorPresentation, m as MultiSelectorStatus, n as flattenOptions, o as MultiSelectorEmits, p as MultiSelectorSlots, r as _default, s as MultiSelectorOption, t as SELECT_ALL_VALUE, u as MultiSelectorProps } from "../index-C8NW9xre.js";
+import { a as MultiSelectorDivider, c as MultiSelectorOptionData, d as MultiSelectorSection, f as MultiSelectorSize, g as MultiSelectorVariant, h as MultiSelectorTriggerDisplay, i as MultiSelectorCheckboxPosition, l as MultiSelectorPresentation, m as MultiSelectorStatus, n as flattenOptions, o as MultiSelectorEmits, p as MultiSelectorSlots, r as _default, s as MultiSelectorOption, t as SELECT_ALL_VALUE, u as MultiSelectorProps } from "../index-D3V7yRUP.js";
 export { _default as MultiSelector, type MultiSelectorCheckboxPosition, type MultiSelectorDivider, type MultiSelectorEmits, type MultiSelectorOption, type MultiSelectorOptionData, type MultiSelectorPresentation, type MultiSelectorProps, type MultiSelectorSection, type MultiSelectorSize, type MultiSelectorSlots, type MultiSelectorStatus, type MultiSelectorTriggerDisplay, type MultiSelectorVariant, SELECT_ALL_VALUE, flattenOptions };

package/dist/MultiSelector/index.js

@@ -1,2 +1,2 @@
-import { n as SELECT_ALL_VALUE, r as flattenOptions, t as _sfc_main } from "../MultiSelector-CKTbTj1A.js";
+import { n as SELECT_ALL_VALUE, r as flattenOptions, t as _sfc_main } from "../MultiSelector-Bh8or2S6.js";
 export { _sfc_main as MultiSelector, SELECT_ALL_VALUE, flattenOptions };

package/dist/{MultiSelector-CKTbTj1A.js → MultiSelector-Bh8or2S6.js}

@@ -1,10 +1,10 @@
 import { t as useCombobox } from "./useCombobox-CTo5C-gc.js";
 import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
 import { t as _sfc_main$1 } from "./BottomSheet-Dg95HB1s.js";
-import { a as useAstryxMessages } from "./locale-56lkR7OK.js";
+import { a as useAstryxMessages } from "./context-BshXcNYX.js";
 import { t as _sfc_main$2 } from "./CheckboxIndicator-DdJmksHt.js";
 import { t as _sfc_main$3 } from "./Field-VlTBsIEo.js";
-import { t as _sfc_main$4 } from "./Token-Ctf9jekS.js";
+import { t as _sfc_main$4 } from "./Token-CV2J94bn.js";
 import { n as useAnchoredListbox, t as scrollOptionIntoView } from "./useAnchoredListbox-7W90Ny-9.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
 import "../styles/visually-hidden-utility.css";

package/dist/NavItem/index.d.ts

@@ -1,3 +1,3 @@
 import { a as NavItemSize, i as NavItemProps, n as NavIconSlots, o as NavItemSlots, r as NavItemEmits, s as NavLinkComponent, t as NavIconProps } from "../types-BG23kC3S.js";
-import { n as _default, r as resolveNavRoot, t as _default$1 } from "../index-BeJqhW4l.js";
+import { n as _default, r as resolveNavRoot, t as _default$1 } from "../index-Q4gqBSIZ.js";
 export { _default as NavIcon, type NavIconProps, type NavIconSlots, _default$1 as NavItem, type NavItemEmits, type NavItemProps, type NavItemSize, type NavItemSlots, type NavLinkComponent, resolveNavRoot };

package/dist/NavMenu/index.d.ts

@@ -1,2 +1,2 @@
-import { a as NavMenuEmits, c as NavMenuProps, i as NavDisclosureProps, l as NavMenuFocusRequest, n as _default$1, o as NavMenuItemEmits, r as _default, s as NavMenuItemProps, t as _default$2, u as NavMenuSize } from "../index-Cz9ZHVf6.js";
+import { a as NavMenuEmits, c as NavMenuProps, i as NavDisclosureProps, l as NavMenuFocusRequest, n as _default$1, o as NavMenuItemEmits, r as _default, s as NavMenuItemProps, t as _default$2, u as NavMenuSize } from "../index-g03bmR4K.js";
 export { _default as NavDisclosure, type NavDisclosureProps, _default$1 as NavMenu, type NavMenuEmits, type NavMenuFocusRequest, _default$2 as NavMenuItem, type NavMenuItemEmits, type NavMenuItemProps, type NavMenuProps, type NavMenuSize };

package/dist/NumberInput/index.d.ts

@@ -1,2 +1,2 @@
-import { n as NumberInputEmits, r as NumberInputProps, t as _default } from "../index-Dw21t7Uf.js";
+import { n as NumberInputEmits, r as NumberInputProps, t as _default } from "../index-CsJpQElv.js";
 export { _default as NumberInput, type NumberInputEmits, type NumberInputProps };

package/dist/NumberInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../NumberInput-DU3_rw7z.js";
+import { t as _sfc_main } from "../NumberInput-C3S-4dIu.js";
 export { _sfc_main as NumberInput };

package/dist/{NumberInput-DU3_rw7z.js → NumberInput-C3S-4dIu.js}

@@ -1,5 +1,5 @@
 import { t as useNumberField } from "./useNumberField-DL-Radsp.js";
-import { a as useAstryxMessages } from "./locale-56lkR7OK.js";
+import { a as useAstryxMessages } from "./context-BshXcNYX.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, unref, useId } from "vue";
 import "../styles/number-input.css";
 //#region src/NumberInput/NumberInput.vue

package/dist/OverflowList/index.d.ts

@@ -1,2 +1,2 @@
-import { $t as OverflowListProps, Qt as OverflowListItem, Xt as _default, Zt as OverflowListEmits } from "../index-CaHXYQ_E.js";
+import { _n as OverflowListEmits, gn as _default, vn as OverflowListItem, yn as OverflowListProps } from "../index-CQ9F1f_F.js";
 export { _default as OverflowList, type OverflowListEmits, type OverflowListItem, type OverflowListProps };

package/dist/OverflowList/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../OverflowList-B2T5UtiQ.js";
+import { t as _sfc_main } from "../OverflowList-Kr4iJrNV.js";
 export { _sfc_main as OverflowList };

package/dist/{OverflowList-B2T5UtiQ.js → OverflowList-Kr4iJrNV.js}

@@ -1,5 +1,5 @@
 import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
-import { a as useAstryxMessages } from "./locale-56lkR7OK.js";
+import { a as useAstryxMessages } from "./context-BshXcNYX.js";
 import { n as resolveNavRoot } from "./link-CdcUSxAj.js";
 import { t as _sfc_main$2 } from "./NavDisclosure-DHrSNRDR.js";
 import { n as _sfc_main$3, t as _sfc_main$4 } from "./NavMenuItem-mzNQESpB.js";

package/dist/Pagination/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Pagination-qCgNwwhr.js";
+import { t as _sfc_main } from "../Pagination-BRStpeSB.js";
 export { _sfc_main as Pagination };

package/dist/{Pagination-qCgNwwhr.js → Pagination-BRStpeSB.js}

@@ -1,5 +1,5 @@
-import { a as useAstryxMessages } from "./locale-56lkR7OK.js";
-import { t as _sfc_main$1 } from "./Selector-C6sPJMtH.js";
+import { a as useAstryxMessages } from "./context-BshXcNYX.js";
+import { t as _sfc_main$1 } from "./Selector-DvEUIVEC.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, toValue, unref, vShow, withDirectives } from "vue";
 import "../styles/pagination.css";
 /**

package/dist/Popover/index.d.ts

@@ -1,2 +1,2 @@
-import { a as PopoverProps, i as PopoverPlacement, n as PopoverAlignment, o as PopoverRole, r as PopoverPadding, t as _default } from "../index-Cp0NlzQv.js";
+import { a as PopoverProps, i as PopoverPlacement, n as PopoverAlignment, o as PopoverRole, r as PopoverPadding, t as _default } from "../index-Bovw9_8d.js";
 export { _default as Popover, type PopoverAlignment, type PopoverPadding, type PopoverPlacement, type PopoverProps, type PopoverRole };

package/dist/Radio/index.d.ts

@@ -1,2 +1,2 @@
-import { Bt as RadioGroupEmits, Gt as RadioProps, Ht as RadioGroupSlots, It as _default$2, Jt as RadioStatusType, Kt as RadioSlots, Lt as _default$1, Rt as _default, Ut as RadioListProps, Vt as RadioGroupProps, Wt as RadioOption, Yt as RadioValue, qt as RadioStatus, zt as RadioChangeEvent } from "../index-CaHXYQ_E.js";
-export { _default as Radio, type RadioChangeEvent, _default$1 as RadioGroup, type RadioGroupEmits, type RadioGroupProps, type RadioGroupSlots, _default$2 as RadioList, type RadioListProps, type RadioOption, type RadioProps, type RadioSlots, type RadioStatus, type RadioStatusType, type RadioValue };
+import { an as RadioGroupProps, cn as RadioOption, dn as RadioSize, fn as RadioSlots, hn as RadioValue, in as RadioGroupEmits, ln as RadioOrientation, mn as RadioStatusType, nn as _default, on as RadioGroupSlots, pn as RadioStatus, rn as RadioChangeEvent, tn as _default$1, un as RadioProps } from "../index-CQ9F1f_F.js";
+export { _default as Radio, type RadioChangeEvent, _default$1 as RadioGroup, type RadioGroupEmits, type RadioGroupProps, type RadioGroupSlots, type RadioOption, type RadioOrientation, type RadioProps, type RadioSize, type RadioSlots, type RadioStatus, type RadioStatusType, type RadioValue };

package/dist/Radio/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main$1, r as _sfc_main, t as _sfc_main$2 } from "../Radio-BioQfwHQ.js";
-export { _sfc_main as Radio, _sfc_main$1 as RadioGroup, _sfc_main$2 as RadioList };
+import { n as _sfc_main, t as _sfc_main$1 } from "../RadioGroup-DS6oTV_j.js";
+export { _sfc_main as Radio, _sfc_main$1 as RadioGroup };