@poveste/app 0.2.1 → 0.3.1

package/dist/bundled/components/base/BaseSplitPane.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,159 @@
+import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderSlot, watch, withModifiers } from "@poveste/vendors/vue";
+//#region src/app/components/base/BaseSplitPane.vue?vue&type=script&setup=true&lang.ts
+var SAVE_PREFIX = "__poveste";
+var BaseSplitPane_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "BaseSplitPane",
+	props: {
+		orientation: {
+			type: String,
+			default: "landscape",
+			validator: (value) => ["landscape", "portrait"].includes(value)
+		},
+		defaultSplit: {
+			type: Number,
+			default: 50
+		},
+		split: {
+			type: Number,
+			default: void 0
+		},
+		min: {
+			type: Number,
+			default: 20
+		},
+		max: {
+			type: Number,
+			default: 80
+		},
+		draggerOffset: {
+			type: String,
+			default: "center",
+			validator: (value) => [
+				"before",
+				"center",
+				"after"
+			].includes(value)
+		},
+		saveId: {
+			type: String,
+			default: null
+		},
+		fixed: {
+			type: Boolean,
+			default: false
+		},
+		showDivider: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: { "update:split": (_value) => true },
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const currentSplit = ref(props.defaultSplit);
+		watch(() => props.split, (value) => {
+			if (value !== void 0) currentSplit.value = value;
+		}, { immediate: true });
+		if (props.saveId) {
+			const storageKey = `${SAVE_PREFIX}-split-pane-${props.saveId}`;
+			const savedValue = localStorage.getItem(storageKey);
+			if (savedValue != null) {
+				let parsedValue;
+				try {
+					parsedValue = JSON.parse(savedValue);
+				} catch (e) {
+					console.error(e);
+				}
+				if (typeof parsedValue === "number") currentSplit.value = parsedValue;
+			}
+			watch(currentSplit, (value) => {
+				localStorage.setItem(storageKey, JSON.stringify(value));
+			});
+			watch(currentSplit, (value) => {
+				if (value !== props.split) emit("update:split", value);
+			}, { immediate: true });
+		}
+		const boundSplit = computed(() => {
+			if (currentSplit.value < props.min) return props.min;
+			else if (currentSplit.value > props.max) return props.max;
+			else return currentSplit.value;
+		});
+		const leftStyle = computed(() => ({ [props.orientation === "landscape" ? "width" : "height"]: props.fixed ? `${boundSplit.value}px` : `${boundSplit.value}%` }));
+		const rightStyle = computed(() => ({ [props.orientation === "landscape" ? "width" : "height"]: props.fixed ? null : `${100 - boundSplit.value}%` }));
+		const dragging = ref(false);
+		let startPosition = 0;
+		let startSplit = 0;
+		const el = ref(null);
+		function dragStart(e) {
+			dragging.value = true;
+			startPosition = props.orientation === "landscape" ? e.pageX : e.pageY;
+			startSplit = boundSplit.value;
+			window.addEventListener("mousemove", dragMove);
+			window.addEventListener("mouseup", dragEnd);
+		}
+		function dragMove(e) {
+			if (dragging.value) {
+				let position;
+				let totalSize;
+				if (props.orientation === "landscape") {
+					position = e.pageX;
+					totalSize = el.value.offsetWidth;
+				} else {
+					position = e.pageY;
+					totalSize = el.value.offsetHeight;
+				}
+				const dPosition = position - startPosition;
+				if (props.fixed) currentSplit.value = startSplit + dPosition;
+				else currentSplit.value = startSplit + ~~(dPosition / totalSize * 200) / 2;
+			}
+		}
+		function dragEnd() {
+			dragging.value = false;
+			removeDragListeners();
+		}
+		function removeDragListeners() {
+			window.removeEventListener("mousemove", dragMove);
+			window.removeEventListener("mouseup", dragEnd);
+		}
+		onUnmounted(() => {
+			removeDragListeners();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "el",
+				ref: el,
+				class: normalizeClass(["poveste-base-split-pane flex h-full isolate overflow-auto", {
+					"flex-col": __props.orientation === "portrait",
+					"cursor-ew-resize": dragging.value && __props.orientation === "landscape",
+					"cursor-ns-resize": dragging.value && __props.orientation === "portrait",
+					[__props.orientation]: true
+				}])
+			}, [createElementVNode("div", {
+				class: normalizeClass(["relative top-0 left-0 z-20", {
+					"pointer-events-none": dragging.value,
+					"border-r border-gray-300/30 dark:border-gray-800": __props.orientation === "landscape" && __props.showDivider,
+					"flex-none": __props.fixed
+				}]),
+				style: normalizeStyle(leftStyle.value)
+			}, [renderSlot(_ctx.$slots, "first", {}, void 0, true), createElementVNode("div", {
+				class: normalizeClass(["dragger absolute z-100 hover:bg-primary-500/50 transition-colors duration-150 delay-150", {
+					"top-0 bottom-0 cursor-ew-resize": __props.orientation === "landscape",
+					"left-0 right-0 cursor-ns-resize": __props.orientation === "portrait",
+					[`dragger-offset-${__props.draggerOffset}`]: true,
+					"bg-primary-500/25": dragging.value
+				}]),
+				onMousedown: withModifiers(dragStart, ["prevent"])
+			}, null, 34)], 6), createElementVNode("div", {
+				class: normalizeClass(["relative bottom-0 right-0", {
+					"pointer-events-none": dragging.value,
+					"border-t border-gray-300/30 dark:border-gray-800": __props.orientation === "portrait" && __props.showDivider,
+					"flex-1": __props.fixed
+				}]),
+				style: normalizeStyle(rightStyle.value)
+			}, [renderSlot(_ctx.$slots, "last", {}, void 0, true)], 6)], 2);
+		};
+	}
+});
+//#endregion
+export { BaseSplitPane_vue_vue_type_script_setup_true_lang_default as default };

