@poveste/app 0.2.1 → 0.3.1

package/dist/bundled/components/panel/StorySidePanel.vue2.js

@@ -1,94 +0,0 @@
-import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, createBlock, unref, withCtx, createVNode, resolveDynamicComponent } from "@poveste/vendors/vue";
-import { useRoute } from "@poveste/vendors/vue-router";
-import { useLayoutStore } from "../../stores/layout.js";
-import { useStoryStore } from "../../stores/story.js";
-import BaseEmpty from "../base/BaseEmpty.vue.js";
-import BaseSplitPane from "../base/BaseSplitPane.vue.js";
-import "./PaneTabs.vue.js";
-import "./StoryControls.vue.js";
-import "./StoryDocs.vue.js";
-import "./StoryEvents.vue.js";
-import StorySourceCode from "./StorySourceCode.vue.js";
-import _sfc_main$1 from "./StoryControls.vue2.js";
-import _sfc_main$2 from "./StoryEvents.vue2.js";
-import _sfc_main$3 from "./StoryDocs.vue2.js";
-import _sfc_main$4 from "./PaneTabs.vue2.js";
-"use strict";
-const _hoisted_1 = { class: "ptw-h-full ptw-w-full ptw-p-2" };
-const _hoisted_2 = { class: "ptw-h-full ptw-w-full ptw-rounded-lg ptw-border ptw-border-gray-200 dark:ptw-border-gray-700 ptw-overflow-hidden ptw-bg-white dark:ptw-bg-gray-700" };
-const _hoisted_3 = { class: "ptw-flex ptw-flex-col ptw-h-full" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "StorySidePanel",
-  setup(__props) {
-    const storyStore = useStoryStore();
-    const layoutStore = useLayoutStore();
-    const innerOrientation = computed(
-      () => layoutStore.settings.storyOptionsPlacement === "bottom" ? "landscape" : "portrait"
-    );
-    const route = useRoute();
-    const panelContentComponent = computed(() => {
-      switch (route.query.tab) {
-        case "docs":
-          return _sfc_main$3;
-        case "events":
-          return _sfc_main$2;
-        default:
-          return _sfc_main$1;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          !unref(storyStore).currentVariant ? (openBlock(), createBlock(BaseEmpty, {
-            key: 0,
-            class: "poveste-story-side-panel poveste-selection"
-          }, {
-            default: withCtx(() => [..._cache[0] || (_cache[0] = [
-              createElementVNode("span", null, "Select a variant", -1)
-            ])]),
-            _: 1
-          })) : !unref(storyStore).currentVariant.configReady || !unref(storyStore).currentVariant.previewReady ? (openBlock(), createBlock(BaseEmpty, {
-            key: 1,
-            class: "poveste-story-side-panel poveste-loading"
-          }, {
-            default: withCtx(() => [..._cache[1] || (_cache[1] = [
-              createElementVNode("span", null, "Loading...", -1)
-            ])]),
-            _: 1
-          })) : (openBlock(), createBlock(BaseSplitPane, {
-            key: 2,
-            "save-id": `story-sidepane-${innerOrientation.value}`,
-            orientation: innerOrientation.value,
-            class: "poveste-story-side-panel poveste-loaded ptw-h-full",
-            "data-test-id": "story-side-panel"
-          }, {
-            first: withCtx(() => [
-              createElementVNode("div", _hoisted_3, [
-                createVNode(_sfc_main$4, {
-                  story: unref(storyStore).currentStory,
-                  variant: unref(storyStore).currentVariant
-                }, null, 8, ["story", "variant"]),
-                (openBlock(), createBlock(resolveDynamicComponent(panelContentComponent.value), {
-                  story: unref(storyStore).currentStory,
-                  variant: unref(storyStore).currentVariant,
-                  class: "ptw-h-full ptw-overflow-auto"
-                }, null, 8, ["story", "variant"]))
-              ])
-            ]),
-            last: withCtx(() => [
-              createVNode(StorySourceCode, {
-                story: unref(storyStore).currentStory,
-                variant: unref(storyStore).currentVariant,
-                class: "ptw-h-full"
-              }, null, 8, ["story", "variant"])
-            ]),
-            _: 1
-          }, 8, ["save-id", "orientation"]))
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/panel/StorySourceCode.vue.js

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

package/dist/bundled/components/panel/StorySourceCode.vue2.js

@@ -1,204 +0,0 @@
-import { defineComponent, ref, watchEffect, markRaw, shallowRef, watch, computed, onMounted, nextTick, resolveDirective, createElementBlock, openBlock, createCommentVNode, createBlock, createElementVNode, createVNode, withDirectives, normalizeClass, unref, toDisplayString, withCtx } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { HstCopyIcon } from "@poveste/controls";
-import { unindent } from "@poveste/shared";
-import { createHighlighter } from "shiki";
-import { clientSupportPlugins } from "virtual:$poveste-support-plugins-client";
-import { isDark } from "../../util/dark.js";
-import BaseEmpty from "../base/BaseEmpty.vue.js";
-"use strict";
-const _hoisted_1 = { class: "poveste-story-source-code ptw-bg-gray-50 dark:ptw-bg-gray-750 ptw-h-full ptw-overflow-hidden ptw-flex ptw-flex-col" };
-const _hoisted_2 = {
-  key: 0,
-  class: "ptw-h-10 ptw-flex-none ptw-border-b ptw-border-solid ptw-border-gray-500/5 ptw-px-4 ptw-flex ptw-items-center ptw-gap-2"
-};
-const _hoisted_3 = { class: "ptw-flex ptw-flex-none ptw-gap-px ptw-h-full ptw-py-2" };
-const _hoisted_4 = {
-  key: 1,
-  class: "ptw-text-red-500 ptw-h-full ptw-p-2 ptw-overflow-auto ptw-font-mono ptw-text-sm"
-};
-const _hoisted_5 = ["value"];
-const _hoisted_6 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "StorySourceCode",
-  props: {
-    story: {},
-    variant: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const generateSourceCodeFn = ref(null);
-    watchEffect(async () => {
-      const clientPlugin = clientSupportPlugins[props.story.file?.supportPluginId];
-      if (clientPlugin) {
-        const pluginModule = await clientPlugin();
-        generateSourceCodeFn.value = markRaw(pluginModule.generateSourceCode);
-      }
-    });
-    const highlighter = shallowRef();
-    const dynamicSourceCode = ref("");
-    const error = ref(null);
-    watch(() => [props.variant, generateSourceCodeFn.value], async () => {
-      if (!generateSourceCodeFn.value) return;
-      error.value = null;
-      dynamicSourceCode.value = "";
-      try {
-        if (props.variant.source) {
-          dynamicSourceCode.value = props.variant.source;
-        } else if (props.variant.slots?.().source) {
-          const source = props.variant.slots?.().source()[0].children;
-          if (source) {
-            dynamicSourceCode.value = await unindent(source);
-          }
-        } else {
-          dynamicSourceCode.value = await generateSourceCodeFn.value(props.variant);
-        }
-      } catch (e) {
-        console.error(e);
-        error.value = e.message;
-      }
-      if (!dynamicSourceCode.value) {
-        displayedSource.value = "static";
-      }
-    }, {
-      deep: true,
-      immediate: true
-    });
-    const staticSourceCode = ref("");
-    watch(() => [props.story, props.story?.file?.source], async () => {
-      staticSourceCode.value = "";
-      const sourceLoader = props.story.file?.source;
-      if (sourceLoader) {
-        staticSourceCode.value = (await sourceLoader()).default;
-      }
-    }, {
-      immediate: true
-    });
-    const displayedSource = ref("dynamic");
-    const displayedSourceCode = computed(() => {
-      if (displayedSource.value === "dynamic") {
-        return dynamicSourceCode.value;
-      }
-      return staticSourceCode.value;
-    });
-    onMounted(async () => {
-      highlighter.value = await createHighlighter({
-        langs: [
-          "html",
-          "jsx"
-        ],
-        themes: [
-          "github-light",
-          "github-dark"
-        ]
-      });
-    });
-    const sourceHtml = computed(() => displayedSourceCode.value ? highlighter.value?.codeToHtml(displayedSourceCode.value, {
-      lang: "html",
-      theme: isDark.value ? "github-dark" : "github-light"
-    }) : "");
-    let lastScroll = 0;
-    watch(() => props.variant, () => {
-      lastScroll = 0;
-    });
-    const scroller = ref();
-    function onScroll(event) {
-      if (sourceHtml.value) {
-        lastScroll = event.target.scrollTop;
-      }
-    }
-    watch(sourceHtml, async () => {
-      await nextTick();
-      if (scroller.value) {
-        scroller.value.scrollTop = lastScroll;
-      }
-    });
-    return (_ctx, _cache) => {
-      const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        !error.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          _cache[2] || (_cache[2] = createElementVNode("div", { class: "ptw-text-gray-900 dark:ptw-text-gray-100" }, " Source ", -1)),
-          _cache[3] || (_cache[3] = createElementVNode("div", { class: "ptw-flex-1" }, null, -1)),
-          createElementVNode("div", _hoisted_3, [
-            withDirectives((openBlock(), createElementBlock("button", {
-              class: normalizeClass(["ptw-flex ptw-items-center ptw-gap-1 ptw-h-full ptw-px-1 ptw-bg-gray-500/10 ptw-rounded-l ptw-transition-all ptw-ease-[cubic-bezier(0,1,.6,1)] ptw-duration-300 ptw-overflow-hidden", [
-                displayedSource.value !== "dynamic" ? "ptw-max-w-6 ptw-opacity-70" : "ptw-max-w-[82px] ptw-text-primary-600 dark:ptw-text-primary-400",
-                dynamicSourceCode.value ? "ptw-cursor-pointer hover:ptw-bg-gray-500/30 active:ptw-bg-gray-600/50" : "ptw-opacity-50"
-              ]]),
-              onClick: _cache[0] || (_cache[0] = ($event) => dynamicSourceCode.value && (displayedSource.value = "dynamic"))
-            }, [
-              createVNode(unref(Icon), {
-                icon: "carbon:flash",
-                class: "ptw-w-4 ptw-h-4 ptw-flex-none"
-              }),
-              createElementVNode("span", {
-                class: normalizeClass(["transition-opacity duration-300", {
-                  "opacity-0": displayedSource.value !== "dynamic"
-                }])
-              }, " Dynamic ", 2)
-            ], 2)), [
-              [_directive_tooltip, !dynamicSourceCode.value ? "Dynamic source code is not available" : displayedSource.value !== "dynamic" ? "Switch to dynamic source" : null]
-            ]),
-            withDirectives((openBlock(), createElementBlock("button", {
-              class: normalizeClass(["ptw-flex ptw-items-center ptw-gap-1 ptw-h-full ptw-px-1 ptw-bg-gray-500/10 ptw-rounded-r ptw-transition-all ptw-ease-[cubic-bezier(0,1,.6,1)] ptw-duration-300 ptw-overflow-hidden", [
-                displayedSource.value !== "static" ? "ptw-max-w-6 ptw-opacity-70" : "ptw-max-w-[63px] ptw-text-primary-600 dark:ptw-text-primary-400",
-                staticSourceCode.value ? "ptw-cursor-pointer hover:ptw-bg-gray-500/30 active:ptw-bg-gray-600/50" : "ptw-opacity-50"
-              ]]),
-              onClick: _cache[1] || (_cache[1] = ($event) => staticSourceCode.value && (displayedSource.value = "static"))
-            }, [
-              createVNode(unref(Icon), {
-                icon: "carbon:document",
-                class: "ptw-w-4 ptw-h-4 ptw-flex-none"
-              }),
-              createElementVNode("span", {
-                class: normalizeClass(["transition-opacity duration-300", {
-                  "opacity-0": displayedSource.value !== "static"
-                }])
-              }, " Static ", 2)
-            ], 2)), [
-              [_directive_tooltip, !staticSourceCode.value ? "Static source code is not available" : displayedSource.value !== "static" ? "Switch to static source" : null]
-            ])
-          ]),
-          createVNode(unref(HstCopyIcon), {
-            content: displayedSourceCode.value,
-            class: "ptw-flex-none"
-          }, null, 8, ["content"])
-        ])) : createCommentVNode("", true),
-        error.value ? (openBlock(), createElementBlock("div", _hoisted_4, " Error: " + toDisplayString(error.value), 1)) : !displayedSourceCode.value ? (openBlock(), createBlock(BaseEmpty, { key: 2 }, {
-          default: withCtx(() => [
-            createVNode(unref(Icon), {
-              icon: "carbon:code-hide",
-              class: "ptw-w-8 ptw-h-8 ptw-opacity-50 ptw-mb-6"
-            }),
-            _cache[4] || (_cache[4] = createElementVNode("span", null, "Not available", -1))
-          ]),
-          _: 1
-        })) : !sourceHtml.value ? (openBlock(), createElementBlock("textarea", {
-          key: 3,
-          ref_key: "scroller",
-          ref: scroller,
-          class: "__poveste-code-placeholder ptw-w-full ptw-h-full ptw-p-4 ptw-outline-none ptw-bg-transparent ptw-resize-none ptw-m-0",
-          value: displayedSourceCode.value,
-          readonly: "",
-          "data-test-id": "story-source-code",
-          onScroll
-        }, null, 40, _hoisted_5)) : (openBlock(), createElementBlock("div", {
-          key: 4,
-          ref_key: "scroller",
-          ref: scroller,
-          class: "ptw-w-full ptw-h-full ptw-overflow-auto",
-          "data-test-id": "story-source-code",
-          onScroll
-        }, [
-          createElementVNode("div", {
-            class: "__poveste-code __histoire-code ptw-p-4 ptw-w-fit",
-            innerHTML: sourceHtml.value
-          }, null, 8, _hoisted_6)
-        ], 544))
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/search/SearchItem.vue.js

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

package/dist/bundled/components/search/SearchItem.vue2.js

@@ -1,93 +0,0 @@
-import { defineComponent, useCssVars, ref, toRefs, createElementBlock, openBlock, unref, createBlock, createCommentVNode, withCtx, createVNode } from "@poveste/vendors/vue";
-import { useRouter } from "@poveste/vendors/vue-router";
-import { onKeyboardShortcut } from "../../util/keyboard.js";
-import { useScrollOnActive } from "../../util/scroll.js";
-import "../base/BaseListItem.vue.js";
-import BaseListItemLink from "../base/BaseListItemLink.vue.js";
-import "./SearchItemContent.vue.js";
-import _sfc_main$1 from "./SearchItemContent.vue2.js";
-import _sfc_main$2 from "../base/BaseListItem.vue2.js";
-"use strict";
-const _hoisted_1 = ["data-selected"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SearchItem",
-  props: {
-    result: {
-      type: Object,
-      required: true
-    },
-    selected: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: {
-    close: () => true
-  },
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "dacfd852": __props.result.iconColor
-    }));
-    const props = __props;
-    const emit = __emit;
-    const el = ref();
-    const { selected } = toRefs(props);
-    useScrollOnActive(selected, el);
-    const router = useRouter();
-    onKeyboardShortcut(["enter"], () => {
-      if (!props.selected) return;
-      action();
-    });
-    function action(fromClick = false) {
-      if ("route" in props.result && !fromClick) {
-        router.push(props.result.route);
-      }
-      if ("onActivate" in props.result) {
-        props.result.onActivate();
-      }
-      emit("close");
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "el",
-        ref: el,
-        class: "poveste-search-item",
-        "data-test-id": "search-item",
-        "data-selected": unref(selected) ? "" : void 0
-      }, [
-        "route" in __props.result ? (openBlock(), createBlock(BaseListItemLink, {
-          key: 0,
-          to: __props.result.route,
-          "is-active": unref(selected),
-          class: "ptw-px-6 ptw-py-4 ptw-gap-4",
-          onNavigate: _cache[0] || (_cache[0] = ($event) => action(true))
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$1, {
-              result: __props.result,
-              selected: unref(selected)
-            }, null, 8, ["result", "selected"])
-          ]),
-          _: 1
-        }, 8, ["to", "is-active"])) : createCommentVNode("", true),
-        "onActivate" in __props.result ? (openBlock(), createBlock(_sfc_main$2, {
-          key: 1,
-          "is-active": unref(selected),
-          class: "ptw-px-6 ptw-py-4 ptw-gap-4",
-          onNavigate: _cache[1] || (_cache[1] = ($event) => action(true))
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$1, {
-              result: __props.result,
-              selected: unref(selected)
-            }, null, 8, ["result", "selected"])
-          ]),
-          _: 1
-        }, 8, ["is-active"])) : createCommentVNode("", true)
-      ], 8, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/search/SearchItemContent.vue.js

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

