@astryx-vue/core 0.2.0 → 0.2.1

package/dist/DateTimeInput/index.d.ts

@@ -1,2 +1,2 @@
-import { Jn as DateTimeInputEmits, Xn as DateTimeInputSize, Yn as DateTimeInputProps, qn as _default } from "../index-C6iJwTL0.js";
+import { Jn as DateTimeInputEmits, Xn as DateTimeInputSize, Yn as DateTimeInputProps, qn as _default } from "../index-DeOftUMq.js";
 export { _default as DateTimeInput, type DateTimeInputEmits, type DateTimeInputProps, type DateTimeInputSize };

package/dist/DateTimeInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../DateTimeInput-SnPdgk6P.js";
+import { t as _sfc_main } from "../DateTimeInput-fSOfuLex.js";
 export { _sfc_main as DateTimeInput };

package/dist/{DateTimeInput-SnPdgk6P.js → DateTimeInput-fSOfuLex.js}

@@ -1,9 +1,9 @@
-import { a as useAstryxMessages } from "./context-Dbo22sck.js";
+import { a as useAstryxMessages } from "./context-DzcK4T_C.js";
 import { t as _sfc_main$1 } from "./FieldIcon--NTgW5IU.js";
 import { t as _sfc_main$2 } from "./IconButton-BNQuz9W_.js";
 import { t as _sfc_main$3 } from "./Field-8zRxzDHE.js";
-import { t as _sfc_main$4 } from "./DateInput-DE2TN1Rq.js";
-import { t as _sfc_main$5 } from "./TimeField-C7t9Knq9.js";
+import { t as _sfc_main$4 } from "./DateInput-Crcg-CCj.js";
+import { t as _sfc_main$5 } from "./TimeField-BGbxCoKU.js";
 import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeModels, openBlock, ref, unref, useId, useModel, watch, withCtx } from "vue";
 import "../styles/date-time-input.css";
 //#region src/DateTimeInput/DateTimeInput.vue
@@ -127,6 +127,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					id: generatedId,
 					"model-value": dateValue.value,
 					label: unref(messages).dateTimeInput.dateLabel,
+					format: "system_date",
+					"is-label-hidden": "",
 					placeholder: __props.placeholder,
 					disabled: __props.isDisabled,
 					size: __props.size,

package/dist/Divider/index.d.ts

@@ -1,2 +1,2 @@
-import { i as DividerVariant, n as DividerOrientation, r as DividerProps, t as _default } from "../index-HV6W3xCx.js";
+import { i as DividerVariant, n as DividerOrientation, r as DividerProps, t as _default } from "../index-Byar3h1e.js";
 export { _default as Divider, type DividerOrientation, type DividerProps, type DividerVariant };

package/dist/DropdownMenu/index.d.ts

