@juxtui/ui 0.1.0 → 0.2.0

package/dist/index.js

@@ -12,119 +12,122 @@ var __exportAll = (all, no_symbols) => {
 	return target;
 };
 //#endregion
-//#region src/components/avatar/JAvatar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$19 = [
-	"role",
-	"aria-label",
-	"data-state"
-];
-var _hoisted_2$14 = { class: "j-avatar__frame" };
-var _hoisted_3$13 = ["src"];
-var _hoisted_4$9 = {
-	key: 1,
-	class: "j-avatar__fallback",
-	"aria-hidden": "true"
-};
-var _hoisted_5$7 = {
-	key: 1,
-	viewBox: "0 0 16 16",
-	fill: "currentColor",
-	class: "j-avatar__glyph"
-};
-//#endregion
-//#region src/components/avatar/JAvatar.vue
-var JAvatar_default = /* @__PURE__ */ defineComponent({
-	__name: "JAvatar",
-	props: {
-		src: {},
-		alt: {},
-		name: {},
-		size: { default: "md" },
-		shape: { default: "circle" },
-		status: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const state = ref(props.src ? "loading" : "error");
-		const img = ref(null);
-		watch(() => props.src, (src) => {
-			state.value = src ? "loading" : "error";
-		});
-		onMounted(() => {
-			if (img.value?.complete && img.value.naturalWidth > 0) state.value = "loaded";
-		});
-		const initials = computed(() => {
-			const parts = (props.name ?? "").trim().split(/\s+/).filter(Boolean);
-			if (parts.length === 0) return "";
-			const first = parts[0];
-			const last = parts.length > 1 ? parts[parts.length - 1] : "";
-			return (first[0] + (last[0] ?? "")).toUpperCase();
-		});
-		const statusLabel = {
-			online: "Online",
-			away: "Away",
-			busy: "Busy",
-			offline: "Offline"
-		};
-		const label = computed(() => {
-			const who = props.alt ?? props.name;
-			if (!who) return void 0;
-			return props.status ? `${who} (${statusLabel[props.status]})` : who;
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", {
-				class: normalizeClass(["j-avatar", [`j-avatar--${__props.size}`, `j-avatar--${__props.shape}`]]),
-				role: label.value ? "img" : void 0,
-				"aria-label": label.value,
-				"data-state": state.value
-			}, [createElementVNode("span", _hoisted_2$14, [__props.src && state.value !== "error" ? (openBlock(), createElementBlock("img", {
-				key: 0,
-				ref_key: "img",
-				ref: img,
-				class: "j-avatar__image",
-				src: __props.src,
-				alt: "",
-				onLoad: _cache[0] || (_cache[0] = ($event) => state.value = "loaded"),
-				onError: _cache[1] || (_cache[1] = ($event) => state.value = "error")
-			}, null, 40, _hoisted_3$13)) : createCommentVNode("", true), state.value !== "loaded" ? (openBlock(), createElementBlock("span", _hoisted_4$9, [renderSlot(_ctx.$slots, "fallback", {}, () => [initials.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(initials.value), 1)], 64)) : (openBlock(), createElementBlock("svg", _hoisted_5$7, [..._cache[2] || (_cache[2] = [createElementVNode("circle", {
-				cx: "8",
-				cy: "6",
-				r: "2.75"
-			}, null, -1), createElementVNode("path", { d: "M2.75 14c.6-2.6 2.7-4.25 5.25-4.25S12.65 11.4 13.25 14z" }, null, -1)])]))])])) : createCommentVNode("", true)]), __props.status ? (openBlock(), createElementBlock("span", {
-				key: 0,
-				class: normalizeClass(["j-avatar__status", `j-avatar__status--${__props.status}`]),
-				"aria-hidden": "true"
-			}, null, 2)) : createCommentVNode("", true)], 10, _hoisted_1$19);
-		};
+//#region src/utils/dom.ts
+var isClient = typeof window !== "undefined" && typeof document !== "undefined";
+/** Resolve a template ref that may point at an element or a component instance. */
+function unrefElement(target) {
+	const value = unref(target);
+	if (!value) return null;
+	if (value instanceof Element) return value;
+	const el = value.$el;
+	if (el && el.nodeType !== Node.ELEMENT_NODE) {
+		const next = el.nextSibling;
+		return next instanceof HTMLElement ? next : null;
 	}
-});
+	return el ?? null;
+}
+var FOCUSABLE = [
+	"a[href]",
+	"area[href]",
+	"button:not([disabled])",
+	"input:not([disabled]):not([type=\"hidden\"])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"iframe",
+	"audio[controls]",
+	"video[controls]",
+	"[contenteditable]:not([contenteditable=\"false\"])",
+	"[tabindex]"
+].join(",");
+function isVisible(el) {
+	if (el.hidden) return false;
+	if (typeof el.checkVisibility === "function") return el.checkVisibility({ visibilityProperty: true });
+	for (let node = el; node; node = node.parentElement) {
+		const style = getComputedStyle(node);
+		if (style.display === "none" || style.visibility === "hidden") return false;
+	}
+	return true;
+}
+/** Elements that can receive keyboard focus, in DOM order. */
+function getFocusableElements(container) {
+	return Array.from(container.querySelectorAll(FOCUSABLE)).filter((el) => el.tabIndex >= 0 && !el.closest("[inert]") && isVisible(el));
+}
+function focusElement(el, options) {
+	if (!el) return;
+	el.focus({
+		preventScroll: true,
+		...options
+	});
+}
+var isMac = () => isClient && /mac|iphone|ipad|ipod/i.test(navigator.platform || navigator.userAgent);
+function prefersReducedMotion() {
+	return isClient && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
 //#endregion
-//#region src/components/badge/JBadge.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$18 = {
-	key: 0,
-	class: "j-badge__marker",
-	"aria-hidden": "true"
-};
-var _hoisted_2$13 = {
-	key: 1,
-	class: "j-badge__icon"
-};
+//#region src/components/accordion/context.ts
+var ACCORDION = Symbol("JAccordion");
 //#endregion
-//#region src/components/badge/JBadge.vue
-var JBadge_default = /* @__PURE__ */ defineComponent({
-	__name: "JBadge",
-	props: {
-		variant: { default: "neutral" },
-		size: { default: "md" },
-		dot: { type: Boolean }
-	},
+//#region src/components/accordion/JAccordion.vue
+var JAccordion_default = /* @__PURE__ */ defineComponent({
+	__name: "JAccordion",
+	props: /*@__PURE__*/ mergeModels({
+		type: { default: "single" },
+		collapsible: {
+			type: Boolean,
+			default: true
+		},
+		headingLevel: { default: 3 }
+	}, {
+		"modelValue": { default: null },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
 	setup(__props) {
+		const props = __props;
+		/** Open item(s): a value in `single` mode, an array in `multiple` mode. */
+		const model = useModel(__props, "modelValue");
+		function openValues() {
+			const value = model.value;
+			if (Array.isArray(value)) return value;
+			return value ? [value] : [];
+		}
+		provide(ACCORDION, {
+			isOpen: (value) => openValues().includes(value),
+			toggle: (value) => {
+				const current = openValues();
+				const isOpen = current.includes(value);
+				if (props.type === "multiple") {
+					model.value = isOpen ? current.filter((v) => v !== value) : [...current, value];
+					return;
+				}
+				if (isOpen) {
+					if (props.collapsible) model.value = null;
+					return;
+				}
+				model.value = value;
+			},
+			headingLevel: () => props.headingLevel
+		});
+		function onKeydown(event) {
+			const target = event.target;
+			if (!target.classList.contains("j-accordion__trigger")) return;
+			const root = event.currentTarget;
+			const triggers = Array.from(root.querySelectorAll(".j-accordion__trigger:not(:disabled)")).filter((el) => el.closest(".j-accordion") === root);
+			const index = triggers.indexOf(target);
+			let next;
+			if (event.key === "ArrowDown") next = triggers[(index + 1) % triggers.length];
+			else if (event.key === "ArrowUp") next = triggers[(index - 1 + triggers.length) % triggers.length];
+			else if (event.key === "Home") next = triggers[0];
+			else if (event.key === "End") next = triggers[triggers.length - 1];
+			if (!next) return;
+			event.preventDefault();
+			focusElement(next);
+		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", { class: normalizeClass(["j-badge", [
-				`j-badge--${__props.variant}`,
-				`j-badge--${__props.size}`,
-				{ "j-badge--status": __props.dot }
-			]]) }, [__props.dot ? (openBlock(), createElementBlock("span", _hoisted_1$18)) : _ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$13, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 2);
+			return openBlock(), createElementBlock("div", {
+				class: "j-accordion",
+				onKeydown
+			}, [renderSlot(_ctx.$slots, "default")], 32);
 		};
 	}
 });
@@ -149,7 +152,7 @@ function icon(name, children, viewBox = "0 0 16 16") {
 	return component;
 }
 var IconCheck = icon("IconCheck", () => [h("path", { d: "M3.5 8.5l3 3 6-7" })]);
-icon("IconChevronDown", () => [h("path", { d: "M4.5 6.25L8 9.75l3.5-3.5" })]);
+var IconChevronDown = icon("IconChevronDown", () => [h("path", { d: "M4.5 6.25L8 9.75l3.5-3.5" })]);
 var IconChevronUpDown = icon("IconChevronUpDown", () => [h("path", { d: "M5.25 6L8 3.25 10.75 6M5.25 10L8 12.75 10.75 10" })]);
 var IconChevronRight = icon("IconChevronRight", () => [h("path", { d: "M6.25 4.5L9.75 8l-3.5 3.5" })]);
 var IconX = icon("IconX", () => [h("path", { d: "M4.5 4.5l7 7M11.5 4.5l-7 7" })]);
@@ -216,105 +219,332 @@ var Spinner = (props) => {
 };
 Spinner.displayName = "JSpinner";
 //#endregion
-//#region src/components/button/JButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = { class: "j-button__content" };
-var _hoisted_2$12 = {
-	key: 0,
-	class: "j-button__icon"
-};
-var _hoisted_3$12 = {
-	key: 1,
-	class: "j-button__icon"
-};
-var _hoisted_4$8 = {
-	key: 0,
-	class: "j-button__spinner"
-};
+//#region src/components/accordion/JAccordionItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$28 = ["data-state"];
+var _hoisted_2$22 = ["aria-expanded", "disabled"];
+var _hoisted_3$19 = { class: "j-accordion__title" };
+var _hoisted_4$14 = ["inert"];
+var _hoisted_5$10 = { class: "j-accordion__panel-inner" };
+var _hoisted_6$6 = { class: "j-accordion__content" };
 //#endregion
