@poveste/app 0.1.2 → 0.2.0

package/dist/bundled/components/app/Breadcrumb.vue2.js

@@ -7,8 +7,8 @@ import _sfc_main$1 from "./MobileOverlay.vue2.js";
 import _sfc_main$2 from "../tree/StoryList.vue2.js";
 "use strict";
 const _hoisted_1 = { class: "poveste-breadcrumb" };
-const _hoisted_2 = { class: "htw-flex htw-items-center htw-gap-2" };
-const _hoisted_3 = { class: "htw-opacity-40 htw-text-sm" };
+const _hoisted_2 = { class: "ptw-flex ptw-items-center ptw-gap-2" };
+const _hoisted_3 = { class: "ptw-opacity-40 ptw-text-sm" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Breadcrumb",
   props: {
@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v2ff034b2": story.value?.iconColor
+      "v3db71ace": story.value?.iconColor
     }));
     const storyStore = useStoryStore();
     const story = computed(() => storyStore.currentStory);
@@ -38,21 +38,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", _hoisted_1, [
           createElementVNode("a", {
-            class: "htw-px-6 htw-h-12 hover:htw-text-primary-500 dark:hover:htw-text-primary-400 htw-cursor-pointer htw-flex htw-gap-2 htw-flex-wrap htw-w-full htw-items-center",
+            class: "ptw-px-6 ptw-h-12 hover:ptw-text-primary-500 dark:hover:ptw-text-primary-400 ptw-cursor-pointer ptw-flex ptw-gap-2 ptw-flex-wrap ptw-w-full ptw-items-center",
             onClick: openMenu
           }, [
             story.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(folders.value, (file, key) => {
                 return openBlock(), createElementBlock(Fragment, { key }, [
                   createElementVNode("span", null, toDisplayString(file), 1),
-                  _cache[0] || (_cache[0] = createElementVNode("span", { class: "htw-opacity-40" }, " / ", -1))
+                  _cache[0] || (_cache[0] = createElementVNode("span", { class: "ptw-opacity-40" }, " / ", -1))
                 ], 64);
               }), 128)),
               createElementVNode("span", _hoisted_2, [
                 createVNode(unref(Icon), {
                   icon: story.value.icon ?? "carbon:cube",
-                  class: normalizeClass(["htw-w-5 htw-h-5 htw-flex-none", {
-                    "htw-text-primary-500": !story.value.iconColor,
+                  class: normalizeClass(["ptw-w-5 ptw-h-5 ptw-flex-none", {
+                    "ptw-text-primary-500": !story.value.iconColor,
                     "bind-icon-color": story.value.iconColor
                   }])
                 }, null, 8, ["icon", "class"]),
@@ -64,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ], 64)),
             createVNode(unref(Icon), {
               icon: "carbon:chevron-sort",
-              class: "htw-w-5 htw-h-5 htw-shrink-0 htw-ml-auto"
+              class: "ptw-w-5 ptw-h-5 ptw-shrink-0 ptw-ml-auto"
             })
           ])
         ]),
@@ -77,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(_sfc_main$2, {
               tree: __props.tree,
               stories: __props.stories,
-              class: "htw-flex-1 htw-overflow-y-scroll"
+              class: "ptw-flex-1 ptw-overflow-y-scroll"
             }, null, 8, ["tree", "stories"])
           ]),
           _: 1

package/dist/bundled/components/app/HomeCounter.vue2.js

@@ -1,10 +1,10 @@
 import { defineComponent, createElementBlock, openBlock, createVNode, createElementVNode, unref, toDisplayString } from "@poveste/vendors/vue";
 import { Icon } from "@poveste/vendors/iconify";
 "use strict";
