@histoire/controls 0.7.4 → 0.7.7

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

@@ -1,4 +1,4 @@
-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";
+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, m as createCommentVNode, _ as h, J as renderList, F as Fragment, l as createVNode, $ 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.31c91490.js";
 const scriptRel = "modulepreload";
 const seen = {};
 const base = "/";
@@ -32,15 +32,16 @@ const __vitePreload = function preload(baseModule, deps) {
     }
   })).then(() => baseModule());
 };
-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) {
+const Comp0 = defineAsyncComponent(() => __vitePreload(() => import("./HstCheckbox.story.ccd10161.js"), true ? ["assets/HstCheckbox.story.ccd10161.js","assets/vendor.31c91490.js","assets/HstWrapper.fee42109.js"] : void 0));
+const Comp1 = defineAsyncComponent(() => __vitePreload(() => import("./HstColorShades.story.d71deb80.js"), true ? ["assets/HstColorShades.story.d71deb80.js","assets/vendor.31c91490.js","assets/HstCopyIcon.ef403c78.js"] : void 0));
+const Comp2 = defineAsyncComponent(() => __vitePreload(() => import("./HstTokenGrid.story.e2f237c4.js"), true ? ["assets/HstTokenGrid.story.e2f237c4.js","assets/vendor.31c91490.js","assets/HstCopyIcon.ef403c78.js"] : void 0));
+const Comp3 = defineAsyncComponent(() => __vitePreload(() => import("./HstTokenList.story.bc7b0288.js"), true ? ["assets/HstTokenList.story.bc7b0288.js","assets/vendor.31c91490.js","assets/HstCopyIcon.ef403c78.js"] : void 0));
+const Comp4 = defineAsyncComponent(() => __vitePreload(() => import("./HstNumber.story.1e0e7b71.js"), true ? ["assets/HstNumber.story.1e0e7b71.js","assets/vendor.31c91490.js","assets/HstWrapper.fee42109.js"] : void 0));
+const Comp5 = defineAsyncComponent(() => __vitePreload(() => import("./HstSelect.story.8a2b4741.js"), true ? ["assets/HstSelect.story.8a2b4741.js","assets/vendor.31c91490.js","assets/HstWrapper.fee42109.js"] : void 0));
+const Comp6 = defineAsyncComponent(() => __vitePreload(() => import("./HstSlider.story.4155f6ba.js"), true ? ["assets/HstSlider.story.4155f6ba.js","assets/vendor.31c91490.js","assets/HstWrapper.fee42109.js"] : void 0));
+const Comp7 = defineAsyncComponent(() => __vitePreload(() => import("./HstText.story.43417ceb.js"), true ? ["assets/HstText.story.43417ceb.js","assets/vendor.31c91490.js","assets/HstWrapper.fee42109.js"] : void 0));
+const Comp8 = defineAsyncComponent(() => __vitePreload(() => import("./HstTextarea.story.3e39b89e.js"), true ? ["assets/HstTextarea.story.3e39b89e.js","assets/vendor.31c91490.js","assets/HstWrapper.fee42109.js"] : void 0));
+const Comp9 = defineAsyncComponent(() => __vitePreload(() => import("./vendor.31c91490.js").then(function(n) {
   return n.aA;
 }), true ? [] : void 0));
 let files = [
@@ -50,11 +51,12 @@ let files = [
   { "id": "src-components-design-tokens-hsttokenlist-story-vue", "path": ["design-tokens", "HstTokenList"], "story": { "id": "src-components-design-tokens-hsttokenlist-story-vue", "title": "HstTokenList", "group": null, "layout": { "type": "single", "iframe": true }, "icon": null, "iconColor": null, "docsOnly": false, "variants": [{ "id": "src-components-design-tokens-hsttokenlist-story-vue-0", "title": "default", "icon": null, "iconColor": null }] }, "framework": "vue3", "index": 3, component: Comp3 },
   { "id": "src-components-number-hstnumber-story-vue", "path": ["HstNumber"], "story": { "id": "src-components-number-hstnumber-story-vue", "title": "HstNumber", "group": null, "layout": { "type": "single", "iframe": true }, "icon": null, "iconColor": null, "docsOnly": false, "variants": [{ "id": "src-components-number-hstnumber-story-vue-0", "title": "default", "icon": null, "iconColor": null }] }, "framework": "vue3", "index": 4, component: Comp4 },
   { "id": "src-components-select-hstselect-story-vue", "path": ["HstSelect"], "story": { "id": "src-components-select-hstselect-story-vue", "title": "HstSelect", "group": null, "layout": { "type": "grid", "width": "100%" }, "icon": null, "iconColor": null, "docsOnly": false, "variants": [{ "id": "src-components-select-hstselect-story-vue-0", "title": "default", "icon": null, "iconColor": null }, { "id": "src-components-select-hstselect-story-vue-1", "title": "no-label", "icon": null, "iconColor": null }, { "id": "src-components-select-hstselect-story-vue-2", "title": "options-as-object", "icon": null, "iconColor": null }, { "id": "src-components-select-hstselect-story-vue-3", "title": "options-as-array-of-objects", "icon": null, "iconColor": null }, { "id": "src-components-select-hstselect-story-vue-4", "title": "options-as-array-of-strings", "icon": null, "iconColor": null }] }, "framework": "vue3", "index": 5, component: Comp5 },
-  { "id": "src-components-textarea-hsttextarea-story-vue", "path": ["HstTextarea"], "story": { "id": "src-components-textarea-hsttextarea-story-vue", "title": "HstTextarea", "group": null, "layout": { "type": "single", "iframe": true }, "icon": null, "iconColor": null, "docsOnly": false, "variants": [{ "id": "src-components-textarea-hsttextarea-story-vue-0", "title": "default", "icon": null, "iconColor": null }] }, "framework": "vue3", "index": 6, component: Comp6 },
+  { "id": "src-components-slider-hstslider-story-vue", "path": ["HstSlider"], "story": { "id": "src-components-slider-hstslider-story-vue", "title": "HstSlider", "group": null, "layout": { "type": "single", "iframe": true }, "icon": null, "iconColor": null, "docsOnly": false, "variants": [{ "id": "_default", "title": "default" }] }, "framework": "vue3", "index": 6, component: Comp6 },
   { "id": "src-components-text-hsttext-story-vue", "path": ["HstText"], "story": { "id": "src-components-text-hsttext-story-vue", "title": "HstText", "group": null, "layout": { "type": "grid", "width": "100%" }, "icon": null, "iconColor": null, "docsOnly": false, "variants": [{ "id": "src-components-text-hsttext-story-vue-0", "title": "default", "icon": null, "iconColor": null }, { "id": "src-components-text-hsttext-story-vue-1", "title": "no-label", "icon": null, "iconColor": null }] }, "framework": "vue3", "index": 7, component: Comp7 },
-  { "id": "tailwind", "path": ["Tailwind"], "story": { "id": "tailwind", "title": "Tailwind", "group": "design-system", "layout": { "type": "single", "iframe": false }, "icon": "mdi:tailwind", "iconColor": null, "docsOnly": false, "variants": [{ "id": "background-color", "title": "Background Color", "icon": "carbon:color-palette", "iconColor": null }, { "id": "text-color", "title": "Text Color", "icon": "carbon:text-color", "iconColor": null }, { "id": "border-color", "title": "Border Color", "icon": "carbon:color-palette", "iconColor": null }, { "id": "padding", "title": "Padding", "icon": "carbon:area", "iconColor": null }, { "id": "margin", "title": "Margin", "icon": "carbon:area", "iconColor": null }, { "id": "font-size", "title": "Font Size", "icon": "carbon:text-font", "iconColor": null }, { "id": "font-weight", "title": "Font Weight", "icon": "carbon:text-font", "iconColor": null }, { "id": "font-family", "title": "Font Family", "icon": "carbon:text-font", "iconColor": null }, { "id": "letter-spacing", "title": "Letter Spacing", "icon": "carbon:text-font", "iconColor": null }, { "id": "line-height", "title": "Line Height", "icon": "carbon:text-font", "iconColor": null }, { "id": "drop-shadow", "title": "Drop Shadow", "icon": "carbon:shape-except", "iconColor": null }, { "id": "border-radius", "title": "Border Radius", "icon": "carbon:condition-wait-point", "iconColor": null }, { "id": "border-width", "title": "Border Width", "icon": "carbon:checkbox", "iconColor": null }, { "id": "width", "title": "Width", "icon": "carbon:pan-horizontal", "iconColor": null }, { "id": "height", "title": "Height", "icon": "carbon:pan-vertical", "iconColor": null }, { "id": "full-config", "title": "Full Config", "icon": "carbon:code", "iconColor": null }] }, "framework": "vue3", "index": 8, component: Comp8 }
+  { "id": "src-components-textarea-hsttextarea-story-vue", "path": ["HstTextarea"], "story": { "id": "src-components-textarea-hsttextarea-story-vue", "title": "HstTextarea", "group": null, "layout": { "type": "single", "iframe": true }, "icon": null, "iconColor": null, "docsOnly": false, "variants": [{ "id": "src-components-textarea-hsttextarea-story-vue-0", "title": "default", "icon": null, "iconColor": null }] }, "framework": "vue3", "index": 8, component: Comp8 },
+  { "id": "tailwind", "path": ["Tailwind"], "story": { "id": "tailwind", "title": "Tailwind", "group": "design-system", "layout": { "type": "single", "iframe": false }, "icon": "mdi:tailwind", "iconColor": null, "docsOnly": false, "variants": [{ "id": "background-color", "title": "Background Color", "icon": "carbon:color-palette", "iconColor": null }, { "id": "text-color", "title": "Text Color", "icon": "carbon:text-color", "iconColor": null }, { "id": "border-color", "title": "Border Color", "icon": "carbon:color-palette", "iconColor": null }, { "id": "padding", "title": "Padding", "icon": "carbon:area", "iconColor": null }, { "id": "margin", "title": "Margin", "icon": "carbon:area", "iconColor": null }, { "id": "font-size", "title": "Font Size", "icon": "carbon:text-font", "iconColor": null }, { "id": "font-weight", "title": "Font Weight", "icon": "carbon:text-font", "iconColor": null }, { "id": "font-family", "title": "Font Family", "icon": "carbon:text-font", "iconColor": null }, { "id": "letter-spacing", "title": "Letter Spacing", "icon": "carbon:text-font", "iconColor": null }, { "id": "line-height", "title": "Line Height", "icon": "carbon:text-font", "iconColor": null }, { "id": "drop-shadow", "title": "Drop Shadow", "icon": "carbon:shape-except", "iconColor": null }, { "id": "border-radius", "title": "Border Radius", "icon": "carbon:condition-wait-point", "iconColor": null }, { "id": "border-width", "title": "Border Width", "icon": "carbon:checkbox", "iconColor": null }, { "id": "width", "title": "Width", "icon": "carbon:pan-horizontal", "iconColor": null }, { "id": "height", "title": "Height", "icon": "carbon:pan-vertical", "iconColor": null }, { "id": "full-config", "title": "Full Config", "icon": "carbon:code", "iconColor": null }] }, "framework": "vue3", "index": 9, component: Comp9 }
 ];
-let tree = [{ "group": true, "id": "design-system", "title": "Design System", "children": [{ "title": "Tailwind", "index": 8 }] }, { "title": "design-tokens", "children": [{ "title": "HstColorShades", "index": 1 }, { "title": "HstTokenGrid", "index": 2 }, { "title": "HstTokenList", "index": 3 }] }, { "title": "HstCheckbox", "index": 0 }, { "title": "HstNumber", "index": 4 }, { "title": "HstSelect", "index": 5 }, { "title": "HstText", "index": 7 }, { "title": "HstTextarea", "index": 6 }];
+let tree = [{ "group": true, "id": "design-system", "title": "Design System", "children": [{ "title": "Tailwind", "index": 9 }] }, { "title": "design-tokens", "children": [{ "title": "HstColorShades", "index": 1 }, { "title": "HstTokenGrid", "index": 2 }, { "title": "HstTokenList", "index": 3 }] }, { "title": "HstCheckbox", "index": 0 }, { "title": "HstNumber", "index": 4 }, { "title": "HstSelect", "index": 5 }, { "title": "HstSlider", "index": 6 }, { "title": "HstText", "index": 7 }, { "title": "HstTextarea", "index": 8 }];
 const isDark = useDark({ valueDark: "htw-dark" });
 const toggleDark = useToggle(isDark);
 const isObject = (val) => val !== null && typeof val === "object";
@@ -107,7 +109,7 @@ function applyStateToVariant(variant, state) {
     variant.state = state;
   }
 }
-const config$2 = { "plugins": [{ "name": "tailwind-tokens" }], "outDir": "/Users/akryum/Projects/histoire/packages/histoire-controls/.histoire/dist", "storyMatch": ["**/*.story.vue"], "storyIgnored": ["**/node_modules/**", "**/dist/**"], "tree": { "file": "title", "order": "asc", "groups": [{ "id": "design-system", "title": "Design System" }] }, "theme": { "title": "Histoire controls", "colors": { "primary": { "50": "#ecfdf5", "100": "#d1fae5", "200": "#a7f3d0", "300": "#6ee7b7", "400": "#34d399", "500": "#10b981", "600": "#059669", "700": "#047857", "800": "#065f46", "900": "#064e3b" }, "gray": { "50": "#fafafa", "100": "#f4f4f5", "200": "#e4e4e7", "300": "#d4d4d8", "400": "#a1a1aa", "500": "#71717a", "600": "#52525b", "700": "#3f3f46", "750": "#323238", "800": "#27272a", "850": "#1f1f21", "900": "#18181b", "950": "#101012" } }, "favicon": "/histoire.svg" }, "responsivePresets": [{ "label": "Mobile (Small)", "width": 320, "height": 560 }, { "label": "Mobile (Medium)", "width": 360, "height": 640 }, { "label": "Mobile (Large)", "width": 414, "height": 896 }, { "label": "Tablet", "width": 768, "height": 1024 }, { "label": "Laptop (Small)", "width": 1024, "height": null }, { "label": "Laptop (Large)", "width": 1366, "height": null }, { "label": "Desktop", "width": 1920, "height": null }, { "label": "4K", "width": 3840, "height": null }], "backgroundPresets": [{ "label": "Transparent", "color": "transparent" }, { "label": "White", "color": "#fff" }, { "label": "Light gray", "color": "#aaa" }, { "label": "Dark gray", "color": "#333" }, { "label": "Black", "color": "#000" }], "sandboxDarkClass": "dark", "setupFile": "/src/histoire-setup.ts" };
+const config$2 = { "plugins": [{ "name": "tailwind-tokens" }], "outDir": "/home/akryum/Projects/histoire/packages/histoire-controls/.histoire/dist", "storyMatch": ["**/*.story.vue"], "storyIgnored": ["**/node_modules/**", "**/dist/**"], "tree": { "file": "title", "order": "asc", "groups": [{ "id": "design-system", "title": "Design System" }] }, "theme": { "title": "Histoire controls", "colors": { "primary": { "50": "#ecfdf5", "100": "#d1fae5", "200": "#a7f3d0", "300": "#6ee7b7", "400": "#34d399", "500": "#10b981", "600": "#059669", "700": "#047857", "800": "#065f46", "900": "#064e3b" }, "gray": { "50": "#fafafa", "100": "#f4f4f5", "200": "#e4e4e7", "300": "#d4d4d8", "400": "#a1a1aa", "500": "#71717a", "600": "#52525b", "700": "#3f3f46", "750": "#323238", "800": "#27272a", "850": "#1f1f21", "900": "#18181b", "950": "#101012" } }, "favicon": "/histoire.svg" }, "responsivePresets": [{ "label": "Mobile (Small)", "width": 320, "height": 560 }, { "label": "Mobile (Medium)", "width": 360, "height": 640 }, { "label": "Mobile (Large)", "width": 414, "height": 896 }, { "label": "Tablet", "width": 768, "height": 1024 }, { "label": "Laptop (Small)", "width": 1024, "height": null }, { "label": "Laptop (Large)", "width": 1366, "height": null }, { "label": "Desktop", "width": 1920, "height": null }, { "label": "4K", "width": 3840, "height": null }], "backgroundPresets": [{ "label": "Transparent", "color": "transparent" }, { "label": "White", "color": "#fff" }, { "label": "Light gray", "color": "#aaa" }, { "label": "Dark gray", "color": "#333" }, { "label": "Black", "color": "#000" }], "sandboxDarkClass": "dark", "setupFile": "/src/histoire-setup.ts" };
 const logos = {};
 const histoireConfig = config$2;
 const customLogos = logos;
@@ -2637,7 +2639,7 @@ defineComponent(__spreadProps2(__spreadValues2({}, PrivatePopperWrapper), {
   name: "VTooltip",
   vPopperTheme: "tooltip"
 }));
-const _sfc_main$b = defineComponent({
+const _sfc_main$c = defineComponent({
   name: "VTooltipDirective",
   components: {
     Popper: PrivatePopper(),
@@ -2728,8 +2730,8 @@ const _sfc_main$b = defineComponent({
     }
   }
 });
-const _hoisted_1$8 = ["innerHTML"];
-const _hoisted_2$6 = ["textContent"];
+const _hoisted_1$9 = ["innerHTML"];
+const _hoisted_2$7 = ["textContent"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PopperContent = resolveComponent("PopperContent");
   const _component_Popper = resolveComponent("Popper");
@@ -2772,10 +2774,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.html ? (openBlock(), createElementBlock("div", {
             key: 0,
             innerHTML: _ctx.finalContent
-          }, null, 8, _hoisted_1$8)) : (openBlock(), createElementBlock("div", {
+          }, null, 8, _hoisted_1$9)) : (openBlock(), createElementBlock("div", {
             key: 1,
             textContent: toDisplayString(_ctx.finalContent)
-          }, null, 8, _hoisted_2$6))
+          }, null, 8, _hoisted_2$7))
         ]),
         _: 2
       }, 1032, ["class", "popper-id", "theme", "shown", "mounted", "skip-transition", "auto-hide", "handle-resize", "classes", "result", "onHide", "onResize"])