@@ -1,2 +1,3 @@
-import { S as DropdownMenuTriggerProps, _ as DropdownMenuOption, a as DropdownMenuContextValue, b as DropdownMenuSize, c as DropdownMenuDividerData, d as DropdownMenuGroupSlots, f as DropdownMenuItemData, g as DropdownMenuItemVariant, h as DropdownMenuItemSlots, i as _default, l as DropdownMenuEmits, m as DropdownMenuItemProps, n as _default$2, o as useDropdownMenuContext, p as DropdownMenuItemEmits, r as _default$1, s as DropdownMenuButtonProps, t as _default$3, u as DropdownMenuGroupProps, v as DropdownMenuProps, x as DropdownMenuSlots, y as DropdownMenuSection } from "../index-B8MbfMwV.js";
-export { _default as DropdownMenu, type DropdownMenuButtonProps, type DropdownMenuContextValue, _default$1 as DropdownMenuDivider, type DropdownMenuDividerData, type DropdownMenuEmits, _default$2 as DropdownMenuGroup, type DropdownMenuGroupProps, type DropdownMenuGroupSlots, _default$3 as DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuItemEmits, type DropdownMenuItemProps, type DropdownMenuItemSlots, type DropdownMenuItemVariant, type DropdownMenuOption, type DropdownMenuProps, type DropdownMenuSection, type DropdownMenuSize, type DropdownMenuSlots, type DropdownMenuTriggerProps, useDropdownMenuContext };
+import { _ as DropdownMenuSubMenuProps, a as DropdownMenuGroupSlots, c as DropdownMenuItemProps, d as DropdownMenuOption, f as DropdownMenuPresentation, g as DropdownMenuSlots, h as DropdownMenuSize, i as DropdownMenuGroupProps, l as DropdownMenuItemSlots, m as DropdownMenuSection, n as DropdownMenuDividerData, o as DropdownMenuItemData, p as DropdownMenuProps, r as DropdownMenuEmits, s as DropdownMenuItemEmits, t as DropdownMenuButtonProps, u as DropdownMenuItemVariant, v as DropdownMenuSubMenuSlots, y as DropdownMenuTriggerProps } from "../types-DDAAT1Xd.js";
+import { a as _default, i as _default$1, n as _default$3, o as DropdownMenuContextValue, r as _default$2, s as useDropdownMenuContext, t as _default$4 } from "../index-CJlBAXwj.js";
+export { _default as DropdownMenu, type DropdownMenuButtonProps, type DropdownMenuContextValue, _default$1 as DropdownMenuDivider, type DropdownMenuDividerData, type DropdownMenuEmits, _default$2 as DropdownMenuGroup, type DropdownMenuGroupProps, type DropdownMenuGroupSlots, _default$3 as DropdownMenuItem, type DropdownMenuItemData, type DropdownMenuItemEmits, type DropdownMenuItemProps, type DropdownMenuItemSlots, type DropdownMenuItemVariant, type DropdownMenuOption, type DropdownMenuPresentation, type DropdownMenuProps, type DropdownMenuSection, type DropdownMenuSize, type DropdownMenuSlots, _default$4 as DropdownMenuSubMenu, type DropdownMenuSubMenuProps, type DropdownMenuSubMenuSlots, type DropdownMenuTriggerProps, useDropdownMenuContext };

package/dist/DropdownMenu/index.js

@@ -1,2 +1,3 @@
-import { a as useDropdownMenuContext, i as _sfc_main$1, n as _sfc_main$3, r as _sfc_main$2, t as _sfc_main } from "../DropdownMenu-UJGych6v.js";
-export { _sfc_main as DropdownMenu, _sfc_main$1 as DropdownMenuDivider, _sfc_main$2 as DropdownMenuGroup, _sfc_main$3 as DropdownMenuItem, useDropdownMenuContext };
+import { a as _sfc_main$1, c as useDropdownMenuContext, i as _sfc_main$2, r as _sfc_main$3, t as _sfc_main } from "../DropdownMenu-8G0B1UND.js";
+import { t as _sfc_main$4 } from "../DropdownMenu-XvW4BJob.js";
+export { _sfc_main as DropdownMenu, _sfc_main$1 as DropdownMenuDivider, _sfc_main$2 as DropdownMenuGroup, _sfc_main$3 as DropdownMenuItem, _sfc_main$4 as DropdownMenuSubMenu, useDropdownMenuContext };

package/dist/{DropdownMenu-UJGych6v.js → DropdownMenu-8G0B1UND.js}

@@ -1,10 +1,12 @@
 import { t as _sfc_main$5 } from "./Button-DrqeomlE.js";
+import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
 import { t as useDismiss } from "./useDismiss-CAiHU6QD.js";
 import { t as useTypeahead } from "./useTypeahead-PAK8lMYz.js";
-import { t as _sfc_main$6 } from "./Icon-Dfr4k6-S.js";
-import { t as _sfc_main$7 } from "./Divider-BtwnL18I.js";
-import { t as _sfc_main$8 } from "./Item-C1z6gXn8.js";
 import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
+import { t as _sfc_main$6 } from "./BottomSheet-Dg95HB1s.js";
+import { t as _sfc_main$7 } from "./Icon-Bku25g_K.js";
+import { t as _sfc_main$8 } from "./Divider-BtwnL18I.js";
+import { t as _sfc_main$9 } from "./Item-C1z6gXn8.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, h, inject, mergeModels, mergeProps, nextTick, normalizeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, shallowRef, toDisplayString, unref, useAttrs, useId, useModel, useSlots, vShow, watch, withCtx, withDirectives } from "vue";
 import "../styles/dropdown-menu.css";
 //#region src/DropdownMenu/context.ts
