@poveste/app 0.1.3 → 0.2.0

package/dist/bundled/components/command/CommandPromptsModal.vue2.js

@@ -3,9 +3,9 @@ import { useCommandStore } from "../../stores/command.js";
 "use strict";
 const _hoisted_1 = {
   key: 0,
-  class: "poveste-command-prompts-modal htw-fixed htw-inset-0 htw-bg-white/80 dark:htw-bg-gray-900/80 htw-z-20"
+  class: "poveste-command-prompts-modal ptw-fixed ptw-inset-0 ptw-bg-white/80 dark:ptw-bg-gray-900/80 ptw-z-20"
 };
-const _hoisted_2 = { class: "htw-bg-white dark:htw-bg-gray-900 md:htw-mt-16 md:htw-mx-auto htw-w-screen htw-max-w-[512px] htw-max-h-[80vh] htw-overflow-y-auto htw-scroll-smooth htw-shadow-xl htw-border htw-border-gray-200 dark:htw-border-gray-750 htw-rounded-lg htw-relative htw-divide-y htw-divide-gray-200 dark:htw-divide-gray-850" };
+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-max-h-[80vh] ptw-overflow-y-auto ptw-scroll-smooth 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: "CommandPromptsModal",
   props: {
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return __props.shown ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {
-          class: "htw-absolute htw-inset-0",
+          class: "ptw-absolute ptw-inset-0",
           onClick: _cache[0] || (_cache[0] = ($event) => close())
         }),
         createElementVNode("div", _hoisted_2, [

package/dist/bundled/components/command/PromptSelect.vue2.js

@@ -4,18 +4,18 @@ import { useSelection } from "../../util/select.js";
 import "../base/BaseKeyboardShortcut.vue.js";
 import _sfc_main$1 from "../base/BaseKeyboardShortcut.vue2.js";
 "use strict";
-const _hoisted_1 = { class: "poveste-prompt-select htw-relative htw-group" };
+const _hoisted_1 = { class: "poveste-prompt-select ptw-relative ptw-group" };
 const _hoisted_2 = ["required"];
-const _hoisted_3 = { class: "htw-flex htw-flex-col htw-gap-2 htw-p-2" };
-const _hoisted_4 = { class: "htw-px-2 htw-flex" };
+const _hoisted_3 = { class: "ptw-flex ptw-flex-col ptw-gap-2 ptw-p-2" };
+const _hoisted_4 = { class: "ptw-px-2 ptw-flex" };
 const _hoisted_5 = {
   key: 0,
-  class: "htw-opacity-70"
+  class: "ptw-opacity-70"
 };
-const _hoisted_6 = { class: "htw-opacity-40 htw-text-sm htw-ml-auto htw-invisible group-focus-within:htw-visible" };
-const _hoisted_7 = { class: "htw-overflow-auto max-h-[300px] htw-mb-2" };
+const _hoisted_6 = { class: "ptw-opacity-40 ptw-text-sm ptw-ml-auto ptw-invisible group-focus-within:ptw-visible" };
+const _hoisted_7 = { class: "ptw-overflow-auto max-h-[300px] ptw-mb-2" };
 const _hoisted_8 = ["onClick"];
-const _hoisted_9 = { class: "htw-flex-1" };
+const _hoisted_9 = { class: "ptw-flex-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PromptSelect",
   props: {
@@ -85,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
           required: __props.prompt.required,
           tabindex: "-1",
-          class: "htw-absolute htw-inset-0 htw-opacity-0 htw-pointer-events-none"
+          class: "ptw-absolute ptw-inset-0 ptw-opacity-0 ptw-pointer-events-none"
         }, null, 8, _hoisted_2), [
           [vModelText, model.value]
         ]),
@@ -103,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref_key: "input",
             ref: input,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => search.value = $event),