package/dist/bundled/components/base/BaseTab.js

@@ -0,0 +1,26 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import BaseTab_vue_vue_type_script_lang_default from "./BaseTab.vue_vue_type_script_lang.js";
+import { Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, mergeProps, openBlock, renderSlot, resolveComponent, withCtx } from "@poveste/vendors/vue";
+//#region src/app/components/base/BaseTab.vue
+var _hoisted_1 = ["href", "onClick"];
+var _hoisted_2 = {
+	key: 0,
+	class: "absolute bottom-0 left-0 w-full h-[2px] bg-primary-500 dark:bg-primary-400"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_router_link = resolveComponent("router-link");
+	return openBlock(), createBlock(_component_router_link, mergeProps({ class: "poveste-base-tab" }, _ctx.$attrs, { custom: "" }), {
+		default: withCtx(({ isActive, isExactActive, href, navigate }) => [createElementVNode("a", mergeProps(_ctx.$attrs, {
+			href,
+			class: ["px-4 h-full inline-flex items-center hover:bg-primary-50 dark:hover:bg-primary-900 relative text-gray-900 dark:text-gray-100", { "text-primary-500 dark:text-primary-400": _ctx.matched != null ? _ctx.matched : _ctx.exact && isExactActive || !_ctx.exact && isActive }],
+			onClick: navigate
+		}), [renderSlot(_ctx.$slots, "default"), createVNode(Transition, { name: "__poveste-scale-x" }, {
+			default: withCtx(() => [(_ctx.matched != null ? _ctx.matched : _ctx.exact && isExactActive || !_ctx.exact && isActive) ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true)]),
+			_: 2
+		}, 1024)], 16, _hoisted_1)]),
+		_: 3
+	}, 16);
+}
+var BaseTab_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseTab_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { BaseTab_default as default };

package/dist/bundled/components/base/BaseTab.vue_vue_type_script_lang.js