@@ -57,7 +59,7 @@ const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 	__name: "DropdownMenuDivider",
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$7, { class: "astryx-dropdown-menu-divider" });
+			return openBlock(), createBlock(_sfc_main$8, { class: "astryx-dropdown-menu-divider" });
 		};
 	}
 });
@@ -116,7 +118,7 @@ const _hoisted_2$1 = {
 	key: 0,
 	class: "astryx-item__start"
 };
-const _hoisted_3 = { class: "astryx-item__content" };
+const _hoisted_3$1 = { class: "astryx-item__content" };
 const _hoisted_4 = {
 	key: 0,
 	class: "astryx-item__label"
@@ -220,14 +222,14 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				onClick: handleClick,
 				onPointermove: handlePointerMove
 			}), [
-				hasStart.value ? (openBlock(), createElementBlock("span", _hoisted_2$1, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_sfc_main$6, {
+				hasStart.value ? (openBlock(), createElementBlock("span", _hoisted_2$1, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_sfc_main$7, {
 					color: iconColor.value,
 					icon: __props.icon,
 					size: "sm"
 				}, null, 8, ["color", "icon"])])])) : createCommentVNode("v-if", true),
-				createElementVNode("span", _hoisted_3, [hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_4, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])])) : createCommentVNode("v-if", true), hasDescription.value ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("v-if", true)]),
+				createElementVNode("span", _hoisted_3$1, [hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_4, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])])) : createCommentVNode("v-if", true), hasDescription.value ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("v-if", true)]),
 				hasEnd.value ? (openBlock(), createElementBlock("span", _hoisted_6, [renderSlot(_ctx.$slots, "endContent")])) : createCommentVNode("v-if", true)