-//#region src/components/button/JButton.vue
-var JButton_default = /* @__PURE__ */ defineComponent({
-	__name: "JButton",
+//#region src/components/accordion/JAccordionItem.vue
+var JAccordionItem_default = /* @__PURE__ */ defineComponent({
+	__name: "JAccordionItem",
 	props: {
-		variant: { default: "primary" },
-		size: { default: "md" },
-		loading: { type: Boolean },
-		disabled: { type: Boolean },
-		icon: { type: Boolean },
-		block: { type: Boolean },
-		as: { default: "button" },
-		type: { default: "button" }
+		value: {},
+		title: {},
+		disabled: { type: Boolean }
 	},
 	setup(__props) {
 		const props = __props;
-		const isNativeButton = computed(() => props.as === "button");
-		const inert = computed(() => props.disabled || props.loading);
-		const attrs = computed(() => {
-			if (isNativeButton.value) return {
-				type: props.type,
-				"disabled": props.disabled || void 0,
-				"aria-disabled": props.loading || void 0
-			};
-			return {
-				"aria-disabled": inert.value || void 0,
-				"tabindex": props.disabled ? -1 : void 0
-			};
-		});
-		function onClick(event) {
-			if (inert.value) {
-				event.preventDefault();
-				event.stopImmediatePropagation();
-			}
-		}
+		const accordion = inject(ACCORDION);
+		const id = `j-${useId()}`;
+		const triggerId = `${id}-trigger`;
+		const panelId = `${id}-panel`;
+		const open = computed(() => accordion.isOpen(props.value));
+		const heading = computed(() => `h${accordion.headingLevel()}`);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps(attrs.value, {
-				class: ["j-button j-focusable", [
-					`j-button--${__props.variant}`,
-					`j-button--${__props.size}`,
-					{
-						"j-button--icon": __props.icon,
-						"j-button--block": __props.block,
-						"is-loading": __props.loading
-					}
-				]],
-				"aria-busy": __props.loading || void 0,
-				"data-disabled": __props.disabled || void 0,
-				onClickCapture: onClick
-			}), {
-				default: withCtx(() => [createElementVNode("span", _hoisted_1$17, [
-					_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$12, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
-					renderSlot(_ctx.$slots, "default"),
-					_ctx.$slots.trailing ? (openBlock(), createElementBlock("span", _hoisted_3$12, [renderSlot(_ctx.$slots, "trailing")])) : createCommentVNode("", true)
-				]), createVNode(Transition, { name: "j-button-spinner" }, {
-					default: withCtx(() => [__props.loading ? (openBlock(), createElementBlock("span", _hoisted_4$8, [createVNode(unref(Spinner), { size: __props.size === "xs" ? 12 : __props.size === "lg" ? 16 : 14 }, null, 8, ["size"])])) : createCommentVNode("", true)]),
-					_: 1
-				})]),
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["j-accordion__item", { "is-disabled": __props.disabled }]),
+				"data-state": open.value ? "open" : "closed"
+			}, [(openBlock(), createBlock(resolveDynamicComponent(heading.value), { class: "j-accordion__heading" }, {
+				default: withCtx(() => [createElementVNode("button", {
+					id: triggerId,
+					type: "button",
+					class: "j-accordion__trigger",
+					"aria-expanded": open.value,
+					"aria-controls": panelId,
+					disabled: __props.disabled,
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(accordion).toggle(__props.value))
+				}, [createElementVNode("span", _hoisted_3$19, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])]), createVNode(unref(IconChevronDown), { class: "j-accordion__chevron" })], 8, _hoisted_2$22)]),
 				_: 3
-			}, 16, [
-				"class",
-				"aria-busy",
-				"data-disabled"
-			]);
+			})), createElementVNode("div", {
+				id: panelId,
+				role: "region",
+				class: "j-accordion__panel",
+				"aria-labelledby": triggerId,
+				inert: !open.value
+			}, [createElementVNode("div", _hoisted_5$10, [createElementVNode("div", _hoisted_6$6, [renderSlot(_ctx.$slots, "default")])])], 8, _hoisted_4$14)], 10, _hoisted_1$28);
 		};
 	}
 });
 //#endregion
-//#region src/components/card/JCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = {
+//#region src/components/alert/JAlert.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$27 = {
 	key: 0,
-	class: "j-card__header"
+	class: "j-alert__icon",
+	"aria-hidden": "true"
 };
