@histoire/controls 0.6.1 → 0.6.2

package/.histoire/dist/assets/{bundle-main.2631970b.js → bundle-main.784e5bf7.js}

@@ -1,6 +1,5 @@
-import { u as useMediaQuery, I as Icon, s as scrollIntoView, c as createRouter, a as createWebHistory, d as defineStore, b as useTitle, e as createPinia, p as plugin, f as useStorage, g as useEventListener, h as useRoute } from "./vendor.96c97c65.js";
-import { defineComponent, ref, watch, computed, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, unref, renderSlot, withModifiers, createBlock, Transition, withCtx, toDisplayString, createVNode, createCommentVNode, onMounted, resolveComponent, mergeProps, withKeys, Fragment, resolveDynamicComponent, createApp, renderList, resolveDirective, withDirectives, defineAsyncComponent, vShow, reactive, isRef, useCssVars, createTextVNode, pushScopeId, popScopeId } from "vue";
-import { _ as __vitePreload, f as files, m as mapFile, t as tree, h as histoireConfig, r as registerGlobalComponents, i as isDark, a as toggleDark, c as customLogos } from "./global-components.1c794554.js";
+import { d as defineComponent, u as useMediaQuery, r as ref, w as watch, c as computed, o as onUnmounted, a as openBlock, b as createElementBlock, e as createBaseVNode, f as renderSlot, n as normalizeClass, g as withModifiers, h as normalizeStyle, i as unref, j as createBlock, k as withCtx, t as toDisplayString, l as createVNode, I as Icon, m as createCommentVNode, T as Transition, s as scrollIntoView, p as onMounted, q as resolveComponent, v as withKeys, x as mergeProps, y as createRouter, z as createWebHistory, A as defineStore, B as useTitle, C as resolveDynamicComponent, F as Fragment, D as createApp, E as createPinia, G as plugin, H as useStorage, J as renderList, K as useEventListener, L as resolveDirective, M as withDirectives, N as defineAsyncComponent, O as vShow, P as isRef, Q as useCssVars, R as createTextVNode, S as reactive, U as useRoute, V as pushScopeId, W as popScopeId } from "./vendor.2833ae3d.js";
+import { _ as __vitePreload, f as files, m as mapFile, r as registerGlobalComponents, i as isDark, h as histoireConfig, t as toggleDark, a as tree, c as customLogos } from "./global-components.6736b2a9.js";
 var style = "";
 var $histoireThemeResolved = "";
 var _export_sfc = (sfc, props) => {
@@ -36,7 +35,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_RouterLink = resolveComponent("RouterLink");
   return openBlock(), createBlock(_component_RouterLink, mergeProps(_ctx.$attrs, { custom: "" }), {
     default: withCtx(({ isActive: linkIsActive, href, navigate }) => [
-      createElementVNode("a", {
+      createBaseVNode("a", {
         href,
         class: normalizeClass(["htw-flex htw-items-center htw-gap-2 htw-text-gray-900 dark:htw-text-gray-100", [
           _ctx.$attrs.class,
@@ -227,7 +226,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
           [__props.orientation]: true
         }])
       }, [
-        createElementVNode("div", {
+        createBaseVNode("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-200 dark:htw-border-gray-850": __props.orientation === "landscape",
@@ -236,7 +235,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(unref(leftStyle))
         }, [
           renderSlot(_ctx.$slots, "first", {}, void 0, true),
-          createElementVNode("div", {
+          createBaseVNode("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",
@@ -246,7 +245,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
             onMousedown: withModifiers(dragStart, ["prevent"])
           }, null, 42, _hoisted_1$1$1)
         ], 6),
-        createElementVNode("div", {
+        createBaseVNode("div", {
           class: normalizeClass(["htw-relative htw-bottom-0 htw-right-0", {
             "htw-pointer-events-none": dragging.value,
             "htw-border-t htw-border-gray-200 dark:htw-border-gray-850": __props.orientation === "portrait",
@@ -280,9 +279,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(Transition, { name: "__histoire-fade-bottom" }, {
         default: withCtx(() => [
           __props.opened ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-            createElementVNode("div", _hoisted_2$8, [
-              createElementVNode("span", _hoisted_3$6, toDisplayString(__props.title), 1),
-              createElementVNode("a", {
+            createBaseVNode("div", _hoisted_2$8, [
+              createBaseVNode("span", _hoisted_3$6, toDisplayString(__props.title), 1),
+              createBaseVNode("a", {
                 class: "htw-p-1 hover:htw-text-primary-500 dark:hover:htw-text-primary-400 htw-cursor-pointer",
                 onClick: _cache[0] || (_cache[0] = ($event) => emits("close"))
               }, [
@@ -307,12 +306,12 @@ const router = createRouter({
     {
       path: "/",
       name: "home",
-      component: () => __vitePreload(() => import("./HomeView.d306a8d5.js"), true ? ["assets/HomeView.d306a8d5.js","assets/global-components.1c794554.js","assets/vendor.96c97c65.js"] : void 0)
+      component: () => __vitePreload(() => import("./HomeView.8e044be6.js"), true ? ["assets/HomeView.8e044be6.js","assets/vendor.2833ae3d.js","assets/global-components.6736b2a9.js"] : void 0)
     },
     {
       path: "/story/:storyId",
       name: "story",
-      component: () => __vitePreload(() => import("./StoryView.6adb630a.js"), true ? ["assets/StoryView.6adb630a.js","assets/vendor.96c97c65.js","assets/BaseEmpty.c5f20ec7.js","assets/const.560925bb.js","assets/global-components.1c794554.js"] : void 0)
+      component: () => __vitePreload(() => import("./StoryView.2f64dad1.js"), true ? ["assets/StoryView.2f64dad1.js","assets/vendor.2833ae3d.js","assets/BaseEmpty.d30f3079.js","assets/const.268165fd.js","assets/global-components.6736b2a9.js"] : void 0)
     }
   ]
 });
@@ -417,7 +416,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           default: withCtx(({ active: active2 }) => {
             var _a;
             return [
-              createElementVNode("span", _hoisted_1$a, [
+              createBaseVNode("span", _hoisted_1$a, [
                 createVNode(unref(Icon), {
                   icon: (_a = __props.story.icon) != null ? _a : "carbon:cube",
                   class: normalizeClass(["base-list-item-link-icon htw-w-5 htw-h-5 sm:htw-w-4 sm:htw-h-4 htw-flex-none", {
@@ -425,7 +424,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                     "bind-icon-color": !active2 && __props.story.iconColor
                   }])
                 }, null, 8, ["icon", "class"]),
-                createElementVNode("span", _hoisted_2$7, toDisplayString(__props.story.title), 1)
+                createBaseVNode("span", _hoisted_2$7, toDisplayString(__props.story.title), 1)
               ]),
               !__props.story.docsOnly ? (openBlock(), createElementBlock("span", _hoisted_3$5, toDisplayString(__props.story.variants.length), 1)) : createCommentVNode("", true)
             ];
@@ -509,7 +508,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_StoryListFolder = resolveComponent("StoryListFolder", true);
       return openBlock(), createElementBlock("div", _hoisted_1$9, [
-        createElementVNode("div", {
+        createBaseVNode("div", {
           role: "button",
           tabindex: "0",
           class: "htw-px-0.5 htw-py-2 md:htw-py-1.5 htw-mx-1 htw-rounded-sm hover:htw-bg-primary-100 dark:hover:htw-bg-primary-900 htw-cursor-pointer htw-select-none htw-flex",
@@ -519,8 +518,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             withKeys(toggleOpen, ["space"])
           ]
         }, [
-          createElementVNode("span", _hoisted_3$4, [
-            createElementVNode("span", _hoisted_4$3, [
+          createBaseVNode("span", _hoisted_3$4, [
+            createBaseVNode("span", _hoisted_4$3, [
               createVNode(unref(Icon), {
                 icon: "carbon:caret-right",
                 class: normalizeClass(["htw-w-4 htw-h-4 htw-transition-transform htw-duration-150 htw-opacity-30", {
@@ -532,7 +531,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 class: "htw-w-5 htw-h-5 sm:htw-w-4 sm:htw-h-4"
               })
             ]),
-            createElementVNode("span", _hoisted_5$1, toDisplayString(__props.folder.title), 1)
+            createBaseVNode("span", _hoisted_5$1, toDisplayString(__props.folder.title), 1)
           ])
         ], 40, _hoisted_2$6),
         unref(isFolderOpen) ? (openBlock(), createElementBlock("div", _hoisted_6, [
@@ -565,7 +564,7 @@ const _hoisted_1$8 = {
 };
 const _hoisted_2$5 = ["onKeyup"];
 const _hoisted_3$3 = { class: "htw-truncate htw-opacity-50" };
-const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "htw-h-[1px] htw-flex-1 htw-bg-gray-500/10 htw-mx-2" }, null, -1);
+const _hoisted_4$2 = /* @__PURE__ */ createBaseVNode("span", { class: "htw-h-[1px] htw-flex-1 htw-bg-gray-500/10 htw-mx-2" }, null, -1);
 const _hoisted_5 = { key: 1 };
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   name: "StoryGroup",
@@ -601,7 +600,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               "htw-rotate-90": unref(isFolderOpen)
             }])
           }, null, 8, ["class"]),
-          createElementVNode("span", _hoisted_3$3, toDisplayString(__props.group.title), 1),
+          createBaseVNode("span", _hoisted_3$3, toDisplayString(__props.group.title), 1),
           _hoisted_4$2
         ], 40, _hoisted_2$5)) : createCommentVNode("", true),
         unref(isFolderOpen) ? (openBlock(), createElementBlock("div", _hoisted_5, [
@@ -792,8 +791,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       var _a;
       const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        createElementVNode("div", _hoisted_2$4, [
-          createElementVNode("a", {
+        createBaseVNode("div", _hoisted_2$4, [
+          createBaseVNode("a", {
             href: (_a = unref(histoireConfig).theme) == null ? void 0 : _a.logoHref,
             target: "_blank",
             class: "htw-w-full htw-h-full htw-flex htw-items-center"
@@ -801,7 +800,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             createVNode(_sfc_main$6, { class: "htw-max-w-full htw-max-h-full" })
           ], 8, _hoisted_3$2)
         ]),
-        createElementVNode("div", _hoisted_4$1, [
+        createBaseVNode("div", _hoisted_4$1, [
           withDirectives((openBlock(), createElementBlock("a", {
             class: "htw-p-2 sm:htw-p-1 hover:htw-text-primary-500 dark:hover:htw-text-primary-400 htw-cursor-pointer htw-text-gray-900 dark:htw-text-gray-100",
             "data-test-id": "search-btn",
@@ -831,7 +830,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 const _withScopeId = (n) => (pushScopeId("data-v-5fe505b0"), n = n(), popScopeId(), n);
-const _hoisted_1$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "htw-opacity-40" }, " / ", -1));
+const _hoisted_1$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("span", { class: "htw-opacity-40" }, " / ", -1));
 const _hoisted_2$3 = { class: "htw-flex htw-items-center htw-gap-2" };
 const _hoisted_3$1 = { class: "htw-opacity-40 htw-text-sm" };
 const _hoisted_4 = /* @__PURE__ */ createTextVNode(" Select a story... ");
@@ -866,19 +865,19 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", null, [
-          createElementVNode("a", {
+        createBaseVNode("div", null, [
+          createBaseVNode("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",
             onClick: openMenu
           }, [
             unref(story) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(folders), (file, key) => {
                 return openBlock(), createElementBlock(Fragment, { key }, [
-                  createElementVNode("span", null, toDisplayString(file), 1),
+                  createBaseVNode("span", null, toDisplayString(file), 1),
                   _hoisted_1$4
                 ], 64);
               }), 128)),
-              createElementVNode("span", _hoisted_2$3, [
+              createBaseVNode("span", _hoisted_2$3, [
                 createVNode(unref(Icon), {
                   icon: (_a = unref(story).icon) != null ? _a : "carbon:cube",
                   class: normalizeClass(["base-list-item-link-icon htw-w-5 htw-h-5 htw-flex-none", {
@@ -887,7 +886,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   }])
                 }, null, 8, ["icon", "class"]),
                 createTextVNode(" " + toDisplayString(unref(story).title) + " ", 1),
-                createElementVNode("span", _hoisted_3$1, toDisplayString(unref(story).variants.length), 1)
+                createBaseVNode("span", _hoisted_3$1, toDisplayString(unref(story).variants.length), 1)
               ])
             ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               _hoisted_4
@@ -951,7 +950,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { emit }) {
     const SearchPane = defineAsyncComponent({
-      loader: () => __vitePreload(() => import("./SearchPane.d4c0545d.js"), true ? ["assets/SearchPane.d4c0545d.js","assets/global-components.1c794554.js","assets/vendor.96c97c65.js","assets/BaseEmpty.c5f20ec7.js"] : void 0),
+      loader: () => __vitePreload(() => import("./SearchPane.daa2675c.js"), true ? ["assets/SearchPane.daa2675c.js","assets/global-components.6736b2a9.js","assets/vendor.2833ae3d.js","assets/BaseEmpty.d30f3079.js"] : void 0),
       loadingComponent: _sfc_main$3,
       delay: 0
     });
@@ -960,11 +959,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$2, [
-        createElementVNode("div", {
+        createBaseVNode("div", {
           class: "htw-absolute htw-inset-0",
           onClick: _cache[0] || (_cache[0] = ($event) => close())
         }),
-        createElementVNode("div", _hoisted_2$1, [
+        createBaseVNode("div", _hoisted_2$1, [
           createVNode(unref(SearchPane), {
             shown: __props.shown,
             onClose: _cache[1] || (_cache[1] = ($event) => close())
@@ -1001,7 +1000,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   key: n,
                   class: "htw-bg-primary-500/10 htw-rounded-full"
                 }, [
-                  createElementVNode("div", {
+                  createBaseVNode("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
                     }])
@@ -1076,7 +1075,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
             story: unref(storyStore).currentStory
           }, null, 8, ["story"]))
         ])) : createCommentVNode("", true),
-        createElementVNode("div", {
+        createBaseVNode("div", {
           class: "htw-h-screen htw-bg-white dark:htw-bg-gray-700 dark:htw-text-gray-100",
           style: normalizeStyle({
             opacity: mounted.value && !loading.value ? 1 : 0
@@ -1100,7 +1099,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
             class: "htw-h-full"
           }, {
             first: withCtx(() => [
-              createElementVNode("div", _hoisted_3, [
+              createBaseVNode("div", _hoisted_3, [
                 createVNode(_sfc_main$5, {
                   class: "htw-flex-none",
                   onSearch: _cache[1] || (_cache[1] = ($event) => isSearchOpen.value = true)

package/.histoire/dist/assets/{bundle-sandbox.91b9cf1c.js → bundle-sandbox.5e153933.js}

@@ -1,7 +1,6 @@
-import { k as parseQuery, e as createPinia } from "./vendor.96c97c65.js";
-import { reactive, ref, createApp, computed, watch, onMounted, h } from "vue";
-import { m as mapFile, f as files, b as toRawDeep, r as registerGlobalComponents, i as isDark, h as histoireConfig, d as applyStateToVariant } from "./global-components.1c794554.js";
-import { S as STATE_SYNC, P as PREVIEW_SETTINGS_SYNC, _ as _sfc_main, a as SANDBOX_READY } from "./const.560925bb.js";
+import { S as reactive, aa as parseQuery, r as ref, D as createApp, E as createPinia, w as watch, c as computed, p as onMounted, _ as h } from "./vendor.2833ae3d.js";
+import { m as mapFile, f as files, r as registerGlobalComponents, b as toRawDeep, h as histoireConfig, i as isDark, d as applyStateToVariant } from "./global-components.6736b2a9.js";
+import { S as STATE_SYNC, P as PREVIEW_SETTINGS_SYNC, a as SANDBOX_READY, _ as _sfc_main } from "./const.268165fd.js";
 var sandbox = "";
 const receivedSettings = reactive({});
 function applyPreviewSettings(settings) {

package/.histoire/dist/assets/{const.560925bb.js → const.268165fd.js}

@@ -1,6 +1,5 @@
-import { defineComponent, ref, onMounted, watch, onUnmounted, openBlock, createElementBlock, createApp, Text, vModelText, vModelSelect, vModelRadio, vModelCheckbox, vModelDynamic } from "vue";
-import { C as Case } from "./vendor.96c97c65.js";
-import { d as applyStateToVariant } from "./global-components.1c794554.js";
+import { d as defineComponent, r as ref, p as onMounted, w as watch, o as onUnmounted, a as openBlock, b as createElementBlock, D as createApp, ab as Case, ac as Text, Z as vModelText, ad as vModelSelect, ae as vModelRadio, af as vModelCheckbox, ag as vModelDynamic } from "./vendor.2833ae3d.js";
+import { d as applyStateToVariant } from "./global-components.6736b2a9.js";
 var main = "";
 var histoireSetup = () => {
 };

package/.histoire/dist/assets/{global-components.1c794554.js → global-components.6736b2a9.js}

@@ -1,5 +1,4 @@
-import { defineAsyncComponent, isRef, unref, defineComponent, pushScopeId, popScopeId, openBlock, createElementBlock, withDirectives, createTextVNode, toDisplayString, createElementVNode, renderSlot, ref, computed, watch, createBlock, withKeys, withModifiers, withCtx, normalizeClass, normalizeStyle, mergeProps, onUnmounted, vModelText, h, Fragment, renderList, createVNode, createCommentVNode, nextTick, normalizeProps, guardReactiveProps, withScopeId, resolveComponent, getCurrentScope, onScopeDispose, createApp, useAttrs, getCurrentInstance, inject, provide, markRaw } from "vue";
-import { i as useDark, j as useToggle } from "./vendor.96c97c65.js";
+import { N as defineAsyncComponent, X as useDark, Y as useToggle, P as isRef, i as unref, d as defineComponent, V as pushScopeId, W as popScopeId, a as openBlock, b as createElementBlock, M as withDirectives, R as createTextVNode, t as toDisplayString, e as createBaseVNode, f as renderSlot, r as ref, c as computed, w as watch, j as createBlock, k as withCtx, n as normalizeClass, v as withKeys, g as withModifiers, x as mergeProps, h as normalizeStyle, o as onUnmounted, Z as vModelText, _ as h, J as renderList, F as Fragment, l as createVNode, m as createCommentVNode, $ as nextTick, a0 as normalizeProps, a1 as guardReactiveProps, a2 as withScopeId, q as resolveComponent, a3 as getCurrentScope, a4 as onScopeDispose, D as createApp, a5 as useAttrs, a6 as getCurrentInstance, a7 as inject, a8 as provide, a9 as markRaw } from "./vendor.2833ae3d.js";
 const scriptRel = "modulepreload";
 const seen = {};
 const base = "/";
@@ -33,16 +32,16 @@ const __vitePreload = function preload(baseModule, deps) {
     }
   })).then(() => baseModule());
 };
-const Comp0 = defineAsyncComponent(() => __vitePreload(() => import("./HstCheckbox.story.58c054a6.js"), true ? ["assets/HstCheckbox.story.58c054a6.js","assets/HstWrapper.a4ee2214.js","assets/vendor.96c97c65.js"] : void 0));
-const Comp1 = defineAsyncComponent(() => __vitePreload(() => import("./HstColorShades.story.b321a955.js"), true ? ["assets/HstColorShades.story.b321a955.js","assets/vendor.96c97c65.js","assets/HstCopyIcon.5a5f1bb8.js"] : void 0));
-const Comp2 = defineAsyncComponent(() => __vitePreload(() => import("./HstTokenGrid.story.28a4b8c9.js"), true ? ["assets/HstTokenGrid.story.28a4b8c9.js","assets/vendor.96c97c65.js","assets/HstCopyIcon.5a5f1bb8.js"] : void 0));
-const Comp3 = defineAsyncComponent(() => __vitePreload(() => import("./HstTokenList.story.efcdd763.js"), true ? ["assets/HstTokenList.story.efcdd763.js","assets/HstCopyIcon.5a5f1bb8.js","assets/vendor.96c97c65.js"] : void 0));
-const Comp4 = defineAsyncComponent(() => __vitePreload(() => import("./HstNumber.story.5a14062c.js"), true ? ["assets/HstNumber.story.5a14062c.js","assets/HstWrapper.a4ee2214.js","assets/vendor.96c97c65.js"] : void 0));
-const Comp5 = defineAsyncComponent(() => __vitePreload(() => import("./HstSelect.story.d546c2ca.js"), true ? ["assets/HstSelect.story.d546c2ca.js","assets/HstWrapper.a4ee2214.js","assets/vendor.96c97c65.js"] : void 0));
-const Comp6 = defineAsyncComponent(() => __vitePreload(() => import("./HstTextarea.story.a6a4d3ba.js"), true ? ["assets/HstTextarea.story.a6a4d3ba.js","assets/HstWrapper.a4ee2214.js","assets/vendor.96c97c65.js"] : void 0));
-const Comp7 = defineAsyncComponent(() => __vitePreload(() => import("./HstText.story.77a76d7e.js"), true ? ["assets/HstText.story.77a76d7e.js","assets/HstWrapper.a4ee2214.js","assets/vendor.96c97c65.js"] : void 0));
-const Comp8 = defineAsyncComponent(() => __vitePreload(() => import("./vendor.96c97c65.js").then(function(n) {
-  return n.T;
+const Comp0 = defineAsyncComponent(() => __vitePreload(() => import("./HstCheckbox.story.3d04d85b.js"), true ? ["assets/HstCheckbox.story.3d04d85b.js","assets/vendor.2833ae3d.js","assets/HstWrapper.246b6982.js"] : void 0));
+const Comp1 = defineAsyncComponent(() => __vitePreload(() => import("./HstColorShades.story.68cf74d1.js"), true ? ["assets/HstColorShades.story.68cf74d1.js","assets/vendor.2833ae3d.js","assets/HstCopyIcon.e40e725e.js"] : void 0));
+const Comp2 = defineAsyncComponent(() => __vitePreload(() => import("./HstTokenGrid.story.025819d6.js"), true ? ["assets/HstTokenGrid.story.025819d6.js","assets/vendor.2833ae3d.js","assets/HstCopyIcon.e40e725e.js"] : void 0));
+const Comp3 = defineAsyncComponent(() => __vitePreload(() => import("./HstTokenList.story.d3aa6575.js"), true ? ["assets/HstTokenList.story.d3aa6575.js","assets/vendor.2833ae3d.js","assets/HstCopyIcon.e40e725e.js"] : void 0));
+const Comp4 = defineAsyncComponent(() => __vitePreload(() => import("./HstNumber.story.1e1964ff.js"), true ? ["assets/HstNumber.story.1e1964ff.js","assets/vendor.2833ae3d.js","assets/HstWrapper.246b6982.js"] : void 0));
+const Comp5 = defineAsyncComponent(() => __vitePreload(() => import("./HstSelect.story.04860383.js"), true ? ["assets/HstSelect.story.04860383.js","assets/vendor.2833ae3d.js","assets/HstWrapper.246b6982.js"] : void 0));
+const Comp6 = defineAsyncComponent(() => __vitePreload(() => import("./HstTextarea.story.802b9c26.js"), true ? ["assets/HstTextarea.story.802b9c26.js","assets/vendor.2833ae3d.js","assets/HstWrapper.246b6982.js"] : void 0));
+const Comp7 = defineAsyncComponent(() => __vitePreload(() => import("./HstText.story.c915d831.js"), true ? ["assets/HstText.story.c915d831.js","assets/vendor.2833ae3d.js","assets/HstWrapper.246b6982.js"] : void 0));
+const Comp8 = defineAsyncComponent(() => __vitePreload(() => import("./vendor.2833ae3d.js").then(function(n) {
+  return n.aA;
 }), true ? [] : void 0));
 let files = [
   { "id": "src-components-checkbox-hstcheckbox-story-vue", "path": ["HstCheckbox"], "story": { "id": "src-components-checkbox-hstcheckbox-story-vue", "title": "HstCheckbox", "group": null, "layout": { "type": "single", "iframe": true }, "icon": null, "iconColor": null, "docsOnly": false, "variants": [{ "id": "src-components-checkbox-hstcheckbox-story-vue-0", "title": "playground", "icon": null, "iconColor": null }] }, "framework": "vue3", "index": 0, component: Comp0 },
@@ -2399,7 +2398,7 @@ var script = {
     }
   }
 };
-const _withId = /* @__PURE__ */ withScopeId("data-v-b329ee4c");
+const _withId = /* @__PURE__ */ withScopeId();
 pushScopeId("data-v-b329ee4c");
 const _hoisted_1$2$1 = {
   class: "resize-observer",
@@ -2456,8 +2455,8 @@ const _hoisted_2$1$1 = {
   ref: "inner",
   class: "v-popper__inner"
 };
-const _hoisted_3$6 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
-const _hoisted_4$5 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
+const _hoisted_3$6 = /* @__PURE__ */ createBaseVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
+const _hoisted_4$5 = /* @__PURE__ */ createBaseVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
 const _hoisted_5$3 = [
   _hoisted_3$6,
   _hoisted_4$5
@@ -2491,19 +2490,19 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     "data-popper-placement": _ctx.result ? _ctx.result.placement : void 0,
     onKeyup: _cache[2] || (_cache[2] = withKeys(($event) => _ctx.autoHide && _ctx.$emit("hide"), ["esc"]))
   }, [
-    createElementVNode("div", {
+    createBaseVNode("div", {
       class: "v-popper__backdrop",
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.autoHide && _ctx.$emit("hide"))
     }),
-    createElementVNode("div", {
+    createBaseVNode("div", {
       class: "v-popper__wrapper",
       style: normalizeStyle(_ctx.result ? {
         transformOrigin: _ctx.result.transformOrigin
       } : void 0)
     }, [
-      createElementVNode("div", _hoisted_2$1$1, [
+      createBaseVNode("div", _hoisted_2$1$1, [
         _ctx.mounted ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createElementVNode("div", null, [
+          createBaseVNode("div", null, [
             renderSlot(_ctx.$slots, "default")
           ]),
           _ctx.handleResize ? (openBlock(), createBlock(_component_ResizeObserver, {
@@ -2512,7 +2511,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
           })) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true)
       ], 512),
-      createElementVNode("div", {
+      createBaseVNode("div", {
         ref: "arrow",
         class: "v-popper__arrow-container",
         style: normalizeStyle(_ctx.result ? {
@@ -2933,8 +2932,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
             distance: 12
           }]
         ]),
-        createElementVNode("span", _hoisted_3$5, [
-          createElementVNode("span", _hoisted_4$4, [
+        createBaseVNode("span", _hoisted_3$5, [
+          createBaseVNode("span", _hoisted_4$4, [
             renderSlot(_ctx.$slots, "default")
           ]),
           renderSlot(_ctx.$slots, "actions")
@@ -2993,14 +2992,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
           renderSlot(_ctx.$slots, "actions")
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$6, [
-            createElementVNode("div", {
+          createBaseVNode("div", _hoisted_1$6, [
+            createBaseVNode("div", {
               class: normalizeClass(["htw-border htw-border-solid 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"
               ]])
             }, null, 2),
             (openBlock(), createElementBlock("svg", _hoisted_2$4, [
-              createElementVNode("path", {
+              createBaseVNode("path", {
                 ref_key: "path",
                 ref: path,
                 d: "m 4 12 l 5 5 l 10 -10",
@@ -3047,7 +3046,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
           renderSlot(_ctx.$slots, "actions")
         ]),
         default: withCtx(() => [
-          createElementVNode("input", mergeProps({
+          createBaseVNode("input", mergeProps({
             ref_key: "input",
             ref: input
           }, __spreadProps$1(__spreadValues$1({}, _ctx.$attrs), { class: null, style: null }), {
@@ -3127,7 +3126,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
           renderSlot(_ctx.$slots, "actions")
         ]),
         default: withCtx(() => [
-          withDirectives(createElementVNode("input", mergeProps({
+          withDirectives(createBaseVNode("input", mergeProps({
             ref_key: "input",
             ref: input
           }, __spreadProps$1(__spreadValues$1({}, _ctx.$attrs), { class: null, style: null }), {
@@ -3176,7 +3175,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
           renderSlot(_ctx.$slots, "actions")
         ]),
         default: withCtx(() => [
-          createElementVNode("textarea", mergeProps({
+          createBaseVNode("textarea", mergeProps({
             ref_key: "input",
             ref: input
           }, __spreadProps$1(__spreadValues$1({}, _ctx.$attrs), { class: null, style: null }), {
@@ -3275,7 +3274,7 @@ function mergeIconData(icon, alias) {
   }
   return result;
 }
-function getIconData$1(data, name, full) {
+function getIconData$1(data, name, full = false) {
   function getIcon(name2, iteration) {
     if (data.icons[name2] !== void 0) {
       return Object.assign({}, data.icons[name2]);
@@ -4117,7 +4116,7 @@ function storeCallback(callback, icons, pendingSources) {
   });
   return abort;
 }
-function listToIcons(list, validate, simpleNames2 = false) {
+function listToIcons(list, validate = true, simpleNames2 = false) {
   const result = [];
   list.forEach((item) => {
     const icon = typeof item === "string" ? stringToIcon(item, false, simpleNames2) : item;
@@ -5043,7 +5042,7 @@ const _sfc_main$5 = defineComponent(__spreadProps$1(__spreadValues$1({}, __defau
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Dropdown), { "auto-size": "" }, {
         popper: withCtx(({ hide }) => [
-          createElementVNode("div", _hoisted_3$3, [
+          createBaseVNode("div", _hoisted_3$3, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(formattedOptions), (label, value) => {
               return openBlock(), createElementBlock("div", mergeProps(__spreadProps$1(__spreadValues$1({}, _ctx.$attrs), { class: null, style: null }), {
                 key: label,
@@ -5056,8 +5055,8 @@ const _sfc_main$5 = defineComponent(__spreadProps$1(__spreadValues$1({}, __defau
           ])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$3, [
-            createElementVNode("div", _hoisted_2$3, [
+          createBaseVNode("div", _hoisted_1$3, [
+            createBaseVNode("div", _hoisted_2$3, [
               renderSlot(_ctx.$slots, "default", { label: unref(selectedLabel) }, () => [
                 createTextVNode(toDisplayString(unref(selectedLabel)), 1)
               ])
@@ -5234,6 +5233,14 @@ const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !
 const globalKey = "__vueuse_ssr_handlers__";
 _global[globalKey] = _global[globalKey] || {};
 _global[globalKey];
+var SwipeDirection;
+(function(SwipeDirection2) {
+  SwipeDirection2["UP"] = "UP";
+  SwipeDirection2["RIGHT"] = "RIGHT";
+  SwipeDirection2["DOWN"] = "DOWN";
+  SwipeDirection2["LEFT"] = "LEFT";
+  SwipeDirection2["NONE"] = "NONE";
+})(SwipeDirection || (SwipeDirection = {}));
 const __default__$3 = {
   name: "HstCopyIcon"
 };
@@ -5315,15 +5322,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
             renderSlot(_ctx.$slots, "default", {
               color: shade.color
             }, () => [
-              createElementVNode("div", {
+              createBaseVNode("div", {
                 class: "htw-rounded-full htw-w-16 htw-h-16",
                 style: normalizeStyle({
                   backgroundColor: shade.color
                 })
               }, null, 4)
             ]),
-            createElementVNode("div", null, [
-              createElementVNode("div", _hoisted_3$2, [
+            createBaseVNode("div", null, [
+              createBaseVNode("div", _hoisted_3$2, [
                 withDirectives((openBlock(), createElementBlock("pre", _hoisted_4$2, [
                   createTextVNode(toDisplayString(shade.name), 1)
                 ])), [
@@ -5335,7 +5342,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
                   class: "htw-flex-none"
                 }, null, 8, ["content"])) : createCommentVNode("", true)
               ]),
-              createElementVNode("div", _hoisted_5$2, [
+              createBaseVNode("div", _hoisted_5$2, [
                 withDirectives((openBlock(), createElementBlock("pre", _hoisted_6$1, [
                   createTextVNode(toDisplayString(shade.color), 1)
                 ])), [
@@ -5392,17 +5399,17 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadVa
           onMouseleave: _cache[0] || (_cache[0] = ($event) => hover.value = null)
         }, [
           renderSlot(_ctx.$slots, "default", { token }),
-          createElementVNode("div", _hoisted_2$1, [
-            createElementVNode("div", _hoisted_3$1, [
-              createElementVNode("pre", _hoisted_4$1, toDisplayString(token.name), 1),
+          createBaseVNode("div", _hoisted_2$1, [
+            createBaseVNode("div", _hoisted_3$1, [
+              createBaseVNode("pre", _hoisted_4$1, toDisplayString(token.name), 1),
               hover.value === token.key ? (openBlock(), createBlock(_sfc_main$3, {
                 key: 0,
                 content: token.name,
                 class: "htw-flex-none"
               }, null, 8, ["content"])) : createCommentVNode("", true)
             ]),
-            createElementVNode("div", _hoisted_5$1, [
-              createElementVNode("pre", _hoisted_6, toDisplayString(token.value), 1),
+            createBaseVNode("div", _hoisted_5$1, [
+              createBaseVNode("pre", _hoisted_6, toDisplayString(token.value), 1),
               hover.value === token.key ? (openBlock(), createBlock(_sfc_main$3, {
                 key: 0,
                 content: typeof token.value === "string" ? token.value : JSON.stringify(token.value),
@@ -5460,8 +5467,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
             onMouseleave: _cache[0] || (_cache[0] = ($event) => hover.value = null)
           }, [
             renderSlot(_ctx.$slots, "default", { token }),
-            createElementVNode("div", null, [
-              createElementVNode("div", _hoisted_2, [
+            createBaseVNode("div", null, [
+              createBaseVNode("div", _hoisted_2, [
                 withDirectives((openBlock(), createElementBlock("pre", _hoisted_3, [
                   createTextVNode(toDisplayString(token.name), 1)
                 ])), [
@@ -5473,7 +5480,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
                   class: "htw-flex-none"
                 }, null, 8, ["content"])) : createCommentVNode("", true)
               ]),
-              createElementVNode("div", _hoisted_4, [
+              createBaseVNode("div", _hoisted_4, [
                 withDirectives((openBlock(), createElementBlock("pre", _hoisted_5, [
                   createTextVNode(toDisplayString(token.value), 1)
                 ])), [
@@ -5712,4 +5719,4 @@ function registerGlobalComponents(app) {
   app.component("Variant", _sfc_main$1);
   registerVueComponents(app);
 }
-export { HstCopyIcon as H, __vitePreload as _, toggleDark as a, toRawDeep as b, customLogos as c, applyStateToVariant as d, clone as e, files as f, histoireConfig as h, isDark as i, mapFile as m, omit as o, registerGlobalComponents as r, tree as t };
+export { HstCopyIcon as H, __vitePreload as _, tree as a, toRawDeep as b, customLogos as c, applyStateToVariant as d, clone as e, files as f, histoireConfig as h, isDark as i, mapFile as m, omit as o, registerGlobalComponents as r, toggleDark as t };

package/.histoire/dist/assets/{search-docs-data.de2485ce.js → search-docs-data.b9a75539.js}

@@ -1,4 +1,4 @@
-import { markRaw } from "vue";
+import { a9 as markRaw } from "./vendor.2833ae3d.js";
 let searchData$1 = { "index": { "reg": "{}", "text.cfg": '{"doc":0,"opt":1}', "text.map": "[{},{},{},{},{},{},{},{},{}]", "text.ctx": "[{}]" }, "idMap": {} };
 const searchData = markRaw(searchData$1);
 function onUpdate(cb) {