@@ -0,0 +1,17 @@
+import { defineComponent } from "@poveste/vendors/vue";
+//#region src/app/components/base/BaseTab.vue?vue&type=script&lang.ts
+var BaseTab_vue_vue_type_script_lang_default = defineComponent({
+	inheritAttrs: false,
+	props: {
+		exact: {
+			type: Boolean,
+			default: false
+		},
+		matched: {
+			type: Boolean,
+			default: null
+		}
+	}
+});
+//#endregion
+export { BaseTab_vue_vue_type_script_lang_default as default };

package/dist/bundled/components/base/BaseTag.js

@@ -0,0 +1,11 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock, openBlock, renderSlot } from "@poveste/vendors/vue";
+//#region src/app/components/base/BaseTag.vue
+var _sfc_main = {};
+var _hoisted_1 = { class: "poveste-base-tag text-center text-xs mx-1 px-0.5 h-4 uppercase min-w-4 rounded-full bg-primary-500 text-white dark:text-black" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "default")]);
+}
+var BaseTag_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { BaseTag_default as default };

package/dist/bundled/components/command/CommandPrompts.js

@@ -0,0 +1,5 @@
+import CommandPrompts_vue_vue_type_script_setup_true_lang_default from "./CommandPrompts.vue_vue_type_script_setup_true_lang.js";
+//#region src/app/components/command/CommandPrompts.vue
+var CommandPrompts_default = CommandPrompts_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CommandPrompts_default as default };

package/dist/bundled/components/command/CommandPrompts.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,86 @@
+import { executeCommand, getCommandContext } from "../../util/commands.js";
+import BaseButton_default from "../base/BaseButton.js";
+import BaseKeyboardShortcut_default from "../base/BaseKeyboardShortcut.js";
+import PromptSelect_default from "./PromptSelect.js";
+import PromptText_default from "./PromptText.js";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, onMounted, openBlock, reactive, ref, renderList, resolveDynamicComponent, toDisplayString, withCtx, withKeys, withModifiers } from "@poveste/vendors/vue";
+//#region src/app/components/command/CommandPrompts.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "p-4 opacity-70" };
+var _hoisted_2 = { class: "flex justify-end gap-2 p-2" };
+var CommandPrompts_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "CommandPrompts",
+	props: { command: {} },
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const promptTypes = {
+			text: PromptText_default,
+			select: PromptSelect_default
+		};
+		const answers = reactive({});
+		for (const prompt of props.command.prompts) {
+			let defaultValue;
+			if (typeof prompt.defaultValue === "function") defaultValue = prompt.defaultValue(answers);
+			else defaultValue = prompt.defaultValue;
+			answers[prompt.field] = defaultValue;
+		}
+		function submit() {
+			const params = props.command.getParams ? props.command.getParams({
+				...getCommandContext(),
+				answers
+			}) : answers;
+			executeCommand(props.command, params);
+			emit("close");
+		}
+		const promptComps = ref([]);
+		function focusPrompt(index) {
+			nextTick(() => {
+				promptComps.value[index]?.focus?.();
+			});
+		}
+		onMounted(() => {
+			focusPrompt(0);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("form", {
+				class: "poveste-command-prompts flex flex-col",
+				onSubmit: _cache[0] || (_cache[0] = withModifiers(($event) => submit(), ["prevent"])),
+				onKeyup: _cache[1] || (_cache[1] = withKeys(($event) => _ctx.$emit("close"), ["escape"]))
+			}, [
+				createElementVNode("div", _hoisted_1, toDisplayString(__props.command.label), 1),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.command.prompts, (prompt, index) => {
+					return openBlock(), createBlock(resolveDynamicComponent(promptTypes[prompt.type]), {
+						key: prompt.field,
+						ref_for: true,
+						ref_key: "promptComps",
+						ref: promptComps,
+						modelValue: answers[prompt.field],
+						"onUpdate:modelValue": ($event) => answers[prompt.field] = $event,
+						prompt,
+						answers,
+						index,
+						class: "hover:bg-gray-500/10 focus-within:bg-gray-500/5",
+						onNext: ($event) => focusPrompt(index + 1)
+					}, null, 40, [
+						"modelValue",
+						"onUpdate:modelValue",
+						"prompt",
+						"answers",
+						"index",
+						"onNext"
+					]);
+				}), 128)),
+				createElementVNode("div", _hoisted_2, [createVNode(BaseButton_default, {
+					type: "submit",
+					class: "px-4 py-2 flex items-start gap-2"
+				}, {
+					default: withCtx(() => [createVNode(BaseKeyboardShortcut_default, { shortcut: "Enter" }), _cache[2] || (_cache[2] = createElementVNode("span", null, "Submit", -1))]),
+					_: 1
+				})])
+			], 32);
+		};
+	}
+});
+//#endregion
+export { CommandPrompts_vue_vue_type_script_setup_true_lang_default as default };