-var _hoisted_2$11 = { class: "j-card__heading" };
-var _hoisted_3$11 = {
+var _hoisted_2$21 = { class: "j-alert__body" };
+var _hoisted_3$18 = {
 	key: 0,
-	class: "j-card__title"
+	class: "j-alert__title"
 };
-var _hoisted_4$7 = {
+var _hoisted_4$13 = {
 	key: 1,
-	class: "j-card__description"
+	class: "j-alert__description"
 };
-var _hoisted_5$6 = {
-	key: 0,
-	class: "j-card__actions"
+var _hoisted_5$9 = {
+	key: 2,
+	class: "j-alert__actions"
+};
+//#endregion
+//#region src/components/alert/JAlert.vue
+var JAlert_default = /* @__PURE__ */ defineComponent({
+	__name: "JAlert",
+	props: {
+		variant: { default: "neutral" },
+		title: {},
+		description: {},
+		dismissible: { type: Boolean },
+		hideIcon: { type: Boolean }
+	},
+	emits: ["dismiss"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const icons = {
+			neutral: IconInfo,
+			info: IconInfo,
+			success: IconCircleCheck,
+			warning: IconAlert,
+			destructive: IconCircleX
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["j-alert", `j-alert--${__props.variant}`]) }, [
+				!__props.hideIcon ? (openBlock(), createElementBlock("span", _hoisted_1$27, [renderSlot(_ctx.$slots, "icon", {}, () => [(openBlock(), createBlock(resolveDynamicComponent(icons[__props.variant])))])])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_2$21, [
+					__props.title ? (openBlock(), createElementBlock("p", _hoisted_3$18, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+					__props.description || _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$13, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("", true),
+					_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_5$9, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)
+				]),
+				__props.dismissible ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					type: "button",
+					class: "j-alert__close j-focusable",
+					"aria-label": "Dismiss",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("dismiss"))
+				}, [createVNode(unref(IconX))])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/avatar/JAvatar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$26 = [
+	"role",
+	"aria-label",
+	"data-state"
+];
+var _hoisted_2$20 = { class: "j-avatar__frame" };
+var _hoisted_3$17 = ["src"];
+var _hoisted_4$12 = {
+	key: 1,
+	class: "j-avatar__fallback",
+	"aria-hidden": "true"
+};
+var _hoisted_5$8 = {
+	key: 1,
+	viewBox: "0 0 16 16",
+	fill: "currentColor",
+	class: "j-avatar__glyph"
+};
+//#endregion
+//#region src/components/avatar/JAvatar.vue
+var JAvatar_default = /* @__PURE__ */ defineComponent({
+	__name: "JAvatar",
+	props: {
+		src: {},
+		alt: {},
+		name: {},
+		size: { default: "md" },
+		shape: { default: "circle" },
+		status: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const state = ref(props.src ? "loading" : "error");
+		const img = ref(null);
+		watch(() => props.src, (src) => {
+			state.value = src ? "loading" : "error";
+		});
+		onMounted(() => {
+			if (img.value?.complete && img.value.naturalWidth > 0) state.value = "loaded";
+		});
+		const initials = computed(() => {
+			const parts = (props.name ?? "").trim().split(/\s+/).filter(Boolean);
+			if (parts.length === 0) return "";
+			const first = parts[0];
+			const last = parts.length > 1 ? parts[parts.length - 1] : "";
+			return (first[0] + (last[0] ?? "")).toUpperCase();
+		});
+		const statusLabel = {
+			online: "Online",
+			away: "Away",
+			busy: "Busy",
+			offline: "Offline"
+		};
+		const label = computed(() => {
+			const who = props.alt ?? props.name;
+			if (!who) return void 0;
+			return props.status ? `${who} (${statusLabel[props.status]})` : who;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: normalizeClass(["j-avatar", [`j-avatar--${__props.size}`, `j-avatar--${__props.shape}`]]),
+				role: label.value ? "img" : void 0,
+				"aria-label": label.value,
+				"data-state": state.value
+			}, [createElementVNode("span", _hoisted_2$20, [__props.src && state.value !== "error" ? (openBlock(), createElementBlock("img", {
+				key: 0,
+				ref_key: "img",
+				ref: img,
+				class: "j-avatar__image",
+				src: __props.src,
+				alt: "",
+				onLoad: _cache[0] || (_cache[0] = ($event) => state.value = "loaded"),
+				onError: _cache[1] || (_cache[1] = ($event) => state.value = "error")
+			}, null, 40, _hoisted_3$17)) : createCommentVNode("", true), state.value !== "loaded" ? (openBlock(), createElementBlock("span", _hoisted_4$12, [renderSlot(_ctx.$slots, "fallback", {}, () => [initials.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(initials.value), 1)], 64)) : (openBlock(), createElementBlock("svg", _hoisted_5$8, [..._cache[2] || (_cache[2] = [createElementVNode("circle", {
+				cx: "8",
+				cy: "6",
+				r: "2.75"
+			}, null, -1), createElementVNode("path", { d: "M2.75 14c.6-2.6 2.7-4.25 5.25-4.25S12.65 11.4 13.25 14z" }, null, -1)])]))])])) : createCommentVNode("", true)]), __props.status ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(["j-avatar__status", `j-avatar__status--${__props.status}`]),
+				"aria-hidden": "true"
+			}, null, 2)) : createCommentVNode("", true)], 10, _hoisted_1$26);
+		};
+	}
+});
+//#endregion
+//#region src/components/badge/JBadge.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$25 = {
+	key: 0,
+	class: "j-badge__marker",
+	"aria-hidden": "true"
+};
+var _hoisted_2$19 = {
+	key: 1,
+	class: "j-badge__icon"
+};
+//#endregion
+//#region src/components/badge/JBadge.vue
+var JBadge_default = /* @__PURE__ */ defineComponent({
+	__name: "JBadge",
+	props: {
+		variant: { default: "neutral" },
+		size: { default: "md" },
+		dot: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(["j-badge", [
+				`j-badge--${__props.variant}`,
+				`j-badge--${__props.size}`,
+				{ "j-badge--status": __props.dot }
+			]]) }, [__props.dot ? (openBlock(), createElementBlock("span", _hoisted_1$25)) : _ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$19, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/button/JButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$24 = { class: "j-button__content" };
+var _hoisted_2$18 = {
+	key: 0,
+	class: "j-button__icon"
+};
+var _hoisted_3$16 = {
+	key: 1,
+	class: "j-button__icon"
+};
+var _hoisted_4$11 = {
+	key: 0,
+	class: "j-button__spinner"
+};
+//#endregion
+//#region src/components/button/JButton.vue
+var JButton_default = /* @__PURE__ */ defineComponent({
+	__name: "JButton",
+	props: {
+		variant: { default: "primary" },
+		size: { default: "md" },
+		loading: { type: Boolean },
+		disabled: { type: Boolean },
+		icon: { type: Boolean },
+		block: { type: Boolean },
+		as: { default: "button" },
+		type: { default: "button" }
+	},
+	setup(__props) {
+		const props = __props;
+		const isNativeButton = computed(() => props.as === "button");
+		const inert = computed(() => props.disabled || props.loading);
+		const attrs = computed(() => {
+			if (isNativeButton.value) return {
+				type: props.type,
+				"disabled": props.disabled || void 0,
+				"aria-disabled": props.loading || void 0
+			};
+			return {
+				"aria-disabled": inert.value || void 0,
+				"tabindex": props.disabled ? -1 : void 0
+			};
+		});
+		function onClick(event) {
+			if (inert.value) {
+				event.preventDefault();
+				event.stopImmediatePropagation();
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps(attrs.value, {
+				class: ["j-button j-focusable", [
+					`j-button--${__props.variant}`,
+					`j-button--${__props.size}`,
+					{
+						"j-button--icon": __props.icon,
+						"j-button--block": __props.block,
+						"is-loading": __props.loading
+					}
+				]],
+				"aria-busy": __props.loading || void 0,
+				"data-disabled": __props.disabled || void 0,
+				onClickCapture: onClick
+			}), {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1$24, [
+					_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$18, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "default"),
+					_ctx.$slots.trailing ? (openBlock(), createElementBlock("span", _hoisted_3$16, [renderSlot(_ctx.$slots, "trailing")])) : createCommentVNode("", true)
+				]), createVNode(Transition, { name: "j-button-spinner" }, {
+					default: withCtx(() => [__props.loading ? (openBlock(), createElementBlock("span", _hoisted_4$11, [createVNode(unref(Spinner), { size: __props.size === "xs" ? 12 : __props.size === "lg" ? 16 : 14 }, null, 8, ["size"])])) : createCommentVNode("", true)]),
+					_: 1
+				})]),
+				_: 3
+			}, 16, [
+				"class",
+				"aria-busy",
+				"data-disabled"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/card/JCard.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$23 = {
+	key: 0,
+	class: "j-card__header"
+};
+var _hoisted_2$17 = { class: "j-card__heading" };
+var _hoisted_3$15 = {
+	key: 0,
+	class: "j-card__title"
+};
+var _hoisted_4$10 = {
+	key: 1,
+	class: "j-card__description"
+};
+var _hoisted_5$7 = {
+	key: 0,
+	class: "j-card__actions"
 };
 var _hoisted_6$5 = {
 	key: 1,
@@ -339,7 +569,7 @@ var JCard_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(__props.as), { class: normalizeClass(["j-card", [`j-card--${__props.variant}`, `j-card--p-${__props.padding}`]]) }, {
 				default: withCtx(() => [
-					__props.title || __props.description || _ctx.$slots.header || _ctx.$slots.actions ? (openBlock(), createElementBlock("header", _hoisted_1$16, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", _hoisted_2$11, [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_3$11, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.description ? (openBlock(), createElementBlock("p", _hoisted_4$7, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])]), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_5$6, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+					__props.title || __props.description || _ctx.$slots.header || _ctx.$slots.actions ? (openBlock(), createElementBlock("header", _hoisted_1$23, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", _hoisted_2$17, [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_3$15, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.description ? (openBlock(), createElementBlock("p", _hoisted_4$10, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])]), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_5$7, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)])) : createCommentVNode("", true),
 					_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_6$5, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true),
 					_ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_7$2, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
 				]),
@@ -350,9 +580,9 @@ var JCard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/checkbox/JCheckbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$15 = ["data-state"];
-var _hoisted_2$10 = { class: "j-checkbox__control" };
-var _hoisted_3$10 = [
+var _hoisted_1$22 = ["data-state"];
+var _hoisted_2$16 = { class: "j-checkbox__control" };
+var _hoisted_3$14 = [
 	"id",
 	"checked",
 	"disabled",
@@ -361,11 +591,11 @@ var _hoisted_3$10 = [
 	"value",
 	"aria-describedby"
 ];
-var _hoisted_4$6 = {
+var _hoisted_4$9 = {
 	key: 0,
 	class: "j-checkbox__text"
 };
-var _hoisted_5$5 = ["for"];
+var _hoisted_5$6 = ["for"];
 var _hoisted_6$4 = ["id"];
 //#endregion
 //#region src/components/checkbox/JCheckbox.vue
@@ -412,7 +642,7 @@ var JCheckbox_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(["j-checkbox", [_ctx.$attrs.class, { "is-disabled": __props.disabled }]]),
 				style: normalizeStyle(_ctx.$attrs.style),
 				"data-state": state.value
-			}, [createElementVNode("span", _hoisted_2$10, [createElementVNode("input", mergeProps({
+			}, [createElementVNode("span", _hoisted_2$16, [createElementVNode("input", mergeProps({
 				id: id.value,
 				ref_key: "input",
 				ref: input
@@ -430,97 +660,45 @@ var JCheckbox_default = /* @__PURE__ */ defineComponent({
 				value: __props.value,
 				"aria-describedby": __props.description || _ctx.$slots.description ? descriptionId.value : void 0,
 				onChange
-			}), null, 16, _hoisted_3$10), _cache[0] || (_cache[0] = createStaticVNode("<span class=\"j-checkbox__box\" aria-hidden=\"true\"><svg class=\"j-checkbox__check\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M4 8.25l2.75 2.75L12 5.5\" pathLength=\"1\"></path></svg><svg class=\"j-checkbox__dash\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M4.5 8h7\"></path></svg></span>", 1))]), __props.label || _ctx.$slots.default || __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_4$6, [__props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("label", {
+			}), null, 16, _hoisted_3$14), _cache[0] || (_cache[0] = createStaticVNode("<span class=\"j-checkbox__box\" aria-hidden=\"true\"><svg class=\"j-checkbox__check\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M4 8.25l2.75 2.75L12 5.5\" pathLength=\"1\"></path></svg><svg class=\"j-checkbox__dash\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M4.5 8h7\"></path></svg></span>", 1))]), __props.label || _ctx.$slots.default || __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_4$9, [__props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("label", {
 				key: 0,
 				for: id.value,
 				class: "j-checkbox__label"
-			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])], 8, _hoisted_5$5)) : createCommentVNode("", true), __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", {
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])], 8, _hoisted_5$6)) : createCommentVNode("", true), __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", {
 				key: 1,
 				id: descriptionId.value,
 				class: "j-checkbox__description"
-			}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])], 8, _hoisted_6$4)) : createCommentVNode("", true)])) : createCommentVNode("", true)], 14, _hoisted_1$15);
+			}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])], 8, _hoisted_6$4)) : createCommentVNode("", true)])) : createCommentVNode("", true)], 14, _hoisted_1$22);
 		};
 	}
 });
 //#endregion
