@poveste/app 0.2.1 → 0.3.0

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

@@ -1,207 +0,0 @@
-import { defineComponent, useCssVars, unref, ref, onUnmounted, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, createVNode, normalizeClass, createBlock, createStaticVNode, renderSlot, Fragment, withDirectives } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { useEventListener } from "@poveste/vendors/vue-use";
-import { VTooltip } from "@poveste/vendors/floating-vue";
-import { usePreviewSettingsStore } from "../../stores/preview-settings.js";
-import CheckerboardPattern from "../misc/CheckerboardPattern.vue.js";
-import HatchedPattern from "../misc/HatchedPattern.vue.js";
-"use strict";
-const _hoisted_1 = { class: "poveste-story-responsive-preview ptw-w-full ptw-h-full ptw-flex-1 ptw-rounded-lg ptw-relative ptw-overflow-hidden" };
-const _hoisted_2 = {
-  key: 0,
-  class: "ptw-absolute ptw-inset-0 ptw-w-full ptw-h-full ptw-bg-gray-100 dark:ptw-bg-gray-750 ptw-rounded-r-lg ptw-border-l-2 ptw-border-gray-500/10 dark:ptw-border-gray-700/30 ptw-overflow-hidden"
-};
-const _hoisted_3 = {
-  class: "bind-preview-bg ptw-rounded-lg ptw-h-full",
-  "data-test-id": "responsive-preview-bg"
-};
-const _hoisted_4 = { class: "ptw-p-8 ptw-h-full ptw-relative" };
-const _hoisted_5 = { class: "ptw-w-full ptw-h-full ptw-relative" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "StoryResponsivePreview",
-  props: {
-    variant: {}
-  },
-  setup(__props) {
-    useCssVars((_ctx) => ({
-      "v2ebc4fb8": unref(settings).backgroundColor
-    }));
-    const props = __props;
-    const settings = usePreviewSettingsStore().currentSettings;
-    const resizing = ref(false);
-    const onUnmountedCleanupFns = [];
-    onUnmounted(() => {
-      onUnmountedCleanupFns.forEach((fn) => fn());
-    });
-    function addWindowListener(event, listener) {
-      window.addEventListener(event, listener);
-      const removeListener = () => window.removeEventListener(event, listener);
-      onUnmountedCleanupFns.push(removeListener);
-      return () => {
-        removeListener();
-        onUnmountedCleanupFns.splice(onUnmountedCleanupFns.indexOf(removeListener), 1);
-      };
-    }
-    function useDragger(el, value, min, max, axis) {
-      function onMouseDown(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        const start = axis === "x" ? event.clientX : event.clientY;
-        const startValue = value.value ?? (axis === "x" ? previewWrapper.value.clientWidth - 67 : previewWrapper.value.clientHeight - 70);
-        resizing.value = true;
-        const removeListeners = [
-          addWindowListener("mousemove", onMouseMove),
-          addWindowListener("mouseup", onMouseUp)
-        ];
-        function onMouseMove(event2) {
-          const snapTarget = axis === "x" ? previewWrapper.value.clientWidth : previewWrapper.value.clientHeight;
-          const delta = (axis === "x" ? event2.clientX : event2.clientY) - start;
-          value.value = Math.max(min, Math.min(max, startValue + delta));
-          if (Math.abs(value.value - (snapTarget - 67)) < 16) {
-            value.value = null;
-          }
-        }
-        function onMouseUp() {
-          removeListeners.forEach((fn) => fn());
-          resizing.value = false;
-        }
-      }
-      useEventListener(el, "mousedown", onMouseDown);
-      function onTouchStart(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        const start = axis === "x" ? event.touches[0].clientX : event.touches[0].clientY;
-        const startValue = value.value;
-        resizing.value = true;
-        const removeListeners = [
-          addWindowListener("touchmove", onTouchMove),
-          addWindowListener("touchend", onTouchEnd),
-          addWindowListener("touchcancel", onTouchEnd)
-        ];
-        function onTouchMove(event2) {
-          const delta = (axis === "x" ? event2.touches[0].clientX : event2.touches[0].clientY) - start;
-          value.value = Math.max(min, Math.min(max, startValue + delta));
-        }
-        function onTouchEnd() {
-          removeListeners.forEach((fn) => fn());
-          resizing.value = false;
-        }
-      }
-      useEventListener(el, "touchstart", onTouchStart);
-    }
-    const responsiveWidth = computed({
-      get: () => settings[settings.rotate ? "responsiveHeight" : "responsiveWidth"],
-      set: (value) => {
-        settings[settings.rotate ? "responsiveHeight" : "responsiveWidth"] = value;
-      }
-    });
-    const responsiveHeight = computed({
-      get: () => settings[settings.rotate ? "responsiveWidth" : "responsiveHeight"],
-      set: (value) => {
-        settings[settings.rotate ? "responsiveWidth" : "responsiveHeight"] = value;
-      }
-    });
-    const horizontalDragger = ref();
-    const verticalDragger = ref();
-    const cornerDragger = ref();
-    const previewWrapper = ref();
-    useDragger(horizontalDragger, responsiveWidth, 32, 2e4, "x");
-    useDragger(verticalDragger, responsiveHeight, 32, 2e4, "y");
-    useDragger(cornerDragger, responsiveWidth, 32, 2e4, "x");
-    useDragger(cornerDragger, responsiveHeight, 32, 2e4, "y");
-    const finalWidth = computed(() => settings.rotate ? settings.responsiveHeight : settings.responsiveWidth);
-    const finalHeight = computed(() => settings.rotate ? settings.responsiveWidth : settings.responsiveHeight);
-    const isResponsiveEnabled = computed(() => !props.variant.responsiveDisabled);
-    const sizeTooltip = computed(() => `${responsiveWidth.value ?? "Auto"} × ${responsiveHeight.value ?? "Auto"}`);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        isResponsiveEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(HatchedPattern, { class: "ptw-w-full ptw-h-full ptw-text-black/[1%] dark:ptw-text-white/[1%]" })
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", {
-          ref_key: "previewWrapper",
-          ref: previewWrapper,
-          class: "ptw-h-full ptw-overflow-auto ptw-relative"
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(["ptw-overflow-hidden ptw-bg-white dark:ptw-bg-gray-700 ptw-rounded-lg ptw-relative", isResponsiveEnabled.value ? {
-              "ptw-w-fit": !!finalWidth.value,
-              "ptw-h-fit": !!finalHeight.value,
-              "ptw-h-full": !finalHeight.value
-            } : "ptw-h-full"])
-          }, [
-            createElementVNode("div", _hoisted_3, [
-              unref(settings).checkerboard ? (openBlock(), createBlock(CheckerboardPattern, {
-                key: 0,
-                class: "ptw-absolute ptw-inset-0 ptw-w-full ptw-h-full ptw-text-gray-500/20"
-              })) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_4, [
-                createElementVNode("div", _hoisted_5, [
-                  _cache[0] || (_cache[0] = createElementVNode("div", { class: "ptw-absolute ptw-inset-0" }, null, -1)),
-                  renderSlot(_ctx.$slots, "default", {
-                    isResponsiveEnabled: isResponsiveEnabled.value,
-                    finalWidth: finalWidth.value,
-                    finalHeight: finalHeight.value,
-                    resizing: resizing.value
-                  }, void 0, true)
-                ]),
-                _cache[1] || (_cache[1] = createStaticVNode('<div class="ptw-absolute ptw-top-5 ptw-left-8 ptw-h-2 ptw-w-px ptw-bg-gray-400/25" data-v-996dc779></div><div class="ptw-absolute ptw-top-5 ptw-right-8 ptw-h-2 ptw-w-px ptw-bg-gray-400/25" data-v-996dc779></div><div class="ptw-absolute ptw-bottom-5 ptw-left-8 ptw-h-2 ptw-w-px ptw-bg-gray-400/25" data-v-996dc779></div><div class="ptw-absolute ptw-bottom-5 ptw-right-8 ptw-h-2 ptw-w-px ptw-bg-gray-400/25" data-v-996dc779></div><div class="ptw-absolute ptw-left-5 ptw-top-8 ptw-w-2 ptw-h-px ptw-bg-gray-400/25" data-v-996dc779></div><div class="ptw-absolute ptw-left-5 ptw-bottom-8 ptw-w-2 ptw-h-px ptw-bg-gray-400/25" data-v-996dc779></div><div class="ptw-absolute ptw-right-5 ptw-top-8 ptw-w-2 ptw-h-px ptw-bg-gray-400/25" data-v-996dc779></div><div class="ptw-absolute ptw-right-5 ptw-bottom-8 ptw-w-2 ptw-h-px ptw-bg-gray-400/25" data-v-996dc779></div>', 8))
-              ]),
-              isResponsiveEnabled.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                withDirectives((openBlock(), createElementBlock("div", {
-                  ref_key: "horizontalDragger",
-                  ref: horizontalDragger,
-                  class: "ptw-absolute ptw-w-4 ptw-top-0 ptw-bottom-4 ptw-right-0 hover:ptw-bg-primary-500/30 ptw-flex ptw-items-center ptw-justify-center ptw-cursor-ew-resize ptw-group hover:ptw-text-primary-500"
-                }, [
-                  createVNode(unref(Icon), {
-                    icon: "mdi:drag-vertical-variant",
-                    class: "ptw-w-4 ptw-h-4 ptw-opacity-20 group-hover:ptw-opacity-90"
-                  })
-                ])), [
-                  [
-                    unref(VTooltip),
-                    sizeTooltip.value,
-                    void 0,
-                    { right: true }
-                  ]
-                ]),
-                withDirectives((openBlock(), createElementBlock("div", {
-                  ref_key: "verticalDragger",
-                  ref: verticalDragger,
-                  class: "ptw-absolute ptw-h-4 ptw-left-0 ptw-right-4 ptw-bottom-0 hover:ptw-bg-primary-500/30 ptw-flex ptw-items-center ptw-justify-center ptw-cursor-ns-resize ptw-group hover:ptw-text-primary-500"
-                }, [
-                  createVNode(unref(Icon), {
-                    icon: "mdi:drag-horizontal-variant",
-                    class: "ptw-w-4 ptw-h-4 ptw-opacity-20 group-hover:ptw-opacity-90"
-                  })
-                ])), [
-                  [
-                    unref(VTooltip),
-                    sizeTooltip.value,
-                    void 0,
-                    { bottom: true }
-                  ]
-                ]),
-                withDirectives(createElementVNode("div", {
-                  ref_key: "cornerDragger",
-                  ref: cornerDragger,
-                  class: "ptw-absolute ptw-w-4 ptw-h-4 ptw-right-0 ptw-bottom-0 hover:ptw-bg-primary-500/30 ptw-flex ptw-items-center ptw-justify-center ptw-cursor-nwse-resize ptw-group hover:ptw-text-primary-500"
-                }, null, 512), [
-                  [
-                    unref(VTooltip),
-                    sizeTooltip.value,
-                    void 0,
-                    { bottom: true }
-                  ]
-                ])
-              ], 64)) : createCommentVNode("", true)
-            ])
-          ], 2)
-        ], 512)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

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

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