package/dist/bundled/components/search/SearchItemContent.vue2.js

@@ -1,71 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, Fragment, createVNode, createElementVNode, normalizeClass, createCommentVNode, createTextVNode, toDisplayString, renderList, createBlock, unref } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import BaseIcon from "../base/BaseIcon.vue.js";
-"use strict";
-const _hoisted_1 = { class: "ptw-flex-1" };
-const _hoisted_2 = { class: "ptw-flex" };
-const _hoisted_3 = { class: "ptw-ml-auto ptw-opacity-40" };
-const _hoisted_4 = {
-  key: 0,
-  class: "ptw-flex ptw-items-center ptw-gap-0.5 ptw-opacity-60"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SearchItemContent",
-  props: {
-    result: {},
-    selected: { type: Boolean }
-  },
-  setup(__props) {
-    const defaultIcons = {
-      story: "carbon:cube",
-      variant: "carbon:cube"
-    };
-    const kindLabels = {
-      story: "Story",
-      variant: "Variant",
-      command: "Command"
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(BaseIcon, {
-          icon: __props.result.icon ?? defaultIcons[__props.result.kind],
-          class: normalizeClass(["ptw-w-4 ptw-h-4", [
-            !__props.selected ? [
-              __props.result.iconColor ? "bind-icon-color" : {
-                "ptw-text-primary-500": __props.result.kind === "story",
-                "ptw-text-gray-500": __props.result.kind === "variant"
-              }
-            ] : [],
-            {
-              "colorize-black": __props.selected
-            }
-          ]])
-        }, null, 8, ["icon", "class"]),
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            createTextVNode(toDisplayString(__props.result.title) + " ", 1),
-            createElementVNode("span", _hoisted_3, toDisplayString(kindLabels[__props.result.kind]), 1)
-          ]),
-          __props.result.path?.length ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.result.path, (p, index) => {
-              return openBlock(), createElementBlock("div", {
-                key: index,
-                class: "ptw-flex ptw-items-center ptw-gap-0.5"
-              }, [
-                index > 0 ? (openBlock(), createBlock(unref(Icon), {
-                  key: 0,
-                  icon: "carbon:chevron-right",
-                  class: "ptw-w-4 ptw-h-4 ptw-mt-0.5 ptw-opacity-50"
-                })) : createCommentVNode("", true),
-                createElementVNode("span", null, toDisplayString(p), 1)
-              ]);
-            }), 128))
-          ])) : createCommentVNode("", true)
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/search/SearchLoading.vue.js

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