-const _hoisted_1 = { class: "htw-p-2 htw-flex htw-items-center htw-gap-x-2" };
-const _hoisted_2 = { class: "htw-flex htw-flex-col htw-leading-none" };
-const _hoisted_3 = { class: "htw-text-primary-500 htw-min-w-[80px] htw-font-bold" };
-const _hoisted_4 = { class: "htw-text-sm htw-text-gray-900 dark:htw-text-gray-100" };
+const _hoisted_1 = { class: "ptw-p-2 ptw-flex ptw-items-center ptw-gap-x-2" };
+const _hoisted_2 = { class: "ptw-flex ptw-flex-col ptw-leading-none" };
+const _hoisted_3 = { class: "ptw-text-primary-500 ptw-min-w-[80px] ptw-font-bold" };
+const _hoisted_4 = { class: "ptw-text-sm ptw-text-gray-900 dark:ptw-text-gray-100" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HomeCounter",
   props: {
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(unref(Icon), {
           icon: props.icon,
-          class: "htw-text-2xl htw-text-gray-700 dark:htw-text-gray-300 htw-flex-none"
+          class: "ptw-text-2xl ptw-text-gray-700 dark:ptw-text-gray-300 ptw-flex-none"
         }, null, 8, ["icon"]),
         createElementVNode("div", _hoisted_2, [
           createElementVNode("span", _hoisted_3, toDisplayString(__props.count), 1),

package/dist/bundled/components/app/InitialLoading.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent, reactive, createElementBlock, openBlock, createVNode, Transition, withCtx, createCommentVNode, normalizeStyle, Fragment, renderList, createElementVNode, normalizeClass } from "@poveste/vendors/vue";
 "use strict";
-const _hoisted_1 = { class: "poveste-initial-loading htw-fixed htw-inset-0 htw-bg-white dark:htw-bg-gray-700 htw-flex htw-flex-col htw-gap-6 htw-items-center htw-justify-center" };
+const _hoisted_1 = { class: "poveste-initial-loading ptw-fixed ptw-inset-0 ptw-bg-white dark:ptw-bg-gray-700 ptw-flex ptw-flex-col ptw-gap-6 ptw-items-center ptw-justify-center" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InitialLoading",
   setup(__props) {
@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             progress.total > 0 ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: "htw-grid htw-gap-2",
+              class: "ptw-grid ptw-gap-2",
               style: normalizeStyle({
                 gridTemplateColumns: `repeat(${Math.min(Math.ceil(Math.sqrt(progress.total)), maxCols)}, minmax(0, 1fr))`
               })
@@ -29,11 +29,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(progress.total, (n) => {
                 return openBlock(), createElementBlock("div", {
                   key: n,
-                  class: "htw-bg-primary-500/10 htw-rounded-full"
+                  class: "ptw-bg-primary-500/10 ptw-rounded-full"
                 }, [
                   createElementVNode("div", {
-                    class: normalizeClass(["htw-w-3 htw-h-3 htw-bg-primary-500 htw-rounded-full htw-duration-150 htw-ease-out", {
-                      "htw-transition-transform htw-scale-0": n >= progress.loaded
+                    class: normalizeClass(["ptw-w-3 ptw-h-3 ptw-bg-primary-500 ptw-rounded-full ptw-duration-150 ptw-ease-out", {
+                      "ptw-transition-transform ptw-scale-0": n >= progress.loaded
                     }])
                   }, null, 2)
                 ]);

package/dist/bundled/components/app/MobileOverlay.vue2.js

@@ -3,10 +3,10 @@ import { Icon } from "@poveste/vendors/iconify";
 "use strict";
 const _hoisted_1 = {
   key: 0,
-  class: "poveste-mobile-overlay htw-absolute htw-z-10 htw-bg-white dark:htw-bg-gray-700 htw-w-screen htw-h-screen htw-inset-0 htw-overflow-hidden htw-flex htw-flex-col"
+  class: "poveste-mobile-overlay ptw-absolute ptw-z-10 ptw-bg-white dark:ptw-bg-gray-700 ptw-w-screen ptw-h-screen ptw-inset-0 ptw-overflow-hidden ptw-flex ptw-flex-col"
 };
-const _hoisted_2 = { class: "htw-p-4 htw-h-16 htw-flex htw-border-b htw-border-gray-100 dark:htw-border-gray-800 htw-items-center htw-place-content-between" };
-const _hoisted_3 = { class: "htw-text-gray-500" };
+const _hoisted_2 = { class: "ptw-p-4 ptw-h-16 ptw-flex ptw-border-b ptw-border-gray-100 dark:ptw-border-gray-800 ptw-items-center ptw-place-content-between" };
+const _hoisted_3 = { class: "ptw-text-gray-500" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MobileOverlay",
   props: {
@@ -23,12 +23,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_2, [
               createElementVNode("span", _hoisted_3, toDisplayString(__props.title), 1),
               createElementVNode("a", {
-                class: "htw-p-1 hover:htw-text-primary-500 dark:hover:htw-text-primary-400 htw-cursor-pointer",
+                class: "ptw-p-1 hover:ptw-text-primary-500 dark:hover:ptw-text-primary-400 ptw-cursor-pointer",
                 onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
               }, [
                 createVNode(unref(Icon), {
                   icon: "carbon:close",
-                  class: "htw-w-8 htw-h-8 htw-shrink-0"
+                  class: "ptw-w-8 ptw-h-8 ptw-shrink-0"
                 })
               ])
             ]),

package/dist/bundled/components/app/TopBar.vue.js

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

package/dist/bundled/components/app/TopBar.vue2.js

@@ -0,0 +1,73 @@
+import { defineComponent, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, unref, withCtx } from "@poveste/vendors/vue";
+import { useStoryStore } from "../../stores/story.js";
+import "../toolbar/DevOnlyToolbarOpenInEditor.vue.js";
+import ToolbarBackground from "../toolbar/ToolbarBackground.vue.js";
+import "../toolbar/ToolbarNewTab.vue.js";
+import "../toolbar/ToolbarResponsiveSize.vue.js";
+import "../toolbar/ToolbarTextDirection.vue.js";
+import ToolbarTitle from "../toolbar/ToolbarTitle.vue.js";
+import "./AppActions.vue.js";
+import TopBarChip from "./TopBarChip.vue.js";
+import _sfc_main$1 from "./AppActions.vue2.js";
+import _sfc_main$2 from "../toolbar/ToolbarResponsiveSize.vue2.js";
+import _sfc_main$3 from "../toolbar/ToolbarTextDirection.vue2.js";
+import _sfc_main$4 from "../toolbar/ToolbarNewTab.vue2.js";
+import _sfc_main$5 from "../toolbar/DevOnlyToolbarOpenInEditor.vue2.js";
+"use strict";
+const _hoisted_1 = { class: "poveste-top-bar ptw-flex-none ptw-grid ptw-grid-cols-[1fr_auto_1fr] ptw-items-center ptw-h-14 ptw-px-4 ptw-gap-3" };
+const _hoisted_2 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TopBar",
+  emits: {
+    search: () => true,
+    layout: () => true
+  },
+  setup(__props) {
+    const storyStore = useStoryStore();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          class: "ptw-justify-self-start",
+          onLayout: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("layout")),
+          onSearch: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("search"))
+        }),
+        unref(storyStore).currentStory || unref(storyStore).currentVariant ? (openBlock(), createBlock(TopBarChip, {
+          key: 0,
+          class: "ptw-px-6 ptw-py-1.5 ptw-max-w-full"
+        }, {
+          default: withCtx(() => [
+            createVNode(ToolbarTitle, {
+              variant: unref(storyStore).currentVariant ?? void 0,
+              story: unref(storyStore).currentStory ?? void 0
+            }, null, 8, ["variant", "story"])
+          ]),
+          _: 1
+        })) : (openBlock(), createElementBlock("span", _hoisted_2)),
+        unref(storyStore).currentStory && !unref(storyStore).currentStory.docsOnly ? (openBlock(), createBlock(TopBarChip, {
+          key: 2,
+          class: "ptw-justify-self-end"
+        }, {
+          default: withCtx(() => [
+            unref(storyStore).currentVariant && !unref(storyStore).currentVariant.responsiveDisabled ? (openBlock(), createBlock(_sfc_main$2, { key: 0 })) : createCommentVNode("", true),
+            createVNode(ToolbarBackground),
+            createVNode(_sfc_main$3),
+            unref(storyStore).currentVariant ? (openBlock(), createBlock(_sfc_main$4, {
+              key: 1,
+              variant: unref(storyStore).currentVariant,
+              story: unref(storyStore).currentStory
+            }, null, 8, ["variant", "story"])) : createCommentVNode("", true),
+            _ctx.__POVESTE_DEV__ ? (openBlock(), createBlock(_sfc_main$5, {
+              key: 2,
+              file: unref(storyStore).currentStory.file?.filePath,
+              tooltip: "Edit story in editor"
+            }, null, 8, ["file"])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/bundled/components/app/TopBarChip.vue.js

@@ -0,0 +1,13 @@
+import { createElementBlock, openBlock, renderSlot } from "@poveste/vendors/vue";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {};
+const _hoisted_1 = { class: "poveste-top-bar-chip ptw-flex ptw-items-center ptw-bg-gradient-to-b ptw-from-white/85 ptw-to-white/60 dark:ptw-from-gray-800/65 dark:ptw-to-gray-800/40 ptw-backdrop-blur-md ptw-border ptw-border-white/60 dark:ptw-border-white/15 ptw-rounded-lg ptw-overflow-hidden ptw-shadow-md" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+const TopBarChip = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  TopBarChip as default
+};

package/dist/bundled/components/app/TopBarChipItem.vue.js

@@ -0,0 +1,13 @@
+import { createElementBlock, openBlock, renderSlot } from "@poveste/vendors/vue";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {};
+const _hoisted_1 = { class: "poveste-top-bar-chip-item ptw-flex ptw-items-center ptw-gap-1 ptw-px-2.5 ptw-py-1.5 hover:ptw-bg-white/50 active:ptw-bg-white/70 dark:hover:ptw-bg-white/10 dark:active:ptw-bg-white/15 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" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("a", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+const TopBarChipItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  TopBarChipItem as default
+};

package/dist/bundled/components/base/BaseButton.vue2.js

@@ -21,9 +21,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(comp.value), {
-        class: normalizeClass(["poveste-base-button htw-rounded htw-cursor-pointer", {
-          "htw-bg-primary-200 dark:htw-bg-primary-800 hover:htw-bg-primary-300 dark:hover:htw-bg-primary-700": __props.color === "primary" || !__props.color,
-          "htw-bg-grey-100 dark:htw-bg-grey-900 hover:htw-bg-grey-200 dark:hover:htw-bg-grey-800": __props.color === "grey"
+        class: normalizeClass(["poveste-base-button ptw-rounded ptw-cursor-pointer", {
+          "ptw-bg-primary-200 dark:ptw-bg-primary-800 hover:ptw-bg-primary-300 dark:hover:ptw-bg-primary-700": __props.color === "primary" || !__props.color,
+          "ptw-bg-grey-100 dark:ptw-bg-grey-900 hover:ptw-bg-grey-200 dark:hover:ptw-bg-grey-800": __props.color === "grey"
         }])
       }, {
         default: withCtx(() => [

package/dist/bundled/components/base/BaseCheckbox.vue2.js

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed, watch, createElementBlock, openBlock, withKeys, withModifiers, createElementVNode, renderSlot, normalizeClass } from "@poveste/vendors/vue";
 "use strict";
-const _hoisted_1 = { class: "htw-text-white htw-w-[16px] htw-h-[16px] htw-relative" };
+const _hoisted_1 = { class: "ptw-text-white ptw-w-[16px] ptw-h-[16px] ptw-relative" };
 const _hoisted_2 = {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
-  class: "htw-relative htw-z-10"
+  class: "ptw-relative ptw-z-10"
 };
 const _hoisted_3 = ["stroke-dasharray", "stroke-dashoffset"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -38,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         role: "checkbox",
         tabindex: "0",
-        class: "poveste-base-checkbox htw-flex htw-items-center htw-gap-2 htw-select-none htw-px-4 htw-py-3 htw-cursor-pointer hover:htw-bg-primary-100 dark:hover:htw-bg-primary-700",
+        class: "poveste-base-checkbox ptw-flex ptw-items-center ptw-gap-2 ptw-select-none ptw-px-4 ptw-py-3 ptw-cursor-pointer hover:ptw-bg-primary-100 dark:hover:ptw-bg-primary-700",
         onClick: _cache[0] || (_cache[0] = ($event) => toggle()),
         onKeydown: [
           _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => toggle(), ["prevent"]), ["enter"])),
@@ -47,8 +47,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_1, [
           createElementVNode("div", {
-            class: normalizeClass(["htw-border group-active:htw-bg-gray-500/20 htw-rounded-sm htw-box-border htw-absolute htw-inset-0 htw-transition-border htw-duration-150 htw-ease-out", [
-              __props.modelValue ? "htw-border-primary-500 htw-border-8" : "htw-border-black/25 dark:htw-border-white/25 htw-delay-150"
+            class: normalizeClass(["ptw-border group-active:ptw-bg-gray-500/20 ptw-rounded-sm ptw-box-border ptw-absolute ptw-inset-0 ptw-transition-border ptw-duration-150 ptw-ease-out", [
+              __props.modelValue ? "ptw-border-primary-500 ptw-border-8" : "ptw-border-black/25 dark:ptw-border-white/25 ptw-delay-150"
             ]])
           }, null, 2),
           (openBlock(), createElementBlock("svg", _hoisted_2, [
@@ -57,10 +57,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ref: path,
               d: "m 4 12 l 5 5 l 10 -10",
               fill: "none",
-              class: normalizeClass(["htw-stroke-white htw-stroke-2 htw-duration-200 htw-ease-in-out", [
-                animationEnabled.value ? "htw-transition-all" : "htw-transition-none",
+              class: normalizeClass(["ptw-stroke-white ptw-stroke-2 ptw-duration-200 ptw-ease-in-out", [
+                animationEnabled.value ? "ptw-transition-all" : "ptw-transition-none",
                 {
-                  "htw-delay-150": __props.modelValue
+                  "ptw-delay-150": __props.modelValue
                 }
               ]]),
               "stroke-dasharray": dasharray.value,

package/dist/bundled/components/base/BaseEmpty.vue.js

@@ -2,13 +2,13 @@ import { createElementBlock, openBlock, renderSlot } from "@poveste/vendors/vue"
 /* empty css               */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {};
-const _hoisted_1 = { class: "poveste-base-empty htw-base-empty htw-flex htw-flex-col htw-items-center htw-justify-center htw-space-y-4 htw-py-12 htw-h-full htw-text-center htw-text-gray-400 htw-text-lg" };
+const _hoisted_1 = { class: "poveste-base-empty ptw-base-empty ptw-flex ptw-flex-col ptw-items-center ptw-justify-center ptw-space-y-4 ptw-py-12 ptw-h-full ptw-text-center ptw-text-gray-400 ptw-text-lg" };
 function _sfc_render(_ctx, _cache) {
   return openBlock(), createElementBlock("div", _hoisted_1, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-const BaseEmpty = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1adb09aa"]]);
+const BaseEmpty = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-176506c5"]]);
 export {
   BaseEmpty as default
 };

package/dist/bundled/components/base/BaseKeyboardShortcut.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, createElementBlock, openBlock, toDisplayString } from "@poveste/vendors/vue";
 import { formatKey } from "../../util/keyboard.js";
 "use strict";
-const _hoisted_1 = { class: "poveste-base-keyboard-shortcut htw-border htw-border-current htw-opacity-50 htw-px-1 htw-rounded-sm" };
+const _hoisted_1 = { class: "poveste-base-keyboard-shortcut ptw-border ptw-border-current ptw-opacity-50 ptw-px-1 ptw-rounded-sm" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BaseKeyboardShortcut",
   props: {

package/dist/bundled/components/base/BaseListItem.vue2.js

@@ -13,9 +13,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("a", {
-        class: normalizeClass(["istoire-base-list-ite htw-flex htw-items-center htw-gap-2 htw-text-gray-900 dark:htw-text-gray-100", [
+        class: normalizeClass(["poveste-base-list-item ptw-flex ptw-items-center ptw-gap-2 ptw-text-gray-900 dark:ptw-text-gray-100", [
           _ctx.$attrs.class,
-          __props.isActive ? "active htw-bg-primary-500 hover:htw-bg-primary-600 htw-text-white dark:htw-text-black" : "hover:htw-bg-primary-100 dark:hover:htw-bg-primary-900"
+          __props.isActive ? "active ptw-bg-primary-500 hover:ptw-bg-primary-600 ptw-text-white dark:ptw-text-black" : "hover:ptw-bg-primary-100 dark:hover:ptw-bg-primary-900"
         ]]),
         onClick: _cache[0] || (_cache[0] = ($event) => handleNavigate()),
         onKeyup: [

package/dist/bundled/components/base/BaseListItemLink.vue.js

@@ -9,9 +9,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(({ isActive: linkIsActive, href, navigate }) => [
       createElementVNode("a", {
         href,
-        class: normalizeClass(["htw-flex htw-items-center htw-gap-2 htw-text-gray-900 dark:htw-text-gray-100", [
+        class: normalizeClass(["ptw-flex ptw-items-center ptw-gap-2 ptw-text-gray-900 dark:ptw-text-gray-100", [
           _ctx.$attrs.class,
-          (_ctx.isActive != null ? _ctx.isActive : linkIsActive) ? "active htw-bg-primary-500 hover:htw-bg-primary-600 htw-text-white dark:htw-text-black" : "hover:htw-bg-primary-100 dark:hover:htw-bg-primary-900"
+          (_ctx.isActive != null ? _ctx.isActive : linkIsActive) ? "active ptw-bg-primary-500 hover:ptw-bg-primary-600 ptw-text-white dark:ptw-text-black" : "hover:ptw-bg-primary-100 dark:hover:ptw-bg-primary-900"
         ]]),
         onClick: ($event) => _ctx.handleNavigate($event, navigate),
         onKeyup: [

package/dist/bundled/components/base/BaseOverflowMenu.vue2.js

@@ -4,9 +4,9 @@ import { useResizeObserver } from "@poveste/vendors/vue-use";
 "use strict";
 const _hoisted_1 = {
   role: "button",
-  class: "htw-cursor-pointer hover:htw-bg-primary-50 dark:hover:htw-bg-primary-900 htw-w-8 htw-h-full htw-flex htw-items-center htw-justify-center htw-absolute htw-top-0 htw-right-0"
+  class: "ptw-cursor-pointer hover:ptw-bg-primary-50 dark:hover:ptw-bg-primary-900 ptw-w-8 ptw-h-full ptw-flex ptw-items-center ptw-justify-center ptw-absolute ptw-top-0 ptw-right-0"
 };
-const _hoisted_2 = { class: "htw-flex htw-flex-col htw-items-stretch" };
+const _hoisted_2 = { class: "ptw-flex ptw-flex-col ptw-items-stretch" };
 const overflowButtonWidth = 32;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BaseOverflowMenu",
@@ -62,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "el",
         ref: el,
-        class: "poveste-base-overflow-menu htw-flex htw-overflow-hidden htw-relative"
+        class: "poveste-base-overflow-menu ptw-flex ptw-overflow-hidden ptw-relative"
       }, [
         createVNode(ChildrenRender, null, {
           default: withCtx(() => [
@@ -85,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_1, [
               createVNode(unref(Icon), {
                 icon: "carbon:caret-down",
-                class: "htw-w-4 htw-h-4 htw-opacity-50 group-hover:htw-opacity-100"
+                class: "ptw-w-4 ptw-h-4 ptw-opacity-50 group-hover:ptw-opacity-100"
               })
             ])
           ]),

package/dist/bundled/components/base/BaseOverflowTab.vue.js

@@ -5,7 +5,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["href", "onClick"];
 const _hoisted_2 = {
   key: 0,
-  class: "htw-absolute htw-top-0 htw-left-0 htw-h-full htw-w-[2px] htw-bg-primary-500 dark:htw-bg-primary-400"
+  class: "ptw-absolute ptw-top-0 ptw-left-0 ptw-h-full ptw-w-[2px] ptw-bg-primary-500 dark:ptw-bg-primary-400"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = resolveComponent("router-link");
@@ -13,8 +13,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(({ isActive, isExactActive, href, navigate }) => [
       createElementVNode("a", mergeProps(_ctx.$attrs, {
         href,
-        class: ["htw-px-4 htw-h-10 htw-min-w-[150px] htw-inline-flex htw-items-center hover:htw-bg-primary-50 dark:hover:htw-bg-primary-900 htw-relative htw-text-gray-900 dark:htw-text-gray-100", {
-          "htw-text-primary-500 dark:htw-text-primary-400": _ctx.matched != null ? _ctx.matched : _ctx.exact && isExactActive || !_ctx.exact && isActive
+        class: ["ptw-px-4 ptw-h-10 ptw-min-w-[150px] ptw-inline-flex ptw-items-center hover:ptw-bg-primary-50 dark:hover:ptw-bg-primary-900 ptw-relative ptw-text-gray-900 dark:ptw-text-gray-100", {
+          "ptw-text-primary-500 dark:ptw-text-primary-400": _ctx.matched != null ? _ctx.matched : _ctx.exact && isExactActive || !_ctx.exact && isActive
         }],
         onClick: navigate
       }), [

package/dist/bundled/components/base/BaseSelect.vue2.js

@@ -2,9 +2,9 @@ import { defineComponent, computed, createBlock, openBlock, unref, withCtx, crea
 import { Icon } from "@poveste/vendors/iconify";
 import { Dropdown } from "@poveste/vendors/floating-vue";
 "use strict";
-const _hoisted_1 = { class: "htw-cursor-pointer htw-w-full htw-outline-none htw-px-2 htw-h-[27px] -htw-my-1 htw-border htw-border-solid htw-border-black/25 dark:htw-border-white/25 hover:htw-border-primary-500 dark:hover:htw-border-primary-500 htw-rounded-sm htw-flex htw-gap-2 htw-items-center htw-leading-normal" };
-const _hoisted_2 = { class: "htw-flex-1 htw-truncate" };
-const _hoisted_3 = { class: "htw-flex htw-flex-col htw-bg-gray-50 dark:htw-bg-gray-700" };
+const _hoisted_1 = { class: "ptw-cursor-pointer ptw-w-full ptw-outline-none ptw-px-2 ptw-h-[27px] -ptw-my-1 ptw-border ptw-border-solid ptw-border-black/25 dark:ptw-border-white/25 hover:ptw-border-primary-500 dark:hover:ptw-border-primary-500 ptw-rounded-sm ptw-flex ptw-gap-2 ptw-items-center ptw-leading-normal" };
+const _hoisted_2 = { class: "ptw-flex-1 ptw-truncate" };
+const _hoisted_3 = { class: "ptw-flex ptw-flex-col ptw-bg-gray-50 dark:ptw-bg-gray-700" };
 const _hoisted_4 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BaseSelect",
@@ -39,8 +39,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(formattedOptions.value, (label, value) => {
               return openBlock(), createElementBlock("div", mergeProps({ ref_for: true }, { ..._ctx.$attrs, class: null, style: null }, {
                 key: label,
-                class: ["htw-px-2 htw-py-1 htw-cursor-pointer hover:htw-bg-primary-100 dark:hover:htw-bg-primary-700", {
-                  "htw-bg-primary-200 dark:htw-bg-primary-800": props.modelValue === value
+                class: ["ptw-px-2 ptw-py-1 ptw-cursor-pointer hover:ptw-bg-primary-100 dark:hover:ptw-bg-primary-700", {
+                  "ptw-bg-primary-200 dark:ptw-bg-primary-800": props.modelValue === value
                 }],
                 onClick: ($event) => selectValue(value, hide)
               }), [
@@ -63,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             createVNode(unref(Icon), {
               icon: "carbon:chevron-sort",
-              class: "htw-w-4 htw-h-4 htw-flex-none htw-ml-auto"
+              class: "ptw-w-4 ptw-h-4 ptw-flex-none ptw-ml-auto"
             })
           ])
         ]),

package/dist/bundled/components/base/BaseSplitPane.vue.js

@@ -2,7 +2,7 @@ import _sfc_main from "./BaseSplitPane.vue2.js";
 /* empty css                   */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
 "use strict";
-const BaseSplitPane = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6c89c62e"]]);
+const BaseSplitPane = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-02634f87"]]);
 export {
   BaseSplitPane as default
 };

package/dist/bundled/components/base/BaseSplitPane.vue2.js

@@ -37,6 +37,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     fixed: {
       type: Boolean,
       default: false
+    },
+    showDivider: {
+      type: Boolean,
+      default: true
     }
   },
   emits: {
@@ -138,37 +142,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "el",
         ref: el,
-        class: normalizeClass(["poveste-base-split-pane htw-flex htw-h-full htw-isolate htw-overflow-auto", {
-          "htw-flex-col": __props.orientation === "portrait",
-          "htw-cursor-ew-resize": dragging.value && __props.orientation === "landscape",
-          "htw-cursor-ns-resize": dragging.value && __props.orientation === "portrait",
+        class: normalizeClass(["poveste-base-split-pane ptw-flex ptw-h-full ptw-isolate ptw-overflow-auto", {
+          "ptw-flex-col": __props.orientation === "portrait",
+          "ptw-cursor-ew-resize": dragging.value && __props.orientation === "landscape",
+          "ptw-cursor-ns-resize": dragging.value && __props.orientation === "portrait",
           [__props.orientation]: true
         }])
       }, [
         createElementVNode("div", {
-          class: normalizeClass(["htw-relative htw-top-0 htw-left-0 htw-z-20", {
-            "htw-pointer-events-none": dragging.value,
-            "htw-border-r htw-border-gray-300/30 dark:htw-border-gray-800": __props.orientation === "landscape",
-            "htw-flex-none": __props.fixed
+          class: normalizeClass(["ptw-relative ptw-top-0 ptw-left-0 ptw-z-20", {
+            "ptw-pointer-events-none": dragging.value,
+            "ptw-border-r ptw-border-gray-300/30 dark:ptw-border-gray-800": __props.orientation === "landscape" && __props.showDivider,
+            "ptw-flex-none": __props.fixed
           }]),
           style: normalizeStyle(leftStyle.value)
         }, [
           renderSlot(_ctx.$slots, "first", {}, void 0, true),
           createElementVNode("div", {
-            class: normalizeClass(["dragger htw-absolute htw-z-100 hover:htw-bg-primary-500/50 htw-transition-colors htw-duration-150 htw-delay-150", {
-              "htw-top-0 htw-bottom-0 htw-cursor-ew-resize": __props.orientation === "landscape",
-              "htw-left-0 htw-right-0 htw-cursor-ns-resize": __props.orientation === "portrait",
+            class: normalizeClass(["dragger ptw-absolute ptw-z-100 hover:ptw-bg-primary-500/50 ptw-transition-colors ptw-duration-150 ptw-delay-150", {
+              "ptw-top-0 ptw-bottom-0 ptw-cursor-ew-resize": __props.orientation === "landscape",
+              "ptw-left-0 ptw-right-0 ptw-cursor-ns-resize": __props.orientation === "portrait",
               [`dragger-offset-${__props.draggerOffset}`]: true,
-              "htw-bg-primary-500/25": dragging.value
+              "ptw-bg-primary-500/25": dragging.value
             }]),
             onMousedown: withModifiers(dragStart, ["prevent"])
           }, null, 34)
         ], 6),
         createElementVNode("div", {
-          class: normalizeClass(["htw-relative htw-bottom-0 htw-right-0", {
-            "htw-pointer-events-none": dragging.value,
-            "htw-border-t htw-border-gray-300/30 dark:htw-border-gray-800": __props.orientation === "portrait",
-            "htw-flex-1": __props.fixed
+          class: normalizeClass(["ptw-relative ptw-bottom-0 ptw-right-0", {
+            "ptw-pointer-events-none": dragging.value,
+            "ptw-border-t ptw-border-gray-300/30 dark:ptw-border-gray-800": __props.orientation === "portrait" && __props.showDivider,
+            "ptw-flex-1": __props.fixed
           }]),
           style: normalizeStyle(rightStyle.value)
         }, [

package/dist/bundled/components/base/BaseTab.vue.js

@@ -5,7 +5,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["href", "onClick"];
 const _hoisted_2 = {
   key: 0,
-  class: "htw-absolute htw-bottom-0 htw-left-0 htw-w-full htw-h-[2px] htw-bg-primary-500 dark:htw-bg-primary-400"
+  class: "ptw-absolute ptw-bottom-0 ptw-left-0 ptw-w-full ptw-h-[2px] ptw-bg-primary-500 dark:ptw-bg-primary-400"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = resolveComponent("router-link");
@@ -13,8 +13,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(({ isActive, isExactActive, href, navigate }) => [
       createElementVNode("a", mergeProps(_ctx.$attrs, {
         href,
-        class: ["htw-px-4 htw-h-full htw-inline-flex htw-items-center hover:htw-bg-primary-50 dark:hover:htw-bg-primary-900 htw-relative htw-text-gray-900 dark:htw-text-gray-100", {
-          "htw-text-primary-500 dark:htw-text-primary-400": _ctx.matched != null ? _ctx.matched : _ctx.exact && isExactActive || !_ctx.exact && isActive
+        class: ["ptw-px-4 ptw-h-full ptw-inline-flex ptw-items-center hover:ptw-bg-primary-50 dark:hover:ptw-bg-primary-900 ptw-relative ptw-text-gray-900 dark:ptw-text-gray-100", {
+          "ptw-text-primary-500 dark:ptw-text-primary-400": _ctx.matched != null ? _ctx.matched : _ctx.exact && isExactActive || !_ctx.exact && isActive
         }],
         onClick: navigate
       }), [

package/dist/bundled/components/base/BaseTag.vue.js

@@ -1,7 +1,7 @@
 import { createElementBlock, openBlock, renderSlot } from "@poveste/vendors/vue";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {};
-const _hoisted_1 = { class: "poveste-base-tag htw-text-center htw-text-xs htw-mx-1 htw-px-0.5 htw-h-4 htw-uppercase htw-min-w-4 htw-rounded-full htw-bg-primary-500 htw-text-white dark:htw-text-black" };
+const _hoisted_1 = { class: "poveste-base-tag ptw-text-center ptw-text-xs ptw-mx-1 ptw-px-0.5 ptw-h-4 ptw-uppercase ptw-min-w-4 ptw-rounded-full ptw-bg-primary-500 ptw-text-white dark:ptw-text-black" };
 function _sfc_render(_ctx, _cache) {
   return openBlock(), createElementBlock("span", _hoisted_1, [
     renderSlot(_ctx.$slots, "default")

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

@@ -9,8 +9,8 @@ import _sfc_main$2 from "./PromptText.vue2.js";
 import _sfc_main$3 from "../base/BaseButton.vue2.js";
 import _sfc_main$4 from "../base/BaseKeyboardShortcut.vue2.js";
 "use strict";
-const _hoisted_1 = { class: "htw-p-4 htw-opacity-70" };
-const _hoisted_2 = { class: "htw-flex htw-justify-end htw-gap-2 htw-p-2" };
+const _hoisted_1 = { class: "ptw-p-4 ptw-opacity-70" };
+const _hoisted_2 = { class: "ptw-flex ptw-justify-end ptw-gap-2 ptw-p-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CommandPrompts",
   props: {
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("form", {
-        class: "poveste-command-prompts htw-flex htw-flex-col",
+        class: "poveste-command-prompts ptw-flex ptw-flex-col",
         onSubmit: _cache[0] || (_cache[0] = withModifiers(($event) => submit(), ["prevent"])),
         onKeyup: _cache[1] || (_cache[1] = withKeys(($event) => _ctx.$emit("close"), ["escape"]))
       }, [
@@ -66,14 +66,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             prompt,
             answers,
             index,
-            class: "hover:htw-bg-gray-500/10 focus-within:htw-bg-gray-500/5",
+            class: "hover:ptw-bg-gray-500/10 focus-within:ptw-bg-gray-500/5",
             onNext: ($event) => focusPrompt(index + 1)
           }, null, 40, ["modelValue", "onUpdate:modelValue", "prompt", "answers", "index", "onNext"]);
         }), 128)),
         createElementVNode("div", _hoisted_2, [
           createVNode(_sfc_main$3, {
             type: "submit",
-            class: "htw-px-4 htw-py-2 htw-flex htw-items-start htw-gap-2"
+            class: "ptw-px-4 ptw-py-2 ptw-flex ptw-items-start ptw-gap-2"
           }, {
             default: withCtx(() => [
               createVNode(_sfc_main$4, { shortcut: "Enter" }),