@astryx-vue/core 0.2.0 → 0.2.2

package/dist/{DropdownMenu-UJGych6v.js → DropdownMenu-Dh-WAHKb.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-CJKjdJy-.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/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-DNRBbwp_.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-DLO6V12n.js";
 export { _sfc_main as FileInput };

package/dist/{FileInput-BQiwE-GB.js → FileInput-DLO6V12n.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-CiKncNSH.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-CJKjdJy-.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-pnljWjEE.js";
+import { a as isIconGlyph, i as iconGlyphSlug, n as ICON_GLYPHS, r as IconGlyphName, t as _default } from "../index-u5ozu0G7.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-CJKjdJy-.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

package/dist/Icon/plugin.js

@@ -0,0 +1,177 @@
+import { a as parseIconName, o as resolveCollectionIcon, t as ASTRYX_ICON_QUEUE } from "../registry-C7OZb0PJ.js";
+import { readFileSync } from "node:fs";
+import { createRequire } from "node:module";
+import { dirname, join } from "node:path";
+import process from "node:process";
+//#region src/Icon/plugin.ts
+const VIRTUAL = "virtual:astryx-icon/";
+const ICON_PART = "[a-z0-9]+(?:[-_][a-z0-9]+)*";
+/**
+* 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`.
+*/
+function astryxIcons(options = {}) {
+	const cache = /* @__PURE__ */ new Map();
+	let root = process.cwd();
+	let prefixes;
+	const warned = /* @__PURE__ */ new Set();
+	function load(prefix) {
+		const key = prefix.toLowerCase();
+		if (cache.has(key)) return cache.get(key);
+		const loaded = (options.loadCollection ?? readInstalledCollection)(key, root);
+		cache.set(key, loaded);
+		return loaded;
+	}
+	function availablePrefixes() {
+		prefixes ??= (options.collections ?? discoverPrefixes(root)).map((prefix) => prefix.toLowerCase());
+		return prefixes;
+	}
+	function resolveSpecifier(raw) {
+		const parsed = parseIconName(raw, availablePrefixes());
+		if (parsed == null || !availablePrefixes().includes(parsed.prefix)) return void 0;
+		const collection = load(parsed.prefix);
+		if (collection == null) {
+			warnMissing(`${parsed.prefix}:${parsed.name}`, `Install @iconify-json/${parsed.prefix}.`);
+			return;
+		}
+		if (resolveCollectionIcon(collection, parsed.name) == null) {
+			warnMissing(`${parsed.prefix}:${parsed.name}`, "The collection has no icon by that name.");
+			return;
+		}
+		return parsed;
+	}
+	function warnMissing(name, detail) {
+		if (warned.has(name)) return;
+		warned.add(name);
+		console.warn(`[astryx-vue] Icon "${name}" was not bundled. ${detail}`);
+	}
+	return {
+		name: "astryx-icons",
+		enforce: "pre",
+		configResolved(config) {
+			root = findPackageRoot(config.root);
+			cache.clear();
+			prefixes = void 0;
+		},
+		resolveId(id) {
+			if (id.startsWith(VIRTUAL)) return `\0${id}`;
+		},
+		load(id) {
+			if (!id.startsWith(`\0${VIRTUAL}`)) return void 0;
+			const spec = id.slice(`\0${VIRTUAL}`.length);
+			const slash = spec.indexOf("/");
+			if (slash <= 0) return "export {}";
+			const prefix = spec.slice(0, slash);
+			const name = spec.slice(slash + 1);
+			const data = resolveCollectionIcon(load(prefix), name);
+			if (data == null) return "export {}";
+			const payload = iconPayload(data);
+			return `const queue = (globalThis[${JSON.stringify(ASTRYX_ICON_QUEUE)}] ??= [])\nqueue.push([${JSON.stringify(`${prefix}:${name}`)}, ${JSON.stringify(payload)}])\n`;
+		},
+		transform(code, id) {
+			if (!shouldScan(id)) return void 0;
+			const specs = /* @__PURE__ */ new Map();
+			for (const raw of extractIconCandidates(code)) {
+				const resolved = resolveSpecifier(raw);
+				if (resolved == null) continue;
+				specs.set(`${resolved.prefix}/${resolved.name}`, resolved);
+			}
+			if (specs.size === 0) return void 0;
+			const block = [...specs.values()].map((spec) => {
+				return `import '${VIRTUAL}${spec.prefix}/${spec.name}'`;
+			}).join("\n");
+			const next = (id.split("?", 1)[0] ?? id).endsWith(".vue") ? injectVue(code, block) : injectModule(code, block);
+			if (next === code) return void 0;
+			return {
+				code: next,
+				map: null
+			};
+		}
+	};
+}
+function iconPayload(data) {
+	const payload = { body: data.body };
+	if (data.width != null) payload.width = data.width;
+	if (data.height != null) payload.height = data.height;
+	if (data.left != null) payload.left = data.left;
+	if (data.top != null) payload.top = data.top;
+	if (data.rotate != null) payload.rotate = data.rotate;
+	if (data.hFlip != null) payload.hFlip = data.hFlip;
+	if (data.vFlip != null) payload.vFlip = data.vFlip;
+	return payload;
+}
+function shouldScan(id) {
+	if (id.includes("\0") || id.includes("node_modules") || id.includes(VIRTUAL)) return false;
+	const [filename, query] = id.split("?", 2);
+	if (query?.includes("raw") || query?.includes("type=")) return false;
+	return /\.(?:vue|[cm]?[jt]sx?)$/.test(filename ?? "");
+}
+function unwrapLiteral(value) {
+	const trimmed = value.trim();
+	return (/^(["'`])([\s\S]*)\1$/.exec(trimmed)?.[2] ?? trimmed).trim();
+}
+/** Static icon names written as `collection:icon`, or as a `name` binding. */
+function extractIconCandidates(code) {
+	const found = /* @__PURE__ */ new Set();
+	const colonLiteral = new RegExp(`(["'\`])(${ICON_PART}:${ICON_PART})\\1`, "gi");
+	const nameBinding = /(?:^|[\s<(]):?name\s*=\s*(["'])([\s\S]*?)\1/g;
+	const nameProperty = /(?:^|[{,\s])name\s*:\s*(["'`])([\s\S]*?)\1/g;
+	for (const match of code.matchAll(colonLiteral)) if (match[2]) found.add(match[2]);
+	for (const pattern of [nameBinding, nameProperty]) for (const match of code.matchAll(pattern)) if (match[2]) found.add(unwrapLiteral(match[2]));
+	return [...found];
+}
+/**
+* VitePress sets the Vite root to `docs/`, which has no package.json.
+* Walk up to the package that actually depends on `@iconify-json/*`.
+*/
+function findPackageRoot(start) {
+	let dir = start;
+	while (true) try {
+		readFileSync(join(dir, "package.json"));
+		return dir;
+	} catch {
+		const parent = dirname(dir);
+		if (parent === dir) return start;
+		dir = parent;
+	}
+}
+function discoverPrefixes(root) {
+	try {
+		const pkg = JSON.parse(readFileSync(join(root, "package.json"), "utf8"));
+		return [
+			...Object.keys(pkg.dependencies ?? {}),
+			...Object.keys(pkg.devDependencies ?? {}),
+			...Object.keys(pkg.optionalDependencies ?? {})
+		].filter((name) => name.startsWith("@iconify-json/")).map((name) => name.slice(14));
+	} catch {
+		return [];
+	}
+}
+function readInstalledCollection(prefix, root) {
+	try {
+		const jsonPath = createRequire(join(root, "package.json")).resolve(`@iconify-json/${prefix}/icons.json`);
+		return JSON.parse(readFileSync(jsonPath, "utf8"));
+	} catch {
+		return;
+	}
+}
+function injectVue(code, block) {
+	if (code.includes(block)) return code;
+	const tags = [...code.matchAll(/<script\b[^>]*>/gi)];
+	const target = tags.find((tag) => tag[0].includes("setup")) ?? tags[0];
+	if (target?.index != null) {
+		const at = target.index + target[0].length;
+		return `${code.slice(0, at)}\n${block}\n${code.slice(at)}`;
+	}
+	return `<script setup>\n${block}\n<\/script>\n${code}`;
+}
+function injectModule(code, block) {
+	if (code.includes(block)) return code;
+	return `${block}\n${code}`;
+}
+//#endregion
+export { astryxIcons, extractIconCandidates, findPackageRoot };

package/dist/Icon-CJKjdJy-.js

@@ -0,0 +1,198 @@
+import { i as getIcon, s as warnMissingIcon } from "./registry-C7OZb0PJ.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toValue, useId } from "vue";
+import "../styles/icon.css";
+//#region src/Icon/context.ts
+/**
+* The size an owning component supplies to the icons in its slots.
+*
+* The value is stored as given, so a caller can pass a ref or a computed and
+* keep the default in step with its own props.
+*/
+const ICON_DEFAULT_SIZE_KEY = Symbol("astryx-icon-default-size");
+/**
+* The size inherited from the nearest owner, or `undefined` when there is none.
+*/
+function useIconDefaultSize() {
+	const inherited = inject(ICON_DEFAULT_SIZE_KEY, void 0);
+	return computed(() => inherited == null ? void 0 : toValue(inherited));
+}
+//#endregion
+//#region src/Icon/glyphs.ts
+/**
+* The artwork kept for the components' own chrome. Applications bring their own
+* icons; this list only has to cover what astryx-vue draws itself.
+*/
+const ICON_GLYPHS = [
+	"chevronDown",
+	"chevronLeft",
+	"chevronRight",
+	"check",
+	"moreHorizontal",
+	"copy",
+	"calendar",
+	"clock",
+	"upload",
+	"arrowUp",
+	"arrowDown",
+	"close",
+	"funnel",
+	"image",
+	"search",
+	"stop",
+	"microphone",
+	"warning",
+	"error"
+];
+function isIconGlyph(value) {
+	return ICON_GLYPHS.includes(value);
+}
+/** The CSS-safe form of a name, used as the `astryx-icon--<slug>` class. */
+function iconGlyphSlug(name) {
+	return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/:/g, "-").toLowerCase();
+}
+//#endregion
+//#region src/Icon/svg.ts
+/**
+* Turn icon data into a viewBox and a body.
+*
+* Flip and rotation follow Iconify: flip first, then rotate, and a 90 degree
+* turn swaps the canvas. The body is wrapped in a transformed group only when
+* a transform is present, so a plain glyph stays as the collection authored it.
+*/
+function iconToSVG(icon) {
+	const box = {
+		left: icon.left ?? 0,
+		top: icon.top ?? 0,
+		width: icon.width ?? 16,
+		height: icon.height ?? 16
+	};
+	let body = icon.body;
+	const transformations = [];
+	const hFlip = icon.hFlip === true;
+	const vFlip = icon.vFlip === true;
+	let rotation = icon.rotate ?? 0;
+	if (hFlip) {
+		if (vFlip) rotation += 2;
+		else {
+			transformations.push(`translate(${box.width + box.left} ${0 - box.top})`);
+			transformations.push("scale(-1 1)");
+			box.top = 0;
+			box.left = 0;
+		}
+	} else if (vFlip) {
+		transformations.push(`translate(${0 - box.left} ${box.height + box.top})`);
+		transformations.push("scale(1 -1)");
+		box.top = 0;
+		box.left = 0;
+	}
+	if (rotation < 0) rotation -= Math.floor(rotation / 4) * 4;
+	rotation %= 4;
+	switch (rotation) {
+		case 1: {
+			const origin = box.height / 2 + box.top;
+			transformations.unshift(`rotate(90 ${origin} ${origin})`);
+			break;
+		}
+		case 2:
+			transformations.unshift(`rotate(180 ${box.width / 2 + box.left} ${box.height / 2 + box.top})`);
+			break;
+		case 3: {
+			const origin = box.width / 2 + box.left;
+			transformations.unshift(`rotate(-90 ${origin} ${origin})`);
+			break;
+		}
+	}
+	if (rotation % 2 === 1) {
+		if (box.left !== box.top) {
+			const left = box.left;
+			box.left = box.top;
+			box.top = left;
+		}
+		if (box.width !== box.height) {
+			const width = box.width;
+			box.width = box.height;
+			box.height = width;
+		}
+	}
+	if (transformations.length > 0) body = `<g transform="${transformations.join(" ")}">${body}</g>`;
+	return {
+		viewBox: `${box.left} ${box.top} ${box.width} ${box.height}`,
+		body
+	};
+}
+function prefixIds(body, idPrefix) {
+	if (idPrefix === "" || !body.includes("id=")) return body;
+	return body.replace(/\bid=(["'])([^"']+)\1/g, (_, quote, id) => `id=${quote}${idPrefix}${id}${quote}`).replace(/(\b(?:href|xlink:href)=)(["'])#([^"']+)\2/g, (_, attr, quote, id) => `${attr}${quote}#${idPrefix}${id}${quote}`).replace(/url\(#([^)]+)\)/g, (_, id) => `url(#${idPrefix}${id})`);
+}
+/** A complete SVG element for one icon. The caller supplies a unique id prefix. */
+function renderIconMarkup(icon, idPrefix) {
+	const built = iconToSVG(icon);
+	const body = prefixIds(built.body, idPrefix);
+	return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${built.viewBox}" width="100%" height="100%" aria-hidden="true" focusable="false">${body}</svg>`;
+}
+//#endregion
+//#region src/Icon/Icon.vue
+const _hoisted_1 = ["data-color", "data-size"];
+const _hoisted_2 = ["innerHTML"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxIcon",
+	__name: "Icon",
+	props: {
+		name: {},
+		icon: {},
+		color: { default: "inherit" },
+		size: {},
+		label: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const inheritedSize = useIconDefaultSize();
+		const idPrefix = `i${useId().replace(/\W/g, "")}-`;
+		const hasName = computed(() => props.name != null && props.name !== "");
+		const resolvedSize = computed(() => {
+			if (props.size != null) return props.size;
+			if (inheritedSize.value != null) return inheritedSize.value;
+			if (hasName.value) return void 0;
+			return "md";
+		});
+		const iconMarkup = computed(() => {
+			if (!hasName.value || props.name == null) return void 0;
+			const data = getIcon(props.name);
+			if (data == null) {
+				warnMissingIcon(props.name);
+				return;
+			}
+			return renderIconMarkup(data, idPrefix);
+		});
+		const glyphSlug = computed(() => typeof props.icon === "string" && isIconGlyph(props.icon) ? iconGlyphSlug(props.icon) : void 0);
+		const providedClass = computed(() => typeof props.icon === "string" && !isIconGlyph(props.icon) ? props.icon : void 0);
+		const iconComponent = computed(() => props.icon != null && typeof props.icon !== "string" ? props.icon : void 0);
+		const a11yAttrs = computed(() => {
+			const label = props.label;
+			return label != null && label !== "" ? {
+				"role": "img",
+				"aria-label": label
+			} : { "aria-hidden": "true" };
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", mergeProps(a11yAttrs.value, {
+				class: "astryx-icon",
+				"data-color": __props.color,
+				"data-size": resolvedSize.value
+			}), [
+				createCommentVNode(" Iconify bodies are SVG path data from a collection, not caller HTML. "),
+				createCommentVNode(" eslint-disable-next-line vue/no-v-html "),
+				hasName.value && iconMarkup.value ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: "astryx-icon__svg",
+					innerHTML: iconMarkup.value
+				}, null, 8, _hoisted_2)) : !hasName.value && glyphSlug.value ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(["astryx-icon__glyph", `astryx-icon--${glyphSlug.value}`])
+				}, null, 2)) : !hasName.value && providedClass.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode("\n      Utility icon classes (UnoCSS `i-*`) set width and height to 100% outside\n      any layer, which would override this box's size if the class sat on it.\n      The box owns the size; the class only paints the inside.\n    "), createElementVNode("span", { class: normalizeClass(["astryx-icon__external", providedClass.value]) }, null, 2)], 2112)) : !hasName.value && iconComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value), { key: 3 })) : !hasName.value ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 4) : createCommentVNode("v-if", true)
+			], 16, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { isIconGlyph as i, ICON_GLYPHS as n, iconGlyphSlug as r, _sfc_main as t };

package/dist/Lightbox/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as useLightbox } from "../Lightbox-CshKoB0r.js";
+import { n as _sfc_main, t as useLightbox } from "../Lightbox-CdFCS_EA.js";
 export { _sfc_main as Lightbox, useLightbox };