-//#region src/utils/dom.ts
-var isClient = typeof window !== "undefined" && typeof document !== "undefined";
-/** Resolve a template ref that may point at an element or a component instance. */
-function unrefElement(target) {
-	const value = unref(target);
-	if (!value) return null;
-	if (value instanceof Element) return value;
-	const el = value.$el;
-	if (el && el.nodeType !== Node.ELEMENT_NODE) {
-		const next = el.nextSibling;
-		return next instanceof HTMLElement ? next : null;
-	}
-	return el ?? null;
-}
-var FOCUSABLE = [
-	"a[href]",
-	"area[href]",
-	"button:not([disabled])",
-	"input:not([disabled]):not([type=\"hidden\"])",
-	"select:not([disabled])",
-	"textarea:not([disabled])",
-	"iframe",
-	"audio[controls]",
-	"video[controls]",
-	"[contenteditable]:not([contenteditable=\"false\"])",
-	"[tabindex]"
-].join(",");
-function isVisible(el) {
-	if (el.hidden) return false;
-	if (typeof el.checkVisibility === "function") return el.checkVisibility({ visibilityProperty: true });
-	for (let node = el; node; node = node.parentElement) {
-		const style = getComputedStyle(node);
-		if (style.display === "none" || style.visibility === "hidden") return false;
-	}
-	return true;
-}
-/** Elements that can receive keyboard focus, in DOM order. */
-function getFocusableElements(container) {
-	return Array.from(container.querySelectorAll(FOCUSABLE)).filter((el) => el.tabIndex >= 0 && !el.closest("[inert]") && isVisible(el));
-}
-function focusElement(el, options) {
-	if (!el) return;
-	el.focus({
-		preventScroll: true,
-		...options
-	});
-}
-var isMac = () => isClient && /mac|iphone|ipad|ipod/i.test(navigator.platform || navigator.userAgent);
-function prefersReducedMotion() {
-	return isClient && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-//#endregion
-//#region src/composables/useFocusTrap.ts
-var stack = [];
-function isTop(trap) {
-	return stack[stack.length - 1] === trap;
-}
-var listening$1 = false;
-function onKeydown$1(event) {
-	if (event.key !== "Tab" || event.defaultPrevented) return;
-	const container = stack[stack.length - 1]?.container.value;
-	if (!container) return;
-	const focusable = getFocusableElements(container);
-	if (focusable.length === 0) {
-		event.preventDefault();
-		focusElement(container);
-		return;
-	}
-	const first = focusable[0];
-	const last = focusable[focusable.length - 1];
-	const active = document.activeElement;
-	const inside = active ? container.contains(active) : false;
-	if (event.shiftKey && (active === first || active === container || !inside)) {
-		event.preventDefault();
-		focusElement(last);
-	} else if (!event.shiftKey && (active === last || !inside)) {
-		event.preventDefault();
-		focusElement(first);
+//#region src/composables/useFocusTrap.ts
+var stack = [];
+function isTop(trap) {
+	return stack[stack.length - 1] === trap;
+}
+var listening$1 = false;
+function onKeydown$1(event) {
+	if (event.key !== "Tab" || event.defaultPrevented) return;
+	const container = stack[stack.length - 1]?.container.value;
+	if (!container) return;
+	const focusable = getFocusableElements(container);
+	if (focusable.length === 0) {
+		event.preventDefault();
+		focusElement(container);
+		return;
+	}
+	const first = focusable[0];
+	const last = focusable[focusable.length - 1];
+	const active = document.activeElement;
+	const inside = active ? container.contains(active) : false;
+	if (event.shiftKey && (active === first || active === container || !inside)) {
+		event.preventDefault();
+		focusElement(last);
+	} else if (!event.shiftKey && (active === last || !inside)) {
+		event.preventDefault();
+		focusElement(first);
 	}
 }
 function onFocusIn(event) {
@@ -862,19 +1040,19 @@ var JPortal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/command-palette/JCommandPalette.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = {
+var _hoisted_1$21 = {
 	key: 0,
 	class: "j-command__overlay",
 	"aria-hidden": "true"
 };
-var _hoisted_2$9 = ["aria-label"];
-var _hoisted_3$9 = { class: "j-command__search" };
-var _hoisted_4$5 = [
+var _hoisted_2$15 = ["aria-label"];
+var _hoisted_3$13 = { class: "j-command__search" };
+var _hoisted_4$8 = [
 	"aria-activedescendant",
 	"aria-label",
 	"placeholder"
 ];
-var _hoisted_5$4 = {
+var _hoisted_5$5 = {
 	key: 0,
 	class: "j-command__progress",
 	"aria-hidden": "true"
@@ -1115,7 +1293,7 @@ var JCommandPalette_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(JPortal_default, null, {
 				default: withCtx(() => [createVNode(Transition, { name: "j-command-overlay" }, {
-					default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$14)) : createCommentVNode("", true)]),
+					default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$21)) : createCommentVNode("", true)]),
 					_: 1
 				}), createVNode(Transition, {
 					name: "j-command",
@@ -1137,7 +1315,7 @@ var JCommandPalette_default = /* @__PURE__ */ defineComponent({
 						"aria-label": __props.label,
 						class: "j-command"
 					}, [
-						createElementVNode("div", _hoisted_3$9, [
+						createElementVNode("div", _hoisted_3$13, [
 							createVNode(unref(IconSearch), { class: "j-command__search-icon" }),
 							withDirectives(createElementVNode("input", {
 								ref_key: "input",
@@ -1158,7 +1336,7 @@ var JCommandPalette_default = /* @__PURE__ */ defineComponent({
 								spellcheck: "false",
 								enterkeyhint: "go",
 								onKeydown
-							}, null, 40, _hoisted_4$5), [[vModelText, search.value]]),
+							}, null, 40, _hoisted_4$8), [[vModelText, search.value]]),
 							createElementVNode("button", {
 								type: "button",
 								class: "j-command__esc j-kbd",
@@ -1166,7 +1344,7 @@ var JCommandPalette_default = /* @__PURE__ */ defineComponent({
 								"aria-label": "Close",
 								onClick: close
 							}, " Esc "),
-							__props.loading ? (openBlock(), createElementBlock("span", _hoisted_5$4)) : createCommentVNode("", true)
+							__props.loading ? (openBlock(), createElementBlock("span", _hoisted_5$5)) : createCommentVNode("", true)
 						]),
 						createElementVNode("div", {
 							id: listboxId,
@@ -1224,7 +1402,7 @@ var JCommandPalette_default = /* @__PURE__ */ defineComponent({
 							_cache[5] || (_cache[5] = createElementVNode("span", { class: "j-command__hint" }, [createElementVNode("kbd", { class: "j-kbd" }, "Esc"), createTextVNode(" Close")], -1))
 						])]),
 						createElementVNode("span", _hoisted_19, toDisplayString(announcement.value), 1)
-					], 8, _hoisted_2$9)], 32)) : createCommentVNode("", true)]),
+					], 8, _hoisted_2$15)], 32)) : createCommentVNode("", true)]),
 					_: 3
 				})]),
 				_: 3
@@ -1233,26 +1411,66 @@ var JCommandPalette_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/composables/useModal.ts
+/**
+* Internal: everything a modal surface (Dialog, Sheet) shares — layering,
+* focus trap and restoration, scroll lock, backdrop clicks and the "nudge"
+* when dismissal is refused.
+*/
+function useModal(panel, open, options) {
+	const nudging = ref(false);
+	function nudge() {
+		if (prefersReducedMotion()) return;
+		nudging.value = false;
+		requestAnimationFrame(() => nudging.value = true);
+	}
+	const { isTopLayer } = useLayer({
+		active: open,
+		elements: () => [panel.value],
+		onEscape: () => options.closeOnEscape() ? options.close() : nudge()
+	});
+	useFocusTrap(panel, open, { initialFocus: () => panel.value?.querySelector("[autofocus], [data-autofocus]") ?? (options.focusSelector ? panel.value?.querySelector(options.focusSelector) : null) ?? panel.value });
+	useScrollLock(open);
+	let pressedOutside = false;
+	function onBackdropPointerDown(event) {
+		pressedOutside = event.target === event.currentTarget && isTopLayer();
+	}
+	function onBackdropClick(event) {
+		const outside = pressedOutside && event.target === event.currentTarget;
+		pressedOutside = false;
+		if (!outside) return;
+		if (options.closeOnOverlay()) options.close();
+		else nudge();
+	}
+	return {
+		nudging,
+		onBackdropPointerDown,
+		onBackdropClick
+	};
+}
+/** Form fields worth focusing first in a modal body. */
+var FIELD_SELECTOR = ":is(input:not([type=hidden]), textarea, select, [role=combobox]):not(:disabled)";
+//#endregion
 //#region src/components/dialog/JDialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = {
+var _hoisted_1$20 = {
 	key: 0,
 	class: "j-dialog__overlay",
 	"aria-hidden": "true"
 };
-var _hoisted_2$8 = [
+var _hoisted_2$14 = [
 	"aria-labelledby",
 	"aria-label",
 	"aria-describedby"
 ];
-var _hoisted_3$8 = {
+var _hoisted_3$12 = {
 	key: 0,
 	class: "j-dialog__header"
 };
-var _hoisted_4$4 = {
+var _hoisted_4$7 = {
 	key: 1,
 	class: "j-dialog__body"
 };
-var _hoisted_5$3 = {
+var _hoisted_5$4 = {
 	key: 2,
 	class: "j-dialog__footer"
 };
@@ -1290,38 +1508,20 @@ var JDialog_default = /* @__PURE__ */ defineComponent({
 		const titleId = `j-${id}-title`;
 		const descriptionId = `j-${id}-description`;
 		const panel = ref(null);
-		const nudging = ref(false);
 		function close() {
 			open.value = false;
 		}
-		function nudge() {
-			if (prefersReducedMotion()) return;
-			nudging.value = false;
-			requestAnimationFrame(() => nudging.value = true);
-		}
-		const { isTopLayer } = useLayer({
-			active: open,
-			elements: () => [panel.value],
-			onEscape: () => props.closeOnEscape ? close() : nudge()
+		const { nudging, onBackdropPointerDown, onBackdropClick } = useModal(panel, open, {
+			closeOnEscape: () => props.closeOnEscape,
+			closeOnOverlay: () => props.closeOnOverlay,
+			close,
+			focusSelector: `.j-dialog__body ${FIELD_SELECTOR}`
 		});
-		useFocusTrap(panel, open, { initialFocus: () => panel.value?.querySelector("[autofocus], [data-autofocus]") ?? panel.value?.querySelector(".j-dialog__body :is(input:not([type=hidden]), textarea, select, [role=combobox]):not(:disabled)") ?? panel.value });
-		useScrollLock(open);
-		let pressedOutside = false;
-		function onPointerDown(event) {
-			pressedOutside = event.target === event.currentTarget && isTopLayer();
-		}
-		function onClick(event) {
-			const outside = pressedOutside && event.target === event.currentTarget;
-			pressedOutside = false;
-			if (!outside) return;
-			if (props.closeOnOverlay) close();
-			else nudge();
-		}
 		__expose({ close });
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(JPortal_default, null, {
 				default: withCtx(() => [createVNode(Transition, { name: "j-dialog-overlay" }, {
-					default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$13)) : createCommentVNode("", true)]),
+					default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$20)) : createCommentVNode("", true)]),
 					_: 1
 				}), createVNode(Transition, {
 					name: "j-dialog",
@@ -1329,26 +1529,26 @@ var JDialog_default = /* @__PURE__ */ defineComponent({
 						enter: 240,
 						leave: 150
 					},
-					onAfterLeave: _cache[1] || (_cache[1] = ($event) => emit("afterClose"))
+					onAfterLeave: _cache[3] || (_cache[3] = ($event) => emit("afterClose"))
 				}, {
 					default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: "j-dialog__positioner",
-						onPointerdown: onPointerDown,
-						onClick
+						onPointerdown: _cache[1] || (_cache[1] = (...args) => unref(onBackdropPointerDown) && unref(onBackdropPointerDown)(...args)),
+						onClick: _cache[2] || (_cache[2] = (...args) => unref(onBackdropClick) && unref(onBackdropClick)(...args))
 					}, [createElementVNode("div", {
 						ref_key: "panel",
 						ref: panel,
 						role: "dialog",
 						"aria-modal": "true",
 						tabindex: "-1",
-						class: normalizeClass(["j-dialog__panel", [`j-dialog__panel--${__props.size}`, { "is-nudging": nudging.value }]]),
+						class: normalizeClass(["j-dialog__panel", [`j-dialog__panel--${__props.size}`, { "is-nudging": unref(nudging) }]]),
 						"aria-labelledby": __props.title || _ctx.$slots.header ? titleId : void 0,
 						"aria-label": __props.ariaLabel,
 						"aria-describedby": __props.description ? descriptionId : void 0,
 						onAnimationend: _cache[0] || (_cache[0] = ($event) => nudging.value = false)
 					}, [
-						__props.title || __props.description || _ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_3$8, [renderSlot(_ctx.$slots, "header", {
+						__props.title || __props.description || _ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_3$12, [renderSlot(_ctx.$slots, "header", {
 							titleId,
 							descriptionId
 						}, () => [createElementVNode("h2", {
@@ -1359,8 +1559,8 @@ var JDialog_default = /* @__PURE__ */ defineComponent({
 							id: descriptionId,
 							class: "j-dialog__description"
 						}, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true),
-						_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$4, [renderSlot(_ctx.$slots, "default", { close })])) : createCommentVNode("", true),
-						_ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_5$3, [renderSlot(_ctx.$slots, "footer", { close })])) : createCommentVNode("", true),
+						_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$7, [renderSlot(_ctx.$slots, "default", { close })])) : createCommentVNode("", true),
+						_ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_5$4, [renderSlot(_ctx.$slots, "footer", { close })])) : createCommentVNode("", true),
 						!__props.hideClose ? (openBlock(), createElementBlock("button", {
 							key: 3,
 							type: "button",
@@ -1368,7 +1568,7 @@ var JDialog_default = /* @__PURE__ */ defineComponent({
 							"aria-label": "Close",
 							onClick: close
 						}, [createVNode(unref(IconX))])) : createCommentVNode("", true)
-					], 42, _hoisted_2$8)], 32)) : createCommentVNode("", true)]),
+					], 42, _hoisted_2$14)], 32)) : createCommentVNode("", true)]),
 					_: 3
 				})]),
 				_: 3
