@histoire/controls 0.8.4 → 0.9.2

package/dist/index.es.js

@@ -1,26 +1,7 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, openBlock, createElementBlock, withDirectives, createTextVNode, toDisplayString, unref, createElementVNode, renderSlot, ref, computed, watch, createBlock, withKeys, withModifiers, withCtx, normalizeClass, normalizeStyle, mergeProps, onUnmounted, isRef, vModelText, createCommentVNode, Fragment, renderList, createVNode } from "@histoire/vendors/dist/client/vue.js";
-import { VTooltip, Dropdown } from "@histoire/vendors/dist/client/floating-vue.js";
-import { Icon } from "@histoire/vendors/dist/client/iconify.js";
-import { useClipboard } from "@histoire/vendors/dist/client/vue-use.js";
+import { defineComponent, openBlock, createElementBlock, withDirectives, createTextVNode, toDisplayString, unref, createElementVNode, renderSlot, ref, computed, watch, createBlock, withKeys, withModifiers, withCtx, normalizeClass, normalizeStyle, mergeProps, onUnmounted, isRef, vModelText, createCommentVNode, Fragment, renderList, createVNode } from "@histoire/vendors/vue";
+import { VTooltip, Dropdown } from "@histoire/vendors/floating-vue";
+import { Icon } from "@histoire/vendors/iconify";
+import { useClipboard } from "@histoire/vendors/vue-use";
 const _hoisted_1$9 = { class: "htw-p-2 hover:htw-bg-primary-100 dark:hover:htw-bg-primary-800 htw-flex htw-gap-2 htw-flex-wrap" };
 const _hoisted_2$7 = { class: "htw-w-28 htw-whitespace-nowrap htw-text-ellipsis htw-overflow-hidden htw-shrink-0" };
 const _hoisted_3$6 = { class: "htw-grow htw-flex htw-items-center htw-gap-1" };
@@ -28,7 +9,8 @@ const _hoisted_4$4 = { class: "htw-block htw-grow" };
 const __default__$c = {
   name: "HstWrapper"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$c), {
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
   props: {
     title: null
   },
@@ -53,7 +35,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       ]);
     };
   }
-}));
+});
 const _hoisted_1$8 = { class: "htw-text-white htw-w-[16px] htw-h-[16px] htw-relative" };
 const _hoisted_2$6 = {
   width: "16",
@@ -65,7 +47,8 @@ const _hoisted_3$5 = ["stroke-dasharray", "stroke-dashoffset"];
 const __default__$b = {
   name: "HstCheckbox"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$b), {
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
   props: {
     modelValue: { type: Boolean },
     title: null
@@ -132,12 +115,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       }, 8, ["title"]);
     };
   }
-}));
+});
 const _hoisted_1$7 = ["value"];
 const __default__$a = {
   name: "HstText"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$a), {
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
   props: {
     title: null,
     modelValue: null
@@ -161,7 +145,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           createElementVNode("input", mergeProps({
             ref_key: "input",
             ref: input
-          }, __spreadProps(__spreadValues({}, _ctx.$attrs), { class: null, style: null }), {
+          }, { ..._ctx.$attrs, class: null, style: null }, {
             type: "text",
             value: __props.modelValue,
             class: "htw-text-inherit htw-bg-transparent htw-w-full htw-outline-none htw-px-2 htw-py-1 -htw-my-1 htw-border htw-border-solid htw-border-black/25 dark:htw-border-white/25 focus:htw-border-primary-500 dark:focus:htw-border-primary-500 htw-rounded-sm",
@@ -172,12 +156,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       }, 8, ["title", "class", "style"]);
     };
   }
-}));
+});
 const __default__$9 = {
   name: "HstNumber",
   inheritAttrs: false
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$9), {
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
   props: {
     title: null,
     modelValue: null
@@ -241,7 +226,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           withDirectives(createElementVNode("input", mergeProps({
             ref_key: "input",
             ref: input
-          }, __spreadProps(__spreadValues({}, _ctx.$attrs), { class: null, style: null }), {
+          }, { ..._ctx.$attrs, class: null, style: null }, {
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(numberModel) ? numberModel.value = $event : null),
             type: "number",
             class: [{
@@ -260,7 +245,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       }, 8, ["title", "class", "style"]);
     };
   }
-}));
+});
 var HstSlider_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$6 = { class: "htw-relative htw-w-full htw-flex htw-items-center" };
 const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("div", { class: "htw-absolute htw-inset-0 htw-flex htw-items-center" }, [
@@ -270,7 +255,8 @@ const __default__$8 = {
   name: "HstSlider",
   inheritAttrs: false
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$8), {
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
   props: {
     title: null,
     modelValue: null,
@@ -318,7 +304,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(numberModel) ? numberModel.value = $event : null),
               class: "htw-range-input htw-appearance-none htw-border-0 htw-bg-transparent htw-cursor-pointer htw-relative htw-w-full htw-m-0 htw-text-gray-700",
               type: "range"
-            }, __spreadProps(__spreadValues({}, _ctx.$attrs), { class: null, style: null, min: __props.min, max: __props.max }), {
+            }, { ..._ctx.$attrs, class: null, style: null, min: __props.min, max: __props.max }, {
               onMouseover: _cache[1] || (_cache[1] = ($event) => showTooltip.value = true),
               onMouseleave: _cache[2] || (_cache[2] = ($event) => showTooltip.value = false)
             }), null, 16), [
@@ -342,13 +328,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       }, 8, ["title", "class", "style"]);
     };
   }
