@poveste/app 0.2.1 → 0.3.1

package/dist/bundled/components/story/StoryVariantSinglePreviewRemote.vue2.js

@@ -1,153 +0,0 @@
-import { defineComponent, ref, watch, computed, onBeforeUnmount, createBlock, openBlock, withCtx, createElementVNode, normalizeStyle, normalizeClass, toRaw } from "@poveste/vendors/vue";
-import { applyState } from "@poveste/shared";
-import { useEventListener } from "@poveste/vendors/vue-use";
-import { useEventsStore } from "../../stores/events.js";
-import { usePreviewSettingsStore } from "../../stores/preview-settings.js";
-import { SANDBOX_HEIGHT, SANDBOX_READY, EVENT_SEND, STATE_SYNC, PREVIEW_SETTINGS_SYNC } from "../../util/const.js";
-import { trackWindow } from "../../util/keyboard.js";
-import { getSandboxUrl } from "../../util/sandbox.js";
-import { toRawDeep } from "../../util/state.js";
-import StoryResponsivePreview from "./StoryResponsivePreview.vue.js";
-"use strict";
-const _hoisted_1 = ["src"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "StoryVariantSinglePreviewRemote",
-  props: {
-    story: {},
-    variant: {},
-    autoHeight: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const settings = usePreviewSettingsStore().currentSettings;
-    const iframe = ref();
-    function syncState() {
-      if (iframe.value && props.variant.previewReady) {
-        iframe.value.contentWindow.postMessage({
-          type: STATE_SYNC,
-          state: toRawDeep(props.variant.state, true)
-        });
-      }
-    }
-    let synced = false;
-    watch(() => props.variant.state, () => {
-      if (synced) {
-        synced = false;
-        return;
-      }
-      syncState();
-    }, {
-      deep: true,
-      immediate: true
-    });
-    Object.assign(props.variant, {
-      previewReady: false
-    });
-    const reportedHeight = ref(null);
-    useEventListener(window, "message", (event) => {
-      if (event.source !== iframe.value?.contentWindow) return;
-      switch (event.data?.type) {
-        case STATE_SYNC:
-          updateVariantState(event.data.state);
-          break;
-        case EVENT_SEND:
-          logEvent(event.data.event);
-          break;
-        case SANDBOX_READY:
-          setPreviewReady();
-          break;
-        case SANDBOX_HEIGHT:
-          if (typeof event.data.h === "number") {
-            const next = Math.max(40, event.data.h);
-            if (next !== reportedHeight.value) reportedHeight.value = next;
-          }
-          break;
-      }
-    });
-    function updateVariantState(state) {
-      synced = true;
-      applyState(props.variant.state, state);
-    }
-    function logEvent(event) {
-      const eventsStore = useEventsStore();
-      eventsStore.addEvent(event);
-    }
-    function setPreviewReady() {
-      Object.assign(props.variant, {
-        previewReady: true
-      });
-    }
-    const sandboxUrl = computed(() => {
-      return getSandboxUrl(props.story, props.variant);
-    });
-    const isIframeLoaded = ref(false);
-    let stopTrackKeyboard;
-    let unmounted = false;
-    watch(sandboxUrl, () => {
-      isIframeLoaded.value = false;
-      Object.assign(props.variant, {
-        previewReady: false
-      });
-      stopTrackKeyboard?.();
-      stopTrackKeyboard = void 0;
-    });
-    onBeforeUnmount(() => {
-      unmounted = true;
-      stopTrackKeyboard?.();
-    });
-    function syncSettings() {
-      if (iframe.value) {
-        iframe.value.contentWindow.postMessage({
-          type: PREVIEW_SETTINGS_SYNC,
-          settings: toRaw(settings)
-        });
-      }
-    }
-    watch(() => settings, () => {
-      syncSettings();
-    }, {
-      deep: true,
-      immediate: true
-    });
-    function onIframeLoad() {
-      if (unmounted) {
-        return;
-      }
-      isIframeLoaded.value = true;
-      syncState();
-      syncSettings();
-      stopTrackKeyboard?.();
-      if (iframe.value?.contentWindow) {
-        stopTrackKeyboard = trackWindow(iframe.value.contentWindow);
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(StoryResponsivePreview, {
-        class: "poveste-story-variant-single-preview-remote",
-        variant: __props.variant
-      }, {
-        default: withCtx(({ isResponsiveEnabled, finalWidth, finalHeight, resizing }) => [
-          createElementVNode("iframe", {
-            ref_key: "iframe",
-            ref: iframe,
-            src: sandboxUrl.value,
-            class: normalizeClass(["ptw-w-full ptw-h-full ptw-relative", {
-              "ptw-invisible": !isIframeLoaded.value,
-              "ptw-pointer-events-none": resizing
-            }]),
-            style: normalizeStyle(isResponsiveEnabled ? {
-              width: finalWidth ? `${finalWidth}px` : null,
-              height: finalHeight ? `${finalHeight}px` : null
-            } : props.autoHeight && reportedHeight.value ? { height: `${reportedHeight.value}px` } : void 0),
-            "data-test-id": "preview-iframe",
-            onLoad: _cache[0] || (_cache[0] = ($event) => onIframeLoad())
-          }, null, 46, _hoisted_1)
-        ]),
-        _: 1
-      }, 8, ["variant"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/story/StoryVariantSingleView.vue.js

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

package/dist/bundled/components/story/StoryVariantSingleView.vue2.js

@@ -1,35 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, createBlock } from "@poveste/vendors/vue";
-import "./StoryVariantSinglePreviewNative.vue.js";
-import "./StoryVariantSinglePreviewRemote.vue.js";
-import _sfc_main$1 from "./StoryVariantSinglePreviewNative.vue2.js";
-import _sfc_main$2 from "./StoryVariantSinglePreviewRemote.vue2.js";
-"use strict";
-const _hoisted_1 = {
-  class: "poveste-story-variant-single-view ptw-h-full ptw-flex ptw-flex-col",
-  "data-test-id": "story-variant-single-view"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "StoryVariantSingleView",
-  props: {
-    variant: {},
-    story: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        __props.story.layout?.iframe === false ? (openBlock(), createBlock(_sfc_main$1, {
-          key: 0,
-          story: __props.story,
-          variant: __props.variant
-        }, null, 8, ["story", "variant"])) : (openBlock(), createBlock(_sfc_main$2, {
-          key: 1,
-          story: __props.story,
-          variant: __props.variant
-        }, null, 8, ["story", "variant"]))
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/story/StoryView.vue.js

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

package/dist/bundled/components/story/StoryView.vue2.js

@@ -1,114 +0,0 @@
-import { defineComponent, computed, watch, ref, createBlock, createElementBlock, unref, openBlock, withCtx, createVNode } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { useRouter, useRoute } from "@poveste/vendors/vue-router";
-import { useLayoutStore } from "../../stores/layout.js";
-import { useStoryStore } from "../../stores/story.js";
-import { isMobile } from "../../util/responsive.js";
-import BaseEmpty from "../base/BaseEmpty.vue.js";
-import BaseSplitPane from "../base/BaseSplitPane.vue.js";
-import "../panel/StoryDocs.vue.js";
-import "../panel/StorySidePanel.vue.js";
-import StoryViewer from "./StoryViewer.vue.js";
-import _sfc_main$1 from "../panel/StoryDocs.vue2.js";
-import _sfc_main$2 from "../panel/StorySidePanel.vue2.js";
-"use strict";
-const _hoisted_1 = {
-  key: 1,
-  class: "poveste-story-view poveste-with-story ptw-h-full"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "StoryView",
-  setup(__props) {
-    const storyStore = useStoryStore();
-    const layoutStore = useLayoutStore();
-    const effectiveStoryOptionsVisible = computed(
-      () => storyStore.currentStory?.meta?.storyOptions ?? layoutStore.settings.storyOptionsVisible
-    );
-    const placement = computed(() => layoutStore.settings.storyOptionsPlacement);
-    const splitOrientation = computed(() => placement.value === "bottom" ? "portrait" : "landscape");
-    const splitDefaultSplit = computed(() => placement.value === "bottom" ? 60 : 75);
-    const router = useRouter();
-    const route = useRoute();
-    watch(() => storyStore.currentVariant, (value) => {
-      if (value) {
-        storyStore.currentStory.lastSelectedVariant = value;
-      }
-    }, {
-      immediate: true
-    });
-    watch(() => [storyStore.currentStory, storyStore.currentVariant], () => {
-      if (!storyStore.currentVariant) {
-        if (storyStore.currentStory?.lastSelectedVariant) {
-          setVariant(storyStore.currentStory.lastSelectedVariant.id);
-          return;
-        }
-        if (storyStore.currentStory?.variants.length === 1) {
-          setVariant(storyStore.currentStory.variants[0].id);
-        }
-      }
-    }, {
-      immediate: true
-    });
-    function setVariant(variantId) {
-      router.replace({
-        ...route,
-        query: {
-          ...route.query,
-          variantId
-        }
-      });
-    }
-    const docsOnlyScroller = ref(null);
-    function scrollDocsToTop() {
-      docsOnlyScroller.value?.scrollTo(0, 0);
-    }
-    return (_ctx, _cache) => {
-      return !unref(storyStore).currentStory ? (openBlock(), createBlock(BaseEmpty, {
-        key: 0,
-        class: "poveste-story-view poveste-no-story"
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(Icon), {
-            icon: "carbon:software-resource-resource",
-            class: "ptw-w-16 ptw-h-16 ptw-opacity-50"
-          })
-        ]),
-        _: 1
-      })) : (openBlock(), createElementBlock("div", _hoisted_1, [
-        unref(storyStore).currentStory.docsOnly ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          ref_key: "docsOnlyScroller",
-          ref: docsOnlyScroller,
-          class: "ptw-h-full ptw-overflow-auto"
-        }, [
-          createVNode(_sfc_main$1, {
-            story: unref(storyStore).currentStory,
-            standalone: "",
-            class: "md:ptw-p-12 ptw-w-full md:ptw-max-w-[600px] lg:ptw-max-w-[800px] xl:ptw-max-w-[900px]",
-            onScrollTop: _cache[0] || (_cache[0] = ($event) => scrollDocsToTop())
-          }, null, 8, ["story"])
-        ], 512)) : unref(isMobile) ? (openBlock(), createBlock(StoryViewer, { key: 1 })) : !effectiveStoryOptionsVisible.value ? (openBlock(), createBlock(StoryViewer, { key: 2 })) : (openBlock(), createBlock(BaseSplitPane, {
-          key: 3,
-          "save-id": `story-main-${placement.value}`,
-          orientation: splitOrientation.value,
-          min: 30,
-          max: 95,
-          "default-split": splitDefaultSplit.value,
-          "show-divider": false,
-          class: "ptw-h-full"
-        }, {
-          first: withCtx(() => [
-            createVNode(StoryViewer)
-          ]),
-          last: withCtx(() => [
-            createVNode(_sfc_main$2)
-          ]),
-          _: 1
-        }, 8, ["save-id", "orientation", "default-split"]))
-      ]));
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/bundled/components/story/StoryViewer.vue.js

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

package/dist/bundled/components/story/StoryViewer.vue2.js

@@ -1,55 +0,0 @@
-import { defineComponent, useCssVars, computed, ref, watch, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, createBlock, createCommentVNode, unref, withCtx, renderList } from "@poveste/vendors/vue";
-import { useStoryStore } from "../../stores/story.js";
-import "../app/MobileOverlay.vue.js";
-import "./StoryVariantGrid.vue.js";
-import StoryVariantListItem from "./StoryVariantListItem.vue.js";
-import StoryVariantSingle from "./StoryVariantSingle.vue.js";
-import _sfc_main$1 from "./StoryVariantGrid.vue2.js";
-import _sfc_main$2 from "../app/MobileOverlay.vue2.js";
-"use strict";
-const _hoisted_1 = { class: "poveste-story-viewer ptw-bg-gray-50 ptw-h-full dark:ptw-bg-gray-750" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "StoryViewer",
-  setup(__props) {
-    useCssVars((_ctx) => ({
-      "e0c29708": variant.value?.iconColor
-    }));
-    const storyStore = useStoryStore();
-    const variant = computed(() => storyStore.currentVariant);
-    const isMenuOpened = ref(false);
-    function closeMenu() {
-      isMenuOpened.value = false;
-    }
-    watch(variant, () => {
-      isMenuOpened.value = false;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1, [
-          unref(storyStore).currentStory.layout.type === "grid" ? (openBlock(), createBlock(_sfc_main$1, { key: 0 })) : unref(storyStore).currentStory.layout.type === "single" ? (openBlock(), createBlock(StoryVariantSingle, {
-            key: 1,
-            onOpenVariantMenu: _cache[0] || (_cache[0] = ($event) => isMenuOpened.value = true)
-          })) : createCommentVNode("", true)
-        ]),
-        createVNode(_sfc_main$2, {
-          title: "Select a variant",
-          opened: isMenuOpened.value,
-          onClose: closeMenu
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(storyStore).currentStory.variants, (v, index) => {
-              return openBlock(), createBlock(StoryVariantListItem, {
-                key: index,
-                variant: v
-              }, null, 8, ["variant"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["opened"])
-      ], 64);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

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

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

@@ -1,35 +0,0 @@
-import { defineComponent, resolveDirective, withDirectives, createBlock, openBlock, unref, withCtx, createVNode } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { openInEditor } from "../../util/open-in-editor.js";
-import TopBarChipItem from "../app/TopBarChipItem.vue.js";
-"use strict";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "DevOnlyToolbarOpenInEditor",
-  props: {
-    file: {},
-    tooltip: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      const _directive_tooltip = resolveDirective("tooltip");
-      return withDirectives((openBlock(), createBlock(TopBarChipItem, {
-        target: "_blank",
-        class: "poveste-toolbar-open-in-editor",
-        onClick: _cache[0] || (_cache[0] = ($event) => unref(openInEditor)(__props.file))
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(Icon), {
-            icon: "carbon:script-reference",
-            class: "ptw-w-4 ptw-h-4"
-          })
-        ]),
-        _: 1
-      })), [
-        [_directive_tooltip, __props.tooltip]
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

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

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

@@ -1,127 +0,0 @@
-import { defineComponent, useCssVars, unref, resolveComponent, resolveDirective, createBlock, createCommentVNode, openBlock, withCtx, createElementVNode, createElementBlock, createVNode, Fragment, renderList, normalizeClass, toDisplayString, createTextVNode, normalizeStyle, withDirectives } 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-items-center ptw-gap-1 ptw-px-2.5 ptw-py-1.5 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 ptw-text-gray-900 dark:ptw-text-gray-100 ptw-transition-colors ptw-group" };
-const _hoisted_2 = {
-  class: "ptw-flex ptw-flex-col ptw-items-stretch",
-  "data-test-id": "background-popper"
-};
-const _hoisted_3 = {
-  key: 0,
-  class: "ptw-flex ptw-items-stretch ptw-gap-1 ptw-px-2 ptw-pt-2",
-  "data-test-id": "sandbox-color-scheme"
-};
-const _hoisted_4 = ["data-test-id", "onClick"];
-const _hoisted_5 = ["onClick"];
-const _hoisted_6 = { class: "ptw-mr-auto" };
-const _hoisted_7 = { class: "ptw-ml-auto ptw-opacity-70" };
-const _hoisted_8 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ToolbarBackground",
-  setup(__props) {
-    useCssVars((_ctx) => ({
-      "v2708c2ed": unref(settings).backgroundColor,
-      "v4a6df57e": _ctx.contrastColor
-    }));
-    const previewSettings = usePreviewSettingsStore();
-    const settings = previewSettings.currentSettings;
-    const colorSchemeOptions = [
-      { value: "auto", label: "System", icon: "carbon:screen" },
-      { value: "light", label: "Light", icon: "carbon:sun" },
-      { value: "dark", label: "Dark", icon: "carbon:moon" }
-    ];
-    const showColorScheme = !povesteConfig.theme.hideColorSchemeSwitch;
-    const showDropdown = showColorScheme || !!povesteConfig.backgroundPresets.length;
-    return (_ctx, _cache) => {
-      const _component_VDropdown = resolveComponent("VDropdown");
-      const _directive_tooltip = resolveDirective("tooltip");
-      return unref(showDropdown) ? (openBlock(), createBlock(_component_VDropdown, {
-        key: 0,
-        placement: "bottom-end",
-        skidding: 6,
-        class: "poveste-toolbar-background ptw-flex-none",
-        "data-test-id": "toolbar-background"
-      }, {
-        default: withCtx(({ shown }) => [
-          withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-            createVNode(unref(Icon), {
-              icon: "carbon:color-palette",
-              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"
-            })
-          ])), [
-            [_directive_tooltip, shown ? "" : "Preview appearance"]
-          ])
-        ]),
-        popper: withCtx(({ hide }) => [
-          createElementVNode("div", _hoisted_2, [
-            showColorScheme ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              (openBlock(), createElementBlock(Fragment, null, renderList(colorSchemeOptions, (option) => {
-                return createElementVNode("button", {
-                  key: option.value,
-                  "data-test-id": `sandbox-color-scheme-${option.value}`,
-                  class: normalizeClass(["ptw-flex-1 ptw-px-3 ptw-py-1.5 ptw-rounded ptw-flex ptw-items-center ptw-justify-center ptw-gap-1.5 ptw-cursor-pointer ptw-text-sm", [
-                    unref(settings).colorScheme === option.value ? "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).colorScheme = option.value
-                }, [
-                  createVNode(unref(Icon), {
-                    icon: option.icon,
-                    class: "ptw-w-4 ptw-h-4"
-                  }, null, 8, ["icon"]),
-                  createElementVNode("span", null, toDisplayString(option.label), 1)
-                ], 10, _hoisted_4);
-              }), 64))
-            ])) : createCommentVNode("", true),
-            createVNode(_sfc_main$1, {
-              modelValue: unref(settings).checkerboard,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(settings).checkerboard = $event)
-            }, {
-              default: withCtx(() => [..._cache[1] || (_cache[1] = [
-                createTextVNode(" Checkerboard ", -1)
-              ])]),
-              _: 1
-            }, 8, ["modelValue"]),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(povesteConfig).backgroundPresets, (option, index) => {
-              return openBlock(), createElementBlock("button", {
-                key: index,
-                class: normalizeClass(["ptw-px-4 ptw-py-3 ptw-cursor-pointer ptw-text-left ptw-flex ptw-items-baseline ptw-gap-4", [
-                  unref(settings).backgroundColor === option.color ? "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(previewSettings).setBackgroundColor(option.color);
-                  hide();
-                }
-              }, [
-                createElementVNode("span", _hoisted_6, toDisplayString(option.label), 1),
-                option.color !== "$checkerboard" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  createElementVNode("span", _hoisted_7, toDisplayString(option.color), 1),
-                  createElementVNode("div", {
-                    class: "ptw-w-4 ptw-h-4 ptw-rounded-full ptw-border ptw-border-black/20 dark:ptw-border-white/20 ptw-flex ptw-items-center ptw-justify-center ptw-text-xs",
-                    style: normalizeStyle({
-                      backgroundColor: option.color,
-                      color: option.contrastColor
-                    })
-                  }, [
-                    option.contrastColor ? (openBlock(), createElementBlock("span", _hoisted_8, "a")) : createCommentVNode("", true)
-                  ], 4)
-                ], 64)) : createCommentVNode("", true)
-              ], 10, _hoisted_5);
-            }), 128))
-          ])
-        ]),
-        _: 1
-      })) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

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

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

@@ -1,39 +0,0 @@
-import { defineComponent, computed, resolveDirective, withDirectives, createBlock, openBlock, withCtx, createVNode, unref } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { getSandboxUrl } from "../../util/sandbox.js";
-import TopBarChipItem from "../app/TopBarChipItem.vue.js";
-"use strict";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ToolbarNewTab",
-  props: {
-    variant: {},
-    story: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const sandboxUrl = computed(() => {
-      return getSandboxUrl(props.story, props.variant);
-    });
-    return (_ctx, _cache) => {
-      const _directive_tooltip = resolveDirective("tooltip");
-      return withDirectives((openBlock(), createBlock(TopBarChipItem, {
-        href: sandboxUrl.value,
-        target: "_blank",
-        class: "poveste-toolbar-new-tab"
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(Icon), {
-            icon: "carbon:launch",
-            class: "ptw-w-4 ptw-h-4"
-          })
-        ]),
-        _: 1
-      }, 8, ["href"])), [
-        [_directive_tooltip, "Open variant in new tab"]
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

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