@@ -2783,7 +2785,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 16, ["theme", "popper-node", "onApplyShow", "onApplyHide"]);
 }
-var PrivateTooltipDirective = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render]]);
+var PrivateTooltipDirective = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render]]);
 const TARGET_CLASS = "v-popper--has-tooltip";
 function getPlacement(options2, modifiers) {
   let result = options2.placement;
@@ -2909,21 +2911,21 @@ var PrivateVTooltip = {
 };
 const VTooltip = PrivateVTooltip;
 const Dropdown = _sfc_main$3$1;
-const _hoisted_1$7 = { 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$5 = { class: "htw-w-28 htw-whitespace-nowrap htw-text-ellipsis htw-overflow-hidden htw-shrink-0" };
+const _hoisted_1$8 = { 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$6 = { class: "htw-w-28 htw-whitespace-nowrap htw-text-ellipsis htw-overflow-hidden htw-shrink-0" };
 const _hoisted_3$5 = { class: "htw-grow htw-flex htw-items-center htw-gap-1" };
 const _hoisted_4$4 = { class: "htw-block htw-grow" };
-const __default__$a = {
+const __default__$b = {
   name: "HstWrapper"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValues$1({}, __default__$a), {
+const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValues$1({}, __default__$b), {
   props: {
     title: null
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", _hoisted_1$7, [
-        withDirectives((openBlock(), createElementBlock("span", _hoisted_2$5, [
+      return openBlock(), createElementBlock("label", _hoisted_1$8, [
+        withDirectives((openBlock(), createElementBlock("span", _hoisted_2$6, [
           createTextVNode(toDisplayString(__props.title), 1)
         ])), [
           [unref(VTooltip), {
@@ -2942,18 +2944,18 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
     };
   }
 }));
-const _hoisted_1$6 = { class: "htw-text-white htw-w-[16px] htw-h-[16px] htw-relative" };
-const _hoisted_2$4 = {
+const _hoisted_1$7 = { class: "htw-text-white htw-w-[16px] htw-h-[16px] htw-relative" };
+const _hoisted_2$5 = {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
   class: "htw-relative htw-z-10"
 };
 const _hoisted_3$4 = ["stroke-dasharray", "stroke-dashoffset"];
-const __default__$9 = {
+const __default__$a = {
   name: "HstCheckbox"
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValues$1({}, __default__$9), {
+const _sfc_main$a = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValues$1({}, __default__$a), {
   props: {
     modelValue: { type: Boolean },
     title: null
@@ -2977,7 +2979,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
       dasharray.value = (_c = (_b = (_a2 = path.value).getTotalLength) == null ? void 0 : _b.call(_a2)) != null ? _c : 21.21;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$a, {
+      return openBlock(), createBlock(_sfc_main$b, {
         role: "checkbox",
         tabindex: "0",
         class: "htw-cursor-pointer htw-items-center",
@@ -2992,13 +2994,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
           renderSlot(_ctx.$slots, "actions")
         ]),
         default: withCtx(() => [
-          createBaseVNode("div", _hoisted_1$6, [
+          createBaseVNode("div", _hoisted_1$7, [
             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, [
+            (openBlock(), createElementBlock("svg", _hoisted_2$5, [
               createBaseVNode("path", {
                 ref_key: "path",
                 ref: path,
@@ -3021,11 +3023,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
     };
   }
 }));
-const _hoisted_1$5 = ["value"];
-const __default__$8 = {
+const _hoisted_1$6 = ["value"];
+const __default__$9 = {
   name: "HstText"
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValues$1({}, __default__$8), {
+const _sfc_main$9 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValues$1({}, __default__$9), {
   props: {
     title: null,
     modelValue: null
@@ -3036,7 +3038,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
   setup(__props, { emit }) {
     const input = ref();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$a, {
+      return openBlock(), createBlock(_sfc_main$b, {
         title: __props.title,
         class: normalizeClass(["htw-cursor-text htw-items-center", _ctx.$attrs.class]),
         style: normalizeStyle(_ctx.$attrs.style),
@@ -3054,18 +3056,18 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
             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",
             onInput: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event.target.value))
-          }), null, 16, _hoisted_1$5)
+          }), null, 16, _hoisted_1$6)
         ]),
         _: 3
       }, 8, ["title", "class", "style"]);
     };
   }
 }));
-const __default__$7 = {
+const __default__$8 = {
   name: "HstNumber",
   inheritAttrs: false
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValues$1({}, __default__$7), {
+const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValues$1({}, __default__$8), {
   props: {
     title: null,
     modelValue: null
@@ -3112,7 +3114,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
       stopDragging();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$a, {
+      return openBlock(), createBlock(_sfc_main$b, {
         class: normalizeClass(["htw-cursor-ew-resize htw-items-center", [
           _ctx.$attrs.class,
           { "htw-select-none": isDragging.value }
@@ -3149,6 +3151,87 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
     };
   }
 }));
+const _hoisted_1$5 = { class: "htw-relative htw-w-full htw-flex htw-items-center" };
+const _hoisted_2$4 = /* @__PURE__ */ createBaseVNode("div", { class: "htw-absolute htw-inset-0 htw-flex htw-items-center" }, [
+  /* @__PURE__ */ createBaseVNode("div", { class: "htw-border htw-border-black/25 dark:htw-border-white/25 htw-h-1 htw-w-full htw-rounded-full" })
+], -1);
+const __default__$7 = {
+  name: "HstSlider",
+  inheritAttrs: false
+};
+const _sfc_main$7 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValues$1({}, __default__$7), {
+  props: {
+    title: null,
+    modelValue: null,
+    min: null,
+    max: null
+  },
+  emits: {
+    "update:modelValue": (newValue) => true
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const showTooltip = ref(false);
+    const input = ref(null);
+    const numberModel = computed({
+      get: () => props.modelValue,
+      set: (value) => {
+        emit("update:modelValue", value);
+      }
+    });
+    const percentage = computed(() => {
+      return (props.modelValue - props.min) / (props.max - props.min);
+    });
+    const tooltipStyle = computed(() => {
+      const gap = 8;
+      if (input.value) {
+        const position = gap + (input.value.clientWidth - 2 * gap) * percentage.value;
+        return {
+          left: position + "px"
+        };
+      }
+      return {};
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$b, {
+        class: normalizeClass(["htw-items-center", _ctx.$attrs.class]),
+        title: __props.title,
+        style: normalizeStyle(_ctx.$attrs.style)
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", _hoisted_1$5, [
+            _hoisted_2$4,
+            withDirectives(createBaseVNode("input", mergeProps({
+              ref_key: "input",
+              ref: input,
+              "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$1(__spreadValues$1({}, _ctx.$attrs), { class: null, style: null }), {
+              onMouseover: _cache[1] || (_cache[1] = ($event) => showTooltip.value = true),
+              onMouseleave: _cache[2] || (_cache[2] = ($event) => showTooltip.value = false)
+            }), null, 16), [
+              [
+                vModelText,
+                unref(numberModel),
+                void 0,
+                { number: true }
+              ]
+            ]),
+            showTooltip.value ? withDirectives((openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "htw-absolute",
+              style: normalizeStyle(unref(tooltipStyle))
+            }, null, 4)), [
+              [unref(VTooltip), { content: __props.modelValue.toString(), shown: true, distance: 16, delay: 0 }]
+            ]) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["title", "class", "style"]);
+    };
+  }
+}));
 const _hoisted_1$4 = ["value"];
 const __default__$6 = {
   name: "HstTextarea",
@@ -3165,7 +3248,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
   setup(__props, { emit }) {
     const input = ref();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$a, {
+      return openBlock(), createBlock(_sfc_main$b, {
         title: __props.title,
         class: normalizeClass(["htw-cursor-text", _ctx.$attrs.class]),
         style: normalizeStyle(_ctx.$attrs.style),
@@ -5085,7 +5168,7 @@ const _sfc_main$4 = defineComponent(__spreadProps$1(__spreadValues$1({}, __defau
   setup(__props, { emit: emits }) {
     ref();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$a, {
+      return openBlock(), createBlock(_sfc_main$b, {
         title: __props.title,
         class: normalizeClass(["htw-cursor-text htw-items-center", _ctx.$attrs.class]),
         style: normalizeStyle(_ctx.$attrs.style)
@@ -5430,7 +5513,7 @@ const _hoisted_5 = { class: "htw-my-0 htw-opacity-50 htw-truncate htw-shrink" };
 const __default__ = {
   name: "HstTokenGrid"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValues$1({}, __default__), {
+const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValues$1({}, __default__), {
   props: {
     tokens: null,
     colSize: { default: 180 },
@@ -5501,14 +5584,15 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps$1(__spreadValu
 }));
 const HstCopyIcon = _sfc_main$3;
 function registerVueComponents(app) {
-  app.component("HstCheckbox", _sfc_main$9);
-  app.component("HstText", _sfc_main$8);
-  app.component("HstNumber", _sfc_main$7);
+  app.component("HstCheckbox", _sfc_main$a);
+  app.component("HstText", _sfc_main$9);
+  app.component("HstNumber", _sfc_main$8);
+  app.component("HstSlider", _sfc_main$7);
   app.component("HstSelect", _sfc_main$4);
   app.component("HstTextarea", _sfc_main$6);
   app.component("HstColorShades", _sfc_main$2);
   app.component("HstTokenList", _sfc_main$1$1);
-  app.component("HstTokenGrid", _sfc_main$c);
+  app.component("HstTokenGrid", _sfc_main$d);
 }
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;

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

@@ -1,4 +1,4 @@
-import { a9 as markRaw } from "./vendor.2833ae3d.js";
+import { a9 as markRaw } from "./vendor.31c91490.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) {