-			], 16, _hoisted_1$1)) : (openBlock(), createBlock(_sfc_main$8, mergeProps({ key: 1 }, unref(attrs), {
+			], 16, _hoisted_1$1)) : (openBlock(), createBlock(_sfc_main$9, mergeProps({ key: 1 }, unref(attrs), {
 				class: "astryx-dropdown-menu-item",
 				role: "menuitem",
 				"data-menu-size": menuSize.value,
@@ -243,7 +245,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			}), createSlots({ _: 2 }, [
 				hasStart.value ? {
 					name: "startContent",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_sfc_main$6, {
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_sfc_main$7, {
 						color: iconColor.value,
 						icon: __props.icon,
 						size: "sm"
@@ -451,6 +453,11 @@ function useMenuFocus(options) {
 //#region src/DropdownMenu/DropdownMenu.vue
 const _hoisted_1 = ["data-open"];
 const _hoisted_2 = [
+	"id",
+	"aria-labelledby",
+	"aria-label"
+];
+const _hoisted_3 = [
 	"id",
 	"aria-labelledby",
 	"aria-label",
@@ -459,6 +466,7 @@ const _hoisted_2 = [
 const GAP = 4;
 const DEFAULT_MAX_WIDTH = 320;
 const DEFAULT_MAX_HEIGHT = "300px";
+const COMPACT_TOUCH_QUERY = "(max-width: 639px) and (pointer: coarse) and (hover: none)";
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxDropdownMenu",
 	inheritAttrs: false,
@@ -470,6 +478,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		menuWidth: {},
 		menuMaxHeight: {},
 		placement: { default: "below" },
+		presentation: { default: "popover" },
 		alignment: { default: "start" },
 		hasChevron: {
 			type: Boolean,
@@ -506,7 +515,16 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const focusLastOnOpen = shallowRef(false);
 		let openModality = "keyboard";
 		let armedTriggerClickGuard = false;
+		const isCompactTouch = useMediaQuery(COMPACT_TOUCH_QUERY);
+		const isSheet = computed(() => props.presentation === "bottom-sheet" || props.presentation === "adaptive" && isCompactTouch.value);
+		const sheetOpen = computed({
+			get: () => isSheet.value && isOpen.value,
+			set: (open) => {
+				if (!open) closeMenu();
+			}
+		});
 		const buttonProps = computed(() => props.button ?? {});
+		const sheetLabel = computed(() => typeof buttonProps.value.label === "string" ? buttonProps.value.label : "Menu");
 		const menuSize = computed(() => buttonProps.value.size ?? "md");
 		const isIconOnly = computed(() => buttonProps.value.isIconOnly === true);
 		const hasChevron = computed(() => props.hasChevron && !isIconOnly.value);
@@ -548,9 +566,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			gap: GAP
 		});
 		watch(isOpen, (nowOpen) => {
-			layerIsOpen.value = nowOpen;
+			layerIsOpen.value = nowOpen && !isSheet.value;
 		});
 		const surfaceStyle = computed(() => {
+			if (isSheet.value) return {};
 			const style = {
 				"top": `${position.value.top}px`,
 				"left": `${position.value.left}px`,
@@ -580,7 +599,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		useDismiss({
 			container: surfaceRef,
 			trigger: anchorRef,
-			isEnabled: computed(() => isOpen.value),
+			isEnabled: computed(() => isOpen.value && !isSheet.value),
 			onDismiss: closeMenu
 		});
 		function emitOpenChange(next) {
@@ -608,7 +627,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return anchor.querySelector("button, a[href], [role=\"button\"], [tabindex]");
 		}
 		watch(isOpen, async (nowOpen) => {
-			layerIsOpen.value = nowOpen;
+			layerIsOpen.value = nowOpen && !isSheet.value;
 			if (nowOpen) {
 				anchorWidth.value = anchorRef.value?.getBoundingClientRect().width ?? 0;
 				await nextTick();
@@ -686,6 +705,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		}));
 		provide(dropdownMenuContextKey, {
 			closeMenu,
+			isOpen,
 			menuSize
 		});
 		onMounted(() => {
@@ -712,7 +732,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				onKeydown: onTriggerKeydown
 			}), createSlots({ _: 2 }, [hasChevron.value ? {
 				name: "end",
-				fn: withCtx(() => [createVNode(_sfc_main$6, {
+				fn: withCtx(() => [createVNode(_sfc_main$7, {
 					color: "inherit",
 					icon: "chevronDown",
 					size: "sm"
@@ -722,7 +742,34 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"aria-controls",
 				"aria-expanded",
 				"tooltip"
-			]))], 8, _hoisted_1), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, {
+			]))], 8, _hoisted_1), isSheet.value ? (openBlock(), createBlock(_sfc_main$6, {
+				key: 0,
+				"is-open": sheetOpen.value,
+				"onUpdate:isOpen": _cache[0] || (_cache[0] = ($event) => sheetOpen.value = $event),
+				height: "hug",
+				label: sheetLabel.value,
+				padding: 2
+			}, {
+				default: withCtx(() => [createElementVNode("div", mergeProps({
+					id: surfaceId.value,
+					ref_key: "surfaceRef",
+					ref: surfaceRef
+				}, forwardedAttrs.value, {
+					"aria-labelledby": menuAriaLabelledBy.value,
+					"aria-label": menuAriaLabel.value,
+					class: ["astryx-dropdown-menu is-sheet", unref(attrs).class],
+					role: "menu",
+					tabindex: "-1",
+					onKeydown: onSurfaceKeydown
+				}), [__props.items != null ? (openBlock(), createBlock(unref(DropdownMenuItems), {
+					key: 0,
+					items: __props.items
+				}, null, 8, ["items"])) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)], 16, _hoisted_2)]),
+				_: 3
+			}, 8, ["is-open", "label"])) : (openBlock(), createBlock(Teleport, {
+				key: 1,
+				to: "body"
+			}, [createVNode(Transition, {
 				name: "astryx-dropdown-menu",
 				persisted: ""
 			}, {
@@ -742,11 +789,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				}), [__props.items != null ? (openBlock(), createBlock(unref(DropdownMenuItems), {
 					key: 0,
 					items: __props.items
-				}, null, 8, ["items"])) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)], 16, _hoisted_2), [[vShow, isOpen.value]])]),
+				}, null, 8, ["items"])) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)], 16, _hoisted_3), [[vShow, isOpen.value]])]),
 				_: 3
 			})]))], 64);
 		};
 	}
 });
 //#endregion
