@poveste/app 0.2.1 → 0.3.0

package/dist/bundled/app.css

@@ -1,63 +1,63 @@
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-tree-margin[data-v-8b5cda46] {
-  margin-left: var(--v09275fa8);
+.bind-tree-margin[data-v-9b200828] {
+  margin-left: var(--v8be95bec);
 }
-.bind-icon-color[data-v-8b5cda46] {
-  color: var(--v8627d038);
+.bind-icon-color[data-v-9b200828] {
+  color: var(--c827ed74);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-tree-padding[data-v-5a91a083] {
-  padding-left: var(--v32f93782);
+.bind-tree-padding[data-v-5f7ae1b5] {
+  padding-left: var(--v52a68e33);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-b1aa3e2c] {
-  color: var(--v3db71ace);
+.bind-icon-color[data-v-64e4f50b] {
+  color: var(--v6ab8d98a);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-preview-bg[data-v-dcd1e9e2] {
-  background-color: var(--v2708c2ed);
-  color: var(--v4a6df57e);
+.bind-preview-bg[data-v-d6bd6512] {
+  background-color: var(--v37e53e34);
+  color: var(--eaa47ed2);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-ced59894] {
-  color: var(--b13fe2b2);
+.bind-icon-color[data-v-14aa93ef] {
+  color: var(--b5fb8c94);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.landscape > div > .dragger[data-v-02634f87] {
+.landscape > div > .dragger[data-v-55afeb6c] {
   width: .625rem;
 }
-.portrait > div > .dragger[data-v-02634f87] {
+.portrait > div > .dragger[data-v-55afeb6c] {
   height: .625rem;
 }
-.landscape > div > .dragger.dragger-offset-before[data-v-02634f87] {
+.landscape > div > .dragger.dragger-offset-before[data-v-55afeb6c] {
   right: 0;
 }
-.portrait > div > .dragger.dragger-offset-before[data-v-02634f87] {
+.portrait > div > .dragger.dragger-offset-before[data-v-55afeb6c] {
   bottom: 0;
 }
-.landscape > div > .dragger.dragger-offset-center[data-v-02634f87] {
+.landscape > div > .dragger.dragger-offset-center[data-v-55afeb6c] {
   right: -.3125rem;
 }
-.portrait > div > .dragger.dragger-offset-center[data-v-02634f87] {
+.portrait > div > .dragger.dragger-offset-center[data-v-55afeb6c] {
   bottom: -.3125rem;
 }
-.landscape > div > .dragger.dragger-offset-after[data-v-02634f87] {
+.landscape > div > .dragger.dragger-offset-after[data-v-55afeb6c] {
   right: -.625rem;
 }
-.portrait > div > .dragger.dragger-offset-after[data-v-02634f87] {
+.portrait > div > .dragger.dragger-offset-after[data-v-55afeb6c] {
   bottom: -.625rem;
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.ptw-base-empty[data-v-176506c5]:not(.no-animation) {
-  animation: ptw-base-empty-176506c5 .15s .2s both;
+.base-empty[data-v-57f8bebf]:not(.no-animation) {
+  animation: base-empty-57f8bebf .15s .2s both;
 }
-@keyframes ptw-base-empty-176506c5 {
+@keyframes base-empty-57f8bebf {
 0% {
     opacity: 0;
 }
@@ -67,7 +67,7 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.__poveste-code-placeholder[data-v-5ee6b7f7] {
+.__poveste-code-placeholder[data-v-d93a75df] {
   color: inherit;
   font-size: inherit;
 }
@@ -82,31 +82,31 @@
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-preview-bg[data-v-996dc779] {
-  background-color: var(--v2ebc4fb8);
+.bind-preview-bg[data-v-ad57bd5e] {
+  background-color: var(--v46972017);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-42097cb5] {
-  color: var(--v087cd7b6);
+.bind-icon-color[data-v-270b4ce8] {
+  color: var(--v0884d9dc);
 }
-.bind-preview-bg[data-v-42097cb5] {
-  background-color: var(--v6d9d16a6);
+.bind-preview-bg[data-v-270b4ce8] {
+  background-color: var(--v233de319);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-363b3d4f] {
-  color: var(--v3223e976);
+.bind-icon-color[data-v-37853789] {
+  color: var(--v25a47cf6);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-ca14569e] {
-  color: var(--fcfb0a0c);
+.bind-icon-color[data-v-db50bc8f] {
+  color: var(--dd8d1ad8);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-14c2dacd] {
-  color: var(--e0c29708);
+.bind-icon-color[data-v-d5a7fe4c] {
+  color: var(--v4fc4017e);
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
@@ -115,7 +115,8 @@ img.colorize-black[data-v-f632abed] {
 }
 }
 @scope (:root) to (.__poveste-render-story:not(.__poveste-render-custom-controls)) {
-.bind-icon-color[data-v-81e4dd33] {
-  color: var(--dacfd852);
+.bind-icon-color[data-v-2c253023] {
+  color: var(--f1e8a8be);
 }
 }
+/*$vite$:1*/

package/dist/bundled/assets/poveste-text-dark.js

@@ -0,0 +1,4 @@
+//#region src/app/assets/poveste-text-dark.svg
+var poveste_text_dark_default = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODcwIDUxMiIgZmlsbD0ibm9uZSI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InB2dyIgeDE9Ijk2IiB5MT0iNDE2IiB4Mj0iNDE2IiB5Mj0iOTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMjRDNTZBIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzE3QTZDNiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHJlY3QgeD0iMTYiIHk9IjE2IiB3aWR0aD0iNDgwIiBoZWlnaHQ9IjQ4MCIgcng9IjExMiIgZmlsbD0idXJsKCNwdncpIi8+CiAgPHJlY3QgeD0iMTQwIiB5PSIxNDIiIHdpZHRoPSIyMzIiIGhlaWdodD0iNDQiIHJ4PSIxNiIgZmlsbD0iI2ZmZiIvPgogIDxyZWN0IHg9IjE1MSIgeT0iMjE3IiB3aWR0aD0iODgiIGhlaWdodD0iMTQ2IiByeD0iOSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIyIi8+CiAgPHJlY3QgeD0iMTcyIiB5PSIyNDQiIHdpZHRoPSIzMCIgaGVpZ2h0PSI5MiIgcng9IjEzIiBmaWxsPSIjZmZmIi8+CiAgPHJlY3QgeD0iMjYyIiB5PSIyMDYiIHdpZHRoPSIxMTAiIGhlaWdodD0iMTY4IiByeD0iMjAiIGZpbGw9IiNmZmYiLz4KICA8cmVjdCB4PSIyODQiIHk9IjIyNiIgd2lkdGg9IjY2IiBoZWlnaHQ9IjU4IiByeD0iMTMiIGZpbGw9InVybCgjcHZ3KSIvPgogIDx0ZXh0IHg9IjY3NiIgeT0iMjU2IiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZm9udC1mYW1pbHk9InVpLXNhbnMtc2VyaWYsIHN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgJ1NlZ29lIFVJJywgUm9ib3RvLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjMyMCIgZm9udC13ZWlnaHQ9IjQwMCIgbGV0dGVyLXNwYWNpbmc9Ii00IiBmaWxsPSIjZjhmYWZjIj5Qb3Zlc3RlPC90ZXh0Pgo8L3N2Zz4K";
+//#endregion
+export { poveste_text_dark_default as default };

package/dist/bundled/assets/poveste-text.js

@@ -0,0 +1,4 @@
+//#region src/app/assets/poveste-text.svg
+var poveste_text_default = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODcwIDUxMiIgZmlsbD0ibm9uZSI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InB2dyIgeDE9Ijk2IiB5MT0iNDE2IiB4Mj0iNDE2IiB5Mj0iOTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMjRDNTZBIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzE3QTZDNiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHJlY3QgeD0iMTYiIHk9IjE2IiB3aWR0aD0iNDgwIiBoZWlnaHQ9IjQ4MCIgcng9IjExMiIgZmlsbD0idXJsKCNwdncpIi8+CiAgPHJlY3QgeD0iMTQwIiB5PSIxNDIiIHdpZHRoPSIyMzIiIGhlaWdodD0iNDQiIHJ4PSIxNiIgZmlsbD0iI2ZmZiIvPgogIDxyZWN0IHg9IjE1MSIgeT0iMjE3IiB3aWR0aD0iODgiIGhlaWdodD0iMTQ2IiByeD0iOSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIyIi8+CiAgPHJlY3QgeD0iMTcyIiB5PSIyNDQiIHdpZHRoPSIzMCIgaGVpZ2h0PSI5MiIgcng9IjEzIiBmaWxsPSIjZmZmIi8+CiAgPHJlY3QgeD0iMjYyIiB5PSIyMDYiIHdpZHRoPSIxMTAiIGhlaWdodD0iMTY4IiByeD0iMjAiIGZpbGw9IiNmZmYiLz4KICA8cmVjdCB4PSIyODQiIHk9IjIyNiIgd2lkdGg9IjY2IiBoZWlnaHQ9IjU4IiByeD0iMTMiIGZpbGw9InVybCgjcHZ3KSIvPgogIDx0ZXh0IHg9IjY3NiIgeT0iMjU2IiBkb21pbmFudC1iYXNlbGluZT0iY2VudHJhbCIgZm9udC1mYW1pbHk9InVpLXNhbnMtc2VyaWYsIHN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgJ1NlZ29lIFVJJywgUm9ib3RvLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjMyMCIgZm9udC13ZWlnaHQ9IjQwMCIgbGV0dGVyLXNwYWNpbmc9Ii00IiBmaWxsPSIjMWUyOTNiIj5Qb3Zlc3RlPC90ZXh0Pgo8L3N2Zz4K";
+//#endregion
+export { poveste_text_default as default };

package/dist/bundled/assets/poveste.js

@@ -0,0 +1,4 @@
+//#region src/app/assets/poveste.svg
+var poveste_default = "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";
+//#endregion
+export { poveste_default as default };

package/dist/bundled/components/HomeView.js

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

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

@@ -0,0 +1,58 @@
+import { customLogos, povesteConfig } from "../util/config.js";
+import { useStoryStore } from "../stores/story.js";
+import poveste_default from "../assets/poveste.js";
+import HomeCounter_default from "./app/HomeCounter.js";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock } from "@poveste/vendors/vue";
+//#region src/app/components/HomeView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "poveste-home-view flex md:flex-col gap-12 items-center justify-center h-full" };
+var _hoisted_2 = ["src"];
+var _hoisted_3 = { class: "flex !md:flex-col flex-wrap justify-evenly gap-2 px-4 py-2 bg-gray-100 dark:bg-gray-750 rounded border border-gray-500/30" };
+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 storyStore = useStoryStore();
+		const stats = computed(() => {
+			let storyCount = 0;
+			let variantCount = 0;
+			let docsCount = 0;
+			(storyStore.stories || []).forEach((story) => {
+				if (story.docsOnly) docsCount++;
+				else {
+					storyCount++;
+					if (story.variants) variantCount += story.variants.length;
+				}
+			});
+			return {
+				storyCount,
+				variantCount,
+				docsCount
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("img", {
+				src: logoUrl.value,
+				alt: "Logo",
+				class: "w-64 h-64 opacity-25 mb-8 hidden md:block"
+			}, null, 8, _hoisted_2), createElementVNode("div", _hoisted_3, [
+				createVNode(HomeCounter_default, {
+					title: "Stories",
+					icon: "carbon:cube",
+					count: stats.value.storyCount
+				}, null, 8, ["count"]),
+				createVNode(HomeCounter_default, {
+					title: "Variants",
+					icon: "carbon:cube-view",
+					count: stats.value.variantCount
+				}, null, 8, ["count"]),
+				createVNode(HomeCounter_default, {
+					title: "Documents",
+					icon: "carbon:document-blank",
+					count: stats.value.docsCount
+				}, null, 8, ["count"])
+			])]);
+		};
+	}
+});
+//#endregion
+export { HomeView_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,63 @@
+import { povesteConfig } from "../../util/config.js";
+import { isDark, toggleDark } from "../../util/dark.js";
+import { isMobile } from "../../util/responsive.js";
+import { makeTooltip } from "../../util/tooltip.js";
+import TopBarChip_default from "./TopBarChip.js";
+import TopBarChipItem_default from "./TopBarChipItem.js";
+import { computed, createBlock, createCommentVNode, createVNode, defineComponent, openBlock, resolveDirective, unref, withCtx, withDirectives } from "@poveste/vendors/vue";
+import { Icon } from "@poveste/vendors/iconify";
+//#region src/app/components/app/AppActions.vue?vue&type=script&setup=true&lang.ts
+var AppActions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "AppActions",
+	emits: {
+		search: () => true,
+		layout: () => true
+	},
+	setup(__props) {
+		const themeIcon = computed(() => {
+			return isDark.value ? "carbon:moon" : "carbon:sun";
+		});
+		return (_ctx, _cache) => {
+			const _directive_tooltip = resolveDirective("tooltip");
+			return openBlock(), createBlock(TopBarChip_default, null, {
+				default: withCtx(() => [
+					!unref(isMobile) ? withDirectives((openBlock(), createBlock(TopBarChipItem_default, {
+						key: 0,
+						"aria-label": "Open layout customization",
+						"data-test-id": "layout-btn",
+						onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("layout"))
+					}, {
+						default: withCtx(() => [createVNode(unref(Icon), {
+							icon: "carbon:panel-expansion",
+							class: "w-4 h-4"
+						})]),
+						_: 1
+					})), [[_directive_tooltip, unref(makeTooltip)("Layout", ({ isMac }) => isMac ? "meta+shift+l" : "ctrl+shift+l")]]) : createCommentVNode("", true),
+					withDirectives((openBlock(), createBlock(TopBarChipItem_default, {
+						"data-test-id": "search-btn",
+						onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("search"))
+					}, {
+						default: withCtx(() => [createVNode(unref(Icon), {
+							icon: "carbon:search",
+							class: "w-4 h-4"
+						})]),
+						_: 1
+					})), [[_directive_tooltip, unref(makeTooltip)("Search", ({ isMac }) => isMac ? "meta+k" : "ctrl+k")]]),
+					!unref(povesteConfig).theme.hideColorSchemeSwitch ? withDirectives((openBlock(), createBlock(TopBarChipItem_default, {
+						key: 1,
+						onClick: _cache[2] || (_cache[2] = ($event) => unref(toggleDark)())
+					}, {
+						default: withCtx(() => [createVNode(unref(Icon), {
+							icon: themeIcon.value,
+							class: "w-4 h-4"
+						}, null, 8, ["icon"])]),
+						_: 1
+					})), [[_directive_tooltip, unref(makeTooltip)("Toggle dark mode", ({ isMac }) => isMac ? "meta+shift+d" : "ctrl+shift+d")]]) : createCommentVNode("", true)
+				]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { AppActions_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,21 @@
+import { povesteConfig } from "../../util/config.js";
+import AppLogo_default from "./AppLogo.js";
+import { createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref } from "@poveste/vendors/vue";
+//#region src/app/components/app/AppHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "poveste-app-header px-4 h-14 flex items-center gap-2" };
+var _hoisted_2 = { class: "py-3 sm:py-4 flex-1 h-full flex items-center pr-2" };
+var _hoisted_3 = ["href"];
+var AppHeader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "AppHeader",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("a", {
+				href: unref(povesteConfig).theme?.logoHref,
+				target: "_blank",
+				class: "w-full h-full flex items-center"
+			}, [createVNode(AppLogo_default, { class: "max-w-full max-h-full" })], 8, _hoisted_3)])]);
+		};
+	}
+});
+//#endregion
+export { AppHeader_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,26 @@
+import { customLogos, povesteConfig } from "../../util/config.js";
+import { isDark } from "../../util/dark.js";
+import poveste_text_dark_default from "../../assets/poveste-text-dark.js";
+import poveste_text_default from "../../assets/poveste-text.js";
+import { computed, createElementBlock, defineComponent, openBlock } from "@poveste/vendors/vue";
+//#region src/app/components/app/AppLogo.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["src", "alt"];
+var AppLogo_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__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;
+		});
+		const altText = computed(() => `${povesteConfig.theme.title} logo`);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("img", {
+				class: "poveste-app-logo",
+				src: logoUrl.value,
+				alt: altText.value
+			}, null, 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { AppLogo_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+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"]]);
+//#endregion
+export { Breadcrumb_default as default };

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

@@ -0,0 +1,68 @@
+import { useStoryStore } from "../../stores/story.js";
+import StoryList_default from "../tree/StoryList.js";
+import MobileOverlay_default from "./MobileOverlay.js";
+import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, useCssVars, watch, withCtx } from "@poveste/vendors/vue";
+import { Icon } from "@poveste/vendors/iconify";
+//#region src/app/components/app/Breadcrumb.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "poveste-breadcrumb" };
+var _hoisted_2 = { class: "flex items-center gap-2" };
+var _hoisted_3 = { class: "opacity-40 text-sm" };
+var Breadcrumb_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Breadcrumb",
+	props: {
+		tree: {},
+		stories: {}
+	},
+	setup(__props) {
+		useCssVars((_ctx) => ({ "v6ab8d98a": story.value?.iconColor }));
+		const storyStore = useStoryStore();
+		const story = computed(() => storyStore.currentStory);
+		const folders = computed(() => {
+			return story.value.file.path.slice(0, -1);
+		});
+		const isMenuOpened = ref(false);
+		function openMenu() {
+			isMenuOpened.value = true;
+		}
+		function closeMenu() {
+			isMenuOpened.value = false;
+		}
+		watch(story, () => {
+			isMenuOpened.value = false;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", _hoisted_1, [createElementVNode("a", {
+				class: "px-6 h-12 hover:text-primary-500 dark:hover:text-primary-400 cursor-pointer flex gap-2 flex-wrap w-full items-center",
+				onClick: openMenu
+			}, [story.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [(openBlock(true), createElementBlock(Fragment, null, renderList(folders.value, (file, key) => {
+				return openBlock(), createElementBlock(Fragment, { key }, [createElementVNode("span", null, toDisplayString(file), 1), _cache[0] || (_cache[0] = createElementVNode("span", { class: "opacity-40" }, " / ", -1))], 64);
+			}), 128)), createElementVNode("span", _hoisted_2, [
+				createVNode(unref(Icon), {
+					icon: story.value.icon ?? "carbon:cube",
+					class: normalizeClass(["w-5 h-5 flex-none", {
+						"text-primary-500": !story.value.iconColor,
+						"bind-icon-color": story.value.iconColor
+					}])
+				}, null, 8, ["icon", "class"]),
+				createTextVNode(" " + toDisplayString(story.value.title) + " ", 1),
+				createElementVNode("span", _hoisted_3, toDisplayString(story.value.variants.length), 1)
+			])], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" Select a story... ")], 64)), createVNode(unref(Icon), {
+				icon: "carbon:chevron-sort",
+				class: "w-5 h-5 shrink-0 ml-auto"
+			})])]), createVNode(MobileOverlay_default, {
+				title: "Select a story",
+				opened: isMenuOpened.value,
+				onClose: closeMenu
+			}, {
+				default: withCtx(() => [createVNode(StoryList_default, {
+					tree: __props.tree,
+					stories: __props.stories,
+					class: "flex-1 overflow-y-scroll"
+				}, null, 8, ["tree", "stories"])]),
+				_: 1
+			}, 8, ["opened"])], 64);
+		};
+	}
+});
+//#endregion
+export { Breadcrumb_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,35 @@
+import { createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref } from "@poveste/vendors/vue";
+import { Icon } from "@poveste/vendors/iconify";
+//#region src/app/components/app/HomeCounter.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "p-2 flex items-center gap-x-2" };
+var _hoisted_2 = { class: "flex flex-col leading-none" };
+var _hoisted_3 = { class: "text-primary-500 min-w-[80px] font-bold" };
+var _hoisted_4 = { class: "text-sm text-gray-900 dark:text-gray-100" };
+var HomeCounter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "HomeCounter",
+	props: {
+		icon: {
+			type: String,
+			default: "carbon:cube"
+		},
+		title: {
+			type: String,
+			default: ""
+		},
+		count: {
+			type: Number,
+			default: 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(Icon), {
+				icon: props.icon,
+				class: "text-2xl text-gray-700 dark:text-gray-300 flex-none"
+			}, null, 8, ["icon"]), createElementVNode("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(__props.count), 1), createElementVNode("span", _hoisted_4, toDisplayString(__props.title), 1)])]);
+		};
+	}
+});
+//#endregion
+export { HomeCounter_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,34 @@
+import { Fragment, Transition, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, reactive, renderList, withCtx } from "@poveste/vendors/vue";
+//#region src/app/components/app/InitialLoading.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "poveste-initial-loading fixed inset-0 bg-white dark:bg-gray-700 flex flex-col gap-6 items-center justify-center" };
+var InitialLoading_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "InitialLoading",
+	setup(__props) {
+		const progress = reactive({
+			loaded: 0,
+			total: 0
+		});
+		const maxCols = window.innerWidth / 20;
+		if (import.meta.hot) import.meta.hot.on("poveste:stories-loading-progress", (data) => {
+			progress.loaded = data.loadedFileCount;
+			progress.total = data.totalFileCount;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(Transition, { name: "__poveste-fade" }, {
+				default: withCtx(() => [progress.total > 0 ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "grid gap-2",
+					style: normalizeStyle({ gridTemplateColumns: `repeat(${Math.min(Math.ceil(Math.sqrt(progress.total)), maxCols)}, minmax(0, 1fr))` })
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(progress.total, (n) => {
+					return openBlock(), createElementBlock("div", {
+						key: n,
+						class: "bg-primary-500/10 rounded-full"
+					}, [createElementVNode("div", { class: normalizeClass(["w-3 h-3 bg-primary-500 rounded-full duration-150 ease-out", { "transition-transform scale-0": n >= progress.loaded }]) }, null, 2)]);
+				}), 128))], 4)) : createCommentVNode("", true)]),
+				_: 1
+			})]);
+		};
+	}
+});
+//#endregion
+export { InitialLoading_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,34 @@
+import { Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, withCtx } from "@poveste/vendors/vue";
+import { Icon } from "@poveste/vendors/iconify";
+//#region src/app/components/app/MobileOverlay.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "poveste-mobile-overlay absolute z-10 bg-white dark:bg-gray-700 w-screen h-screen inset-0 overflow-hidden flex flex-col"
+};
+var _hoisted_2 = { class: "p-4 h-16 flex border-b border-gray-100 dark:border-gray-800 items-center place-content-between" };
+var _hoisted_3 = { class: "text-gray-500" };
+var MobileOverlay_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "MobileOverlay",
+	props: {
+		title: {},
+		opened: { type: Boolean }
+	},
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, { name: "__poveste-fade-bottom" }, {
+				default: withCtx(() => [__props.opened ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(__props.title), 1), createElementVNode("a", {
+					class: "p-1 hover:text-primary-500 dark:hover:text-primary-400 cursor-pointer",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+				}, [createVNode(unref(Icon), {
+					icon: "carbon:close",
+					class: "w-8 h-8 shrink-0"
+				})])]), renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { MobileOverlay_vue_vue_type_script_setup_true_lang_default as default };

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

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