@poveste/app 0.2.1 → 0.3.1

package/dist/bundled/components/toolbar/ToolbarResponsiveSize.vue2.js

@@ -1,127 +0,0 @@
-import { defineComponent, resolveComponent, resolveDirective, createBlock, openBlock, unref, withCtx, withDirectives, createElementBlock, normalizeClass, createVNode, createElementVNode, createTextVNode, vModelText, Fragment, renderList, toDisplayString, createCommentVNode } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { usePreviewSettingsStore } from "../../stores/preview-settings.js";
-import { povesteConfig } from "../../util/config.js";
-import "../base/BaseCheckbox.vue.js";
-import _sfc_main$1 from "../base/BaseCheckbox.vue2.js";
-"use strict";
-const _hoisted_1 = { class: "ptw-flex ptw-flex-col ptw-items-stretch" };
-const _hoisted_2 = { class: "ptw-flex ptw-items-center ptw-gap-2 ptw-px-4 ptw-py-3" };
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "ptw-ml-auto ptw-opacity-70 ptw-flex ptw-gap-1" };
-const _hoisted_5 = { key: 0 };
-const _hoisted_6 = { key: 0 };
-const _hoisted_7 = { key: 1 };
-const _hoisted_8 = { key: 2 };
-const _hoisted_9 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ToolbarResponsiveSize",
-  setup(__props) {
-    const settings = usePreviewSettingsStore().currentSettings;
-    return (_ctx, _cache) => {
-      const _component_VDropdown = resolveComponent("VDropdown");
-      const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createBlock(_component_VDropdown, {
-        placement: "bottom-end",
-        skidding: 6,
-        disabled: !unref(povesteConfig).responsivePresets?.length,
-        class: "poveste-toolbar-responsive-size ptw-flex-none"
-      }, {
-        popper: withCtx(({ hide }) => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(_sfc_main$1, {
-              modelValue: unref(settings).rotate,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(settings).rotate = $event)
-            }, {
-              default: withCtx(() => [..._cache[3] || (_cache[3] = [
-                createTextVNode(" Rotate ", -1)
-              ])]),
-              _: 1
-            }, 8, ["modelValue"]),
-            createElementVNode("div", _hoisted_2, [
-              withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(settings).responsiveWidth = $event),
-                type: "number",
-                class: "ptw-bg-transparent ptw-border ptw-border-gray-200 dark:ptw-border-gray-850 ptw-rounded ptw-w-20 ptw-opacity-50 focus:ptw-opacity-100 ptw-flex-1 ptw-min-w-0",
-                step: "16",
-                placeholder: "Auto"
-              }, null, 512), [
-                [
-                  vModelText,
-                  unref(settings).responsiveWidth,
-                  void 0,
-                  { number: true }
-                ],
-                [_directive_tooltip, "Responsive width (px)"]
-              ]),
-              _cache[4] || (_cache[4] = createElementVNode("span", { class: "ptw-opacity-50" }, "×", -1)),
-              withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(settings).responsiveHeight = $event),
-                type: "number",
-                class: "ptw-bg-transparent ptw-border ptw-border-gray-200 dark:ptw-border-gray-850 ptw-rounded ptw-w-20 ptw-opacity-50 focus:ptw-opacity-100 ptw-flex-1 ptw-min-w-0",
-                step: "16",
-                placeholder: "Auto"
-              }, null, 512), [
-                [
-                  vModelText,
-                  unref(settings).responsiveHeight,
-                  void 0,
-                  { number: true }
-                ],
-                [_directive_tooltip, "Responsive height (px)"]
-              ])
-            ]),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(povesteConfig).responsivePresets, (preset, index) => {
-              return openBlock(), createElementBlock("button", {
-                key: index,
-                class: normalizeClass(["ptw-px-4 ptw-py-3 ptw-cursor-pointer ptw-text-left ptw-flex ptw-gap-4", [
-                  unref(settings).responsiveWidth === preset.width && unref(settings).responsiveHeight === preset.height ? "ptw-bg-primary-500 hover:ptw-bg-primary-600 ptw-text-white dark:ptw-text-black" : "ptw-bg-transparent hover:ptw-bg-primary-100 dark:hover:ptw-bg-primary-700"
-                ]]),
-                onClick: ($event) => {
-                  unref(settings).responsiveWidth = preset.width;
-                  unref(settings).responsiveHeight = preset.height;
-                  hide();
-                }
-              }, [
-                createTextVNode(toDisplayString(preset.label) + " ", 1),
-                createElementVNode("span", _hoisted_4, [
-                  preset.width ? (openBlock(), createElementBlock("span", _hoisted_5, [
-                    createTextVNode(toDisplayString(preset.width), 1),
-                    !preset.height ? (openBlock(), createElementBlock("span", _hoisted_6, "px")) : createCommentVNode("", true)
-                  ])) : createCommentVNode("", true),
-                  preset.width && preset.height ? (openBlock(), createElementBlock("span", _hoisted_7, "x")) : createCommentVNode("", true),
-                  preset.height ? (openBlock(), createElementBlock("span", _hoisted_8, [
-                    createTextVNode(toDisplayString(preset.height), 1),
-                    !preset.width ? (openBlock(), createElementBlock("span", _hoisted_9, "px")) : createCommentVNode("", true)
-                  ])) : createCommentVNode("", true)
-                ])
-              ], 10, _hoisted_3);
-            }), 128))
-          ])
-        ]),
-        default: withCtx(() => [
-          withDirectives((openBlock(), createElementBlock("div", {
-            class: normalizeClass(["ptw-flex ptw-items-center ptw-gap-1 ptw-px-2.5 ptw-py-1.5 ptw-text-gray-900 dark:ptw-text-gray-100 ptw-transition-colors ptw-group", {
-              "hover:ptw-bg-white/50 dark:hover:ptw-bg-white/10 hover:ptw-text-primary-500 dark:hover:ptw-text-primary-400 ptw-cursor-pointer": unref(povesteConfig).responsivePresets?.length
-            }])
-          }, [
-            createVNode(unref(Icon), {
-              icon: "carbon:devices",
-              class: "ptw-w-4 ptw-h-4"
-            }),
-            createVNode(unref(Icon), {
-              icon: "carbon:chevron-down",
-              class: "ptw-w-3 ptw-h-3 ptw-opacity-40 group-hover:ptw-opacity-70"
-            })
-          ], 2)), [
-            [_directive_tooltip, "Responsive sizes"]
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/toolbar/ToolbarTextDirection.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./ToolbarTextDirection.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/toolbar/ToolbarTextDirection.vue2.js

@@ -1,31 +0,0 @@
-import { defineComponent, resolveDirective, withDirectives, openBlock, createBlock, unref, withCtx, createVNode } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { usePreviewSettingsStore } from "../../stores/preview-settings.js";
-import TopBarChipItem from "../app/TopBarChipItem.vue.js";
-"use strict";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ToolbarTextDirection",
-  setup(__props) {
-    const settings = usePreviewSettingsStore().currentSettings;
-    return (_ctx, _cache) => {
-      const _directive_tooltip = resolveDirective("tooltip");
-      return withDirectives((openBlock(), createBlock(TopBarChipItem, {
-        class: "poveste-toolbar-text-direction",
-        onClick: _cache[0] || (_cache[0] = ($event) => unref(settings).textDirection = unref(settings).textDirection === "ltr" ? "rtl" : "ltr")
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(Icon), {
-            icon: unref(settings).textDirection === "ltr" ? "fluent:text-paragraph-direction-right-16-regular" : "fluent:text-paragraph-direction-left-16-regular",
-            class: "ptw-w-4 ptw-h-4"
-          }, null, 8, ["icon"])
-        ]),
-        _: 1
-      })), [
-        [_directive_tooltip, `Switch to text direction ${unref(settings).textDirection === "ltr" ? "Right to Left" : "Left to Right"}`]
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/toolbar/ToolbarTitle.vue.js

@@ -1,8 +0,0 @@
-import _sfc_main from "./ToolbarTitle.vue2.js";
-/* empty css                  */
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-"use strict";
-const ToolbarTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ced59894"]]);
-export {
-  ToolbarTitle as default
-};

package/dist/bundled/components/toolbar/ToolbarTitle.vue2.js

@@ -1,49 +0,0 @@
-import { defineComponent, useCssVars, computed, createElementBlock, openBlock, createVNode, createElementVNode, unref, normalizeClass, createCommentVNode, toDisplayString } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-"use strict";
-const _hoisted_1 = { class: "poveste-toolbar-title ptw-flex ptw-items-center ptw-gap-2 ptw-min-w-0" };
-const _hoisted_2 = { class: "ptw-flex ptw-flex-col ptw-justify-center ptw-min-w-0 ptw-leading-tight ptw-text-center ptw-h-[2.25rem]" };
-const _hoisted_3 = { class: "ptw-truncate ptw-text-sm ptw-font-medium ptw-text-gray-900 dark:ptw-text-gray-100" };
-const _hoisted_4 = {
-  key: 0,
-  class: "ptw-truncate ptw-text-xs ptw-text-gray-500 dark:ptw-text-gray-400"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ToolbarTitle",
-  props: {
-    variant: {},
-    story: {}
-  },
-  setup(__props) {
-    useCssVars((_ctx) => ({
-      "b13fe2b2": iconColor.value
-    }));
-    const props = __props;
-    const icon = computed(() => props.variant?.icon ?? props.story?.icon ?? "carbon:cube");
-    const iconColor = computed(() => props.variant?.iconColor ?? props.story?.iconColor);
-    const title = computed(() => props.variant?.title ?? props.story?.title ?? "");
-    const subtitle = computed(() => {
-      if (props.variant && props.story && props.story.title !== props.variant.title) {
-        return props.story.title;
-      }
-      return void 0;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(Icon), {
-          icon: icon.value,
-          class: normalizeClass(["ptw-w-4 ptw-h-4 ptw-flex-none", [
-            iconColor.value ? "bind-icon-color" : "ptw-text-gray-500 dark:ptw-text-gray-400"
-          ]])
-        }, null, 8, ["icon", "class"]),
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("span", _hoisted_3, toDisplayString(title.value), 1),
-          subtitle.value ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(subtitle.value), 1)) : createCommentVNode("", true)
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/tree/StoryGroup.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./StoryGroup.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/tree/StoryGroup.vue2.js

@@ -1,74 +0,0 @@
-import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, Fragment, createElementVNode, withKeys, createVNode, unref, toDisplayString, renderList, createBlock } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { useFolderStore } from "../../stores/folder.js";
-import StoryListFolder from "./StoryListFolder.vue.js";
-import StoryListItem from "./StoryListItem.vue.js";
-"use strict";
-const _hoisted_1 = {
-  "data-test-id": "story-group",
-  class: "poveste-story-group ptw-my-2 first:ptw-mt-0 last:ptw-mb-0 ptw-group"
-};
-const _hoisted_2 = { class: "ptw-truncate" };
-const _hoisted_3 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "StoryGroup",
-  props: {
-    path: { default: () => [] },
-    group: {},
-    stories: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const folderStore = useFolderStore();
-    const folderPath = computed(() => [...props.path, props.group.title]);
-    const isFolderOpen = computed(() => folderStore.isFolderOpened(folderPath.value, true));
-    function toggleOpen() {
-      folderStore.toggleFolder(folderPath.value, false);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        __props.group.title ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _cache[0] || (_cache[0] = createElementVNode("div", { class: "ptw-h-[1px] ptw-bg-gray-500/10 ptw-mx-6 ptw-mb-2 group-first:ptw-hidden" }, null, -1)),
-          createElementVNode("div", {
-            role: "button",
-            tabindex: "0",
-            class: "ptw-px-0.5 ptw-py-2 md:ptw-py-1.5 ptw-mx-1 ptw-rounded-sm hover:ptw-bg-primary-100 dark:hover:ptw-bg-primary-900 ptw-cursor-pointer ptw-select-none ptw-flex ptw-items-center ptw-gap-2 ptw-min-w-0 ptw-opacity-50 hover:ptw-opacity-100",
-            onClick: toggleOpen,
-            onKeyup: [
-              withKeys(toggleOpen, ["enter"]),
-              withKeys(toggleOpen, ["space"])
-            ]
-          }, [
-            createVNode(unref(Icon), {
-              icon: isFolderOpen.value ? "ri:subtract-line" : "ri:add-line",
-              class: "ptw-w-4 ptw-h-4 ptw-ml-4 ptw-rounded-sm ptw-border ptw-border-gray-500/40"
-            }, null, 8, ["icon"]),
-            createElementVNode("span", _hoisted_2, toDisplayString(__props.group.title), 1)
-          ], 32)
-        ], 64)) : createCommentVNode("", true),
-        isFolderOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.group.children, (element) => {
-            return openBlock(), createElementBlock(Fragment, {
-              key: element.title
-            }, [
-              element.children ? (openBlock(), createBlock(StoryListFolder, {
-                key: 0,
-                path: folderPath.value,
-                folder: element,
-                stories: __props.stories,
-                depth: 0
-              }, null, 8, ["path", "folder", "stories"])) : (openBlock(), createBlock(StoryListItem, {
-                key: 1,
-                story: __props.stories[element.index],
-                depth: 0
-              }, null, 8, ["story"]))
-            ], 64);
-          }), 128))
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/tree/StoryList.vue.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./StoryList.vue2.js";
-"use strict";
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/tree/StoryList.vue2.js

@@ -1,41 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, Fragment, renderList, createBlock } from "@poveste/vendors/vue";
-import "./StoryGroup.vue.js";
-import StoryListFolder from "./StoryListFolder.vue.js";
-import StoryListItem from "./StoryListItem.vue.js";
-import _sfc_main$1 from "./StoryGroup.vue2.js";
-"use strict";
-const _hoisted_1 = { class: "poveste-story-list ptw-overflow-y-auto" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "StoryList",
-  props: {
-    tree: {},
-    stories: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tree, (element) => {
-          return openBlock(), createElementBlock(Fragment, {
-            key: element.title
-          }, [
-            element.group ? (openBlock(), createBlock(_sfc_main$1, {
-              key: 0,
-              group: element,
-              stories: __props.stories
-            }, null, 8, ["group", "stories"])) : element.children ? (openBlock(), createBlock(StoryListFolder, {
-              key: 1,
-              folder: element,
-              stories: __props.stories
-            }, null, 8, ["folder", "stories"])) : (openBlock(), createBlock(StoryListItem, {
-              key: 2,
-              story: __props.stories[element.index]
-            }, null, 8, ["story"]))
-          ], 64);
-        }), 128))
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/tree/StoryListFolder.vue.js

