@poveste/app 0.2.1 → 0.3.1

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

@@ -0,0 +1,65 @@
+import TopBarChip_default from "./TopBarChip.js";
+import AppActions_default from "./AppActions.js";
+import { useStoryStore } from "../../stores/story.js";
+import DevOnlyToolbarOpenInEditor_default from "../toolbar/DevOnlyToolbarOpenInEditor.js";
+import ToolbarBackground_default from "../toolbar/ToolbarBackground.js";
+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";
+//#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 };
+var TopBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "TopBar",
+	emits: {
+		search: () => true,
+		layout: () => true
+	},
+	setup(__props) {
+		const storyStore = useStoryStore();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(AppActions_default, {
+					class: "justify-self-start",
+					onLayout: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("layout")),
+					onSearch: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("search"))
+				}),
+				unref(storyStore).currentStory || unref(storyStore).currentVariant ? (openBlock(), createBlock(TopBarChip_default, {
+					key: 0,
+					class: "px-6 py-1.5 max-w-full"
+				}, {
+					default: withCtx(() => [createVNode(ToolbarTitle_default, {
+						variant: unref(storyStore).currentVariant ?? void 0,
+						story: unref(storyStore).currentStory ?? void 0
+					}, null, 8, ["variant", "story"])]),
+					_: 1
+				})) : (openBlock(), createElementBlock("span", _hoisted_2)),
+				unref(storyStore).currentStory && !unref(storyStore).currentStory.docsOnly ? (openBlock(), createBlock(TopBarChip_default, {
+					key: 2,
+					class: "justify-self-end"
+				}, {
+					default: withCtx(() => [
+						unref(storyStore).currentVariant && !unref(storyStore).currentVariant.responsiveDisabled ? (openBlock(), createBlock(ToolbarResponsiveSize_default, { key: 0 })) : createCommentVNode("", true),
+						createVNode(ToolbarBackground_default),
+						createVNode(ToolbarTextDirection_default),
+						unref(storyStore).currentVariant ? (openBlock(), createBlock(ToolbarNewTab_default, {
+							key: 1,
+							variant: unref(storyStore).currentVariant,
+							story: unref(storyStore).currentStory
+						}, null, 8, ["variant", "story"])) : createCommentVNode("", true),
+						_ctx.__POVESTE_DEV__ ? (openBlock(), createBlock(DevOnlyToolbarOpenInEditor_default, {
+							key: 2,
+							file: unref(storyStore).currentStory.file?.filePath,
+							tooltip: "Edit story in editor"
+						}, null, 8, ["file"])) : createCommentVNode("", true)
+					]),
+					_: 1
+				})) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+export { TopBar_vue_vue_type_script_setup_true_lang_default as default };

package/dist/bundled/components/app/TopBarChip.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/app/TopBarChip.vue
+var _sfc_main = {};
+var _hoisted_1 = { class: "poveste-top-bar-chip flex items-center bg-gradient-to-b from-white/85 to-white/60 dark:from-gray-800/65 dark:to-gray-800/40 backdrop-blur-md border border-white/60 dark:border-white/15 rounded-lg overflow-hidden shadow-md" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]);
+}
+var TopBarChip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { TopBarChip_default as default };

package/dist/bundled/components/app/TopBarChipItem.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/app/TopBarChipItem.vue
+var _sfc_main = {};
+var _hoisted_1 = { 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" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("a", _hoisted_1, [renderSlot(_ctx.$slots, "default")]);
+}
+var TopBarChipItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { TopBarChipItem_default as default };

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

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

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