@@ -1530,7 +1730,7 @@ function useTypeahead(timeout = 500) {
 }
 //#endregion
 //#region src/components/dropdown-menu/JMenuContent.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = ["id", "aria-labelledby"];
+var _hoisted_1$19 = ["id", "aria-labelledby"];
 //#endregion
 //#region src/components/dropdown-menu/JMenuContent.vue
 var JMenuContent_default = /* @__PURE__ */ defineComponent({
@@ -1674,7 +1874,7 @@ var JMenuContent_default = /* @__PURE__ */ defineComponent({
 						"aria-orientation": "vertical",
 						onKeydown,
 						onPointerenter: _cache[0] || (_cache[0] = ($event) => emit("pointerenter"))
-					}, [renderSlot(_ctx.$slots, "default")], 46, _hoisted_1$12)) : createCommentVNode("", true)]),
+					}, [renderSlot(_ctx.$slots, "default")], 46, _hoisted_1$19)) : createCommentVNode("", true)]),
 					_: 3
 				})]),
 				_: 3
@@ -1774,12 +1974,12 @@ var JDropdownMenu_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/dropdown-menu/JDropdownMenuItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = {
+var _hoisted_1$18 = {
 	key: 0,
 	class: "j-menu__icon"
 };
-var _hoisted_2$7 = { class: "j-menu__text" };
-var _hoisted_3$7 = {
+var _hoisted_2$13 = { class: "j-menu__text" };
+var _hoisted_3$11 = {
 	key: 1,
 	class: "j-menu__shortcut"
 };
@@ -1841,9 +2041,9 @@ var JDropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 				onPointerleave: onPointerLeave
 			}, {
 				default: withCtx(() => [
-					_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_1$11, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
-					createElementVNode("span", _hoisted_2$7, [renderSlot(_ctx.$slots, "default")]),
-					__props.shortcut ? (openBlock(), createElementBlock("span", _hoisted_3$7, toDisplayString(__props.shortcut), 1)) : createCommentVNode("", true),
+					_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_1$18, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_2$13, [renderSlot(_ctx.$slots, "default")]),
+					__props.shortcut ? (openBlock(), createElementBlock("span", _hoisted_3$11, toDisplayString(__props.shortcut), 1)) : createCommentVNode("", true),
 					__props.checked !== void 0 ? (openBlock(), createBlock(unref(IconCheck), {
 						key: 2,
 						class: normalizeClass(["j-menu__check", { "is-checked": __props.checked }])
@@ -1861,7 +2061,7 @@ var JDropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/dropdown-menu/JDropdownMenuLabel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = {
+var _hoisted_1$17 = {
 	class: "j-menu__label",
 	role: "presentation"
 };
@@ -1871,7 +2071,7 @@ var JDropdownMenuLabel_default = /* @__PURE__ */ defineComponent({
 	__name: "JDropdownMenuLabel",
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$10, [renderSlot(_ctx.$slots, "default")]);
+			return openBlock(), createElementBlock("div", _hoisted_1$17, [renderSlot(_ctx.$slots, "default")]);
 		};
 	}
 });
@@ -1885,27 +2085,27 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 //#endregion
 //#region src/components/dropdown-menu/JDropdownMenuSeparator.vue
 var _sfc_main = {};
-var _hoisted_1$9 = {
+var _hoisted_1$16 = {
 	role: "separator",
 	"aria-orientation": "horizontal",
 	class: "j-menu__separator"
 };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("div", _hoisted_1$9);
+	return openBlock(), createElementBlock("div", _hoisted_1$16);
 }
 var JDropdownMenuSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 //#region src/components/dropdown-menu/JDropdownMenuSub.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = [
+var _hoisted_1$15 = [
 	"aria-expanded",
 	"aria-controls",
 	"aria-disabled"
 ];
-var _hoisted_2$6 = {
+var _hoisted_2$12 = {
 	key: 0,
 	class: "j-menu__icon"
 };
-var _hoisted_3$6 = { class: "j-menu__text" };
+var _hoisted_3$10 = { class: "j-menu__text" };
 //#endregion
 //#region src/components/dropdown-menu/JDropdownMenuSub.vue
 var JDropdownMenuSub_default = /* @__PURE__ */ defineComponent({
@@ -1979,10 +2179,10 @@ var JDropdownMenuSub_default = /* @__PURE__ */ defineComponent({
 				onKeydown,
 				onClick
 			}, [
-				_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$6, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_3$6, toDisplayString(__props.label), 1),
+				_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2$12, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_3$10, toDisplayString(__props.label), 1),
 				createVNode(unref(IconChevronRight), { class: "j-menu__chevron" })
-			], 40, _hoisted_1$8), createVNode(JMenuContent_default, {
+			], 40, _hoisted_1$15), createVNode(JMenuContent_default, {
 				id: menuId,
 				ref_key: "sub",
 				ref: sub,
@@ -2013,14 +2213,14 @@ var JDropdownMenuSub_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/field/JFieldShell.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = {
+var _hoisted_1$14 = {
 	key: 0,
 	class: "j-field__required",
 	"aria-hidden": "true"
 };
-var _hoisted_2$5 = { class: "j-field__messages" };
-var _hoisted_3$5 = ["id"];
-var _hoisted_4$3 = ["id"];
+var _hoisted_2$11 = { class: "j-field__messages" };
+var _hoisted_3$9 = ["id"];
+var _hoisted_4$6 = ["id"];
 //#endregion
 //#region src/components/field/JFieldShell.vue
 var JFieldShell_default = /* @__PURE__ */ defineComponent({
@@ -2051,11 +2251,11 @@ var JFieldShell_default = /* @__PURE__ */ defineComponent({
 					class: "j-field__label",
 					for: __props.labelFor === null ? void 0 : __props.labelFor ?? __props.id
 				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)]), __props.required ? (openBlock(), createElementBlock("span", _hoisted_1$7, "*")) : createCommentVNode("", true)]),
+					default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)]), __props.required ? (openBlock(), createElementBlock("span", _hoisted_1$14, "*")) : createCommentVNode("", true)]),
 					_: 3
 				}, 8, ["id", "for"])) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default"),
-				createElementVNode("div", _hoisted_2$5, [createVNode(Transition, {
+				createElementVNode("div", _hoisted_2$11, [createVNode(Transition, {
 					name: "j-field-message",
 					mode: "out-in"
 				}, {
@@ -2063,11 +2263,11 @@ var JFieldShell_default = /* @__PURE__ */ defineComponent({
 						id: __props.errorId,
 						key: __props.errorMessage,
 						class: "j-field__error"
-					}, toDisplayString(__props.errorMessage), 9, _hoisted_3$5)) : __props.showDescription ? (openBlock(), createElementBlock("p", {
+					}, toDisplayString(__props.errorMessage), 9, _hoisted_3$9)) : __props.showDescription ? (openBlock(), createElementBlock("p", {
 						key: 1,
 						id: __props.descriptionId,
 						class: "j-field__description"
-					}, toDisplayString(__props.description), 9, _hoisted_4$3)) : createCommentVNode("", true)]),
+					}, toDisplayString(__props.description), 9, _hoisted_4$6)) : createCommentVNode("", true)]),
 					_: 1
 				})])
 			], 2);
@@ -2104,141 +2304,486 @@ function useField(props) {
 }
 //#endregion
 //#region src/components/input/JInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = {
+var _hoisted_1$13 = {
 	key: 0,
 	class: "j-control__adornment j-control__adornment--leading"
 };