@@ -1,8 +0,0 @@
-import _sfc_main from "./StoryListFolder.vue2.js";
-/* empty css                     */
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-"use strict";
-const StoryListFolder = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5a91a083"]]);
-export {
-  StoryListFolder as default
-};

package/dist/bundled/components/tree/StoryListFolder.vue2.js

@@ -1,86 +0,0 @@
-import { defineComponent, useCssVars, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, withKeys, createVNode, unref, normalizeClass, toDisplayString, Fragment, renderList, createBlock } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { useFolderStore } from "../../stores/folder.js";
-import StoryListItem from "./StoryListItem.vue.js";
-"use strict";
-const _hoisted_1 = {
-  "data-test-id": "story-list-folder",
-  class: "poveste-story-list-folder"
-};
-const _hoisted_2 = { class: "bind-tree-padding ptw-flex ptw-items-center ptw-gap-2 ptw-min-w-0" };
-const _hoisted_3 = { class: "ptw-flex ptw-flex-none ptw-items-center ptw-opacity-30 [.poveste-story-list-folder-button:hover_&]:ptw-opacity-100 ptw-ml-4 ptw-w-4 ptw-h-4 ptw-rounded-sm ptw-border ptw-border-gray-500/40" };
-const _hoisted_4 = { class: "ptw-truncate" };
-const _hoisted_5 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "StoryListFolder",
-  props: {
-    path: { default: () => [] },
-    folder: {},
-    stories: {},
-    depth: { default: 0 }
-  },
-  setup(__props) {
-    useCssVars((_ctx) => ({
-      "v32f93782": folderPadding.value
-    }));
-    const props = __props;
-    const folderStore = useFolderStore();
-    const folderPath = computed(() => [...props.path, props.folder.title]);
-    const isFolderOpen = computed(() => folderStore.isFolderOpened(folderPath.value));
-    function toggleOpen() {
-      folderStore.toggleFolder(folderPath.value);
-    }
-    const folderPadding = computed(() => {
-      return `${props.depth * 12}px`;
-    });
-    return (_ctx, _cache) => {
-      const _component_StoryListFolder = resolveComponent("StoryListFolder", true);
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          role: "button",
-          tabindex: "0",
-          class: "poveste-story-list-folder-button ptw-px-0.5 ptw-py-2 md:ptw-py-1.5 ptw-mx-1 ptw-rounded-sm hover:ptw-bg-primary-100 dark:hover:ptw-bg-primary-900 ptw-cursor-pointer ptw-select-none ptw-flex",
-          onClick: toggleOpen,
-          onKeyup: [
-            withKeys(toggleOpen, ["enter"]),
-            withKeys(toggleOpen, ["space"])
-          ]
-        }, [
-          createElementVNode("span", _hoisted_2, [
-            createElementVNode("span", _hoisted_3, [
-              createVNode(unref(Icon), {
-                icon: "carbon:caret-right",
-                class: normalizeClass(["ptw-w-full ptw-h-full ptw-transition-transform ptw-duration-150", {
-                  "ptw-rotate-90": isFolderOpen.value
-                }])
-              }, null, 8, ["class"])
-            ]),
-            createElementVNode("span", _hoisted_4, toDisplayString(__props.folder.title), 1)
-          ])
-        ], 32),
-        isFolderOpen.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.folder.children, (element) => {
-            return openBlock(), createElementBlock(Fragment, {
-              key: element.title
-            }, [
-              element.children ? (openBlock(), createBlock(_component_StoryListFolder, {
-                key: 0,
-                path: folderPath.value,
-                folder: element,
-                stories: __props.stories,
-                depth: __props.depth + 1
-              }, null, 8, ["path", "folder", "stories", "depth"])) : (openBlock(), createBlock(StoryListItem, {
-                key: 1,
-                story: __props.stories[element.index],
-                depth: __props.depth + 1
-              }, null, 8, ["story", "depth"]))
-            ], 64);
-          }), 128))
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/tree/StoryListItem.vue.js

