@poveste/app 0.13.1 → 0.15.0

package/dist/bundled/App.vue_vue_type_script_setup_true_lang.js

@@ -51,7 +51,7 @@ var App_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompon
 			tree$1.value = newTree;
 		});
 		const stories = computed(() => files$1.value.reduce((acc, file) => {
-			acc.push(file.story);
+			if (file.story) acc.push(file.story);
 			return acc;
 		}, []));
 		const storyStore = useStoryStore();

package/dist/bundled/app.css

@@ -1,49 +1,49 @@
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-tree-margin[data-v-184d6cf3] {
-  margin-left: var(--v516f2a64);
+.bind-tree-margin[data-v-83161585] {
+  margin-left: var(--v0299061e);
 }
-.bind-icon-color[data-v-184d6cf3] {
-  color: var(--v2fa7200a);
+.bind-icon-color[data-v-83161585] {
+  color: var(--v80ccd94c);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-tree-padding[data-v-11f8c91e] {
-  padding-left: var(--v047dbc51);
+.bind-tree-padding[data-v-9702f44e] {
+  padding-left: var(--v716b068e);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-64e4f50b] {
-  color: var(--v6ab8d98a);
+.bind-icon-color[data-v-d524f876] {
+  color: var(--v1c581d20);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-14aa93ef] {
-  color: var(--b5fb8c94);
+.bind-icon-color[data-v-30c06406] {
+  color: var(--v5947d534);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.landscape > div > .dragger[data-v-6a9b0727] {
+.landscape > div > .dragger[data-v-e5174855] {
   width: .625rem;
 }
-.portrait > div > .dragger[data-v-6a9b0727] {
+.portrait > div > .dragger[data-v-e5174855] {
   height: .625rem;
 }
-.landscape > div > .dragger.dragger-offset-before[data-v-6a9b0727] {
+.landscape > div > .dragger.dragger-offset-before[data-v-e5174855] {
   right: 0;
 }
-.portrait > div > .dragger.dragger-offset-before[data-v-6a9b0727] {
+.portrait > div > .dragger.dragger-offset-before[data-v-e5174855] {
   bottom: 0;
 }
-.landscape > div > .dragger.dragger-offset-center[data-v-6a9b0727] {
+.landscape > div > .dragger.dragger-offset-center[data-v-e5174855] {
   right: -.3125rem;
 }
-.portrait > div > .dragger.dragger-offset-center[data-v-6a9b0727] {
+.portrait > div > .dragger.dragger-offset-center[data-v-e5174855] {
   bottom: -.3125rem;
 }
-.landscape > div > .dragger.dragger-offset-after[data-v-6a9b0727] {
+.landscape > div > .dragger.dragger-offset-after[data-v-e5174855] {
   right: -.625rem;
 }
-.portrait > div > .dragger.dragger-offset-after[data-v-6a9b0727] {
+.portrait > div > .dragger.dragger-offset-after[data-v-e5174855] {
   bottom: -.625rem;
 }
 }
@@ -74,10 +74,10 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.base-empty[data-v-57f8bebf]:not(.no-animation) {
-  animation: base-empty-57f8bebf .15s .2s both;
+.base-empty[data-v-63095ef6]:not(.no-animation) {
+  animation: base-empty-63095ef6 .15s .2s both;
 }
-@keyframes base-empty-57f8bebf {
+@keyframes base-empty-63095ef6 {
 0% {
     opacity: 0;
 }
@@ -87,7 +87,7 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.__poveste-code-placeholder[data-v-6de9e107] {
+.__poveste-code-placeholder[data-v-b595e0d4] {
   color: inherit;
   font-size: inherit;
 }
@@ -102,23 +102,23 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-preview-bg[data-v-380b627d] {
-  background-color: var(--v0cb511a0);
+.bind-preview-bg[data-v-13932615] {
+  background-color: var(--v538c65b8);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-a394f172] {
-  color: var(--v68878cb8);
+.bind-icon-color[data-v-ae85762b] {
+  color: var(--v2b77a04a);
 }
-.bind-preview-bg[data-v-a394f172] {
-  background-color: var(--v5a063a9a);
+.bind-preview-bg[data-v-ae85762b] {
+  background-color: var(--v8dc7fba0);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
 /* Cells are placed with `order`, so without this Tab and a screen reader walk
    them in slot order — the order they were recycled in, not the screen's.
    Chromium only for now; elsewhere the rule is ignored. */
-.poveste-story-variant-grid-cells[data-v-5f7bc1e1] {
+.poveste-story-variant-grid-cells[data-v-a753c25f] {
   reading-flow: grid-order;
 }
 }
@@ -133,8 +133,8 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-d5a7fe4c] {
-  color: var(--v4fc4017e);
+.bind-icon-color[data-v-5e1183de] {
+  color: var(--v96d17610);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {

package/dist/bundled/components/HomeView.vue_vue_type_script_setup_true_lang.js

@@ -14,7 +14,7 @@ var _hoisted_3 = {
 var HomeView_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "HomeView",
 	setup(__props) {
-		const logoUrl = computed(() => povesteConfig.theme?.logo?.square ? customLogos.square : poveste_default);
+		const logoUrl = computed(() => povesteConfig.theme?.logo?.square ? customLogos?.square ?? "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%20width='512'%20height='512'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='pv'%20x1='96'%20y1='416'%20x2='416'%20y2='96'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%2324C56A'/%3e%3cstop%20offset='1'%20stop-color='%2317A6C6'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20x='16'%20y='16'%20width='480'%20height='480'%20rx='112'%20fill='url(%23pv)'/%3e%3crect%20x='140'%20y='142'%20width='232'%20height='44'%20rx='16'%20fill='%23fff'/%3e%3crect%20x='151'%20y='217'%20width='88'%20height='146'%20rx='9'%20stroke='%23fff'%20stroke-width='22'/%3e%3crect%20x='172'%20y='244'%20width='30'%20height='92'%20rx='13'%20fill='%23fff'/%3e%3crect%20x='262'%20y='206'%20width='110'%20height='168'%20rx='20'%20fill='%23fff'/%3e%3crect%20x='284'%20y='226'%20width='66'%20height='58'%20rx='13'%20fill='url(%23pv)'/%3e%3c/svg%3e" : poveste_default);
 		const storyStore = useStoryStore();
 		const stats = computed(() => {
 			let storyCount = 0;

package/dist/bundled/components/app/AppLogo.vue_vue_type_script_setup_true_lang.js

@@ -9,8 +9,8 @@ var AppLogo_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 	__name: "AppLogo",
 	setup(__props) {
 		const logoUrl = computed(() => {
-			if (isDark.value) return povesteConfig.theme.logo?.dark ? customLogos.dark : poveste_text_dark_default;
-			return povesteConfig.theme.logo?.light ? customLogos.light : poveste_text_default;
+			if (isDark.value) return povesteConfig.theme.logo?.dark ? customLogos?.dark ?? "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODcwIDUxMiIgZmlsbD0ibm9uZSI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InB2dyIgeDE9Ijk2IiB5MT0iNDE2IiB4Mj0iNDE2IiB5Mj0iOTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMjRDNTZBIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzE3QTZDNiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHJlY3QgeD0iMTYiIHk9IjE2IiB3aWR0aD0iNDgwIiBoZWlnaHQ9IjQ4MCIgcng9IjExMiIgZmlsbD0idXJsKCNwdncpIi8+CiAgPHJlY3QgeD0iMTQwIiB5PSIxNDIiIHdpZHRoPSIyMzIiIGhlaWdodD0iNDQiIHJ4PSIxNiIgZmlsbD0iI2ZmZiIvPgogIDxyZWN0IHg9IjE1MSIgeT0iMjE3IiB3aWR0aD0iODgiIGhlaWdodD0iMTQ2IiByeD0iOSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIyIi8+CiAgPHJlY3QgeD0iMTcyIiB5PSIyNDQiIHdpZHRoPSIzMCIgaGVpZ2h0PSI5MiIgcng9IjEzIiBmaWxsPSIjZmZmIi8+CiAgPHJlY3QgeD0iMjYyIiB5PSIyMDYiIHdpZHRoPSIxMTAiIGhlaWdodD0iMTY4IiByeD0iMjAiIGZpbGw9IiNmZmYiLz4KICA8cmVjdCB4PSIyODQiIHk9IjIyNiIgd2lkdGg9IjY2IiBoZWlnaHQ9IjU4IiByeD0iMTMiIGZpbGw9InVybCgjcHZ3KSIvPgogIDx0ZXh0IHg9IjY3NiIgeT0iMjU2IiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZm9udC1mYW1pbHk9InVpLXNhbnMtc2VyaWYsIHN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgJ1NlZ29lIFVJJywgUm9ib3RvLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjMyMCIgZm9udC13ZWlnaHQ9IjQwMCIgbGV0dGVyLXNwYWNpbmc9Ii00IiBmaWxsPSIjZjhmYWZjIj5Qb3Zlc3RlPC90ZXh0Pgo8L3N2Zz4K" : poveste_text_dark_default;
+			return povesteConfig.theme.logo?.light ? customLogos?.light ?? "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODcwIDUxMiIgZmlsbD0ibm9uZSI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InB2dyIgeDE9Ijk2IiB5MT0iNDE2IiB4Mj0iNDE2IiB5Mj0iOTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMjRDNTZBIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzE3QTZDNiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHJlY3QgeD0iMTYiIHk9IjE2IiB3aWR0aD0iNDgwIiBoZWlnaHQ9IjQ4MCIgcng9IjExMiIgZmlsbD0idXJsKCNwdncpIi8+CiAgPHJlY3QgeD0iMTQwIiB5PSIxNDIiIHdpZHRoPSIyMzIiIGhlaWdodD0iNDQiIHJ4PSIxNiIgZmlsbD0iI2ZmZiIvPgogIDxyZWN0IHg9IjE1MSIgeT0iMjE3IiB3aWR0aD0iODgiIGhlaWdodD0iMTQ2IiByeD0iOSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIyIi8+CiAgPHJlY3QgeD0iMTcyIiB5PSIyNDQiIHdpZHRoPSIzMCIgaGVpZ2h0PSI5MiIgcng9IjEzIiBmaWxsPSIjZmZmIi8+CiAgPHJlY3QgeD0iMjYyIiB5PSIyMDYiIHdpZHRoPSIxMTAiIGhlaWdodD0iMTY4IiByeD0iMjAiIGZpbGw9IiNmZmYiLz4KICA8cmVjdCB4PSIyODQiIHk9IjIyNiIgd2lkdGg9IjY2IiBoZWlnaHQ9IjU4IiByeD0iMTMiIGZpbGw9InVybCgjcHZ3KSIvPgogIDx0ZXh0IHg9IjY3NiIgeT0iMjU2IiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZm9udC1mYW1pbHk9InVpLXNhbnMtc2VyaWYsIHN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgJ1NlZ29lIFVJJywgUm9ib3RvLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjMyMCIgZm9udC13ZWlnaHQ9IjQwMCIgbGV0dGVyLXNwYWNpbmc9Ii00IiBmaWxsPSIjMWUyOTNiIj5Qb3Zlc3RlPC90ZXh0Pgo8L3N2Zz4K" : poveste_text_default;
 		});
 		const altText = computed(() => `${povesteConfig.theme.title} logo`);
 		return (_ctx, _cache) => {

package/dist/bundled/components/app/Breadcrumb.js

@@ -2,6 +2,6 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import Breadcrumb_vue_vue_type_script_setup_true_lang_default from "./Breadcrumb.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                           */
 //#region src/app/components/app/Breadcrumb.vue
-var Breadcrumb_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Breadcrumb_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-64e4f50b"]]);
+var Breadcrumb_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Breadcrumb_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d524f876"]]);
 //#endregion
 export { Breadcrumb_default as default };

package/dist/bundled/components/app/Breadcrumb.vue_vue_type_script_setup_true_lang.js

@@ -14,11 +14,11 @@ var Breadcrumb_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		stories: {}
 	},
 	setup(__props) {
-		useCssVars((_ctx) => ({ "v6ab8d98a": story.value?.iconColor }));
+		useCssVars((_ctx) => ({ "v1c581d20": story.value?.iconColor }));
 		const storyStore = useStoryStore();
 		const story = computed(() => storyStore.currentStory);
 		const folders = computed(() => {
-			return story.value.file.path.slice(0, -1);
+			return story.value?.file?.path.slice(0, -1) ?? [];
 		});
 		const isMenuOpened = ref(false);
 		function openMenu() {

package/dist/bundled/components/app/TopBar.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import ToolbarNewTab_default from "../toolbar/ToolbarNewTab.js";
 import ToolbarResponsiveSize_default from "../toolbar/ToolbarResponsiveSize.js";
 import ToolbarTextDirection_default from "../toolbar/ToolbarTextDirection.js";
 import ToolbarTitle_default from "../toolbar/ToolbarTitle.js";
-import { createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, unref, withCtx } from "@poveste/vendors/vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, unref, withCtx } from "@poveste/vendors/vue";
 //#region src/app/components/app/TopBar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "poveste-top-bar flex-none grid grid-cols-[1fr_auto_1fr] items-center h-14 px-4 gap-3" };
 var _hoisted_2 = { key: 1 };
@@ -19,6 +19,7 @@ var TopBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 	},
 	setup(__props) {
 		const storyStore = useStoryStore();
+		const editableFile = computed(() => storyStore.currentStory?.file?.filePath);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				createVNode(AppActions_default, {
@@ -49,9 +50,9 @@ var TopBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 							variant: unref(storyStore).currentVariant,
 							story: unref(storyStore).currentStory
 						}, null, 8, ["variant", "story"])) : createCommentVNode("", true),
-						_ctx.__POVESTE_DEV__ ? (openBlock(), createBlock(DevOnlyToolbarOpenInEditor_default, {
+						_ctx.__POVESTE_DEV__ && editableFile.value ? (openBlock(), createBlock(DevOnlyToolbarOpenInEditor_default, {
 							key: 2,
-							file: unref(storyStore).currentStory.file?.filePath,
+							file: editableFile.value,
 							tooltip: "Edit story in editor"
 						}, null, 8, ["file"])) : createCommentVNode("", true)
 					]),

package/dist/bundled/components/app/TopBarChipItem.js

@@ -5,7 +5,7 @@ var _sfc_main = {};
 var _hoisted_1 = ["role"];
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("a", {
-		role: _ctx.$attrs.href ? void 0 : "button",
+		role: _ctx.$attrs["href"] ? void 0 : "button",
 		class: "poveste-top-bar-chip-item flex items-center gap-1 px-2.5 py-1.5 hover:bg-white/50 active:bg-white/70 dark:hover:bg-white/10 dark:active:bg-white/15 hover:text-primary-500 dark:hover:text-primary-400 cursor-pointer text-gray-900 dark:text-gray-100 transition-colors"
 	}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1);
 }

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

@@ -29,7 +29,7 @@ var BaseCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const progress = computed(() => props.modelValue ? 1 : 0);
 		const dashoffset = computed(() => (1 - progress.value) * dasharray.value);
 		watch(path, () => {
-			dasharray.value = path.value.getTotalLength?.() ?? 21.21;
+			dasharray.value = path.value?.getTotalLength?.() ?? 21.21;
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {

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

@@ -3,10 +3,10 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import { createElementBlock, openBlock, renderSlot } from "@poveste/vendors/vue";
 //#region src/app/components/base/BaseEmpty.vue
 var _sfc_main = {};
-var _hoisted_1 = { class: "poveste-base-empty base-empty flex flex-col items-center justify-center space-y-4 py-12 h-full text-center text-gray-400 text-lg" };
+var _hoisted_1 = { class: "poveste-base-empty base-empty flex flex-col items-center justify-center space-y-4 py-12 h-full text-center text-gray-500 dark:text-gray-400 text-lg" };
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]);
 }
-var BaseEmpty_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-57f8bebf"]]);
+var BaseEmpty_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-63095ef6"]]);
 //#endregion
 export { BaseEmpty_default as default };

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

@@ -13,16 +13,16 @@ var BaseOverflowMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	setup(__props) {
 		const el = ref();
 		const availableWidth = ref(0);
-		useResizeObserver(el, (entries) => {
-			const containerWidth = entries[0].contentRect.width;
-			availableWidth.value = containerWidth - overflowButtonWidth;
+		useResizeObserver(el, ([entry]) => {
+			if (!entry) return;
+			availableWidth.value = entry.contentRect.width - overflowButtonWidth;
 		});
 		const children = ref(/* @__PURE__ */ new Map());
 		const visibleChildrenCount = computed(() => {
 			let width = 0;
 			const c = [...children.value.values()].sort((a, b) => a.index - b.index);
-			for (let i = 0; i < c.length; i++) {
-				width += c[i].width;
+			for (const [i, child] of c.entries()) {
+				width += child.width;
 				if (width > availableWidth.value) return i;
 			}
 			return c.length;
@@ -39,34 +39,37 @@ var BaseOverflowMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					width: 0,
 					index: props.index
 				});
-				useResizeObserver(el, (entries) => {
-					const width = entries[0].contentRect.width;
-					if (!children.value.has(el.value)) children.value.set(el.value, state);
+				useResizeObserver(el, ([entry]) => {
+					const element = el.value;
+					if (!element || !entry) return;
+					const width = entry.contentRect.width;
+					if (!children.value.has(element)) children.value.set(element, state);
 					state.width = width;
 				});
 				onBeforeUnmount(() => {
-					children.value.delete(el.value);
+					const element = el.value;
+					if (element) children.value.delete(element);
 				});
 				const visible = computed(() => visibleChildrenCount.value > state.index);
 				return () => h("div", {
 					ref: el,
 					style: { visibility: visible.value ? "visible" : "hidden" }
-				}, slots.default());
+				}, slots["default"]?.());
 			}
 		};
 		/**
 		* Wraps each child with a <ChildWrapper>
 		*/
-		function ChildrenRender(props, { slots }) {
-			const [fragment] = slots.default();
-			return fragment.children.map((vnode, index) => h(ChildWrapper, { index }, () => [vnode]));
+		function ChildrenRender(_props, { slots }) {
+			const children = slots["default"]?.()[0]?.children;
+			return Array.isArray(children) ? children.map((vnode, index) => h(ChildWrapper, { index }, () => [vnode])) : [];
 		}
 		/**
 		* Only renders a part of a children list
 		*/
 		function ChildrenSlice(props, { slots }) {
-			const [fragment] = slots.default();
-			return fragment.children.slice(props.start, props.end);
+			const children = slots["default"]?.()[0]?.children;
+			return Array.isArray(children) ? children.slice(props.start, props.end) : [];
 		}
 		return (_ctx, _cache) => {
 			const _component_VDropdown = resolveComponent("VDropdown");

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

@@ -1,57 +1,189 @@
-import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "@poveste/vendors/vue";
+import { refAutoReset } from "@poveste/vendors/vue-use";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, withCtx, withModifiers } from "@poveste/vendors/vue";
 import { Icon } from "@poveste/vendors/iconify";
 import { Dropdown } from "@poveste/vendors/floating-vue";
 //#region src/app/components/base/BaseSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "cursor-pointer w-full outline-none px-2 h-[27px] -my-1 border border-solid border-black/25 dark:border-white/25 hover:border-primary-500 dark:hover:border-primary-500 rounded-sm flex gap-2 items-center leading-normal" };
+var _hoisted_1 = [
+	"aria-label",
+	"aria-expanded",
+	"aria-controls",
+	"aria-activedescendant"
+];
 var _hoisted_2 = { class: "flex-1 truncate" };
-var _hoisted_3 = { class: "flex flex-col bg-gray-50 dark:bg-gray-700" };
-var _hoisted_4 = ["onClick"];
+var _hoisted_3 = ["aria-label"];
+var _hoisted_4 = [
+	"id",
+	"aria-selected",
+	"onMousemove",
+	"onClick"
+];
 var BaseSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "BaseSelect",
 	props: {
 		modelValue: {},
-		options: {}
+		options: {},
+		label: {}
 	},
 	emits: ["update:modelValue", "select"],
-	setup(__props, { emit: __emit }) {
+	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
 		const formattedOptions = computed(() => {
 			if (Array.isArray(props.options)) return Object.fromEntries(props.options.map((value) => [value, value]));
 			return props.options;
 		});
+		const entries = computed(() => Object.entries(formattedOptions.value));
 		const selectedLabel = computed(() => formattedOptions.value[props.modelValue]);
-		function selectValue(value, hide) {
-			emit("update:modelValue", value);
-			emit("select", value);
-			hide();
+		const id = useId();
+		const listboxId = `${id}-listbox`;
+		function optionId(index) {
+			return `${id}-option-${index}`;
 		}
+		const combobox = ref();
+		const open = ref(false);
+		const activeIndex = ref(-1);
+		function openList(index) {
+			const selected = entries.value.findIndex(([value]) => value === props.modelValue);
+			activeIndex.value = index ?? Math.max(selected, 0);
+			open.value = true;
+		}
+		const typed = refAutoReset("", 500);
+		function isTypeaheadKey(event) {
+			if (event.ctrlKey || event.metaKey || event.altKey || event.key.length !== 1) return false;
+			return event.key !== " " || typed.value !== "";
+		}
+		function typeahead(char) {
+			const previous = typed.value;
+			typed.value = previous + char.toLowerCase();
+			const repeated = [...typed.value].every((c) => c === typed.value[0]);
+			const search = repeated ? typed.value.charAt(0) : typed.value;
+			const start = repeated ? activeIndex.value + 1 : Math.max(activeIndex.value, 0);
+			const count = entries.value.length;
+			for (let offset = 0; offset < count; offset++) {
+				const index = (start + offset) % count;
+				if (entries.value[index]?.[1].toLowerCase().startsWith(search)) {
+					activeIndex.value = index;
+					return;
+				}
+			}
+		}
+		function close() {
+			open.value = false;
+		}
+		function choose(index) {
+			const entry = entries.value[index];
+			if (entry) {
+				emit("update:modelValue", entry[0]);
+				emit("select", entry[0]);
+			}
+			close();
+			combobox.value?.focus();
+		}
+		function onKeydown(event) {
+			const last = entries.value.length - 1;
+			if (isTypeaheadKey(event)) {
+				event.preventDefault();
+				if (!open.value) openList();
+				typeahead(event.key);
+				return;
+			}
+			if (!open.value) {
+				if ([
+					"ArrowDown",
+					"ArrowUp",
+					"Enter",
+					" ",
+					"Home",
+					"End"
+				].includes(event.key)) {
+					event.preventDefault();
+					openList(event.key === "Home" ? 0 : event.key === "End" ? last : void 0);
+				}
+				return;
+			}
+			switch (event.key) {
+				case "ArrowDown":
+					event.preventDefault();
+					activeIndex.value = Math.min(activeIndex.value + 1, last);
+					break;
+				case "ArrowUp":
+					event.preventDefault();
+					if (event.altKey) choose(activeIndex.value);
+					else activeIndex.value = Math.max(activeIndex.value - 1, 0);
+					break;
+				case "Home":
+					event.preventDefault();
+					activeIndex.value = 0;
+					break;
+				case "End":
+					event.preventDefault();
+					activeIndex.value = last;
+					break;
+				case "Enter":
+				case " ":
+					event.preventDefault();
+					choose(activeIndex.value);
+					break;
+				case "Escape":
+					event.preventDefault();
+					close();
+					break;
+				case "Tab": choose(activeIndex.value);
+			}
+		}
+		__expose({ focus: () => combobox.value?.focus() });
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Dropdown), {
+				shown: open.value,
+				"onUpdate:shown": _cache[2] || (_cache[2] = ($event) => open.value = $event),
 				class: "poveste-base-select",
+				triggers: [],
+				"no-auto-focus": "",
 				"auto-size": "",
 				"auto-boundary-max-size": ""
 			}, {
-				popper: withCtx(({ hide }) => [createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(formattedOptions.value, (label, value) => {
-					return openBlock(), createElementBlock("div", mergeProps({ ref_for: true }, {
-						..._ctx.$attrs,
-						class: null,
-						style: null
-					}, {
-						key: label,
-						class: ["px-2 py-1 cursor-pointer hover:bg-primary-100 dark:hover:bg-primary-700", { "bg-primary-200 dark:bg-primary-800": props.modelValue === value }],
-						onClick: ($event) => selectValue(value, hide)
-					}), [renderSlot(_ctx.$slots, "option", {
-						label,
+				popper: withCtx(() => [createElementVNode("div", {
+					id: listboxId,
+					role: "listbox",
+					"aria-label": __props.label,
+					class: "flex flex-col bg-gray-50 dark:bg-gray-700"
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(entries.value, ([value, optionLabel], index) => {
+					return openBlock(), createElementBlock("div", {
+						id: optionId(index),
+						key: value,
+						role: "option",
+						"aria-selected": value === __props.modelValue,
+						class: normalizeClass(["px-2 py-1 cursor-pointer hover:bg-primary-100 dark:hover:bg-primary-700", {
+							"bg-primary-200 dark:bg-primary-800": value === __props.modelValue,
+							"outline outline-2 -outline-offset-2 outline-primary-500": index === activeIndex.value
+						}]),
+						onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"])),
+						onMousemove: ($event) => activeIndex.value = index,
+						onClick: ($event) => choose(index)
+					}, [renderSlot(_ctx.$slots, "option", {
+						label: optionLabel,
 						value
-					}, () => [createTextVNode(toDisplayString(label), 1)])], 16, _hoisted_4);
-				}), 128))])]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", { label: selectedLabel.value }, () => [createTextVNode(toDisplayString(selectedLabel.value), 1)])]), createVNode(unref(Icon), {
+					}, () => [createTextVNode(toDisplayString(optionLabel), 1)])], 42, _hoisted_4);
+				}), 128))], 8, _hoisted_3)]),
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "combobox",
+					ref: combobox,
+					role: "combobox",
+					tabindex: "0",
+					"aria-label": __props.label,
+					"aria-haspopup": "listbox",
+					"aria-expanded": open.value,
+					"aria-controls": open.value ? listboxId : void 0,
+					"aria-activedescendant": open.value && activeIndex.value >= 0 ? optionId(activeIndex.value) : void 0,
+					class: "cursor-pointer w-full outline-none focus-visible:border-primary-500 px-2 h-[27px] -my-1 border border-solid border-black/25 dark:border-white/25 hover:border-primary-500 dark:hover:border-primary-500 rounded-sm flex gap-2 items-center leading-normal",
+					onClick: _cache[0] || (_cache[0] = ($event) => open.value ? close() : openList()),
+					onKeydown
+				}, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", { label: selectedLabel.value }, () => [createTextVNode(toDisplayString(selectedLabel.value), 1)])]), createVNode(unref(Icon), {
 					icon: "carbon:chevron-sort",
 					class: "w-4 h-4 flex-none ml-auto"
-				})])]),
+				})], 40, _hoisted_1)]),
 				_: 3
-			});
+			}, 8, ["shown"]);
 		};
 	}
 });

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

@@ -2,6 +2,6 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import BaseSplitPane_vue_vue_type_script_setup_true_lang_default from "./BaseSplitPane.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                              */
 //#region src/app/components/base/BaseSplitPane.vue
-var BaseSplitPane_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseSplitPane_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6a9b0727"]]);
+var BaseSplitPane_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseSplitPane_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e5174855"]]);
 //#endregion
 export { BaseSplitPane_default as default };

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

@@ -111,12 +111,12 @@ var BaseSplitPane_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		});
 		const rightStyle = computed(() => {
 			if (!hasBothPanes.value) return { [axis.value]: "100%" };
-			return { [axis.value]: props.fixed ? null : `${100 - boundSplit.value}%` };
+			return { [axis.value]: props.fixed ? void 0 : `${100 - boundSplit.value}%` };
 		});
 		const dragging = ref(false);
 		let startPosition = 0;
 		let startSplit = 0;
-		const el = ref(null);
+		const el = ref();
 		function dragStart(e) {
 			dragging.value = true;
 			startPosition = props.orientation === "landscape" ? e.pageX : e.pageY;
@@ -126,14 +126,16 @@ var BaseSplitPane_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		}
 		function dragMove(e) {
 			if (dragging.value) {
+				const pane = el.value;
+				if (!pane) return;
 				let position;
 				let totalSize;
 				if (props.orientation === "landscape") {
 					position = e.pageX;
-					totalSize = el.value.offsetWidth;
+					totalSize = pane.offsetWidth;
 				} else {
 					position = e.pageY;
-					totalSize = el.value.offsetHeight;
+					totalSize = pane.offsetHeight;
 				}
 				const dPosition = position - startPosition;
 				if (props.fixed) currentSplit.value = startSplit + dPosition;

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

@@ -19,7 +19,7 @@ var CommandPrompts_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			select: PromptSelect_default
 		};
 		const answers = reactive({});
-		for (const prompt of props.command.prompts) {
+		for (const prompt of props.command.prompts ?? []) {
 			let defaultValue;
 			if (typeof prompt.defaultValue === "function") defaultValue = prompt.defaultValue(answers);
 			else defaultValue = prompt.defaultValue;

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

@@ -1,5 +1,5 @@
 import { useCommandStore } from "../../stores/command.js";
-import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, openBlock, unref } from "@poveste/vendors/vue";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, 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,
@@ -24,10 +24,11 @@ var CommandPromptsModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 			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), {
+			}), createElementVNode("div", _hoisted_2, [unref(commandStore).selectedCommand ? (openBlock(), createBlock(unref(CommandPrompts), {
+				key: 0,
 				command: unref(commandStore).selectedCommand,
 				onClose: _cache[1] || (_cache[1] = ($event) => close())
-			}, null, 8, ["command"])])])) : createCommentVNode("", true);
+			}, null, 8, ["command"])) : createCommentVNode("", true)])])) : createCommentVNode("", true);
 		};
 	}
 });

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

@@ -27,7 +27,7 @@ var PromptSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const props = __props;
 		const emit = __emit;
 		const model = computed({
-			get: () => props.modelValue,
+			get: () => props.modelValue ?? "",
 			set: (value) => {
 				emit("update:modelValue", value);
 				emit("next");
@@ -60,7 +60,7 @@ var PromptSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		});
 		const { selectedIndex, selectNext, selectPrevious } = useSelection(formattedOptions);
 		function selectIndex(index) {
-			const result = formattedOptions.value[index].value;
+			const result = formattedOptions.value[index]?.value;
 			if (result) model.value = result;
 		}
 		return (_ctx, _cache) => {