@astryx-vue/core 0.1.3 → 0.2.1

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/EmptyState/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../EmptyState-Bhlqgsg4.js";
+import { t as _sfc_main } from "../EmptyState-CUJdTYKV.js";
 export { _sfc_main as EmptyState };

package/dist/{EmptyState-Bhlqgsg4.js → EmptyState-CUJdTYKV.js}

@@ -1,5 +1,5 @@
 import { t as _sfc_main$1 } from "./Heading-Dugosn6j.js";
-import { t as _sfc_main$2 } from "./Text-CKd7e3gK.js";
+import { t as _sfc_main$2 } from "./Text-BHVghsWo.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, useTemplateRef, withCtx } from "vue";
 import "../styles/empty-state.css";
 //#region src/EmptyState/EmptyState.vue

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-Df2YvC8o.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-CmAfOpkA.js";
+import { t as _sfc_main } from "../FileInput-D-fchyQH.js";
 export { _sfc_main as FileInput };

package/dist/{FileInput-CmAfOpkA.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-D6ECRdc5.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-5MdZQ18k.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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,3 @@
+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

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-Bku25g_K.js

@@ -0,0 +1,193 @@
+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"
+];
+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.d.ts

@@ -0,0 +1,2 @@
+import { a as LightboxMediaType, c as UseLightboxOptions, i as LightboxMedia, n as _default, o as LightboxProps, r as LightboxEmits, s as LightboxTriggerProps, t as useLightbox } from "../index-1AZ4KZhg.js";
+export { _default as Lightbox, type LightboxEmits, type LightboxMedia, type LightboxMediaType, type LightboxProps, type LightboxTriggerProps, type UseLightboxOptions, useLightbox };

package/dist/Lightbox/index.js

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