@@ -1,127 +0,0 @@
-import { defineComponent, computed, ref, watch, onMounted, createElementBlock, openBlock, createElementVNode, normalizeStyle, unref, Fragment, renderList, createBlock } from "@poveste/vendors/vue";
-import { useResizeObserver } from "@poveste/vendors/vue-use";
-import { useStoryStore } from "../../stores/story.js";
-import StoryVariantGridItem from "./StoryVariantGridItem.vue.js";
-"use strict";
-const _hoisted_1 = { class: "poveste-story-variant-grid ptw-flex ptw-flex-col ptw-items-stretch ptw-h-full __poveste-pane-shadow-from-right" };
-const _hoisted_2 = { class: "ptw-flex ptw-w-0 ptw-flex-1 ptw-mx-4" };
-const margin = 16;
-const gap = 16;
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "StoryVariantGrid",
-  setup(__props) {
-    const storyStore = useStoryStore();
-    const gridTemplateWidth = computed(() => {
-      if (storyStore.currentStory.layout.type !== "grid") {
-        return;
-      }
-      const layoutWidth = storyStore.currentStory.layout.width;
-      if (!layoutWidth) {
-        return "200px";
-      }
-      if (typeof layoutWidth === "number") {
-        return `${layoutWidth}px`;
-      }
-      return layoutWidth;
-    });
-    const itemWidth = ref(16);
-    const maxItemHeight = ref(0);
-    const maxCount = ref(10);
-    const countPerRow = ref(0);
-    const visibleRows = ref(0);
-    const el = ref(null);
-    useResizeObserver(el, () => {
-      updateMaxCount();
-      updateSize();
-    });
-    function updateMaxCount() {
-      if (!maxItemHeight.value) return;
-      const width = el.value.clientWidth - margin * 2;
-      const height = el.value.clientHeight;
-      const scrollTop = el.value.scrollTop;
-      countPerRow.value = Math.floor((width + gap) / (itemWidth.value + gap));
-      visibleRows.value = Math.ceil((height + scrollTop + gap) / (maxItemHeight.value + gap));
-      const newMaxCount = countPerRow.value * visibleRows.value;
-      if (maxCount.value < newMaxCount) {
-        maxCount.value = newMaxCount;
-      }
-      if (storyStore.currentVariant) {
-        const index = storyStore.currentStory.variants.indexOf(storyStore.currentVariant);
-        if (index + 1 > maxCount.value) {
-          maxCount.value = index + 1;
-        }
-      }
-    }
-    function onItemResize(w, h) {
-      itemWidth.value = w;
-      if (maxItemHeight.value < h) {
-        maxItemHeight.value = h;
-        updateMaxCount();
-      }
-    }
-    watch(() => storyStore.currentVariant, () => {
-      maxItemHeight.value = 0;
-      updateMaxCount();
-    });
-    const gridEl = ref(null);
-    const gridColumnWidth = ref(1);
-    const viewWidth = ref(1);
-    function updateSize() {
-      if (!el.value) return;
-      viewWidth.value = el.value.clientWidth;
-      if (!gridEl.value) return;
-      if (gridTemplateWidth.value.endsWith("%")) {
-        gridColumnWidth.value = viewWidth.value * Number.parseInt(gridTemplateWidth.value) / 100 - gap;
-      } else {
-        gridColumnWidth.value = Number.parseInt(gridTemplateWidth.value);
-      }
-    }
-    onMounted(() => {
-      updateSize();
-    });
-    useResizeObserver(gridEl, () => {
-      updateSize();
-    });
-    const columnCount = computed(() => Math.min(storyStore.currentStory.variants.length, Math.floor((viewWidth.value + gap) / (gridColumnWidth.value + gap))));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          ref_key: "el",
-          ref: el,
-          class: "ptw-overflow-y-auto ptw-flex ptw-flex-1",
-          onScroll: _cache[0] || (_cache[0] = ($event) => updateMaxCount())
-        }, [
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", {
-              class: "ptw-m-auto",
-              style: normalizeStyle({
-                minHeight: `${unref(storyStore).currentStory.variants.length / countPerRow.value * (maxItemHeight.value + gap) - gap}px`
-              })
-            }, [
-              createElementVNode("div", {
-                ref_key: "gridEl",
-                ref: gridEl,
-                class: "ptw-grid ptw-gap-4 ptw-my-4",
-                style: normalizeStyle({
-                  gridTemplateColumns: `repeat(${columnCount.value}, ${gridColumnWidth.value}px)`
-                })
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(storyStore).currentStory.variants.slice(0, maxCount.value), (variant, index) => {
-                  return openBlock(), createBlock(StoryVariantGridItem, {
-                    key: index,
-                    variant,
-                    story: unref(storyStore).currentStory,
-                    onResize: onItemResize
-                  }, null, 8, ["variant", "story"]);
-                }), 128))
-              ], 4)
-            ], 4)
-          ])
-        ], 544)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

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

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