package/dist/bundled/components/command/CommandPromptsModal.js

@@ -0,0 +1,5 @@
+import CommandPromptsModal_vue_vue_type_script_setup_true_lang_default from "./CommandPromptsModal.vue_vue_type_script_setup_true_lang.js";
+//#region src/app/components/command/CommandPromptsModal.vue
+var CommandPromptsModal_default = CommandPromptsModal_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CommandPromptsModal_default as default };

package/dist/bundled/components/command/CommandPromptsModal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+import { useCommandStore } from "../../stores/command.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, openBlock, unref } from "@poveste/vendors/vue";
+//#region src/app/components/command/CommandPromptsModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "poveste-command-prompts-modal fixed inset-0 bg-white/80 dark:bg-gray-900/80 z-20"
+};
+var _hoisted_2 = { class: "bg-white dark:bg-gray-900 md:mt-16 md:mx-auto w-screen max-w-[512px] max-h-[80vh] overflow-y-auto scroll-smooth shadow-xl border border-gray-200 dark:border-gray-750 rounded-lg relative divide-y divide-gray-200 dark:divide-gray-850" };
+var CommandPromptsModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "CommandPromptsModal",
+	props: { shown: {
+		type: Boolean,
+		default: false
+	} },
+	emits: { close: () => true },
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const CommandPrompts = defineAsyncComponent(() => import("./CommandPrompts.js"));
+		function close() {
+			emit("close");
+		}
+		const commandStore = useCommandStore();
+		return (_ctx, _cache) => {
+			return __props.shown ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				class: "absolute inset-0",
+				onClick: _cache[0] || (_cache[0] = ($event) => close())
+			}), createElementVNode("div", _hoisted_2, [createVNode(unref(CommandPrompts), {
+				command: unref(commandStore).selectedCommand,
+				onClose: _cache[1] || (_cache[1] = ($event) => close())
+			}, null, 8, ["command"])])])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { CommandPromptsModal_vue_vue_type_script_setup_true_lang_default as default };

package/dist/bundled/components/command/PromptSelect.js

@@ -0,0 +1,5 @@
+import PromptSelect_vue_vue_type_script_setup_true_lang_default from "./PromptSelect.vue_vue_type_script_setup_true_lang.js";
+//#region src/app/components/command/PromptSelect.vue
+var PromptSelect_default = PromptSelect_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PromptSelect_default as default };