@@ -1,8 +0,0 @@
-import _sfc_main from "./StoryListItem.vue2.js";
-/* empty css                   */
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-"use strict";
-const StoryListItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8b5cda46"]]);
-export {
-  StoryListItem as default
-};

package/dist/bundled/components/tree/StoryListItem.vue2.js

@@ -1,69 +0,0 @@
-import { defineComponent, useCssVars, computed, ref, createElementBlock, openBlock, createVNode, withCtx, createElementVNode, createCommentVNode, unref, normalizeClass, toDisplayString } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { useRoute } from "@poveste/vendors/vue-router";
-import { useScrollOnActive } from "../../util/scroll.js";
-import BaseListItemLink from "../base/BaseListItemLink.vue.js";
-"use strict";
-const _hoisted_1 = { class: "bind-tree-margin ptw-flex ptw-items-center ptw-gap-2 ptw-pl-4 ptw-min-w-0" };
-const _hoisted_2 = { class: "ptw-truncate" };
-const _hoisted_3 = {
-  key: 0,
-  class: "ptw-opacity-40 ptw-text-sm"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "StoryListItem",
-  props: {
-    story: {},
-    depth: { default: 0 }
-  },
-  setup(__props) {
-    useCssVars((_ctx) => ({
-      "v09275fa8": filePadding.value,
-      "v8627d038": _ctx.story.iconColor
-    }));
-    const props = __props;
-    const filePadding = computed(() => {
-      return `${props.depth * 12}px`;
-    });
-    const route = useRoute();
-    const isActive = computed(() => route.params.storyId === props.story.id);
-    const el = ref();
-    useScrollOnActive(isActive, el);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "el",
-        ref: el,
-        "data-test-id": "story-list-item",
-        class: "poveste-story-list-item"
-      }, [
-        createVNode(BaseListItemLink, {
-          to: {
-            name: "story",
-            params: {
-              storyId: __props.story.id
-            }
-          },
-          class: "ptw-pl-0.5 ptw-pr-2 ptw-py-2 md:ptw-py-1.5 ptw-mx-1 ptw-rounded-sm"
-        }, {
-          default: withCtx(({ active }) => [
-            createElementVNode("span", _hoisted_1, [
-              createVNode(unref(Icon), {
-                icon: __props.story.icon ?? "carbon:cube",
-                class: normalizeClass(["ptw-w-5 ptw-h-5 sm:ptw-w-4 sm:ptw-h-4 ptw-flex-none", {
-                  "ptw-text-primary-500": !active && !__props.story.iconColor,
-                  "bind-icon-color": !active && __props.story.iconColor
-                }])
-              }, null, 8, ["icon", "class"]),
-              createElementVNode("span", _hoisted_2, toDisplayString(__props.story.title), 1)
-            ]),
-            !__props.story.docsOnly ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.story.variants.length), 1)) : createCommentVNode("", true)
-          ]),
-          _: 1
-        }, 8, ["to"])
-      ], 512);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};