-}));
+});
 const _hoisted_1$5 = ["value"];
 const __default__$7 = {
   name: "HstTextarea",
   inheritAttrs: false
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$7), {
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   props: {
     title: null,
     modelValue: null
@@ -372,7 +359,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           createElementVNode("textarea", mergeProps({
             ref_key: "input",
             ref: input
-          }, __spreadProps(__spreadValues({}, _ctx.$attrs), { class: null, style: null }), {
+          }, { ..._ctx.$attrs, class: null, style: null }, {
             value: __props.modelValue,
             class: "htw-text-inherit htw-bg-transparent htw-w-full htw-outline-none htw-px-2 htw-py-1 -htw-my-1 htw-border htw-border-solid htw-border-black/25 dark:htw-border-white/25 focus:htw-border-primary-500 dark:focus:htw-border-primary-500 htw-rounded-sm htw-box-border htw-resize-y htw-min-h-[26px]",
             onInput: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event.target.value))
@@ -382,7 +369,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       }, 8, ["title", "class", "style"]);
     };
   }
-}));
+});
 var CustomSelect_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$4 = { 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$4 = { class: "htw-flex-1 htw-truncate" };
@@ -391,7 +378,8 @@ const _hoisted_4$3 = ["onClick"];
 const __default__$6 = {
   name: "CustomSelect"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$6), {
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   props: {
     modelValue: null,
     options: null
@@ -425,7 +413,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         popper: withCtx(({ hide }) => [
           createElementVNode("div", _hoisted_3$4, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(formattedOptions), ([value, label]) => {
-              return openBlock(), createElementBlock("div", mergeProps(__spreadProps(__spreadValues({}, _ctx.$attrs), { class: null, style: null }), {
+              return openBlock(), createElementBlock("div", mergeProps({ ..._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
@@ -452,11 +440,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       });
     };
   }
-}));
+});
 const __default__$5 = {
   name: "HstSelect"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$5), {
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
   props: {
     title: null,
     modelValue: null,
@@ -484,11 +473,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       }, 8, ["title", "class", "style"]);
     };
   }
-}));
+});
 const __default__$4 = {
   name: "HstCopyIcon"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
   props: {
     content: null
   },
@@ -512,7 +502,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       ]);
     };
   }
-}));
+});
 const _hoisted_1$3 = {
   key: 0,
   class: "htw-grid htw-gap-4 htw-grid-cols-[repeat(auto-fill,minmax(200px,1fr))] htw-m-4"
@@ -525,7 +515,8 @@ const _hoisted_6$1 = { class: "htw-my-0 htw-opacity-50 htw-truncate htw-shrink"
 const __default__$3 = {
   name: "HstColorShades"
 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
   props: {
     shades: null,
     getName: null,
@@ -604,7 +595,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       ])) : createCommentVNode("", true);
     };
   }
-}));
+});
 const _hoisted_1$2 = ["onMouseenter"];
 const _hoisted_2$2 = { class: "htw-mx-4" };
 const _hoisted_3$2 = { class: "htw-flex htw-gap-1" };