package/dist/bundled/components/command/PromptSelect.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,111 @@
+import BaseKeyboardShortcut_default from "../base/BaseKeyboardShortcut.js";
+import { useSelection } from "../../util/select.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, vModelText, watchEffect, withDirectives, withKeys, withModifiers } from "@poveste/vendors/vue";
+import { Icon } from "@poveste/vendors/iconify";
+//#region src/app/components/command/PromptSelect.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "poveste-prompt-select relative group" };
+var _hoisted_2 = ["required"];
+var _hoisted_3 = { class: "flex flex-col gap-2 p-2" };
+var _hoisted_4 = { class: "px-2 flex" };
+var _hoisted_5 = {
+	key: 0,
+	class: "opacity-70"
+};
+var _hoisted_6 = { class: "opacity-40 text-sm ml-auto invisible group-focus-within:visible" };
+var _hoisted_7 = { class: "overflow-auto max-h-[300px] mb-2" };
+var _hoisted_8 = ["onClick"];
+var _hoisted_9 = { class: "flex-1" };
+var PromptSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PromptSelect",
+	props: {
+		modelValue: {},
+		prompt: {},
+		answers: {}
+	},
+	emits: ["update:modelValue", "next"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const model = computed({
+			get: () => props.modelValue,
+			set: (value) => {
+				emit("update:modelValue", value);
+				emit("next");
+			}
+		});
+		const input = ref();
+		function focus() {
+			input.value?.focus();
+			input.value?.select();
+		}
+		__expose({ focus });
+		const search = ref("");
+		const options = ref([]);
+		let requestId = 0;
+		watchEffect(async () => {
+			if (typeof props.prompt.options === "function") {
+				const rId = ++requestId;
+				const result = await props.prompt.options(search.value, props.answers);
+				if (rId === requestId) options.value = result;
+			} else options.value = props.prompt.options;
+		});
+		const formattedOptions = computed(() => {
+			return options.value.map((option) => {
+				if (typeof option === "string") return {
+					value: option,
+					label: option
+				};
+				else return option;
+			});
+		});
+		const { selectedIndex, selectNext, selectPrevious } = useSelection(formattedOptions);
+		function selectIndex(index) {
+			const result = formattedOptions.value[index].value;
+			if (result) model.value = result;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				withDirectives(createElementVNode("input", {
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+					required: __props.prompt.required,
+					tabindex: "-1",
+					class: "absolute inset-0 opacity-0 pointer-events-none"
+				}, null, 8, _hoisted_2), [[vModelText, model.value]]),
+				createElementVNode("label", _hoisted_3, [createElementVNode("span", _hoisted_4, [
+					createElementVNode("span", null, toDisplayString(__props.prompt.label), 1),
+					__props.prompt.required ? (openBlock(), createElementBlock("span", _hoisted_5, "*")) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_6, [
+						_cache[5] || (_cache[5] = createTextVNode(" Press ", -1)),
+						createVNode(BaseKeyboardShortcut_default, { shortcut: "Space" }),
+						_cache[6] || (_cache[6] = createTextVNode(" to select ", -1))
+					])
+				]), withDirectives(createElementVNode("input", {
+					ref_key: "input",
+					ref: input,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => search.value = $event),
+					class: "bg-transparent w-full p-2 border border-gray-500/50 focus:border-primary-500/50 rounded outline-none",
+					onKeydown: [
+						_cache[2] || (_cache[2] = withKeys(withModifiers(($event) => unref(selectNext)(), ["prevent"]), ["down"])),
+						_cache[3] || (_cache[3] = withKeys(withModifiers(($event) => unref(selectPrevious)(), ["prevent"]), ["up"])),
+						_cache[4] || (_cache[4] = withKeys(withModifiers(($event) => selectIndex(unref(selectedIndex)), ["prevent"]), ["space"]))
+					]
+				}, null, 544), [[vModelText, search.value]])]),
+				createElementVNode("div", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(formattedOptions.value, (option, index) => {
+					return openBlock(), createElementBlock("button", {
+						key: option.value,
+						type: "button",
+						tabindex: "-1",
+						class: normalizeClass([[model.value === option.value ? "bg-primary-500/20" : index === unref(selectedIndex) ? "bg-primary-500/10" : "bg-transparent"], "w-full text-left px-4 py-2 hover:bg-primary-500/10 flex items-center"]),
+						onClick: ($event) => model.value = option.value
+					}, [createElementVNode("span", _hoisted_9, toDisplayString(option.label), 1), model.value === option.value ? (openBlock(), createBlock(unref(Icon), {
+						key: 0,
+						icon: "carbon:checkmark",
+						class: "w-4 h-4 text-primary-500"
+					})) : createCommentVNode("", true)], 10, _hoisted_8);
+				}), 128))])
+			]);
+		};
+	}
+});
+//#endregion
+export { PromptSelect_vue_vue_type_script_setup_true_lang_default as default };