-            class: "htw-bg-transparent htw-w-full htw-p-2 htw-border htw-border-gray-500/50 focus:htw-border-primary-500/50 htw-rounded htw-outline-none",
+            class: "ptw-bg-transparent ptw-w-full ptw-p-2 ptw-border ptw-border-gray-500/50 focus:ptw-border-primary-500/50 ptw-rounded ptw-outline-none",
             onKeydown: [
               _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => unref(selectNext)(), ["prevent"]), ["down"])),
               _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => unref(selectPrevious)(), ["prevent"]), ["up"])),
@@ -120,15 +120,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               type: "button",
               tabindex: "-1",
               class: normalizeClass([[
-                model.value === option.value ? "htw-bg-primary-500/20" : index === unref(selectedIndex) ? "htw-bg-primary-500/10" : "htw-bg-transparent"
-              ], "htw-w-full htw-text-left htw-px-4 htw-py-2 hover:htw-bg-primary-500/10 htw-flex htw-items-center"]),
+                model.value === option.value ? "ptw-bg-primary-500/20" : index === unref(selectedIndex) ? "ptw-bg-primary-500/10" : "ptw-bg-transparent"
+              ], "ptw-w-full ptw-text-left ptw-px-4 ptw-py-2 hover:ptw-bg-primary-500/10 ptw-flex ptw-items-center"]),
               onClick: ($event) => model.value = option.value
             }, [
               createElementVNode("span", _hoisted_9, toDisplayString(option.label), 1),
               model.value === option.value ? (openBlock(), createBlock(unref(Icon), {
                 key: 0,
                 icon: "carbon:checkmark",
-                class: "htw-w-4 htw-h-4 htw-text-primary-500"
+                class: "ptw-w-4 ptw-h-4 ptw-text-primary-500"
               })) : createCommentVNode("", true)
             ], 10, _hoisted_8);
           }), 128))

package/dist/bundled/components/command/PromptText.vue2.js

@@ -1,11 +1,11 @@
 import { defineComponent, computed, ref, watch, createElementBlock, openBlock, createElementVNode, withDirectives, createCommentVNode, toDisplayString, vModelText } from "@poveste/vendors/vue";
 "use strict";
 const _hoisted_1 = { class: "poveste-prompt-text" };