@@ -0,0 +1,30 @@
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, withCtx } from "@poveste/vendors/vue";
+import { RouterLink } from "@poveste/vendors/vue-router";
+//#region src/app/components/base/BaseButton.vue?vue&type=script&setup=true&lang.ts
+var BaseButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "BaseButton",
+	props: {
+		to: {},
+		href: {},
+		color: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const comp = computed(() => {
+			if (props.to) return RouterLink;
+			if (props.href) return "a";
+			return "button";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(comp.value), { class: normalizeClass(["poveste-base-button rounded cursor-pointer", {
+				"bg-primary-200 dark:bg-primary-800 hover:bg-primary-300 dark:hover:bg-primary-700": __props.color === "primary" || !__props.color,
+				"bg-grey-100 dark:bg-grey-900 hover:bg-grey-200 dark:hover:bg-grey-800": __props.color === "grey"
+			}]) }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { BaseButton_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,53 @@
+import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, watch, withKeys, withModifiers } from "@poveste/vendors/vue";
+//#region src/app/components/base/BaseCheckbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "text-white w-[16px] h-[16px] relative" };
+var _hoisted_2 = {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	class: "relative z-10"
+};
+var _hoisted_3 = ["stroke-dasharray", "stroke-dashoffset"];
+var BaseCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "BaseCheckbox",
+	props: { modelValue: {
+		type: Boolean,
+		default: false
+	} },
+	emits: { "update:modelValue": (_newValue) => true },
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		function toggle() {
+			emit("update:modelValue", !props.modelValue);
+			animationEnabled.value = true;
+		}
+		const path = ref();
+		const dasharray = ref(0);
+		const progress = computed(() => props.modelValue ? 1 : 0);
+		const dashoffset = computed(() => (1 - progress.value) * dasharray.value);
+		const animationEnabled = ref(false);
+		watch(path, () => {
+			dasharray.value = path.value.getTotalLength?.() ?? 21.21;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				role: "checkbox",
+				tabindex: "0",
+				class: "poveste-base-checkbox flex items-center gap-2 select-none px-4 py-3 cursor-pointer hover:bg-primary-100 dark:hover:bg-primary-700",
+				onClick: _cache[0] || (_cache[0] = ($event) => toggle()),
+				onKeydown: [_cache[1] || (_cache[1] = withKeys(withModifiers(($event) => toggle(), ["prevent"]), ["enter"])), _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => toggle(), ["prevent"]), ["space"]))]
+			}, [createElementVNode("div", _hoisted_1, [createElementVNode("div", { class: normalizeClass(["border group-active:bg-gray-500/20 rounded-sm box-border absolute inset-0 transition-border duration-150 ease-out", [__props.modelValue ? "border-primary-500 border-8" : "border-black/25 dark:border-white/25 delay-150"]]) }, null, 2), (openBlock(), createElementBlock("svg", _hoisted_2, [createElementVNode("path", {
+				ref_key: "path",
+				ref: path,
+				d: "m 4 12 l 5 5 l 10 -10",
+				fill: "none",
+				class: normalizeClass(["stroke-white stroke-2 duration-200 ease-in-out", [animationEnabled.value ? "transition-all" : "transition-none", { "delay-150": __props.modelValue }]]),
+				"stroke-dasharray": dasharray.value,
+				"stroke-dashoffset": dashoffset.value
+			}, null, 10, _hoisted_3)]))]), renderSlot(_ctx.$slots, "default")], 32);
+		};
+	}
+});
+//#endregion
+export { BaseCheckbox_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import BaseIcon_vue_vue_type_script_setup_true_lang_default from "./BaseIcon.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                         */
+//#region src/app/components/base/BaseIcon.vue
+var BaseIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseIcon_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f632abed"]]);
+//#endregion
+export { BaseIcon_default as default };

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

@@ -0,0 +1,26 @@
+import { computed, createBlock, createElementBlock, defineComponent, openBlock, unref } from "@poveste/vendors/vue";
+import { Icon } from "@poveste/vendors/iconify";
+//#region src/app/components/base/BaseIcon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["src", "alt"];
+var BaseIcon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "BaseIcon",
+	props: { icon: {} },
+	setup(__props) {
+		const props = __props;
+		const isUrl = computed(() => props.icon.startsWith("http") || props.icon.startsWith("data:image") || props.icon.startsWith(".") || props.icon.startsWith("/"));
+		return (_ctx, _cache) => {
+			return isUrl.value ? (openBlock(), createElementBlock("img", {
+				key: 0,
+				src: __props.icon,
+				alt: __props.icon,
+				class: "poveste-base-icon"
+			}, null, 8, _hoisted_1)) : (openBlock(), createBlock(unref(Icon), {
+				key: 1,
+				icon: __props.icon,
+				class: "poveste-base-icon"
+			}, null, 8, ["icon"]));
+		};
+	}
+});
+//#endregion
+export { BaseIcon_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,17 @@
+import { formatKey } from "../../util/keyboard.js";
+import { computed, createElementBlock, defineComponent, openBlock, toDisplayString } from "@poveste/vendors/vue";
+//#region src/app/components/base/BaseKeyboardShortcut.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "poveste-base-keyboard-shortcut border border-current opacity-50 px-1 rounded-sm" };
+var BaseKeyboardShortcut_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "BaseKeyboardShortcut",
+	props: { shortcut: {} },
+	setup(__props) {
+		const props = __props;
+		const formatted = computed(() => props.shortcut.split("+").map((k) => formatKey(k.trim())).join(" "));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(formatted.value), 1);
+		};
+	}
+});
+//#endregion
+export { BaseKeyboardShortcut_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,22 @@
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, withKeys } from "@poveste/vendors/vue";
+//#region src/app/components/base/BaseListItem.vue?vue&type=script&setup=true&lang.ts
+var BaseListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "BaseListItem",
+	props: { isActive: { type: Boolean } },
+	emits: ["navigate"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		function handleNavigate() {
+			emit("navigate");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("a", {
+				class: normalizeClass(["poveste-base-list-item flex items-center gap-2 text-gray-900 dark:text-gray-100", [_ctx.$attrs.class, __props.isActive ? "active bg-primary-500 hover:bg-primary-600 text-white dark:text-black" : "hover:bg-primary-100 dark:hover:bg-primary-900"]]),
+				onClick: _cache[0] || (_cache[0] = ($event) => handleNavigate()),
+				onKeyup: [_cache[1] || (_cache[1] = withKeys(($event) => handleNavigate(), ["enter"])), _cache[2] || (_cache[2] = withKeys(($event) => handleNavigate(), ["space"]))]
+			}, [renderSlot(_ctx.$slots, "default")], 34);
+		};
+	}
+});
+//#endregion
+export { BaseListItem_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,24 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import BaseListItemLink_vue_vue_type_script_lang_default from "./BaseListItemLink.vue_vue_type_script_lang.js";
+import { createBlock, createElementVNode, mergeProps, normalizeClass, openBlock, renderSlot, resolveComponent, withCtx, withKeys } from "@poveste/vendors/vue";
+//#region src/app/components/base/BaseListItemLink.vue
+var _hoisted_1 = [
+	"href",
+	"onClick",
+	"onKeyup"
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_RouterLink = resolveComponent("RouterLink");
+	return openBlock(), createBlock(_component_RouterLink, mergeProps({ class: "poveste-base-list-item-link" }, _ctx.$attrs, { custom: "" }), {
+		default: withCtx(({ isActive: linkIsActive, href, navigate }) => [createElementVNode("a", {
+			href,
+			class: normalizeClass(["flex items-center gap-2 text-gray-900 dark:text-gray-100", [_ctx.$attrs.class, (_ctx.isActive != null ? _ctx.isActive : linkIsActive) ? "active bg-primary-500 hover:bg-primary-600 text-white dark:text-black" : "hover:bg-primary-100 dark:hover:bg-primary-900"]]),
+			onClick: ($event) => _ctx.handleNavigate($event, navigate),
+			onKeyup: [withKeys(($event) => _ctx.handleNavigate($event, navigate), ["enter"]), withKeys(($event) => _ctx.handleNavigate($event, navigate), ["space"])]
+		}, [renderSlot(_ctx.$slots, "default", { active: _ctx.isActive != null ? _ctx.isActive : linkIsActive })], 42, _hoisted_1)]),
+		_: 3
+	}, 16);
+}
+var BaseListItemLink_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseListItemLink_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { BaseListItemLink_default as default };

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

@@ -0,0 +1,19 @@
+import { defineComponent } from "@poveste/vendors/vue";
+//#region src/app/components/base/BaseListItemLink.vue?vue&type=script&lang.ts
+var BaseListItemLink_vue_vue_type_script_lang_default = defineComponent({
+	inheritAttrs: false,
+	props: { isActive: {
+		type: Boolean,
+		default: void 0
+	} },
+	emits: { navigate: () => true },
+	setup(props, { emit }) {
+		function handleNavigate(event, navigate) {
+			emit("navigate");
+			navigate(event);
+		}
+		return { handleNavigate };
+	}
+});
+//#endregion
+export { BaseListItemLink_vue_vue_type_script_lang_default as default };

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

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

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

@@ -0,0 +1,95 @@
+import { useResizeObserver } from "@poveste/vendors/vue-use";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, h, onBeforeUnmount, openBlock, reactive, ref, renderSlot, resolveComponent, unref, withCtx } from "@poveste/vendors/vue";
+import { Icon } from "@poveste/vendors/iconify";
+//#region src/app/components/base/BaseOverflowMenu.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	role: "button",
+	class: "cursor-pointer hover:bg-primary-50 dark:hover:bg-primary-900 w-8 h-full flex items-center justify-center absolute top-0 right-0"
+};
+var _hoisted_2 = { class: "flex flex-col items-stretch" };
+var overflowButtonWidth = 32;
+var BaseOverflowMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "BaseOverflowMenu",
+	setup(__props) {
+		const el = ref();
+		const availableWidth = ref(0);
+		useResizeObserver(el, (entries) => {
+			const containerWidth = entries[0].contentRect.width;
+			availableWidth.value = containerWidth - 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;
+				if (width > availableWidth.value) return i;
+			}
+			return c.length;
+		});
+		/**
+		* Watches for the size of each child and automatically hide them
+		*/
+		const ChildWrapper = {
+			name: "ChildWrapper",
+			props: ["index"],
+			setup(props, { slots }) {
+				const el = ref();
+				const state = reactive({
+					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);
+					state.width = width;
+				});
+				onBeforeUnmount(() => {
+					children.value.delete(el.value);
+				});
+				const visible = computed(() => visibleChildrenCount.value > state.index);
+				return () => h("div", {
+					ref: el,
+					style: { visibility: visible.value ? "visible" : "hidden" }
+				}, 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]));
+		}
+		/**
+		* Only renders a part of a children list
+		*/
+		function ChildrenSlice(props, { slots }) {
+			const [fragment] = slots.default();
+			return fragment.children.slice(props.start, props.end);
+		}
+		return (_ctx, _cache) => {
+			const _component_VDropdown = resolveComponent("VDropdown");
+			return openBlock(), createElementBlock("div", {
+				ref_key: "el",
+				ref: el,
+				class: "poveste-base-overflow-menu flex overflow-hidden relative"
+			}, [createVNode(ChildrenRender, null, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}), visibleChildrenCount.value < children.value.size ? (openBlock(), createBlock(_component_VDropdown, { key: 0 }, {
+				popper: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(ChildrenSlice, { start: visibleChildrenCount.value }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "overflow")]),
+					_: 3
+				}, 8, ["start"])])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(Icon), {
+					icon: "carbon:caret-down",
+					class: "w-4 h-4 opacity-50 group-hover:opacity-100"
+				})])]),
+				_: 3
+			})) : createCommentVNode("", true)], 512);
+		};
+	}
+});
+//#endregion
+export { BaseOverflowMenu_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,26 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import BaseOverflowTab_vue_vue_type_script_lang_default from "./BaseOverflowTab.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/BaseOverflowTab.vue
+var _hoisted_1 = ["href", "onClick"];
+var _hoisted_2 = {
+	key: 0,
+	class: "absolute top-0 left-0 h-full w-[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-overflow-tab" }, _ctx.$attrs, { custom: "" }), {
+		default: withCtx(({ isActive, isExactActive, href, navigate }) => [createElementVNode("a", mergeProps(_ctx.$attrs, {
+			href,
+			class: ["px-4 h-10 min-w-[150px] 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-y" }, {
+			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 BaseOverflowTab_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseOverflowTab_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { BaseOverflowTab_default as default };

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

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

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

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

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

@@ -0,0 +1,59 @@
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "@poveste/vendors/vue";
+import { Dropdown } from "@poveste/vendors/floating-vue";
+import { Icon } from "@poveste/vendors/iconify";
+//#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_2 = { class: "flex-1 truncate" };
+var _hoisted_3 = { class: "flex flex-col bg-gray-50 dark:bg-gray-700" };
+var _hoisted_4 = ["onClick"];
+var BaseSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "BaseSelect",
+	props: {
+		modelValue: {},
+		options: {}
+	},
+	emits: ["update:modelValue", "select"],
+	setup(__props, { 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 selectedLabel = computed(() => formattedOptions.value[props.modelValue]);
+		function selectValue(value, hide) {
+			emit("update:modelValue", value);
+			emit("select", value);
+			hide();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Dropdown), {
+				class: "poveste-base-select",
+				"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,
+						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), {
+					icon: "carbon:chevron-sort",
+					class: "w-4 h-4 flex-none ml-auto"
+				})])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { BaseSelect_vue_vue_type_script_setup_true_lang_default as default };

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

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