package/dist/bundled/components/command/PromptText.js

@@ -0,0 +1,5 @@
+import PromptText_vue_vue_type_script_setup_true_lang_default from "./PromptText.vue_vue_type_script_setup_true_lang.js";
+//#region src/app/components/command/PromptText.vue
+var PromptText_default = PromptText_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PromptText_default as default };

package/dist/bundled/components/command/PromptText.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,51 @@
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, ref, toDisplayString, vModelText, watch, withDirectives } from "@poveste/vendors/vue";
+//#region src/app/components/command/PromptText.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "poveste-prompt-text" };
+var _hoisted_2 = { class: "flex flex-col gap-2 p-2" };
+var _hoisted_3 = { class: "px-2" };
+var _hoisted_4 = {
+	key: 0,
+	class: "opacity-70"
+};
+var _hoisted_5 = ["required"];
+var PromptText_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PromptText",
+	props: {
+		modelValue: {},
+		prompt: {},
+		answers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const model = computed({
+			get: () => props.modelValue,
+			set: (value) => emit("update:modelValue", value)
+		});
+		const input = ref();
+		function focus() {
+			input.value?.focus();
+			input.value?.select();
+		}
+		__expose({ focus });
+		const defaultValue = computed(() => {
+			if (typeof props.prompt.defaultValue === "function") return props.prompt.defaultValue(props.answers);
+			else return props.prompt.defaultValue;
+		});
+		watch(defaultValue, (value) => {
+			model.value = value;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("label", _hoisted_2, [createElementVNode("span", _hoisted_3, [createElementVNode("span", null, toDisplayString(__props.prompt.label), 1), __props.prompt.required ? (openBlock(), createElementBlock("span", _hoisted_4, "*")) : createCommentVNode("", true)]), withDirectives(createElementVNode("input", {
+				ref_key: "input",
+				ref: input,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				class: "bg-transparent w-full p-2 border border-gray-500/50 focus:border-primary-500/50 rounded outline-none",
+				required: __props.prompt.required
+			}, null, 8, _hoisted_5), [[vModelText, model.value]])])]);
+		};
+	}
+});
+//#endregion
+export { PromptText_vue_vue_type_script_setup_true_lang_default as default };

package/dist/bundled/components/layout/LayoutItem.js

@@ -0,0 +1,5 @@
+import LayoutItem_vue_vue_type_script_setup_true_lang_default from "./LayoutItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/app/components/layout/LayoutItem.vue
+var LayoutItem_default = LayoutItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { LayoutItem_default as default };

package/dist/bundled/components/layout/LayoutItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import BaseListItem_default from "../base/BaseListItem.js";
+import { createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "@poveste/vendors/vue";
+import { Icon } from "@poveste/vendors/iconify";
+//#region src/app/components/layout/LayoutItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex-1" };
+var LayoutItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "LayoutItem",
+	props: {
+		title: {},
+		icon: {},
+		stateIcon: {},
+		isActive: { type: Boolean }
+	},
+	emits: ["click"],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(BaseListItem_default, {
+				"is-active": __props.isActive,
+				class: "px-6 py-4 gap-4",
+				onNavigate: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
+			}, {
+				default: withCtx(() => [
+					createVNode(unref(Icon), {
+						class: "w-4 h-4 flex-none",
+						icon: __props.icon,
+						"aria-hidden": "true"
+					}, null, 8, ["icon"]),
+					createElementVNode("span", _hoisted_1, toDisplayString(__props.title), 1),
+					__props.stateIcon ? (openBlock(), createBlock(unref(Icon), {
+						key: 0,
+						class: "w-4 h-4 flex-none opacity-70",
+						icon: __props.stateIcon,
+						"aria-hidden": "true"
+					}, null, 8, ["icon"])) : createCommentVNode("", true)
+				]),
+				_: 1
+			}, 8, ["is-active"]);
+		};
+	}
+});
+//#endregion
+export { LayoutItem_vue_vue_type_script_setup_true_lang_default as default };