package/dist/bundled/components/search/SearchLoading.vue2.js

@@ -1,21 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, createVNode, createTextVNode, unref } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-"use strict";
-const _hoisted_1 = { class: "poveste-search-loading ptw-flex ptw-items-center ptw-gap-4 ptw-pl-6 ptw-border ptw-border-transparent focus-visible:ptw-border-primary-500 ptw-h-[51px] ptw-opacity-30" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SearchLoading",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(Icon), {
-          icon: "carbon:search",
-          class: "flex-none ptw-w-4 ptw-h-4"
-        }),
-        _cache[0] || (_cache[0] = createTextVNode(" Loading... ", -1))
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/search/SearchModal.vue.js

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

package/dist/bundled/components/search/SearchModal.vue2.js

@@ -1,51 +0,0 @@
-import { defineComponent, defineAsyncComponent, withDirectives, openBlock, createElementBlock, createElementVNode, createVNode, unref, vShow } from "@poveste/vendors/vue";
-import "./SearchLoading.vue.js";
-import _sfc_main$1 from "./SearchLoading.vue2.js";
-"use strict";
-const _hoisted_1 = {
-  class: "poveste-search-modal ptw-fixed ptw-inset-0 ptw-bg-white/80 dark:ptw-bg-gray-900/80 ptw-z-20",
-  "data-test-id": "search-modal"
-};
-const _hoisted_2 = { class: "ptw-bg-white dark:ptw-bg-gray-900 md:ptw-mt-16 md:ptw-mx-auto ptw-w-screen ptw-max-w-[512px] ptw-shadow-xl ptw-border ptw-border-gray-200 dark:ptw-border-gray-750 ptw-rounded-lg ptw-relative ptw-divide-y ptw-divide-gray-200 dark:ptw-divide-gray-850" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SearchModal",
-  props: {
-    shown: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: {
-    close: () => true
-  },
-  setup(__props, { emit: __emit }) {
-    const SearchPane = defineAsyncComponent({
-      loader: () => import("./SearchPane.vue.js"),
-      loadingComponent: _sfc_main$1,
-      delay: 0
-    });
-    const emit = __emit;
-    function close() {
-      emit("close");
-    }
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          class: "ptw-absolute ptw-inset-0",
-          onClick: _cache[0] || (_cache[0] = ($event) => close())
-        }),
-        createElementVNode("div", _hoisted_2, [
-          createVNode(unref(SearchPane), {
-            shown: __props.shown,
-            onClose: _cache[1] || (_cache[1] = ($event) => close())
-          }, null, 8, ["shown"])
-        ])
-      ], 512)), [
-        [vShow, __props.shown]
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/search/SearchPane.vue.js

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