-export { useDropdownMenuContext as a, _sfc_main$4 as i, _sfc_main$1 as n, _sfc_main$2 as r, _sfc_main as t };
+export { _sfc_main$4 as a, useDropdownMenuContext as c, _sfc_main$2 as i, useMenuFocus as n, MENU_ITEM_ROLES as o, _sfc_main$1 as r, activateMenuItem as s, _sfc_main as t };

package/dist/DropdownMenu-XvW4BJob.js

@@ -0,0 +1,164 @@
+import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
+import { t as _sfc_main$1 } from "./Icon-Bku25g_K.js";
+import { c as useDropdownMenuContext, n as useMenuFocus, o as MENU_ITEM_ROLES, s as activateMenuItem } from "./DropdownMenu-8G0B1UND.js";
+import { t as _sfc_main$2 } from "./Item-C1z6gXn8.js";
+import { Fragment, Teleport, computed, createBlock, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, nextTick, normalizeStyle, onBeforeUnmount, openBlock, ref, renderSlot, unref, useSlots, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import "../styles/dropdown-menu.css";
+//#region src/DropdownMenu/DropdownMenuSubMenu.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxDropdownMenuSubMenu",
+	inheritAttrs: false,
+	__name: "DropdownMenuSubMenu",
+	props: {
+		label: {},
+		icon: {},
+		description: {},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const menu = useDropdownMenuContext();
+		const rowComponent = ref(null);
+		const rowRef = computed(() => rowComponent.value?.element ?? null);
+		const flyoutRef = ref(null);
+		const flyoutOpen = ref(false);
+		const menuSize = computed(() => menu?.menuSize.value ?? "md");
+		const density = computed(() => menuSize.value === "sm" ? "compact" : "balanced");
+		const hasStart = computed(() => slots.icon != null || props.icon != null);
+		const focus = useMenuFocus({ list: flyoutRef });
+		const { position } = usePositionedLayer({
+			anchor: rowRef,
+			layer: flyoutRef,
+			isOpen: flyoutOpen,
+			placement: computed(() => "end"),
+			alignment: computed(() => "start"),
+			gap: 4
+		});
+		const flyoutStyle = computed(() => ({
+			top: `${position.value.top}px`,
+			left: `${position.value.left}px`,
+			zIndex: 1001
+		}));
+		let closeTimer = 0;
+		function cancelClose() {
+			if (closeTimer !== 0) window.clearTimeout(closeTimer);
+			closeTimer = 0;
+		}
+		function scheduleClose() {
+			cancelClose();
+			closeTimer = window.setTimeout(() => {
+				flyoutOpen.value = false;
+			}, 120);
+		}
+		async function openFlyout() {
+			if (props.isDisabled) return;
+			cancelClose();
+			flyoutOpen.value = true;
+			await nextTick();
+			focus.focusFirst();
+		}
+		function closeFlyout() {
+			cancelClose();
+			flyoutOpen.value = false;
+			rowComponent.value?.focus();
+		}
+		function onFlyoutKeydown(event) {
+			if (event.key === "ArrowLeft" || event.key === "Escape") {
+				event.preventDefault();
+				event.stopPropagation();
+				closeFlyout();
+				return;
+			}
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				event.stopPropagation();
+				const focused = document.activeElement;
+				if (focused instanceof HTMLElement && MENU_ITEM_ROLES.has(focused.getAttribute("role") ?? "")) activateMenuItem(focused, event);
+				return;
+			}
+			event.stopPropagation();
+			focus.handleKeyDown(event);
+		}
+		watch(() => menu?.isOpen.value, (open) => {
+			if (!open) flyoutOpen.value = false;
+		});
+		onBeforeUnmount(cancelClose);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(_sfc_main$2, {
+				ref_key: "rowComponent",
+				ref: rowComponent,
+				class: "astryx-dropdown-menu-item",
+				role: "menuitem",
+				"aria-haspopup": "menu",
+				"aria-expanded": flyoutOpen.value,
+				"data-menu-size": menuSize.value,
+				"data-variant": "default",
+				density: density.value,
+				description: __props.description,
+				"is-disabled": __props.isDisabled,
+				label: __props.label,
+				tabindex: __props.isDisabled ? void 0 : -1,
+				"on-click": openFlyout,
+				onKeydown: [
+					withKeys(withModifiers(openFlyout, ["prevent", "stop"]), ["right"]),
+					withKeys(withModifiers(openFlyout, ["prevent", "stop"]), ["enter"]),
+					withKeys(withModifiers(openFlyout, ["prevent", "stop"]), ["space"])
+				],
+				onPointerenter: openFlyout,
+				onPointerleave: scheduleClose
+			}, createSlots({
+				endContent: withCtx(() => [createVNode(_sfc_main$1, {
+					color: "secondary",
+					icon: "chevronRight",
+					size: "sm"
+				})]),
+				_: 2
+			}, [
+				hasStart.value ? {
+					name: "startContent",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_sfc_main$1, {
+						color: "secondary",
+						icon: __props.icon,
+						size: "sm"
+					}, null, 8, ["icon"])])]),
+					key: "0"
+				} : void 0,
+				unref(slots).label ? {
+					name: "label",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
+					key: "1"
+				} : void 0,
+				unref(slots).description ? {
+					name: "description",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
+					key: "2"
+				} : void 0
+			]), 1032, [
+				"aria-expanded",
+				"data-menu-size",
+				"density",
+				"description",
+				"is-disabled",
+				"label",
+				"tabindex",
+				"onKeydown"
+			]), (openBlock(), createBlock(Teleport, { to: "body" }, [withDirectives(createElementVNode("div", {
+				ref_key: "flyoutRef",
+				ref: flyoutRef,
+				class: "astryx-dropdown-menu astryx-dropdown-submenu",
+				role: "menu",
+				style: normalizeStyle(flyoutStyle.value),
+				tabindex: "-1",
+				onKeydown: onFlyoutKeydown,
+				onPointerenter: cancelClose,
+				onPointerleave: scheduleClose
+			}, [renderSlot(_ctx.$slots, "default")], 36), [[vShow, flyoutOpen.value]])]))], 64);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/FileInput/index.d.ts