@@ -1,170 +0,0 @@
-import { defineComponent, useCssVars, unref, toRefs, ref, computed, resolveComponent, resolveDirective, createElementBlock, openBlock, createElementVNode, withDirectives, createBlock, normalizeClass, withCtx, createVNode, toDisplayString, withModifiers, createCommentVNode, normalizeStyle } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { HstCopyIcon } from "@poveste/controls";
-import { useResizeObserver } from "@poveste/vendors/vue-use";
-import { useRouter } from "@poveste/vendors/vue-router";
-import { usePreviewSettingsStore } from "../../stores/preview-settings.js";
-import { usePreviewDark } from "../../util/color-scheme.js";
-import { povesteConfig } from "../../util/config.js";
-import { getSourceCode } from "../../util/docs.js";
-import { getContrastColor } from "../../util/preview-settings.js";
-import { useScrollOnActive } from "../../util/scroll.js";
-import { useCurrentVariantRoute } from "../../util/variant.js";
-import CheckerboardPattern from "../misc/CheckerboardPattern.vue.js";
-import "../toolbar/ToolbarNewTab.vue.js";
-import "./GenericRenderStory.vue.js";
-import "./StoryVariantSinglePreviewRemote.vue.js";
-import _sfc_main$1 from "../toolbar/ToolbarNewTab.vue2.js";
-import _sfc_main$2 from "./StoryVariantSinglePreviewRemote.vue2.js";
-import _sfc_main$3 from "./GenericRenderStory.vue2.js";
-"use strict";
-const _hoisted_1 = { class: "ptw-flex-none ptw-flex ptw-items-center" };
-const _hoisted_2 = { class: "ptw-truncate ptw-flex-1" };
-const _hoisted_3 = { class: "ptw-flex-none ptw-ml-auto ptw-hidden group-hover:ptw-flex ptw-items-center" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "StoryVariantGridItem",
-  props: {
-    variant: {
-      type: Object,
-      required: true
-    },
-    story: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: {
-    resize: (_width, _height) => true
-  },
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "v087cd7b6": unref(variant).iconColor,
-      "v6d9d16a6": unref(settings).backgroundColor
-    }));
-    const props = __props;
-    const emit = __emit;
-    const { variant } = toRefs(props);
-    const { isActive, targetRoute } = useCurrentVariantRoute(variant);
-    Object.assign(props.variant, {
-      previewReady: false
-    });
-    function onReady() {
-      Object.assign(props.variant, {
-        previewReady: true
-      });
-    }
-    const router = useRouter();
-    function selectVariant() {
-      router.push(targetRoute.value);
-    }
-    const el = ref();
-    const { autoScroll } = useScrollOnActive(isActive, el);
-    useResizeObserver(el, () => {
-      if (props.variant.previewReady) {
-        emit("resize", el.value.clientWidth, el.value.clientHeight);
-        if (isActive.value) {
-          autoScroll();
-        }
-      }
-    });
-    const settings = usePreviewSettingsStore().currentSettings;
-    const previewDark = usePreviewDark(settings);
-    const contrastColor = computed(() => getContrastColor(settings));
-    const autoApplyContrastColor = computed(() => !!povesteConfig.autoApplyContrastColor);
-    const useIframe = computed(() => {
-      const layout = props.story.layout;
-      if (layout?.type === "grid" && layout.iframeGrid !== void 0) {
-        return layout.iframeGrid;
-      }
-      return povesteConfig.isolateStyles !== false;
-    });
-    return (_ctx, _cache) => {
-      const _component_RouterLink = resolveComponent("RouterLink");
-      const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createElementBlock("div", {
-        ref_key: "el",
-        ref: el,
-        class: "poveste-story-variant-grid-item ptw-cursor-default ptw-flex ptw-flex-col ptw-gap-y-1 ptw-group"
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          withDirectives((openBlock(), createBlock(_component_RouterLink, {
-            to: unref(targetRoute),
-            class: normalizeClass(["ptw-rounded ptw-w-max ptw-px-2 ptw-py-0.5 ptw-min-w-16 ptw-cursor-pointer ptw-flex ptw-items-center ptw-gap-1 ptw-flex-shrink", {
-              "hover:ptw-bg-gray-200 ptw-text-gray-500 dark:hover:ptw-bg-gray-800": !unref(isActive),
-              "ptw-bg-primary-200 hover:ptw-bg-primary-300 ptw-text-primary-800 dark:ptw-bg-primary-700 dark:hover:ptw-bg-primary-800 dark:ptw-text-primary-200": unref(isActive)
-            }])
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(Icon), {
-                icon: unref(variant).icon ?? "carbon:cube",
-                class: normalizeClass(["ptw-w-4 ptw-h-4 ptw-opacity-50", {
-                  "ptw-text-gray-500": !unref(isActive) && !unref(variant).iconColor,
-                  "bind-icon-color": !unref(isActive) && unref(variant).iconColor
-                }])
-              }, null, 8, ["icon", "class"]),
-              createElementVNode("span", _hoisted_2, toDisplayString(unref(variant).title), 1)
-            ]),
-            _: 1
-          }, 8, ["to", "class"])), [
-            [_directive_tooltip, unref(variant).title]
-          ]),
-          createElementVNode("div", _hoisted_3, [
-            createVNode(unref(HstCopyIcon), {
-              content: () => unref(getSourceCode)(__props.story, unref(variant))
-            }, null, 8, ["content"]),
-            createVNode(_sfc_main$1, {
-              variant: unref(variant),
-              story: __props.story
-            }, null, 8, ["variant", "story"])
-          ])
-        ]),
-        createElementVNode("div", {
-          class: normalizeClass(["ptw-border ptw-bg-white dark:ptw-bg-gray-700 ptw-rounded ptw-flex-1 ptw-p-4 ptw-relative", {
-            "ptw-border-gray-100 dark:ptw-border-gray-800": !unref(isActive),
-            "ptw-border-primary-200 dark:ptw-border-primary-900": unref(isActive)
-          }]),
-          "data-test-id": "sandbox-render",
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => selectVariant(), ["stop"])),
-          onKeyup: _cache[1] || (_cache[1] = ($event) => selectVariant())
-        }, [
-          _cache[2] || (_cache[2] = createElementVNode("div", {
-            class: "ptw-absolute ptw-inset-0 ptw-rounded bind-preview-bg",
-            "data-test-id": "responsive-preview-bg"
-          }, null, -1)),
-          unref(settings).checkerboard ? (openBlock(), createBlock(CheckerboardPattern, {
-            key: 0,
-            class: "ptw-absolute ptw-inset-0 ptw-w-full ptw-h-full ptw-text-gray-500/20"
-          })) : createCommentVNode("", true),
-          createElementVNode("div", {
-            class: "ptw-relative ptw-h-full",
-            style: normalizeStyle({
-              "--poveste-contrast-color": contrastColor.value,
-              // Deprecated alias — keep so stories referencing `var(--histoire-contrast-color)` still work.
-              "--histoire-contrast-color": contrastColor.value,
-              "color": autoApplyContrastColor.value ? contrastColor.value : void 0
-            })
-          }, [
-            useIframe.value ? (openBlock(), createBlock(_sfc_main$2, {
-              key: `iframe-${__props.story.id}-${unref(variant).id}`,
-              story: __props.story,
-              variant: unref(variant),
-              "auto-height": ""
-            }, null, 8, ["story", "variant"])) : (openBlock(), createBlock(_sfc_main$3, {
-              key: `${__props.story.id}-${unref(variant).id}`,
-              variant: unref(variant),
-              story: __props.story,
-              dir: unref(settings).textDirection,
-              class: normalizeClass({
-                [unref(povesteConfig).theme.darkClass]: unref(previewDark)
-              }),
-              onReady
-            }, null, 8, ["variant", "story", "dir", "class"]))
-          ], 4)
-        ], 34)
-      ], 512);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

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

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

