@histoire/controls 0.9.4 → 0.10.0

package/.histoire/dist/assets/HstText.story.43417ceb.js

@@ -1,143 +0,0 @@
-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 { d as defineComponent, r as ref, ax as _export_sfc, a as openBlock, j as createBlock, k as withCtx, f as renderSlot, e as createBaseVNode, x as mergeProps, n as normalizeClass, h as normalizeStyle, q as resolveComponent, l as createVNode } from "./vendor.31c91490.js";
-import { H as HstWrapper } from "./HstWrapper.fee42109.js";
-const __default__ = {
-  name: "HstText"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
-  props: {
-    title: { type: String, required: false },
-    modelValue: { type: String, required: true }
-  },
-  emits: {
-    "update:modelValue": (newValue) => true
-  },
-  setup(__props, { expose, emit }) {
-    expose();
-    const props = __props;
-    const input = ref();
-    const __returned__ = { props, emit, input, HstWrapper };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-}));
-const _hoisted_1 = ["value"];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock($setup["HstWrapper"], {
-    title: $props.title,
-    class: normalizeClass(["htw-cursor-text htw-items-center", _ctx.$attrs.class]),
-    style: normalizeStyle(_ctx.$attrs.style),
-    onClick: _cache[1] || (_cache[1] = ($event) => $setup.input.focus())
-  }, {
-    actions: withCtx(() => [
-      renderSlot(_ctx.$slots, "actions")
-    ]),
-    default: withCtx(() => [
-      createBaseVNode("input", mergeProps({ ref: "input" }, __spreadProps(__spreadValues({}, _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",
-        onInput: _cache[0] || (_cache[0] = ($event) => $setup.emit("update:modelValue", $event.target.value))
-      }), null, 16, _hoisted_1)
-    ]),
-    _: 3
-  }, 8, ["title", "class", "style"]);
-}
-_sfc_main$1.__file = "src/components/text/HstText.vue";
-var HstText = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/akryum/Projects/histoire/packages/histoire-controls/src/components/text/HstText.vue"]]);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  name: "HstText.story",
-  setup(__props, { expose }) {
-    expose();
-    function initState() {
-      return {
-        label: "My really long label",
-        text: ""
-      };
-    }
-    const __returned__ = { initState, HstText };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Variant = resolveComponent("Variant");
-  const _component_Story = resolveComponent("Story");
-  return openBlock(), createBlock(_component_Story, {
-    title: "HstText",
-    layout: {
-      type: "grid",
-      width: "100%"
-    }
-  }, {
-    default: withCtx(() => [
-      createVNode(_component_Variant, {
-        title: "default",
-        "init-state": $setup.initState
-      }, {
-        default: withCtx(({ state }) => [
-          createVNode($setup["HstText"], {
-            modelValue: state.text,
-            "onUpdate:modelValue": ($event) => state.text = $event,
-            title: state.label
-          }, null, 8, ["modelValue", "onUpdate:modelValue", "title"])
-        ]),
-        controls: withCtx(({ state }) => [
-          createVNode($setup["HstText"], {
-            modelValue: state.label,
-            "onUpdate:modelValue": ($event) => state.label = $event,
-            title: "Label"
-          }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-          createVNode($setup["HstText"], {
-            modelValue: state.text,
-            "onUpdate:modelValue": ($event) => state.text = $event,
-            title: "Text"
-          }, null, 8, ["modelValue", "onUpdate:modelValue"])
-        ]),
-        _: 1
-      }),
-      createVNode(_component_Variant, {
-        title: "no-label",
-        "init-state": $setup.initState
-      }, {
-        default: withCtx(({ state }) => [
-          createVNode($setup["HstText"], {
-            modelValue: state.text,
-            "onUpdate:modelValue": ($event) => state.text = $event,
-            placeholder: "Enter some text..."
-          }, null, 8, ["modelValue", "onUpdate:modelValue"])
-        ]),
-        controls: withCtx(({ state }) => [
-          createVNode($setup["HstText"], {
-            modelValue: state.text,
-            "onUpdate:modelValue": ($event) => state.text = $event,
-            title: "Text"
-          }, null, 8, ["modelValue", "onUpdate:modelValue"])
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  });
-}
-_sfc_main.__file = "src/components/text/HstText.story.vue";
-var HstText_story = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/akryum/Projects/histoire/packages/histoire-controls/src/components/text/HstText.story.vue"]]);
-export { HstText_story as default };

package/.histoire/dist/assets/HstTextarea.story.3e39b89e.js

@@ -1,111 +0,0 @@
-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 { d as defineComponent, r as ref, ax as _export_sfc, a as openBlock, j as createBlock, k as withCtx, f as renderSlot, e as createBaseVNode, x as mergeProps, n as normalizeClass, h as normalizeStyle, q as resolveComponent, l as createVNode } from "./vendor.31c91490.js";
-import { H as HstWrapper } from "./HstWrapper.fee42109.js";
-const __default__ = {
-  name: "HstTextarea",
-  inheritAttrs: false
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
-  props: {
-    title: { type: String, required: false },
-    modelValue: { type: String, required: true }
-  },
-  emits: {
-    "update:modelValue": (newValue) => true
-  },
-  setup(__props, { expose, emit }) {
-    expose();
-    const props = __props;
-    const input = ref();
-    const __returned__ = { props, emit, input, HstWrapper };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-}));
-const _hoisted_1 = ["value"];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock($setup["HstWrapper"], {
-    title: $props.title,
-    class: normalizeClass(["htw-cursor-text", _ctx.$attrs.class]),
-    style: normalizeStyle(_ctx.$attrs.style),
-    onClick: _cache[1] || (_cache[1] = ($event) => $setup.input.focus())
-  }, {
-    actions: withCtx(() => [
-      renderSlot(_ctx.$slots, "actions")
-    ]),
-    default: withCtx(() => [
-      createBaseVNode("textarea", mergeProps({ ref: "input" }, __spreadProps(__spreadValues({}, _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) => $setup.emit("update:modelValue", $event.target.value))
-      }), null, 16, _hoisted_1)
-    ]),
-    _: 3
-  }, 8, ["title", "class", "style"]);
-}
-_sfc_main$1.__file = "src/components/textarea/HstTextarea.vue";
-var HstTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/akryum/Projects/histoire/packages/histoire-controls/src/components/textarea/HstTextarea.vue"]]);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  name: "HstTextarea.story",
-  setup(__props, { expose }) {
-    expose();
-    function initState() {
-      return {
-        text: ""
-      };
-    }
-    const __returned__ = { initState, HstTextarea };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Variant = resolveComponent("Variant");
-  const _component_Story = resolveComponent("Story");
-  return openBlock(), createBlock(_component_Story, { title: "HstTextarea" }, {
-    default: withCtx(() => [
-      createVNode(_component_Variant, {
-        title: "default",
-        "init-state": $setup.initState
-      }, {
-        default: withCtx(({ state }) => [
-          createVNode($setup["HstTextarea"], {
-            modelValue: state.text,
-            "onUpdate:modelValue": ($event) => state.text = $event,
-            title: "Textarea"
-          }, null, 8, ["modelValue", "onUpdate:modelValue"])
-        ]),
-        controls: withCtx(({ state }) => [
-          createVNode($setup["HstTextarea"], {
-            modelValue: state.text,
-            "onUpdate:modelValue": ($event) => state.text = $event,
-            title: "Text"
-          }, null, 8, ["modelValue", "onUpdate:modelValue"])
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  });
-}
-_sfc_main.__file = "src/components/textarea/HstTextarea.story.vue";
-var HstTextarea_story = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/akryum/Projects/histoire/packages/histoire-controls/src/components/textarea/HstTextarea.story.vue"]]);
-export { HstTextarea_story as default };

package/.histoire/dist/assets/HstTokenGrid.story.e2f237c4.js

@@ -1,156 +0,0 @@
-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 { d as defineComponent, c as computed, r as ref, ax as _export_sfc, ay as VTooltip, a as openBlock, b as createElementBlock, F as Fragment, J as renderList, f as renderSlot, e as createBaseVNode, M as withDirectives, R as createTextVNode, t as toDisplayString, j as createBlock, m as createCommentVNode, h as normalizeStyle, q as resolveComponent, k as withCtx, l as createVNode } from "./vendor.31c91490.js";
-import { H as HstCopyIcon } from "./HstCopyIcon.ef403c78.js";
-var HstTokenGrid_vue_vue_type_style_index_0_lang = "";
-const __default__ = {
-  name: "HstTokenGrid"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
-  props: {
-    tokens: { type: Object, required: true },
-    colSize: { type: Number, required: false, default: 180 },
-    getName: { type: Function, required: false, default: null }
-  },
-  setup(__props, { expose }) {
-    expose();
-    const props = __props;
-    const processedTokens = computed(() => {
-      const list = props.tokens;
-      const getName = props.getName;
-      return Object.entries(list).map(([key, value]) => {
-        const name = getName ? getName(key, value) : key;
-        return {
-          key,
-          name,
-          value: typeof value === "number" ? value.toString() : value
-        };
-      });
-    });
-    const colSizePx = computed(() => `${props.colSize}px`);
-    const hover = ref(null);
-    const __returned__ = { props, processedTokens, colSizePx, hover, vTooltip: VTooltip, HstCopyIcon };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-}));
-const _hoisted_1 = ["onMouseenter"];
-const _hoisted_2 = { class: "htw-flex htw-gap-1" };
-const _hoisted_3 = { class: "htw-my-0 htw-truncate htw-shrink" };
-const _hoisted_4 = { class: "htw-flex htw-gap-1" };
-const _hoisted_5 = { class: "htw-my-0 htw-opacity-50 htw-truncate htw-shrink" };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: "htw-bind-col-size htw-grid htw-gap-4 htw-m-4",
-    style: normalizeStyle({
-      "--histoire-col-size": $setup.colSizePx
-    })
-  }, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList($setup.processedTokens, (token) => {
-      return openBlock(), createElementBlock("div", {
-        key: token.key,
-        class: "htw-flex htw-flex-col htw-gap-2",
-        onMouseenter: ($event) => $setup.hover = token.key,
-        onMouseleave: _cache[0] || (_cache[0] = ($event) => $setup.hover = null)
-      }, [
-        renderSlot(_ctx.$slots, "default", { token }),
-        createBaseVNode("div", null, [
-          createBaseVNode("div", _hoisted_2, [
-            withDirectives((openBlock(), createElementBlock("pre", _hoisted_3, [
-              createTextVNode(toDisplayString(token.name), 1)
-            ])), [
-              [$setup["vTooltip"], token.name.length > $props.colSize / 8 ? token.name : ""]
-            ]),
-            $setup.hover === token.key ? (openBlock(), createBlock($setup["HstCopyIcon"], {
-              key: 0,
-              content: token.name,
-              class: "htw-flex-none"
-            }, null, 8, ["content"])) : createCommentVNode("v-if", true)
-          ]),
-          createBaseVNode("div", _hoisted_4, [
-            withDirectives((openBlock(), createElementBlock("pre", _hoisted_5, [
-              createTextVNode(toDisplayString(token.value), 1)
-            ])), [
-              [$setup["vTooltip"], token.value.length > $props.colSize / 8 ? token.value : ""]
-            ]),
-            $setup.hover === token.key ? (openBlock(), createBlock($setup["HstCopyIcon"], {
-              key: 0,
-              content: typeof token.value === "string" ? token.value : JSON.stringify(token.value),
-              class: "htw-flex-none"
-            }, null, 8, ["content"])) : createCommentVNode("v-if", true)
-          ])
-        ])
-      ], 40, _hoisted_1);
-    }), 128))
-  ], 4);
-}
-_sfc_main$1.__file = "src/components/design-tokens/HstTokenGrid.vue";
-var HstTokenGrid = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/akryum/Projects/histoire/packages/histoire-controls/src/components/design-tokens/HstTokenGrid.vue"]]);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  name: "HstTokenGrid.story",
-  setup(__props, { expose }) {
-    expose();
-    const tokens = {
-      sm: "filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05))",
-      DEFAULT: "filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06))",
-      md: "filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06))",
-      lg: "filter: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1))",
-      xl: "filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08))",
-      "2xl": "filter: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15))",
-      none: "filter: drop-shadow(0 0 #0000)"
-    };
-    const __returned__ = { tokens, HstTokenGrid };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Variant = resolveComponent("Variant");
-  const _component_Story = resolveComponent("Story");
-  return openBlock(), createBlock(_component_Story, {
-    title: "design-tokens/HstTokenGrid",
-    "responsive-disabled": ""
-  }, {
-    default: withCtx(() => [
-      createVNode(_component_Variant, { title: "default" }, {
-        default: withCtx(() => [
-          createVNode($setup["HstTokenGrid"], {
-            tokens: $setup.tokens,
-            "get-name": (key) => key === "DEFAULT" ? "drop-shadow" : `drop-shadow-${key}`,
-            "col-size": 160
-          }, {
-            default: withCtx(({ token }) => [
-              createBaseVNode("div", {
-                class: "htw-w-32 htw-h-32 htw-bg-white dark:htw-bg-black htw-rounded htw-mb-2",
-                style: normalizeStyle(token.value)
-              }, null, 4)
-            ]),
-            _: 1
-          }, 8, ["get-name"])
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  });
-}
-_sfc_main.__file = "src/components/design-tokens/HstTokenGrid.story.vue";
-var HstTokenGrid_story = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/akryum/Projects/histoire/packages/histoire-controls/src/components/design-tokens/HstTokenGrid.story.vue"]]);
-export { HstTokenGrid_story as default };

package/.histoire/dist/assets/HstTokenList.story.bc7b0288.js

@@ -1,184 +0,0 @@
-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 { d as defineComponent, c as computed, r as ref, ax as _export_sfc, a as openBlock, b as createElementBlock, J as renderList, f as renderSlot, e as createBaseVNode, t as toDisplayString, j as createBlock, m as createCommentVNode, F as Fragment, q as resolveComponent, k as withCtx, l as createVNode, h as normalizeStyle } from "./vendor.31c91490.js";
-import { H as HstCopyIcon } from "./HstCopyIcon.ef403c78.js";
-const __default__ = {
-  name: "HstTokenList"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
-  props: {
-    tokens: { type: Object, required: true },
-    getName: { type: Function, required: false }
-  },
-  setup(__props, { expose }) {
-    expose();
-    const props = __props;
-    const processedTokens = computed(() => {
-      const list = props.tokens;
-      const getName = props.getName;
-      return Object.entries(list).map(([key, value]) => {
-        const name = getName ? getName(key, value) : key;
-        return {
-          key,
-          name,
-          value: typeof value === "number" ? value.toString() : value
-        };
-      });
-    });
-    const hover = ref(null);
-    const __returned__ = { props, processedTokens, hover, HstCopyIcon };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-}));
-const _hoisted_1$1 = ["onMouseenter"];
-const _hoisted_2 = { class: "htw-mx-4" };
-const _hoisted_3 = { class: "htw-flex htw-gap-1" };
-const _hoisted_4 = { class: "htw-my-0 htw-truncate htw-shrink" };
-const _hoisted_5 = { class: "htw-flex htw-gap-1" };
-const _hoisted_6 = { class: "htw-my-0 htw-opacity-50 htw-truncate htw-shrink" };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(true), createElementBlock(Fragment, null, renderList($setup.processedTokens, (token) => {
-    return openBlock(), createElementBlock("div", {
-      key: token.key,
-      class: "htw-flex htw-flex-col htw-gap-2 htw-my-8",
-      onMouseenter: ($event) => $setup.hover = token.key,
-      onMouseleave: _cache[0] || (_cache[0] = ($event) => $setup.hover = null)
-    }, [
-      renderSlot(_ctx.$slots, "default", { token }),
-      createBaseVNode("div", _hoisted_2, [
-        createBaseVNode("div", _hoisted_3, [
-          createBaseVNode("pre", _hoisted_4, toDisplayString(token.name), 1),
-          $setup.hover === token.key ? (openBlock(), createBlock($setup["HstCopyIcon"], {
-            key: 0,
-            content: token.name,
-            class: "htw-flex-none"
-          }, null, 8, ["content"])) : createCommentVNode("v-if", true)
-        ]),
-        createBaseVNode("div", _hoisted_5, [
-          createBaseVNode("pre", _hoisted_6, toDisplayString(token.value), 1),
-          $setup.hover === token.key ? (openBlock(), createBlock($setup["HstCopyIcon"], {
-            key: 0,
-            content: typeof token.value === "string" ? token.value : JSON.stringify(token.value),
-            class: "htw-flex-none"
-          }, null, 8, ["content"])) : createCommentVNode("v-if", true)
-        ])
-      ])
-    ], 40, _hoisted_1$1);
-  }), 128);
-}
-_sfc_main$1.__file = "src/components/design-tokens/HstTokenList.vue";
-var HstTokenList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/akryum/Projects/histoire/packages/histoire-controls/src/components/design-tokens/HstTokenList.vue"]]);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  name: "HstTokenList.story",
-  setup(__props, { expose }) {
-    expose();
-    const tokens = {
-      0: 0,
-      1: "0.25rem",
-      2: "0.5rem",
-      3: "0.75rem",
-      4: "1rem",
-      5: "1.25rem",
-      6: "1.5rem",
-      8: "2rem",
-      10: "2.5rem",
-      12: "3rem",
-      16: "4rem",
-      20: "5rem",
-      24: "6rem",
-      32: "8rem",
-      40: "10rem",
-      48: "12rem",
-      56: "14rem",
-      64: "16rem",
-      auto: "auto",
-      px: "1px",
-      screen: "100vw",
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%",
-      "1/5": "20%",
-      "2/5": "40%",
-      "3/5": "60%",
-      "4/5": "80%",
-      "1/6": "16.666667%",
-      "2/6": "33.333333%",
-      "3/6": "50%",
-      "4/6": "66.666667%",
-      "5/6": "83.333333%",
-      "1/12": "8.333333%",
-      "2/12": "16.666667%",
-      "3/12": "25%",
-      "4/12": "33.333333%",
-      "5/12": "41.666667%",
-      "6/12": "50%",
-      "7/12": "58.333333%",
-      "8/12": "66.666667%",
-      "9/12": "75%",
-      "10/12": "83.333333%",
-      "11/12": "91.666667%",
-      full: "100%"
-    };
-    const __returned__ = { tokens, HstTokenList };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-const _hoisted_1 = { class: "htw-bg-gray-500/10" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Variant = resolveComponent("Variant");
-  const _component_Story = resolveComponent("Story");
-  return openBlock(), createBlock(_component_Story, {
-    title: "design-tokens/HstTokenList",
-    "responsive-disabled": ""
-  }, {
-    default: withCtx(() => [
-      createVNode(_component_Variant, { title: "default" }, {
-        default: withCtx(() => [
-          createVNode($setup["HstTokenList"], {
-            tokens: $setup.tokens,
-            "get-name": (key) => `w-${key}`
-          }, {
-            default: withCtx(({ token }) => [
-              createBaseVNode("div", _hoisted_1, [
-                createBaseVNode("div", {
-                  class: "htw-h-20 htw-bg-gray-500/50",
-                  style: normalizeStyle({
-                    width: token.value
-                  })
-                }, null, 4)
-              ])
-            ]),
-            _: 1
-          }, 8, ["get-name"])
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  });
-}
-_sfc_main.__file = "src/components/design-tokens/HstTokenList.story.vue";
-var HstTokenList_story = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/akryum/Projects/histoire/packages/histoire-controls/src/components/design-tokens/HstTokenList.story.vue"]]);
-export { HstTokenList_story as default };

package/.histoire/dist/assets/HstWrapper.fee42109.js

@@ -1,61 +0,0 @@
-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 { d as defineComponent, ax as _export_sfc, ay as VTooltip, a as openBlock, b as createElementBlock, M as withDirectives, R as createTextVNode, t as toDisplayString, e as createBaseVNode, f as renderSlot } from "./vendor.31c91490.js";
-const __default__ = {
-  name: "HstWrapper"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
-  props: {
-    title: { type: String, required: false }
-  },
-  setup(__props, { expose }) {
-    expose();
-    const props = __props;
-    const __returned__ = { props, vTooltip: VTooltip };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-}));
-const _hoisted_1 = { 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 = { class: "htw-w-28 htw-whitespace-nowrap htw-text-ellipsis htw-overflow-hidden htw-shrink-0" };
-const _hoisted_3 = { class: "htw-grow htw-flex htw-items-center htw-gap-1" };
-const _hoisted_4 = { class: "htw-block htw-grow" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("label", _hoisted_1, [
-    withDirectives((openBlock(), createElementBlock("span", _hoisted_2, [
-      createTextVNode(toDisplayString($props.title), 1)
-    ])), [
-      [$setup["vTooltip"], {
-        content: $props.title,
-        placement: "left",
-        distance: 12
-      }]
-    ]),
-    createBaseVNode("span", _hoisted_3, [
-      createBaseVNode("span", _hoisted_4, [
-        renderSlot(_ctx.$slots, "default")
-      ]),
-      renderSlot(_ctx.$slots, "actions")
-    ])
-  ]);
-}
-_sfc_main.__file = "src/components/HstWrapper.vue";
-var HstWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/akryum/Projects/histoire/packages/histoire-controls/src/components/HstWrapper.vue"]]);
-export { HstWrapper as H };