@@ -1,2 +1,2 @@
-import { Bn as _default, Gn as FileInputStatus, Hn as FileInputMode, Kn as FileInputValue, Un as FileInputProps, Vn as FileInputEmits, Wn as FileInputSize } from "../index-C6iJwTL0.js";
+import { Bn as _default, Gn as FileInputStatus, Hn as FileInputMode, Kn as FileInputValue, Un as FileInputProps, Vn as FileInputEmits, Wn as FileInputSize } from "../index-DeOftUMq.js";
 export { _default as FileInput, type FileInputEmits, type FileInputMode, type FileInputProps, type FileInputSize, type FileInputStatus, type FileInputValue };

package/dist/FileInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../FileInput-BQiwE-GB.js";
+import { t as _sfc_main } from "../FileInput-D-fchyQH.js";
 export { _sfc_main as FileInput };

package/dist/{FileInput-BQiwE-GB.js → FileInput-D-fchyQH.js}

@@ -1,10 +1,10 @@
 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 { a as useAstryxMessages } from "./context-Dbo22sck.js";
+import { a as useAstryxMessages } from "./context-DzcK4T_C.js";
 import { t as _sfc_main$2 } from "./FieldIcon--NTgW5IU.js";
 import { t as _sfc_main$3 } from "./IconButton-BNQuz9W_.js";
-import { t as _sfc_main$4 } from "./Icon-Dfr4k6-S.js";
+import { t as _sfc_main$4 } from "./Icon-Bku25g_K.js";
 import { t as _sfc_main$5 } from "./Spinner-9cYUCnDy.js";
 import { t as _sfc_main$6 } from "./Field-8zRxzDHE.js";
 import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, openBlock, shallowRef, toDisplayString, unref, useId, useModel, useTemplateRef, withCtx } from "vue";