-var _hoisted_2$4 = [
+var _hoisted_2$10 = [
 	"id",
 	"type",
 	"name",
 	"placeholder",
 	"disabled",
-	"readonly",
-	"required",
-	"autocomplete",
+	"readonly",
+	"required",
+	"autocomplete",
+	"aria-invalid",
+	"aria-describedby"
+];
+var _hoisted_3$8 = {
+	key: 1,
+	class: "j-control__adornment j-control__adornment--trailing"
+};
+//#endregion
+//#region src/components/input/JInput.vue
+var JInput_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "JInput",
+	props: /*@__PURE__*/ mergeModels({
+		type: { default: "text" },
+		placeholder: {},
+		size: { default: "md" },
+		readonly: { type: Boolean },
+		name: {},
+		autocomplete: {},
+		label: {},
+		description: {},
+		error: {
+			type: [String, Boolean],
+			default: void 0
+		},
+		required: { type: Boolean },
+		disabled: { type: Boolean },
+		id: {}
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const field = useField(props);
+		const input = ref(null);
+		function onFramePointerDown(event) {
+			if (event.target === input.value || props.disabled) return;
+			if (event.target.closest("button, a, input, select, textarea, [tabindex]")) return;
+			event.preventDefault();
+			input.value?.focus();
+		}
+		__expose({
+			/** The underlying `<input>` element. */
+			input,
+			focus: () => input.value?.focus(),
+			select: () => input.value?.select()
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(JFieldShell_default, {
+				id: unref(field).id.value,
+				class: normalizeClass(_ctx.$attrs.class),
+				style: normalizeStyle(_ctx.$attrs.style),
+				"label-id": unref(field).labelId.value,
+				"description-id": unref(field).descriptionId.value,
+				"error-id": unref(field).errorId.value,
+				label: __props.label,
+				description: __props.description,
+				"error-message": unref(field).errorMessage.value,
+				"show-description": unref(field).showDescription.value,
+				required: __props.required,
+				disabled: __props.disabled
+			}, createSlots({
+				default: withCtx(() => [createElementVNode("div", {
+					class: normalizeClass(["j-control j-input", [`j-control--${__props.size}`, {
+						"is-invalid": unref(field).invalid.value,
+						"is-disabled": __props.disabled,
+						"is-readonly": __props.readonly
+					}]]),
+					onPointerdown: onFramePointerDown
+				}, [
+					_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_1$13, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
+					withDirectives(createElementVNode("input", mergeProps({
+						id: unref(field).id.value,
+						ref_key: "input",
+						ref: input,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
+					}, {
+						..._ctx.$attrs,
+						class: void 0,
+						style: void 0
+					}, {
+						class: "j-input__native",
+						type: __props.type,
+						name: __props.name,
+						placeholder: __props.placeholder,
+						disabled: __props.disabled,
+						readonly: __props.readonly,
+						required: __props.required,
+						autocomplete: __props.autocomplete,
+						"aria-invalid": unref(field).invalid.value || void 0,
+						"aria-describedby": unref(field).describedBy.value
+					}), null, 16, _hoisted_2$10), [[vModelDynamic, model.value]]),
+					_ctx.$slots.trailing ? (openBlock(), createElementBlock("span", _hoisted_3$8, [renderSlot(_ctx.$slots, "trailing")])) : createCommentVNode("", true)
+				], 34)]),
+				_: 2
+			}, [_ctx.$slots.label ? {
+				name: "label",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"id",
+				"class",
+				"style",
+				"label-id",
+				"description-id",
+				"error-id",
+				"label",
+				"description",
+				"error-message",
+				"show-description",
+				"required",
+				"disabled"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/kbd/JKbd.vue
+var JKbd_default = /* @__PURE__ */ defineComponent({
+	__name: "JKbd",
+	props: {
+		keys: {},
+		size: { default: "md" }
+	},
+	setup(__props) {
+		const props = __props;
+		const mounted = ref(false);
+		onMounted(() => mounted.value = true);
+		const parts = computed(() => {
+			if (!props.keys) return [];
+			if (!mounted.value) return props.keys.split("+").map((part) => part === "mod" ? "Ctrl" : part.length === 1 ? part.toUpperCase() : part);
+			return formatHotkey(props.keys);
+		});
+		return (_ctx, _cache) => {
+			return __props.keys ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(["j-kbd-group", `j-kbd-group--${__props.size}`])
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(parts.value, (part, i) => {
+				return openBlock(), createElementBlock("kbd", {
+					key: i,
+					class: "j-kbd"
+				}, toDisplayString(part), 1);
+			}), 128))], 2)) : (openBlock(), createElementBlock("kbd", {
+				key: 1,
+				class: normalizeClass(["j-kbd", { "j-kbd--sm": __props.size === "sm" }])
+			}, [renderSlot(_ctx.$slots, "default")], 2));
+		};
+	}
+});
+//#endregion
+//#region src/components/popover/JPopover.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$12 = ["aria-label"];
+//#endregion
+//#region src/components/popover/JPopover.vue
+var JPopover_default = /* @__PURE__ */ defineComponent({
+	__name: "JPopover",
+	props: /*@__PURE__*/ mergeModels({
+		placement: { default: "bottom" },
+		offset: { default: 8 },
+		ariaLabel: {},
+		closeOnOutside: {
+			type: Boolean,
+			default: true
+		},
+		disabled: { type: Boolean }
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: ["update:open"],
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const open = useModel(__props, "open");
+		const id = `j-${useId()}-popover`;
+		const triggerRef = ref();
+		const triggerEl = computed(() => unrefElement(triggerRef.value));
+		const content = ref(null);
+		const { styles } = useFloating(triggerEl, content, () => ({
+			placement: props.placement,
+			offset: props.offset
+		}));
+		function close(restoreFocus = false) {
+			if (!open.value) return;
+			open.value = false;
+			if (restoreFocus) nextTick(() => focusElement(triggerEl.value));
+		}
+		useLayer({
+			active: open,
+			elements: () => [triggerEl.value, content.value],
+			onEscape: () => close(true),
+			onPointerDownOutside: () => props.closeOnOutside && close(false)
+		});
+		watch(open, async (value) => {
+			if (!value) return;
+			await nextTick();
+			const el = content.value;
+			if (!el) return;
+			focusElement(el.querySelector("[autofocus], [data-autofocus]") ?? getFocusableElements(el)[0] ?? el);
+		}, { flush: "post" });
+		function onFocusOut(event) {
+			if (!props.closeOnOutside) return;
+			const next = event.relatedTarget;
+			if (!next) return;
+			if (content.value?.contains(next) || triggerEl.value?.contains(next)) return;
+			close(false);
+		}
+		function toggle() {
+			if (props.disabled) return;
+			open.value = !open.value;
+		}
+		const triggerProps = computed(() => ({
+			"aria-haspopup": "dialog",
+			"aria-expanded": open.value,
+			"aria-controls": open.value ? id : void 0,
+			"data-state": open.value ? "open" : "closed",
+			"onClick": toggle
+		}));
+		__expose({ close: () => close(true) });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(JSlot), mergeProps({
+				ref_key: "triggerRef",
+				ref: triggerRef
+			}, triggerProps.value), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "trigger", { open: open.value })]),
+				_: 3
+			}, 16), createVNode(JPortal_default, null, {
+				default: withCtx(() => [createVNode(Transition, { name: "j-pop" }, {
+					default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						id,
+						ref_key: "content",
+						ref: content,
+						role: "dialog",
+						tabindex: "-1",
+						class: "j-popover j-popover-surface",
+						style: normalizeStyle(unref(styles)),
+						"aria-label": __props.ariaLabel,
+						onFocusout: onFocusOut
+					}, [renderSlot(_ctx.$slots, "default", { close: () => close(true) })], 44, _hoisted_1$12)) : createCommentVNode("", true)]),
+					_: 3
+				})]),
+				_: 3
+			})], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/progress/JProgress.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$11 = {
+	key: 0,
+	class: "j-progress__header"
+};
+var _hoisted_2$9 = ["id"];
+var _hoisted_3$7 = {
+	key: 1,
+	class: "j-progress__value"
+};
+var _hoisted_4$5 = [
+	"aria-labelledby",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext"
+];
+//#endregion
+//#region src/components/progress/JProgress.vue
+var JProgress_default = /* @__PURE__ */ defineComponent({
+	__name: "JProgress",
+	props: {
+		value: { default: null },
+		max: { default: 100 },
+		size: { default: "md" },
+		label: {},
+		showValue: { type: Boolean },
+		variant: { default: "accent" }
+	},
+	setup(__props) {
+		const props = __props;
+		const id = `j-${useId()}`;
+		const indeterminate = computed(() => props.value === null || props.value === void 0);
+		const ratio = computed(() => indeterminate.value ? 0 : Math.min(1, Math.max(0, Number(props.value) / props.max)));
+		const percent = computed(() => Math.round(ratio.value * 100));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["j-progress", [
+				`j-progress--${__props.size}`,
+				`j-progress--${__props.variant}`,
+				{ "is-indeterminate": indeterminate.value }
+			]]) }, [__props.label || __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_1$11, [__props.label ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				id: `${id}-label`,
+				class: "j-progress__label"
+			}, toDisplayString(__props.label), 9, _hoisted_2$9)) : createCommentVNode("", true), __props.showValue && !indeterminate.value ? (openBlock(), createElementBlock("span", _hoisted_3$7, toDisplayString(percent.value) + "%", 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", {
+				class: "j-progress__track",
+				role: "progressbar",
+				"aria-labelledby": __props.label ? `${id}-label` : void 0,
+				"aria-valuemin": "0",
+				"aria-valuemax": __props.max,
+				"aria-valuenow": indeterminate.value ? void 0 : __props.value,
+				"aria-valuetext": indeterminate.value ? "Loading" : `${percent.value}%`
+			}, [createElementVNode("span", {
+				class: "j-progress__fill",
+				style: normalizeStyle(indeterminate.value ? void 0 : { transform: `scaleX(${ratio.value})` })
+			}, null, 4)], 8, _hoisted_4$5)], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/radio/context.ts
+var RADIO_GROUP = Symbol("JRadioGroup");
+//#endregion
+//#region src/components/radio/JRadio.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$10 = ["data-state"];
+var _hoisted_2$8 = { class: "j-radio__control" };
+var _hoisted_3$6 = [
+	"name",
+	"value",
+	"checked",
+	"disabled",
+	"required",
+	"aria-describedby"
+];
+var _hoisted_4$4 = {
+	key: 0,
+	class: "j-radio__text"
+};
+//#endregion
+//#region src/components/radio/JRadio.vue
+var JRadio_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "JRadio",
+	props: {
+		value: {},
+		label: {},
+		description: {},
+		disabled: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const group = inject(RADIO_GROUP, null);
+		const id = `j-${useId()}`;
+		const descriptionId = `${id}-description`;
+		const checked = computed(() => group?.value.value === props.value);
+		const isDisabled = computed(() => props.disabled || !!group?.disabled.value);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["j-radio", [_ctx.$attrs.class, { "is-disabled": isDisabled.value }]]),
+				style: normalizeStyle(_ctx.$attrs.style),
+				"data-state": checked.value ? "checked" : "unchecked"
+			}, [createElementVNode("span", _hoisted_2$8, [createElementVNode("input", mergeProps({ id }, {
+				..._ctx.$attrs,
+				class: void 0,
+				style: void 0
+			}, {
+				type: "radio",
+				class: "j-radio__input",
+				name: unref(group)?.name.value,
+				value: __props.value,
+				checked: checked.value,
+				disabled: isDisabled.value,
+				required: unref(group)?.required.value,
+				"aria-describedby": __props.description || _ctx.$slots.description ? descriptionId : void 0,
+				onChange: _cache[0] || (_cache[0] = ($event) => unref(group)?.select(__props.value))
+			}), null, 16, _hoisted_3$6), _cache[1] || (_cache[1] = createElementVNode("span", {
+				class: "j-radio__circle",
+				"aria-hidden": "true"
+			}, null, -1))]), __props.label || _ctx.$slots.default || __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_4$4, [__props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("label", {
+				key: 0,
+				for: id,
+				class: "j-radio__label"
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])])) : createCommentVNode("", true), __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", {
+				key: 1,
+				id: descriptionId,
+				class: "j-radio__description"
+			}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 14, _hoisted_1$10);
+		};
+	}
+});
+//#endregion
+//#region src/components/radio/JRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$9 = [
+	"disabled",
+	"aria-describedby",
 	"aria-invalid",