@@ -614,7 +605,8 @@ const _hoisted_6 = { class: "htw-my-0 htw-opacity-50 htw-truncate htw-shrink" };
 const __default__$2 = {
   name: "HstTokenList"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
   props: {
     tokens: null,
     getName: null
@@ -665,7 +657,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       }), 128);
     };
   }
-}));
+});
 var HstTokenGrid_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$1 = ["onMouseenter"];
 const _hoisted_2$1 = { class: "htw-flex htw-gap-1" };
@@ -675,7 +667,8 @@ const _hoisted_5 = { class: "htw-my-0 htw-opacity-50 htw-truncate htw-shrink" };
 const __default__$1 = {
   name: "HstTokenGrid"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
   props: {
     tokens: null,
     colSize: { default: 180 },
@@ -743,14 +736,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       ], 4);
     };
   }
-}));
+});
 const _hoisted_1 = { class: "-htw-my-1" };
 const _hoisted_2 = ["id", "name", "value", "checked", "onChange"];
 const _hoisted_3 = ["for", "onKeydown"];
 const __default__ = {
   name: "HstRadio"
 };
-const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   props: {
     title: null,
     modelValue: null,
@@ -837,7 +831,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       }, 8, ["title", "class", "style"]);
     };
   }
-}));
+});
 const HstCheckbox = _sfc_main$b;
 const HstText = _sfc_main$a;
 const HstNumber = _sfc_main$9;

package/dist/style-standalone.css

@@ -204,6 +204,102 @@
 }
 
 *, ::before, ::after{
+  --tw-border-spacing-x:0;
+  --tw-border-spacing-y:0;
+  --tw-translate-x:0;
+  --tw-translate-y:0;
+  --tw-rotate:0;
+  --tw-skew-x:0;
+  --tw-skew-y:0;
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness:proximity;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width:0px;
+  --tw-ring-offset-color:#fff;
+  --tw-ring-color:rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow:0 0 #0000;
+  --tw-ring-shadow:0 0 #0000;
+  --tw-shadow:0 0 #0000;
+  --tw-shadow-colored:0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: 
+}
+
+::-webkit-backdrop{
+  --tw-border-spacing-x:0;
+  --tw-border-spacing-y:0;
+  --tw-translate-x:0;
+  --tw-translate-y:0;
+  --tw-rotate:0;
+  --tw-skew-x:0;
+  --tw-skew-y:0;
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness:proximity;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width:0px;
+  --tw-ring-offset-color:#fff;
+  --tw-ring-color:rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow:0 0 #0000;
+  --tw-ring-shadow:0 0 #0000;
+  --tw-shadow:0 0 #0000;
+  --tw-shadow-colored:0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: 
+}
+
+::backdrop{
+  --tw-border-spacing-x:0;
+  --tw-border-spacing-y:0;
   --tw-translate-x:0;
   --tw-translate-y:0;
   --tw-rotate:0;
@@ -436,7 +532,6 @@
 .htw-select-none{
   -webkit-user-select:none;
      -moz-user-select:none;
-      -ms-user-select:none;
           user-select:none
 }
 
@@ -573,6 +668,11 @@
   background-color:rgb(167 243 208 / var(--tw-bg-opacity))
 }
 