package/dist/bundled/components/layout/LayoutItemGroup.js

@@ -0,0 +1,5 @@
+import LayoutItemGroup_vue_vue_type_script_setup_true_lang_default from "./LayoutItemGroup.vue_vue_type_script_setup_true_lang.js";
+//#region src/app/components/layout/LayoutItemGroup.vue
+var LayoutItemGroup_default = LayoutItemGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { LayoutItemGroup_default as default };

package/dist/bundled/components/layout/LayoutItemGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,19 @@
+import { createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "@poveste/vendors/vue";
+//#region src/app/components/layout/LayoutItemGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { role: "group" };
+var _hoisted_2 = {
+	role: "heading",
+	"aria-level": "3",
+	class: "px-6 pt-3 pb-1 text-xs uppercase tracking-wide opacity-50"
+};
+var LayoutItemGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "LayoutItemGroup",
+	props: { title: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, toDisplayString(__props.title), 1), renderSlot(_ctx.$slots, "default")]);
+		};
+	}
+});
+//#endregion
+export { LayoutItemGroup_vue_vue_type_script_setup_true_lang_default as default };

package/dist/bundled/components/layout/LayoutModal.js

@@ -0,0 +1,5 @@
+import LayoutModal_vue_vue_type_script_setup_true_lang_default from "./LayoutModal.vue_vue_type_script_setup_true_lang.js";
+//#region src/app/components/layout/LayoutModal.vue
+var LayoutModal_default = LayoutModal_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { LayoutModal_default as default };

package/dist/bundled/components/layout/LayoutModal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { onKeyboardShortcut } from "../../util/keyboard.js";
+import LayoutPane_default from "./LayoutPane.js";
+import { createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref, vShow, withDirectives } from "@poveste/vendors/vue";
+import { Icon } from "@poveste/vendors/iconify";
+//#region src/app/components/layout/LayoutModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "poveste-layout-modal fixed inset-0 bg-white/80 dark:bg-gray-900/80 z-20",
+	"data-test-id": "layout-modal"
+};
+var _hoisted_2 = { class: "bg-white dark:bg-gray-900 md:mt-16 md:mx-auto w-screen max-w-[512px] shadow-xl border border-gray-200 dark:border-gray-750 rounded-lg relative divide-y divide-gray-200 dark:divide-gray-850" };
+var _hoisted_3 = { class: "flex items-center px-6 py-3 text-gray-900 dark:text-gray-100" };
+var LayoutModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "LayoutModal",
+	props: { shown: {
+		type: Boolean,
+		default: false
+	} },
+	emits: { close: () => true },
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		function close() {
+			emit("close");
+		}
+		onKeyboardShortcut(["escape"], () => {
+			if (props.shown) close();
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				class: "absolute inset-0",
+				onClick: _cache[0] || (_cache[0] = ($event) => close())
+			}), createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [_cache[2] || (_cache[2] = createElementVNode("h2", { class: "flex-1 text-sm font-medium m-0" }, " Customize Layout ", -1)), createElementVNode("button", {
+				type: "button",
+				class: "flex items-center justify-center p-1 bg-transparent border-0 text-gray-500 dark:text-gray-400 hover:text-primary-500 dark:hover:text-primary-400 cursor-pointer",
+				"aria-label": "Close layout customization",
+				"data-test-id": "layout-modal-close",
+				onClick: _cache[1] || (_cache[1] = ($event) => close())
+			}, [createVNode(unref(Icon), {
+				icon: "carbon:close",
+				class: "w-5 h-5",
+				"aria-hidden": "true"
+			})])]), createVNode(LayoutPane_default)])], 512)), [[vShow, __props.shown]]);
+		};
+	}
+});
+//#endregion
+export { LayoutModal_vue_vue_type_script_setup_true_lang_default as default };