@@ -1,55 +0,0 @@
-import { defineComponent, useCssVars, unref, toRefs, ref, createElementBlock, openBlock, createVNode, withCtx, createElementVNode, normalizeClass, toDisplayString } from "@poveste/vendors/vue";
-import { Icon } from "@poveste/vendors/iconify";
-import { useScrollOnActive } from "../../util/scroll.js";
-import { useCurrentVariantRoute } from "../../util/variant.js";
-import BaseListItemLink from "../base/BaseListItemLink.vue.js";
-"use strict";
-const _hoisted_1 = { class: "ptw-truncate" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "StoryVariantListItem",
-  props: {
-    variant: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(__props) {
-    useCssVars((_ctx) => ({
-      "v3223e976": unref(variant).iconColor
-    }));
-    const props = __props;
-    const { variant } = toRefs(props);
-    const { isActive, targetRoute } = useCurrentVariantRoute(variant);
-    const el = ref();
-    useScrollOnActive(isActive, el);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "el",
-        ref: el,
-        class: "poveste-story-variant-list-item",
-        "data-test-id": "story-variant-list-item"
-      }, [
-        createVNode(BaseListItemLink, {
-          to: unref(targetRoute),
-          "is-active": unref(isActive),
-          class: "ptw-px-2 ptw-py-2 md:ptw-py-1.5 ptw-m-1 ptw-rounded-sm ptw-flex ptw-items-center ptw-gap-2"
-        }, {
-          default: withCtx(({ active }) => [
-            createVNode(unref(Icon), {
-              icon: unref(variant).icon ?? "carbon:cube",
-              class: normalizeClass(["ptw-w-5 ptw-h-5 sm:ptw-w-4 sm:ptw-h-4 ptw-flex-none", {
-                "ptw-text-gray-500": !active && !unref(variant).iconColor,
-                "bind-icon-color": !active && unref(variant).iconColor
-              }])
-            }, null, 8, ["icon", "class"]),
-            createElementVNode("span", _hoisted_1, toDisplayString(unref(variant).title), 1)
-          ]),
-          _: 1
-        }, 8, ["to", "is-active"])
-      ], 512);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

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