+.htw-bg-primary-800{
+  --tw-bg-opacity:1;
+  background-color:rgb(6 95 70 / var(--tw-bg-opacity))
+}
+
 .htw-bg-gray-700{
   --tw-bg-opacity:1;
   background-color:rgb(63 63 70 / var(--tw-bg-opacity))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@histoire/controls",
-  "version": "0.8.4",
+  "version": "0.9.2",
   "description": "Prebuilt controls components",
   "license": "MIT",
   "author": {
@@ -17,8 +17,8 @@
   "type": "module",
   "exports": {
     ".": {
-      "import": "./dist/index.es.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.es.js"
     },
     "./*": "./*"
   },
@@ -31,7 +31,7 @@
     "*.vue"
   ],
   "dependencies": {
-    "@histoire/vendors": "^0.8.4"
+    "@histoire/vendors": "^0.9.2"
   },
   "devDependencies": {
     "@peeky/test": "^0.13.5",
@@ -41,8 +41,7 @@
     "@vueuse/core": "^8.2.5",
     "autoprefixer": "^10.4.4",
     "concurrently": "^7.1.0",
-    "floating-vue": "^2.0.0-beta.16",
-    "histoire": "0.8.4",
+    "floating-vue": "^2.0.0-beta.19",
     "postcss": "^8.4.12",
     "postcss-import": "^14.1.0",
     "tailwindcss": "^3.0.23",
@@ -58,9 +57,6 @@
     "watch": "concurrently \"vite build --watch\" \"pnpm run build:types --watch\"",
     "watch:full": "concurrently \"vite build --watch\" \"pnpm run build:css --watch\" \"pnpm run build:types --watch\"",
     "test:open": "peeky open --port 5010",
-    "test": "peeky run",
-    "story:dev": "histoire dev",
-    "story:build": "histoire build",
-    "story:preview": "histoire preview"
+    "test": "peeky run"
   }
 }

package/tailwind.config.cjs

@@ -1,10 +1,11 @@
+const path = require('path')
 const inheritedConfig = require('../../tailwind.config.cjs')
 
 module.exports = {
   ...inheritedConfig,
   prefix: 'htw-',
   content: [
-    './src/**/*.{vue,js,ts,jsx,tsx,md}',
+    path.resolve(__dirname, './src/**/*.{vue,js,ts,jsx,tsx,md}'),
   ],
   // corePlugins: {
   //   preflight: false,

package/tsconfig.json

@@ -5,6 +5,7 @@
     "moduleResolution": "node",
     "outDir": "dist",
     "rootDir": "src",
+    "baseUrl": ".",
     "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,
     "removeComments": false,
@@ -31,13 +32,13 @@
     "jsx": "preserve",
     // Alias
     "paths": {
-      "floating-vue": ["./node_modules/@histoire/vendors/dist/client/floating-vue"],
-      "@iconify/vue": ["./node_modules/@histoire/vendors/dist/client/iconify"],
-      "pinia": ["./node_modules/@histoire/vendors/dist/client/pinia"],
-      "scroll-into-view-if-needed": ["./node_modules/@histoire/vendors/dist/client/scroll"],
-      "vue-router": ["./node_modules/@histoire/vendors/dist/client/vue-router"],
-      "@vueuse/core": ["./node_modules/@histoire/vendors/dist/client/vue-use"],
-      "vue": ["./node_modules/@histoire/vendors/dist/client/vue"]
+      "floating-vue": ["./node_modules/@histoire/vendors/floating-vue"],
+      "@iconify/vue": ["./node_modules/@histoire/vendors/iconify"],
+      "pinia": ["./node_modules/@histoire/vendors/pinia"],
+      "scroll-into-view-if-needed": ["./node_modules/@histoire/vendors/scroll"],
+      "vue-router": ["./node_modules/@histoire/vendors/vue-router"],
+      "@vueuse/core": ["./node_modules/@histoire/vendors/vue-use"],
+      "vue": ["./node_modules/@histoire/vendors/vue"]
     }
   },
   "include": [

package/vite.config.ts

@@ -1,5 +1,3 @@
-/// <reference types="histoire"/>
-
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -10,13 +8,13 @@ export default defineConfig({
 
   resolve: {
     alias: {
-      'floating-vue': '@histoire/vendors/dist/client/floating-vue.js',
-      '@iconify/vue': '@histoire/vendors/dist/client/iconify.js',
-      pinia: '@histoire/vendors/dist/client/pinia.js',
-      'scroll-into-view-if-needed': '@histoire/vendors/dist/client/scroll.js',
-      'vue-router': '@histoire/vendors/dist/client/vue-router.js',
-      '@vueuse/core': '@histoire/vendors/dist/client/vue-use.js',
-      vue: '@histoire/vendors/dist/client/vue.js',
+      'floating-vue': '@histoire/vendors/floating-vue',
+      '@iconify/vue': '@histoire/vendors/iconify',
+      pinia: '@histoire/vendors/pinia',
+      'scroll-into-view-if-needed': '@histoire/vendors/scroll',
+      'vue-router': '@histoire/vendors/vue-router',
+      '@vueuse/core': '@histoire/vendors/vue-use',
+      vue: '@histoire/vendors/vue',
     },
   },
 
@@ -37,22 +35,4 @@ export default defineConfig({
       ],
     },
   },
-
-  histoire: {
-    setupFile: '/src/histoire-setup.ts',
-    vite: (config) => {
-      config.plugins = [{
-        name: 'my-vite-config',
-        enforce: 'post',
-        config (config) {
-          config.build.lib = false
-          config.build.rollupOptions.external = []
-        },
-      }]
-    },
-    theme: {
-      title: 'Histoire controls',
-      favicon: '/histoire.svg',
-    },
-  },
 })