package/dist/Icon/index.d.ts

@@ -1,3 +1,4 @@
-import { a as IconSize, i as IconProps, n as IconColor, o as IconSlots, r as IconName } from "../types-DZoEm_DG.js";
-import { a as isIconGlyph, i as iconGlyphSlug, n as ICON_GLYPHS, r as IconGlyphName, t as _default } from "../index-Bainr_3n.js";
-export { ICON_GLYPHS, _default as Icon, type IconColor, type IconGlyphName, type IconName, type IconProps, type IconSize, type IconSlots, iconGlyphSlug, isIconGlyph };
+import { a as IconSize, i as IconProps, n as IconColor, o as IconSlots, r as IconName } from "../types-BKcxXW--.js";
+import { a as isIconGlyph, i as iconGlyphSlug, n as ICON_GLYPHS, r as IconGlyphName, t as _default } from "../index-3p2BDVHq.js";
+import { i as addIcon, n as IconifyIcon, r as addCollection, t as IconifyCollection } from "../registry-B1ObuP--.js";
+export { ICON_GLYPHS, _default as Icon, type IconColor, type IconGlyphName, type IconName, type IconProps, type IconSize, type IconSlots, type IconifyCollection, type IconifyIcon, addCollection, addIcon, iconGlyphSlug, isIconGlyph };

package/dist/Icon/index.js

@@ -1,2 +1,3 @@
-import { i as isIconGlyph, n as ICON_GLYPHS, r as iconGlyphSlug, t as _sfc_main } from "../Icon-Dfr4k6-S.js";
-export { ICON_GLYPHS, _sfc_main as Icon, iconGlyphSlug, isIconGlyph };
+import { i as isIconGlyph, n as ICON_GLYPHS, r as iconGlyphSlug, t as _sfc_main } from "../Icon-Bku25g_K.js";
+import { n as addCollection, r as addIcon } from "../registry-C7OZb0PJ.js";
+export { ICON_GLYPHS, _sfc_main as Icon, addCollection, addIcon, iconGlyphSlug, isIconGlyph };

package/dist/Icon/plugin.d.ts

@@ -0,0 +1,45 @@
+import { t as IconifyCollection } from "../registry-B1ObuP--.js";
+//#region src/Icon/plugin.d.ts
+export interface AstryxIconsOptions {
+  /**
+   * Collection prefixes to read, such as `['carbon']`.
+   *
+   * When omitted, every `@iconify-json/*` dependency of the project is used.
+   */
+  collections?: readonly string[];
+  /**
+   * Read a collection by prefix. The default reads
+   * `@iconify-json/<prefix>/icons.json` from the project.
+   */
+  loadCollection?: (prefix: string, root: string) => IconifyCollection | undefined;
+}
+interface AstryxIconsPlugin {
+  name: 'astryx-icons';
+  enforce: 'pre';
+  configResolved: (config: {
+    root: string;
+  }) => void;
+  resolveId: (id: string) => string | undefined;
+  load: (id: string) => string | undefined;
+  transform: (code: string, id: string) => {
+    code: string;
+    map: null;
+  } | undefined;
+}
+/**
+ * Vite plugin that bundles only the icons a project names in source.
+ *
+ * A static `name="carbon:settings"` becomes an import of that one icon. The
+ * collection JSON stays on disk; the client bundle receives the used bodies.
+ * Names built at runtime are invisible here — register those with
+ * `addCollection`.
+ */
+export declare function astryxIcons(options?: AstryxIconsOptions): AstryxIconsPlugin;
+/** Static icon names written as `collection:icon`, or as a `name` binding. */
+export declare function extractIconCandidates(code: string): string[];
+/**
+ * VitePress sets the Vite root to `docs/`, which has no package.json.
+ * Walk up to the package that actually depends on `@iconify-json/*`.
+ */
+export declare function findPackageRoot(start: string): string;
+//#endregion