-const _hoisted_2 = { class: "htw-flex htw-flex-col htw-gap-2 htw-p-2" };
-const _hoisted_3 = { class: "htw-px-2" };
+const _hoisted_2 = { class: "ptw-flex ptw-flex-col ptw-gap-2 ptw-p-2" };
+const _hoisted_3 = { class: "ptw-px-2" };
 const _hoisted_4 = {
   key: 0,
-  class: "htw-opacity-70"
+  class: "ptw-opacity-70"
 };
 const _hoisted_5 = ["required"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref_key: "input",
             ref: input,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-            class: "htw-bg-transparent htw-w-full htw-p-2 htw-border htw-border-gray-500/50 focus:htw-border-primary-500/50 htw-rounded htw-outline-none",
+            class: "ptw-bg-transparent ptw-w-full ptw-p-2 ptw-border ptw-border-gray-500/50 focus:ptw-border-primary-500/50 ptw-rounded ptw-outline-none",
             required: __props.prompt.required
           }, null, 8, _hoisted_5), [
             [vModelText, model.value]

package/dist/bundled/components/layout/LayoutItem.vue.js

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

package/dist/bundled/components/layout/LayoutItem.vue2.js

@@ -0,0 +1,44 @@
+import { defineComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createCommentVNode, unref, toDisplayString } from "@poveste/vendors/vue";
+import { Icon } from "@poveste/vendors/iconify";
+import "../base/BaseListItem.vue.js";
+import _sfc_main$1 from "../base/BaseListItem.vue2.js";
+"use strict";
+const _hoisted_1 = { class: "ptw-flex-1" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LayoutItem",
+  props: {
+    title: {},
+    icon: {},
+    stateIcon: {},
+    isActive: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        "is-active": __props.isActive,
+        class: "ptw-px-6 ptw-py-4 ptw-gap-4",
+        onNavigate: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(Icon), {
+            class: "ptw-w-4 ptw-h-4 ptw-flex-none",
+            icon: __props.icon,
+            "aria-hidden": "true"
+          }, null, 8, ["icon"]),
+          createElementVNode("span", _hoisted_1, toDisplayString(__props.title), 1),
+          __props.stateIcon ? (openBlock(), createBlock(unref(Icon), {
+            key: 0,
+            class: "ptw-w-4 ptw-h-4 ptw-flex-none ptw-opacity-70",
+            icon: __props.stateIcon,
+            "aria-hidden": "true"
+          }, null, 8, ["icon"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["is-active"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/bundled/components/layout/LayoutItemGroup.vue.js

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

package/dist/bundled/components/layout/LayoutItemGroup.vue2.js

@@ -0,0 +1,25 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode, renderSlot, toDisplayString } from "@poveste/vendors/vue";
+"use strict";
+const _hoisted_1 = { role: "group" };
+const _hoisted_2 = {
+  role: "heading",
+  "aria-level": "3",
+  class: "ptw-px-6 ptw-pt-3 ptw-pb-1 ptw-text-xs ptw-uppercase ptw-tracking-wide ptw-opacity-50"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LayoutItemGroup",
+  props: {
+    title: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, toDisplayString(__props.title), 1),
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/bundled/components/layout/LayoutModal.vue.js

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

package/dist/bundled/components/layout/LayoutModal.vue2.js

@@ -0,0 +1,68 @@
+import { defineComponent, withDirectives, openBlock, createElementBlock, createElementVNode, createVNode, unref, vShow } from "@poveste/vendors/vue";
+import { Icon } from "@poveste/vendors/iconify";
+import { onKeyboardShortcut } from "../../util/keyboard.js";
+import "./LayoutPane.vue.js";
+import _sfc_main$1 from "./LayoutPane.vue2.js";
+"use strict";
+const _hoisted_1 = {
+  class: "poveste-layout-modal ptw-fixed ptw-inset-0 ptw-bg-white/80 dark:ptw-bg-gray-900/80 ptw-z-20",
+  "data-test-id": "layout-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 _hoisted_3 = { class: "ptw-flex ptw-items-center ptw-px-6 ptw-py-3 ptw-text-gray-900 dark:ptw-text-gray-100" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LayoutModal",
+  props: {
+    shown: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: {
+    close: () => true
+  },
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function close() {
+      emit("close");
+    }
+    onKeyboardShortcut(["escape"], () => {
+      if (props.shown) {
+        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, [
+          createElementVNode("div", _hoisted_3, [
+            _cache[2] || (_cache[2] = createElementVNode("h2", { class: "ptw-flex-1 ptw-text-sm ptw-font-medium ptw-m-0" }, " Customize Layout ", -1)),
+            createElementVNode("button", {
+              type: "button",
+              class: "ptw-flex ptw-items-center ptw-justify-center ptw-p-1 ptw-bg-transparent ptw-border-0 ptw-text-gray-500 dark:ptw-text-gray-400 hover:ptw-text-primary-500 dark:hover:ptw-text-primary-400 ptw-cursor-pointer",
+              "aria-label": "Close layout customization",
+              "data-test-id": "layout-modal-close",
+              onClick: _cache[1] || (_cache[1] = ($event) => close())
+            }, [
+              createVNode(unref(Icon), {
+                icon: "carbon:close",
+                class: "ptw-w-5 ptw-h-5",
+                "aria-hidden": "true"
+              })
+            ])
+          ]),
+          createVNode(_sfc_main$1)
+        ])
+      ], 512)), [
+        [vShow, __props.shown]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/bundled/components/layout/LayoutPane.vue.js

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

package/dist/bundled/components/layout/LayoutPane.vue2.js

@@ -0,0 +1,59 @@
+import { defineComponent, createElementBlock, openBlock, createVNode, withCtx, unref } from "@poveste/vendors/vue";
+import { useLayoutStore } from "../../stores/layout.js";
+import "./LayoutItem.vue.js";
+import "./LayoutItemGroup.vue.js";
+import _sfc_main$1 from "./LayoutItemGroup.vue2.js";
+import _sfc_main$2 from "./LayoutItem.vue2.js";
+"use strict";
+const _hoisted_1 = { class: "ptw-py-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LayoutPane",
+  setup(__props) {
+    const settings = useLayoutStore().settings;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, { title: "Visibility" }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$2, {
+              title: "Story List",
+              icon: "carbon:open-panel-filled-left",
+              "state-icon": unref(settings).storyListVisible ? "carbon:view" : "carbon:view-off",
+              "data-test-id": "layout-toggle-story-list",
+              onClick: _cache[0] || (_cache[0] = ($event) => unref(settings).storyListVisible = !unref(settings).storyListVisible)
+            }, null, 8, ["state-icon"]),
+            createVNode(_sfc_main$2, {
+              title: "Story Options",
+              icon: "carbon:open-panel-filled-right",
+              "state-icon": unref(settings).storyOptionsVisible ? "carbon:view" : "carbon:view-off",
+              "data-test-id": "layout-toggle-story-options",
+              onClick: _cache[1] || (_cache[1] = ($event) => unref(settings).storyOptionsVisible = !unref(settings).storyOptionsVisible)
+            }, null, 8, ["state-icon"])
+          ]),
+          _: 1
+        }),
+        createVNode(_sfc_main$1, { title: "Story Options Placement" }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$2, {
+              title: "Right",
+              icon: "carbon:open-panel-filled-right",
+              "is-active": unref(settings).storyOptionsPlacement === "right",
+              "data-test-id": "layout-placement-right",
+              onClick: _cache[2] || (_cache[2] = ($event) => unref(settings).storyOptionsPlacement = "right")
+            }, null, 8, ["is-active"]),
+            createVNode(_sfc_main$2, {
+              title: "Bottom",
+              icon: "carbon:open-panel-filled-bottom",
+              "is-active": unref(settings).storyOptionsPlacement === "bottom",
+              "data-test-id": "layout-placement-bottom",
+              onClick: _cache[3] || (_cache[3] = ($event) => unref(settings).storyOptionsPlacement = "bottom")
+            }, null, 8, ["is-active"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -54,8 +54,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         actions: withCtx(() => [
           withDirectives(createVNode(unref(Icon), {
             icon: "carbon:erase",
-            class: normalizeClass(["htw-cursor-pointer htw-w-4 htw-h-4 hover:htw-text-primary-500 dark:hover:htw-text-primary-400 htw-text-gray-900 dark:htw-text-gray-100", [
-              canReset.value ? "htw-opacity-50 hover:htw-opacity-100" : "htw-opacity-25 htw-pointer-events-none"
+            class: normalizeClass(["ptw-cursor-pointer ptw-w-4 ptw-h-4 hover:ptw-text-primary-500 dark:hover:ptw-text-primary-400 ptw-text-gray-900 dark:ptw-text-gray-100", [
+              canReset.value ? "ptw-opacity-50 hover:ptw-opacity-100" : "ptw-opacity-25 ptw-pointer-events-none"
             ]]),
             onClick: _cache[0] || (_cache[0] = withModifiers(($event) => reset(), ["stop"]))
           }, null, 8, ["class"]), [

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

@@ -4,7 +4,7 @@ import "./ControlsComponentPropItem.vue.js";
 import _sfc_main$1 from "./ControlsComponentPropItem.vue2.js";
 "use strict";
 const _hoisted_1 = { class: "poveste-controls-component-props" };
-const _hoisted_2 = { class: "htw-font-mono htw-p-2 htw-flex htw-items-center htw-gap-1" };
+const _hoisted_2 = { class: "ptw-font-mono ptw-p-2 ptw-flex ptw-items-center ptw-gap-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ControlsComponentProps",
   props: {
@@ -18,14 +18,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2, [
           withDirectives(createVNode(unref(Icon), {
             icon: "carbon:flash",
-            class: "htw-w-4 htw-h-4 htw-text-primary-500 htw-flex-none"
+            class: "ptw-w-4 ptw-h-4 ptw-text-primary-500 ptw-flex-none"
           }, null, 512), [
             [_directive_tooltip, "Auto-detected props"]
           ]),
           createElementVNode("div", null, [
-            _cache[0] || (_cache[0] = createElementVNode("span", { class: "htw-opacity-30" }, "<", -1)),
+            _cache[0] || (_cache[0] = createElementVNode("span", { class: "ptw-opacity-30" }, "<", -1)),
             createTextVNode(toDisplayString(__props.definition.name), 1),
-            _cache[1] || (_cache[1] = createElementVNode("span", { class: "htw-opacity-30" }, ">", -1))
+            _cache[1] || (_cache[1] = createElementVNode("span", { class: "ptw-opacity-30" }, ">", -1))
           ])
         ]),
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.definition.props, (prop) => {

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

@@ -4,7 +4,7 @@ import "./ControlsComponentStateItem.vue.js";
 import _sfc_main$1 from "./ControlsComponentStateItem.vue2.js";
 "use strict";
 const _hoisted_1 = { class: "poveste-controls-component-init-state" };
-const _hoisted_2 = { class: "htw-p-2 htw-flex htw-items-center htw-gap-1" };
+const _hoisted_2 = { class: "ptw-p-2 ptw-flex ptw-items-center ptw-gap-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ControlsComponentState",
   props: {
@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2, [
           withDirectives(createVNode(unref(Icon), {
             icon: "carbon:data-vis-1",
-            class: "htw-w-4 htw-h-4 htw-text-primary-500 htw-flex-none"
+            class: "ptw-w-4 ptw-h-4 ptw-text-primary-500 ptw-flex-none"
           }, null, 512), [
             [_directive_tooltip, "Auto-detected state"]
           ]),

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

@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const eventsStore = useEventsStore();
     const hasEvents = computed(() => eventsStore.events.length);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, { class: "poveste-pane-tabs htw-h-10 htw-flex-none htw-border-b htw-border-gray-100 dark:htw-border-gray-750" }, {
+      return openBlock(), createBlock(_sfc_main$1, { class: "poveste-pane-tabs ptw-h-10 ptw-flex-none ptw-border-b ptw-border-gray-100 dark:ptw-border-gray-750" }, {
         overflow: withCtx(() => [
           createVNode(BaseOverflowTab, {
             to: { ..._ctx.$route, query: { ..._ctx.$route.query, tab: "" } },
@@ -48,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             to: { ..._ctx.$route, query: { ..._ctx.$route.query, tab: "events" } },
             matched: _ctx.$route.query.tab === "events",
             class: normalizeClass({
-              "htw-opacity-50": !hasEvents.value
+              "ptw-opacity-50": !hasEvents.value
             })
           }, {
             default: withCtx(() => [
@@ -77,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             to: { ..._ctx.$route, query: { ..._ctx.$route.query, tab: "docs" } },
             matched: _ctx.$route.query.tab === "docs",
             class: normalizeClass({
-              "htw-opacity-50": !unref(renderedDoc)
+              "ptw-opacity-50": !unref(renderedDoc)
             })
           }, {
             default: withCtx(() => [..._cache[1] || (_cache[1] = [
@@ -89,7 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             to: { ..._ctx.$route, query: { ..._ctx.$route.query, tab: "events" } },
             matched: _ctx.$route.query.tab === "events",
             class: normalizeClass({
-              "htw-opacity-50": !hasEvents.value
+              "ptw-opacity-50": !hasEvents.value
             })
           }, {
             default: withCtx(() => [

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

@@ -6,15 +6,15 @@ import { toRawDeep } from "../../util/state.js";
 import "../base/BaseSelect.vue.js";
 import _sfc_main$1 from "../base/BaseSelect.vue2.js";
 "use strict";
-const _hoisted_1 = { class: "poveste-state-presets htw-flex htw-gap-2 htw-w-full htw-items-center" };
+const _hoisted_1 = { class: "poveste-state-presets ptw-flex ptw-gap-2 ptw-w-full ptw-items-center" };
 const _hoisted_2 = ["onUpdate:modelValue"];
 const _hoisted_3 = {
   key: 1,
-  class: "htw-flex htw-items-center htw-gap-2"
+  class: "ptw-flex ptw-items-center ptw-gap-2"
 };
-const _hoisted_4 = { class: "htw-flex-1 htw-truncate" };
-const _hoisted_5 = { class: "htw-flex htw-gap-2 htw-items-center" };
-const _hoisted_6 = { class: "htw-flex-1 htw-truncate" };
+const _hoisted_4 = { class: "ptw-flex-1 ptw-truncate" };
+const _hoisted_5 = { class: "ptw-flex ptw-gap-2 ptw-items-center" };
+const _hoisted_6 = { class: "ptw-flex-1 ptw-truncate" };
 const DEFAULT_ID = "default";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "StatePresets",
@@ -108,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           ref_key: "select",
           ref: select,
-          class: "htw-flex-1 htw-min-w-0"
+          class: "ptw-flex-1 ptw-min-w-0"
         }, [
           createVNode(_sfc_main$1, {
             modelValue: unref(selectedOption),
@@ -128,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ref: input,
                 "onUpdate:modelValue": ($event) => unref(presetStates).get(unref(selectedOption)).label = $event,
                 type: "text",
-                class: "htw-text-inherit htw-bg-transparent htw-w-full htw-h-full htw-outline-none",
+                class: "ptw-text-inherit ptw-bg-transparent ptw-w-full ptw-h-full ptw-outline-none",
                 onClick: _cache[0] || (_cache[0] = withModifiers(() => {
                 }, ["stop", "prevent"]))
               }, null, 8, _hoisted_2)), [
@@ -138,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 canEdit.value ? withDirectives((openBlock(), createBlock(unref(Icon), {
                   key: 0,
                   icon: "carbon:edit",
-                  class: "htw-flex-none htw-cursor-pointer htw-w-4 htw-h-4 hover:htw-text-primary-500 htw-opacity-50 hover:htw-opacity-100 dark:hover:htw-text-primary-400 htw-text-gray-900 dark:htw-text-gray-100",
+                  class: "ptw-flex-none ptw-cursor-pointer ptw-w-4 ptw-h-4 hover:ptw-text-primary-500 ptw-opacity-50 hover:ptw-opacity-100 dark:hover:ptw-text-primary-400 ptw-text-gray-900 dark:ptw-text-gray-100",
                   onClick: _cache[1] || (_cache[1] = withModifiers(($event) => startEditing(), ["stop"]))
                 }, null, 512)), [
                   [_directive_tooltip, "Rename this preset"]
@@ -151,7 +151,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 value !== DEFAULT_ID ? withDirectives((openBlock(), createBlock(unref(Icon), {
                   key: 0,
                   icon: "carbon:trash-can",
-                  class: "htw-flex-none htw-cursor-pointer htw-w-4 htw-h-4 hover:htw-text-primary-500 htw-opacity-50 hover:htw-opacity-100 dark:hover:htw-text-primary-400 htw-text-gray-900 dark:htw-text-gray-100",
+                  class: "ptw-flex-none ptw-cursor-pointer ptw-w-4 ptw-h-4 hover:ptw-text-primary-500 ptw-opacity-50 hover:ptw-opacity-100 dark:hover:ptw-text-primary-400 ptw-text-gray-900 dark:ptw-text-gray-100",
                   onClick: withModifiers(($event) => deletePreset(value), ["stop"])
                 }, null, 8, ["onClick"])), [
                   [_directive_tooltip, "Delete this preset"]
@@ -163,8 +163,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 512),
         withDirectives(createVNode(unref(Icon), {
           icon: savedNotif.value ? "carbon:checkmark" : "carbon:save",
-          class: normalizeClass(["htw-cursor-pointer htw-w-4 htw-h-4 hover:htw-text-primary-500 dark:hover:htw-text-primary-400 htw-text-gray-900 dark:htw-text-gray-100", [
-            canEdit.value ? "htw-opacity-50 hover:htw-opacity-100" : "htw-opacity-25 htw-pointer-events-none"
+          class: normalizeClass(["ptw-cursor-pointer ptw-w-4 ptw-h-4 hover:ptw-text-primary-500 dark:hover:ptw-text-primary-400 ptw-text-gray-900 dark:ptw-text-gray-100", [
+            canEdit.value ? "ptw-opacity-50 hover:ptw-opacity-100" : "ptw-opacity-25 ptw-pointer-events-none"
           ]]),
           onClick: _cache[7] || (_cache[7] = ($event) => savePreset())
         }, null, 8, ["icon", "class"]), [
@@ -172,14 +172,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         withDirectives(createVNode(unref(Icon), {
           icon: "carbon:add-alt",
-          class: "htw-cursor-pointer htw-w-4 htw-h-4 hover:htw-text-primary-500 htw-opacity-50 hover:htw-opacity-100 dark:hover:htw-text-primary-400 htw-text-gray-900 dark:htw-text-gray-100",
+          class: "ptw-cursor-pointer ptw-w-4 ptw-h-4 hover:ptw-text-primary-500 ptw-opacity-50 hover:ptw-opacity-100 dark:hover:ptw-text-primary-400 ptw-text-gray-900 dark:ptw-text-gray-100",
           onClick: _cache[8] || (_cache[8] = ($event) => createPreset())
         }, null, 512), [
           [_directive_tooltip, "Create new preset"]
         ]),
         withDirectives(createVNode(unref(Icon), {
           icon: "carbon:reset",
-          class: "htw-cursor-pointer htw-w-4 htw-h-4 hover:htw-text-primary-500 htw-opacity-50 hover:htw-opacity-100 dark:hover:htw-text-primary-400 htw-text-gray-900 dark:htw-text-gray-100",
+          class: "ptw-cursor-pointer ptw-w-4 ptw-h-4 hover:ptw-text-primary-500 ptw-opacity-50 hover:ptw-opacity-100 dark:hover:ptw-text-primary-400 ptw-text-gray-900 dark:ptw-text-gray-100",
           onClick: _cache[9] || (_cache[9] = ($event) => resetState())
         }, null, 512), [
           [_directive_tooltip, "Reset to initial state"]

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

@@ -12,9 +12,9 @@ import _sfc_main$4 from "./ControlsComponentProps.vue2.js";
 "use strict";
 const _hoisted_1 = {
   "data-test-id": "story-controls",
-  class: "poveste-story-controls htw-flex htw-flex-col htw-divide-y htw-divide-gray-100 dark:htw-divide-gray-750"
+  class: "poveste-story-controls ptw-flex ptw-flex-col ptw-divide-y ptw-divide-gray-100 dark:ptw-divide-gray-750"
 };
-const _hoisted_2 = { class: "htw-h-9 htw-flex-none htw-px-2 htw-flex htw-items-center" };
+const _hoisted_2 = { class: "ptw-h-9 ptw-flex-none ptw-px-2 ptw-flex ptw-items-center" };
 const _hoisted_3 = { key: 1 };
 const _hoisted_4 = { key: 3 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -51,18 +51,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "slot-name": "controls",
           variant: __props.variant,
           story: __props.story,
-          class: "__poveste-render-custom-controls __histoire-render-custom-controls htw-flex-none",
+          class: "__poveste-render-custom-controls __histoire-render-custom-controls ptw-flex-none",
           onReady: _cache[0] || (_cache[0] = ($event) => ready.value = true)
         }, null, 8, ["variant", "story"])) : hasInitState.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
           createVNode(_sfc_main$3, {
-            class: "htw-flex-none htw-my-2",
+            class: "ptw-flex-none ptw-my-2",
             variant: __props.variant
           }, null, 8, ["variant"])
         ])) : !__props.variant.state?._hPropDefs?.length ? (openBlock(), createBlock(BaseEmpty, { key: 2 }, {
           default: withCtx(() => [
             createVNode(unref(Icon), {
               icon: "carbon:audio-console",
-              class: "htw-w-8 htw-h-8 htw-opacity-50 htw-mb-6"
+              class: "ptw-w-8 ptw-h-8 ptw-opacity-50 ptw-mb-6"
             }),
             _cache[1] || (_cache[1] = createElementVNode("span", null, "No controls available for this story", -1))
           ]),
@@ -74,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: index,
               variant: __props.variant,
               definition: def,
-              class: "htw-flex-none htw-my-2"
+              class: "ptw-flex-none ptw-my-2"
             }, null, 8, ["variant", "definition"]);
           }), 128))
         ])) : createCommentVNode("", true)

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

@@ -124,8 +124,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.__POVESTE_DEV__ && unref(renderedDoc) && filePath.value ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass(["htw-flex htw-items-center htw-gap-2 htw-p-2", {
-            "htw-pt-4": !__props.standalone
+          class: normalizeClass(["ptw-flex ptw-items-center ptw-gap-2 ptw-p-2", {
+            "ptw-pt-4": !__props.standalone
           }])
         }, [
           filePath.value ? (openBlock(), createBlock(_sfc_main$1, {
@@ -138,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(unref(Icon), {
               icon: "carbon:document-unknown",
-              class: "htw-w-8 htw-h-8 htw-opacity-50 htw-mb-6"
+              class: "ptw-w-8 ptw-h-8 ptw-opacity-50 ptw-mb-6"
             }),
             _cache[0] || (_cache[0] = createTextVNode(" No documentation available ", -1))
           ]),
@@ -147,7 +147,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 2,
           ref_key: "renderedEl",
           ref: renderedEl,
-          class: "htw-prose dark:htw-prose-invert htw-p-4 htw-max-w-none",
+          class: "ptw-prose dark:ptw-prose-invert ptw-p-4 ptw-max-w-none",
           "data-test-id": "story-docs",
           innerHTML: unref(renderedDoc)
         }, null, 8, _hoisted_1))

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

@@ -2,10 +2,10 @@ import { defineComponent, computed, resolveComponent, createBlock, openBlock, wi
 "use strict";
 const _hoisted_1 = {
   key: 0,
-  class: "htw-text-xs htw-opacity-50 htw-truncate"
+  class: "ptw-text-xs ptw-opacity-50 ptw-truncate"
 };
-const _hoisted_2 = { class: "htw-overflow-auto htw-max-w-[400px] htw-max-h-[400px]" };
-const _hoisted_3 = { class: "htw-p-4" };
+const _hoisted_2 = { class: "ptw-overflow-auto ptw-max-w-[400px] ptw-max-h-[400px]" };
+const _hoisted_3 = { class: "ptw-p-4" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "StoryEvent",
   props: {
@@ -26,19 +26,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_VDropdown = resolveComponent("VDropdown");
       return openBlock(), createBlock(_component_VDropdown, {
-        class: "poveste-story-event htw-group",
+        class: "poveste-story-event ptw-group",
         placement: "right",
         "data-test-id": "event-item"
       }, {
         default: withCtx(({ shown }) => [
           createElementVNode("div", {
-            class: normalizeClass(["group-hover:htw-bg-primary-100 dark:group-hover:htw-bg-primary-700 htw-cursor-pointer htw-py-2 htw-px-4 htw-flex htw-items-baseline htw-gap-1 htw-leading-normal", [
-              shown ? "htw-bg-primary-50 dark:htw-bg-primary-600" : "group-odd:htw-bg-gray-100/50 dark:group-odd:htw-bg-gray-750/40"
+            class: normalizeClass(["group-hover:ptw-bg-primary-100 dark:group-hover:ptw-bg-primary-700 ptw-cursor-pointer ptw-py-2 ptw-px-4 ptw-flex ptw-items-baseline ptw-gap-1 ptw-leading-normal", [
+              shown ? "ptw-bg-primary-50 dark:ptw-bg-primary-600" : "group-odd:ptw-bg-gray-100/50 dark:group-odd:ptw-bg-gray-750/40"
             ]])
           }, [
             createElementVNode("span", {
               class: normalizeClass({
-                "htw-text-primary-500": shown
+                "ptw-text-primary-500": shown
               })
             }, toDisplayString(__props.event.name), 3),
             __props.event.argument ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(formattedArgument.value), 1)) : createCommentVNode("", true)