package/dist/histoire-setup.d.ts

@@ -1,3 +0,0 @@
-import './style/main.css';
-declare const _default: () => void;
-export default _default;

package/dist/histoire.svg

@@ -1,51 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="512"
-   height="512"
-   viewBox="0 0 512 512"
-   version="1.1"
-   id="svg5"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs2" />
-  <g
-     id="layer1">
-    <rect
-       style="opacity:0.5;fill:#34d399;fill-opacity:1;stroke-width:1.00375"
-       id="rect1372"
-       width="314.30923"
-       height="406.60901"
-       x="-26.565063"
-       y="134.75079"
-       transform="rotate(-23.821262)"
-       ry="8" />
-    <rect
-       style="fill:#34d399;fill-opacity:1;stroke-width:1.00375"
-       id="rect850"
-       width="314.30923"
-       height="406.60901"
-       x="77.571838"
-       y="72.808708"
-       ry="8"
-       transform="rotate(-4.5744534)" />
-  </g>
-  <g
-     id="layer3">
-    <path
-       id="path1657-3"
-       style="display:inline;fill:#b4fae2;fill-opacity:1;stroke:#b4fae2;stroke-width:8.34923;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 359.38947,355.95134 320.72935,176.52942 238.34613,238.94118 Z M 273.64124,273.06608 152.59788,156.05591 191.25804,335.47786 Z" />
-  </g>
-  <g
-     id="layer2"
-     style="display:none">
-    <path
-       id="path1657"
-       style="fill:#b4fae2;fill-opacity:1;stroke:#b4fae2;stroke-width:8;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 296,103.98242 -135.53125,177.9668 h 88.70117 z M 262.83008,230.05078 216,408.01758 351.53125,230.05078 Z"
-       transform="rotate(-4.156553,256,256.00691)" />
-  </g>
-</svg>

package/public/histoire.svg

@@ -1,51 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="512"
-   height="512"
-   viewBox="0 0 512 512"
-   version="1.1"
-   id="svg5"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs2" />
-  <g
-     id="layer1">
-    <rect
-       style="opacity:0.5;fill:#34d399;fill-opacity:1;stroke-width:1.00375"
-       id="rect1372"
-       width="314.30923"
-       height="406.60901"
-       x="-26.565063"
-       y="134.75079"
-       transform="rotate(-23.821262)"
-       ry="8" />
-    <rect
-       style="fill:#34d399;fill-opacity:1;stroke-width:1.00375"
-       id="rect850"
-       width="314.30923"
-       height="406.60901"
-       x="77.571838"
-       y="72.808708"
-       ry="8"
-       transform="rotate(-4.5744534)" />
-  </g>
-  <g
-     id="layer3">
-    <path
-       id="path1657-3"
-       style="display:inline;fill:#b4fae2;fill-opacity:1;stroke:#b4fae2;stroke-width:8.34923;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 359.38947,355.95134 320.72935,176.52942 238.34613,238.94118 Z M 273.64124,273.06608 152.59788,156.05591 191.25804,335.47786 Z" />
-  </g>
-  <g
-     id="layer2"
-     style="display:none">
-    <path
-       id="path1657"
-       style="fill:#b4fae2;fill-opacity:1;stroke:#b4fae2;stroke-width:8;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 296,103.98242 -135.53125,177.9668 h 88.70117 z M 262.83008,230.05078 216,408.01758 351.53125,230.05078 Z"
-       transform="rotate(-4.156553,256,256.00691)" />
-  </g>
-</svg>

package/src/histoire-setup.ts

@@ -1,5 +0,0 @@
-import './style/main.css'
-
-export default () => {
-  // Noop
-}