-	"aria-describedby"
+	"aria-required"
 ];
-var _hoisted_3$4 = {
-	key: 1,
-	class: "j-control__adornment j-control__adornment--trailing"
+var _hoisted_2$7 = {
+	key: 0,
+	class: "j-radio-group__legend"
+};
+var _hoisted_3$5 = {
+	key: 0,
+	class: "j-field__required",
+	"aria-hidden": "true"
 };
 //#endregion
-//#region src/components/input/JInput.vue
-var JInput_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "JInput",
+//#region src/components/radio/JRadioGroup.vue
+var JRadioGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "JRadioGroup",
 	props: /*@__PURE__*/ mergeModels({
-		type: { default: "text" },
-		placeholder: {},
-		size: { default: "md" },
-		readonly: { type: Boolean },
-		name: {},
-		autocomplete: {},
 		label: {},
 		description: {},
 		error: {
 			type: [String, Boolean],
 			default: void 0
 		},
-		required: { type: Boolean },
+		orientation: { default: "vertical" },
 		disabled: { type: Boolean },
-		id: {}
+		required: { type: Boolean },
+		name: {}
 	}, {
-		"modelValue": { default: "" },
+		"modelValue": { default: null },
 		"modelModifiers": {}
 	}),
 	emits: ["update:modelValue"],
-	setup(__props, { expose: __expose }) {
+	setup(__props) {
 		const props = __props;
 		const model = useModel(__props, "modelValue");
-		const field = useField(props);
-		const input = ref(null);
-		function onFramePointerDown(event) {
-			if (event.target === input.value || props.disabled) return;
-			if (event.target.closest("button, a, input, select, textarea, [tabindex]")) return;
-			event.preventDefault();
-			input.value?.focus();
-		}
-		__expose({
-			/** The underlying `<input>` element. */
-			input,
-			focus: () => input.value?.focus(),
-			select: () => input.value?.select()
+		const id = `j-${useId()}`;
+		const descriptionId = `${id}-description`;
+		const errorId = `${id}-error`;
+		const errorMessage = computed(() => typeof props.error === "string" ? props.error : "");
+		provide(RADIO_GROUP, {
+			name: computed(() => props.name ?? id),
+			value: computed(() => model.value),
+			disabled: computed(() => props.disabled),
+			required: computed(() => props.required),
+			invalid: computed(() => !!props.error),
+			select: (value) => {
+				if (!props.disabled) model.value = value;
+			}
 		});
+		const describedBy = computed(() => errorMessage.value ? errorId : props.description ? descriptionId : void 0);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(JFieldShell_default, {
-				id: unref(field).id.value,
-				class: normalizeClass(_ctx.$attrs.class),
-				style: normalizeStyle(_ctx.$attrs.style),
-				"label-id": unref(field).labelId.value,
-				"description-id": unref(field).descriptionId.value,
-				"error-id": unref(field).errorId.value,
-				label: __props.label,
-				description: __props.description,
-				"error-message": unref(field).errorMessage.value,
-				"show-description": unref(field).showDescription.value,
-				required: __props.required,
-				disabled: __props.disabled
-			}, createSlots({
-				default: withCtx(() => [createElementVNode("div", {
-					class: normalizeClass(["j-control j-input", [`j-control--${__props.size}`, {
-						"is-invalid": unref(field).invalid.value,
-						"is-disabled": __props.disabled,
-						"is-readonly": __props.readonly
-					}]]),
-					onPointerdown: onFramePointerDown
-				}, [
-					_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_1$6, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
-					withDirectives(createElementVNode("input", mergeProps({
-						id: unref(field).id.value,
-						ref_key: "input",
-						ref: input,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
-					}, {
-						..._ctx.$attrs,
-						class: void 0,
-						style: void 0
-					}, {
-						class: "j-input__native",
-						type: __props.type,
-						name: __props.name,
-						placeholder: __props.placeholder,
-						disabled: __props.disabled,
-						readonly: __props.readonly,
-						required: __props.required,
-						autocomplete: __props.autocomplete,
-						"aria-invalid": unref(field).invalid.value || void 0,
-						"aria-describedby": unref(field).describedBy.value
-					}), null, 16, _hoisted_2$4), [[vModelDynamic, model.value]]),
-					_ctx.$slots.trailing ? (openBlock(), createElementBlock("span", _hoisted_3$4, [renderSlot(_ctx.$slots, "trailing")])) : createCommentVNode("", true)
-				], 34)]),
-				_: 2
-			}, [_ctx.$slots.label ? {
-				name: "label",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
-				key: "0"
-			} : void 0]), 1032, [
-				"id",
-				"class",
-				"style",
-				"label-id",
-				"description-id",
-				"error-id",
-				"label",
-				"description",
-				"error-message",
-				"show-description",
-				"required",
-				"disabled"
-			]);
+			return openBlock(), createElementBlock("fieldset", {
+				class: normalizeClass(["j-radio-group", {
+					"is-disabled": __props.disabled,
+					"is-invalid": !!__props.error
+				}]),
+				disabled: __props.disabled,
+				"aria-describedby": describedBy.value,
+				"aria-invalid": !!__props.error || void 0,
+				"aria-required": __props.required || void 0
+			}, [
+				__props.label || _ctx.$slots.label ? (openBlock(), createElementBlock("legend", _hoisted_2$7, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)]), __props.required ? (openBlock(), createElementBlock("span", _hoisted_3$5, "*")) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				__props.description && !errorMessage.value ? (openBlock(), createElementBlock("p", {
+					key: 1,
+					id: descriptionId,
+					class: "j-radio-group__description"
+				}, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+				createElementVNode("div", { class: normalizeClass(["j-radio-group__items", `j-radio-group__items--${__props.orientation}`]) }, [renderSlot(_ctx.$slots, "default")], 2),
+				errorMessage.value ? (openBlock(), createElementBlock("p", {
+					key: 2,
+					id: errorId,
+					class: "j-radio-group__error"
+				}, toDisplayString(errorMessage.value), 1)) : createCommentVNode("", true)
+			], 10, _hoisted_1$9);
 		};
 	}
 });
 //#endregion
 //#region src/components/select/JSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = [
+var _hoisted_1$8 = [
 	"id",
 	"aria-expanded",
 	"aria-controls",
@@ -2249,10 +2794,10 @@ var _hoisted_1$5 = [
 	"aria-required",
 	"disabled"
 ];
-var _hoisted_2$3 = ["id"];
-var _hoisted_3$3 = ["name", "value"];
-var _hoisted_4$2 = ["id", "aria-labelledby"];
-var _hoisted_5$2 = [
+var _hoisted_2$6 = ["id"];
+var _hoisted_3$4 = ["name", "value"];
+var _hoisted_4$3 = ["id", "aria-labelledby"];
+var _hoisted_5$3 = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
@@ -2498,13 +3043,13 @@ var JSelect_default = /* @__PURE__ */ defineComponent({
 					}), [createElementVNode("span", {
 						id: valueId.value,
 						class: normalizeClass(["j-select__value", { "is-placeholder": !selected.value }])
-					}, [selected.value ? renderSlot(_ctx.$slots, "value", { option: selected.value }, () => [createTextVNode(toDisplayString(selected.value.label), 1)], void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.placeholder), 1)], 64))], 10, _hoisted_2$3), createVNode(unref(IconChevronUpDown), { class: "j-select__chevron" })], 16, _hoisted_1$5),
+					}, [selected.value ? renderSlot(_ctx.$slots, "value", { option: selected.value }, () => [createTextVNode(toDisplayString(selected.value.label), 1)], void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.placeholder), 1)], 64))], 10, _hoisted_2$6), createVNode(unref(IconChevronUpDown), { class: "j-select__chevron" })], 16, _hoisted_1$8),
 					__props.name ? (openBlock(), createElementBlock("input", {
 						key: 0,
 						type: "hidden",
 						name: __props.name,
 						value: model.value ?? ""
-					}, null, 8, _hoisted_3$3)) : createCommentVNode("", true),
+					}, null, 8, _hoisted_3$4)) : createCommentVNode("", true),
 					createVNode(JPortal_default, null, {
 						default: withCtx(() => [createVNode(Transition, { name: "j-pop" }, {
 							default: withCtx(() => [open.value ? (openBlock(), createElementBlock("ul", {
@@ -2535,8 +3080,8 @@ var JSelect_default = /* @__PURE__ */ defineComponent({
 									option,
 									selected: option.value === model.value,
 									active: index === activeIndex.value
-								}, () => [createElementVNode("span", _hoisted_7, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(option.description), 1)) : createCommentVNode("", true)])]), createVNode(unref(IconCheck), { class: "j-select__check" })], 42, _hoisted_5$2);
-							}), 128)), visibleOptions.value.length === 0 ? (openBlock(), createElementBlock("li", _hoisted_9, " No options ")) : createCommentVNode("", true)], 46, _hoisted_4$2)) : createCommentVNode("", true)]),
+								}, () => [createElementVNode("span", _hoisted_7, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(option.description), 1)) : createCommentVNode("", true)])]), createVNode(unref(IconCheck), { class: "j-select__check" })], 42, _hoisted_5$3);
+							}), 128)), visibleOptions.value.length === 0 ? (openBlock(), createElementBlock("li", _hoisted_9, " No options ")) : createCommentVNode("", true)], 46, _hoisted_4$3)) : createCommentVNode("", true)]),
 							_: 3
 						})]),
 						_: 3
@@ -2565,6 +3110,233 @@ var JSelect_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/separator/JSeparator.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$7 = ["role", "aria-orientation"];
+var _hoisted_2$5 = {
+	key: 0,
+	class: "j-separator__label"
+};
+//#endregion
+//#region src/components/separator/JSeparator.vue
+var JSeparator_default = /* @__PURE__ */ defineComponent({
+	__name: "JSeparator",
+	props: {
+		orientation: { default: "horizontal" },
+		label: {},
+		decorative: {
+			type: Boolean,
+			default: true
+		}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["j-separator", [`j-separator--${__props.orientation}`, { "j-separator--labelled": __props.label || _ctx.$slots.default }]]),
+				role: __props.decorative ? "none" : "separator",
+				"aria-orientation": __props.decorative ? void 0 : __props.orientation
+			}, [__props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_2$5, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])])) : createCommentVNode("", true)], 10, _hoisted_1$7);
+		};
+	}
+});
+//#endregion
+//#region src/components/sheet/JSheet.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$6 = {
+	key: 0,
+	class: "j-sheet__overlay",
+	"aria-hidden": "true"
+};
+var _hoisted_2$4 = [
+	"aria-labelledby",
+	"aria-label",
+	"aria-describedby"
+];
+var _hoisted_3$3 = {
+	key: 0,
+	class: "j-sheet__header"
+};
+var _hoisted_4$2 = { class: "j-sheet__body" };
+var _hoisted_5$2 = {
+	key: 1,
+	class: "j-sheet__footer"
+};
+//#endregion
+//#region src/components/sheet/JSheet.vue
+var JSheet_default = /* @__PURE__ */ defineComponent({
+	__name: "JSheet",
+	props: /*@__PURE__*/ mergeModels({
+		title: {},
+		description: {},
+		side: { default: "right" },
+		size: { default: "md" },
+		closeOnOverlay: {
+			type: Boolean,
+			default: true
+		},
+		closeOnEscape: {
+			type: Boolean,
+			default: true
+		},
+		hideClose: { type: Boolean },
+		ariaLabel: {}
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["afterClose"], ["update:open"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const open = useModel(__props, "open");
+		const emit = __emit;
+		const id = useId();
+		const titleId = `j-${id}-title`;
+		const descriptionId = `j-${id}-description`;
+		const panel = ref(null);
+		function close() {
+			open.value = false;
+		}
+		const { nudging, onBackdropPointerDown, onBackdropClick } = useModal(panel, open, {
+			closeOnEscape: () => props.closeOnEscape,
+			closeOnOverlay: () => props.closeOnOverlay,
+			close,
+			focusSelector: `.j-sheet__body ${FIELD_SELECTOR}`
+		});
+		__expose({ close });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(JPortal_default, null, {
+				default: withCtx(() => [createVNode(Transition, { name: "j-sheet-overlay" }, {
+					default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1$6)) : createCommentVNode("", true)]),
+					_: 1
+				}), createVNode(Transition, {
+					name: "j-sheet",
+					duration: {
+						enter: 280,
+						leave: 180
+					},
+					onAfterLeave: _cache[3] || (_cache[3] = ($event) => emit("afterClose"))
+				}, {
+					default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(["j-sheet__positioner", `j-sheet__positioner--${__props.side}`]),
+						onPointerdown: _cache[1] || (_cache[1] = (...args) => unref(onBackdropPointerDown) && unref(onBackdropPointerDown)(...args)),
+						onClick: _cache[2] || (_cache[2] = (...args) => unref(onBackdropClick) && unref(onBackdropClick)(...args))
+					}, [createElementVNode("div", {
+						ref_key: "panel",
+						ref: panel,
+						role: "dialog",
+						"aria-modal": "true",
+						tabindex: "-1",
+						class: normalizeClass(["j-sheet", [
+							`j-sheet--${__props.side}`,
+							`j-sheet--${__props.size}`,
+							{ "is-nudging": unref(nudging) }
+						]]),
+						"aria-labelledby": __props.title || _ctx.$slots.header ? titleId : void 0,
+						"aria-label": __props.ariaLabel,
+						"aria-describedby": __props.description ? descriptionId : void 0,
+						onAnimationend: _cache[0] || (_cache[0] = ($event) => nudging.value = false)
+					}, [
+						__props.title || __props.description || _ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_3$3, [renderSlot(_ctx.$slots, "header", {
+							titleId,
+							descriptionId
+						}, () => [createElementVNode("h2", {
+							id: titleId,
+							class: "j-sheet__title"
+						}, toDisplayString(__props.title), 1), __props.description ? (openBlock(), createElementBlock("p", {
+							key: 0,
+							id: descriptionId,
+							class: "j-sheet__description"
+						}, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true),
+						createElementVNode("div", _hoisted_4$2, [renderSlot(_ctx.$slots, "default", { close })]),
+						_ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_5$2, [renderSlot(_ctx.$slots, "footer", { close })])) : createCommentVNode("", true),
+						!__props.hideClose ? (openBlock(), createElementBlock("button", {
+							key: 2,
+							type: "button",
+							class: "j-sheet__close j-focusable",
+							"aria-label": "Close",
+							onClick: close
+						}, [createVNode(unref(IconX))])) : createCommentVNode("", true)
+					], 42, _hoisted_2$4)], 34)) : createCommentVNode("", true)]),
+					_: 3
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region src/components/skeleton/JSkeleton.vue
+var JSkeleton_default = /* @__PURE__ */ defineComponent({
+	__name: "JSkeleton",
+	props: {
+		shape: { default: "rect" },
+		lines: { default: 1 },
+		width: {},
+		height: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const style = computed(() => ({
+			width: props.width,
+			height: props.height
+		}));
+		return (_ctx, _cache) => {
+			return __props.shape === "text" ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: "j-skeleton-lines",
+				style: normalizeStyle({ width: __props.width }),
+				"aria-hidden": "true"
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.lines, (i) => {
+				return openBlock(), createElementBlock("span", {
+					key: i,
+					class: "j-skeleton j-skeleton--text",
+					style: normalizeStyle({
+						width: i === __props.lines && __props.lines > 1 ? "62%" : void 0,
+						height: __props.height
+					})
+				}, null, 4);
+			}), 128))], 4)) : (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass(["j-skeleton", `j-skeleton--${__props.shape}`]),
+				style: normalizeStyle(style.value),
+				"aria-hidden": "true"
+			}, null, 6));
+		};
+	}
+});
+//#endregion
+//#region src/components/spinner/JSpinner.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$5 = ["role"];
+var _hoisted_2$3 = {
+	key: 0,
+	class: "j-sr-only"
+};
+//#endregion
+//#region src/components/spinner/JSpinner.vue
+var JSpinner_default = /* @__PURE__ */ defineComponent({
+	__name: "JSpinner",
+	props: {
+		size: { default: "md" },
+		label: { default: "Loading" }
+	},
+	setup(__props) {
+		const props = __props;
+		const pixels = computed(() => ({
+			sm: 14,
+			md: 16,
+			lg: 20
+		})[props.size]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: "j-spinner-wrap",
+				role: __props.label ? "status" : void 0
+			}, [createVNode(unref(Spinner), { size: pixels.value }, null, 8, ["size"]), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(__props.label), 1)) : createCommentVNode("", true)], 8, _hoisted_1$5);
+		};
+	}
+});
+//#endregion
 //#region src/components/switch/JSwitch.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$4 = ["data-state"];
 var _hoisted_2$2 = [
@@ -3403,6 +4175,9 @@ var JTooltip_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components.ts
 var components_exports = /* @__PURE__ */ __exportAll({
+	JAccordion: () => JAccordion_default,
+	JAccordionItem: () => JAccordionItem_default,
+	JAlert: () => JAlert_default,
 	JAvatar: () => JAvatar_default,
 	JBadge: () => JBadge_default,
 	JButton: () => JButton_default,
@@ -3416,7 +4191,16 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	JDropdownMenuSeparator: () => JDropdownMenuSeparator_default,
 	JDropdownMenuSub: () => JDropdownMenuSub_default,
 	JInput: () => JInput_default,
+	JKbd: () => JKbd_default,
+	JPopover: () => JPopover_default,
+	JProgress: () => JProgress_default,
+	JRadio: () => JRadio_default,
+	JRadioGroup: () => JRadioGroup_default,
 	JSelect: () => JSelect_default,
+	JSeparator: () => JSeparator_default,
+	JSheet: () => JSheet_default,
+	JSkeleton: () => JSkeleton_default,
+	JSpinner: () => JSpinner_default,
 	JSwitch: () => JSwitch_default,
 	JTabs: () => JTabs_default,
 	JTextarea: () => JTextarea_default,
@@ -3481,6 +4265,6 @@ var JuxtUI = { install(app) {
 	for (const [name, component] of Object.entries(components_exports)) app.component(name, component);
 } };
 //#endregion
-export { JAvatar_default as JAvatar, JBadge_default as JBadge, JButton_default as JButton, JCard_default as JCard, JCheckbox_default as JCheckbox, JCommandPalette_default as JCommandPalette, JDialog_default as JDialog, JDropdownMenu_default as JDropdownMenu, JDropdownMenuItem_default as JDropdownMenuItem, JDropdownMenuLabel_default as JDropdownMenuLabel, JDropdownMenuSeparator_default as JDropdownMenuSeparator, JDropdownMenuSub_default as JDropdownMenuSub, JInput_default as JInput, JSelect_default as JSelect, JSwitch_default as JSwitch, JTabs_default as JTabs, JTextarea_default as JTextarea, JToaster_default as JToaster, JTooltip_default as JTooltip, JuxtUI, JuxtUI as default, formatHotkey, matchText, matchesHotkey, toast, useFocusTrap, useHotkey, useRecentCommands, useScrollLock, useToast };
+export { JAccordion_default as JAccordion, JAccordionItem_default as JAccordionItem, JAlert_default as JAlert, JAvatar_default as JAvatar, JBadge_default as JBadge, JButton_default as JButton, JCard_default as JCard, JCheckbox_default as JCheckbox, JCommandPalette_default as JCommandPalette, JDialog_default as JDialog, JDropdownMenu_default as JDropdownMenu, JDropdownMenuItem_default as JDropdownMenuItem, JDropdownMenuLabel_default as JDropdownMenuLabel, JDropdownMenuSeparator_default as JDropdownMenuSeparator, JDropdownMenuSub_default as JDropdownMenuSub, JInput_default as JInput, JKbd_default as JKbd, JPopover_default as JPopover, JProgress_default as JProgress, JRadio_default as JRadio, JRadioGroup_default as JRadioGroup, JSelect_default as JSelect, JSeparator_default as JSeparator, JSheet_default as JSheet, JSkeleton_default as JSkeleton, JSpinner_default as JSpinner, JSwitch_default as JSwitch, JTabs_default as JTabs, JTextarea_default as JTextarea, JToaster_default as JToaster, JTooltip_default as JTooltip, JuxtUI, JuxtUI as default, formatHotkey, matchText, matchesHotkey, toast, useFocusTrap, useHotkey, useRecentCommands, useScrollLock, useToast };
 
 //# sourceMappingURL=index.js.map