@histoire/controls 0.14.2 → 0.15.0

package/.histoire/dist/assets/HstCopyIcon.e40e725e.js

@@ -1,51 +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, az as useClipboard, M as withDirectives, i as unref, ay as VTooltip, a as openBlock, j as createBlock, I as Icon, ax as _export_sfc } from "./vendor.2833ae3d.js";
-const __default__ = {
-  name: "HstCopyIcon"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
-  props: {
-    content: { type: String, required: true }
-  },
-  setup(__props) {
-    const props = __props;
-    const { copy, copied } = useClipboard();
-    const action = () => copy(props.content);
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createBlock(unref(Icon), {
-        icon: "carbon:copy-file",
-        class: "htw-w-4 htw-h-4 htw-opacity-50 hover:htw-opacity-100 hover:htw-text-primary-500 htw-cursor-pointer",
-        onClick: _cache[0] || (_cache[0] = ($event) => action())
-      }, null, 512)), [
-        [unref(VTooltip), {
-          content: "Copied!",
-          triggers: [],
-          shown: unref(copied),
-          distance: 12,
-          delay: 0
-        }]
-      ]);
-    };
-  }
-}));
-_sfc_main.__file = "src/components/HstCopyIcon.vue";
-var HstCopyIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/akryum/Projects/histoire/packages/histoire-controls/src/components/HstCopyIcon.vue"]]);
-export { HstCopyIcon as H };

package/.histoire/dist/assets/HstNumber.story.1e1964ff.js

@@ -1,160 +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 { ax as _export_sfc, d as defineComponent, c as computed, r as ref, o as onUnmounted, a as openBlock, j as createBlock, k as withCtx, f as renderSlot, M as withDirectives, Z as vModelText, i as unref, e as createBaseVNode, x as mergeProps, P as isRef, n as normalizeClass, h as normalizeStyle, q as resolveComponent, l as createVNode } from "./vendor.2833ae3d.js";
-import { H as HstWrapper } from "./HstWrapper.246b6982.js";
-const __default__ = {
-  name: "HstNumber",
-  inheritAttrs: false
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
-  props: {
-    title: { type: String, required: false },
-    modelValue: { type: Number, required: true }
-  },
-  emits: {
-    "update:modelValue": (newValue) => true
-  },
-  setup(__props, { emit }) {
-    const props = __props;
-    const numberModel = computed({
-      get: () => props.modelValue,
-      set: (value) => {
-        emit("update:modelValue", value);
-      }
-    });
-    const input = ref();
-    function focusAndSelect() {
-      input.value.focus();
-      input.value.select();
-    }
-    const isDragging = ref(false);
-    let startX;
-    let startValue;
-    function onMouseDown(event) {
-      isDragging.value = true;
-      startX = event.clientX;
-      startValue = numberModel.value;
-      window.addEventListener("mousemove", onMouseMove);
-      window.addEventListener("mouseup", stopDragging);
-    }
-    function onMouseMove(event) {
-      let step = parseFloat(input.value.step);
-      if (isNaN(step)) {
-        step = 1;
-      }
-      numberModel.value = startValue + Math.round((event.clientX - startX) / 10 / step) * step;
-    }
-    function stopDragging() {
-      isDragging.value = false;
-      window.removeEventListener("mousemove", onMouseMove);
-      window.removeEventListener("mouseup", stopDragging);
-    }
-    onUnmounted(() => {
-      stopDragging();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(HstWrapper, {
-        class: normalizeClass(["htw-cursor-ew-resize htw-items-center", [
-          _ctx.$attrs.class,
-          { "htw-select-none": isDragging.value }
-        ]]),
-        title: __props.title,
-        style: normalizeStyle(_ctx.$attrs.style),
-        onClick: focusAndSelect,
-        onMousedown: onMouseDown
-      }, {
-        actions: withCtx(() => [
-          renderSlot(_ctx.$slots, "actions")
-        ]),
-        default: withCtx(() => [
-          withDirectives(createBaseVNode("input", mergeProps({
-            ref_key: "input",
-            ref: input
-          }, __spreadProps(__spreadValues({}, _ctx.$attrs), { class: null, style: null }), {
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(numberModel) ? numberModel.value = $event : null),
-            type: "number",
-            class: [{
-              "htw-select-none": isDragging.value
-            }, "htw-text-inherit htw-bg-transparent htw-w-full htw-outline-none htw-pl-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-cursor-ew-resize"]
-          }), null, 16), [
-            [
-              vModelText,
-              unref(numberModel),
-              void 0,
-              { number: true }
-            ]
-          ])
-        ]),
-        _: 3
-      }, 8, ["title", "class", "style"]);
-    };
-  }
-}));
-_sfc_main$1.__file = "src/components/number/HstNumber.vue";
-var HstNumber = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/Users/akryum/Projects/histoire/packages/histoire-controls/src/components/number/HstNumber.vue"]]);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  name: "HstNumber.story",
-  setup(__props) {
-    function initState() {
-      return {
-        count: 20,
-        step: 1
-      };
-    }
-    return (_ctx, _cache) => {
-      const _component_Variant = resolveComponent("Variant");
-      const _component_Story = resolveComponent("Story");
-      return openBlock(), createBlock(_component_Story, { title: "HstNumber" }, {
-        default: withCtx(() => [
-          createVNode(_component_Variant, {
-            title: "default",
-            "init-state": initState
-          }, {
-            default: withCtx(({ state }) => [
-              createVNode(HstNumber, {
-                modelValue: state.count,
-                "onUpdate:modelValue": ($event) => state.count = $event,
-                step: state.step,
-                title: "Count"
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "step"])
-            ]),
-            controls: withCtx(({ state }) => [
-              createVNode(HstNumber, {
-                modelValue: state.count,
-                "onUpdate:modelValue": ($event) => state.count = $event,
-                title: "Count"
-              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-              createVNode(HstNumber, {
-                modelValue: state.step,
-                "onUpdate:modelValue": ($event) => state.step = $event,
-                title: "Step"
-              }, null, 8, ["modelValue", "onUpdate:modelValue"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-_sfc_main.__file = "src/components/number/HstNumber.story.vue";
-var HstNumber_story = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/akryum/Projects/histoire/packages/histoire-controls/src/components/number/HstNumber.story.vue"]]);
-export { HstNumber_story as default };

package/.histoire/dist/assets/HstSelect.story.04860383.js

@@ -1,277 +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, a as openBlock, j as createBlock, k as withCtx, e as createBaseVNode, b as createElementBlock, J as renderList, i as unref, F as Fragment, f as renderSlot, l as createVNode, I as Icon, as as Dropdown, ax as _export_sfc, x as mergeProps, t as toDisplayString, R as createTextVNode, r as ref, n as normalizeClass, h as normalizeStyle, q as resolveComponent } from "./vendor.2833ae3d.js";
-import { H as HstWrapper } from "./HstWrapper.246b6982.js";
-var CustomSelect_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$1 = { class: "htw-cursor-pointer htw-w-full htw-outline-none htw-px-2 htw-h-[27px] -htw-my-1 htw-border htw-border-solid htw-border-black/25 dark:htw-border-white/25 hover:htw-border-primary-500 dark:hover:htw-border-primary-500 htw-rounded-sm htw-flex htw-gap-2 htw-items-center htw-leading-normal" };
-const _hoisted_2$1 = { class: "htw-flex-1 htw-truncate" };
-const _hoisted_3 = { class: "htw-flex htw-flex-col htw-bg-gray-50 dark:htw-bg-gray-700" };
-const _hoisted_4 = ["onClick"];
-const __default__$1 = {
-  name: "CustomSelect"
-};
-const _sfc_main$2 = defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
-  props: {
-    modelValue: { type: String, required: true },
-    options: { type: [Object, Array], required: true }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const formattedOptions = computed(() => {
-      if (Array.isArray(props.options)) {
-        return Object.fromEntries(props.options.map((value) => {
-          if (typeof value === "string") {
-            return [value, value];
-          } else {
-            return [value.value, value.label];
-          }
-        }));
-      }
-      return props.options;
-    });
-    const selectedLabel = computed(() => formattedOptions.value[props.modelValue]);
-    function selectValue(value, hide) {
-      emits("update:modelValue", value);
-      hide();
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Dropdown), { "auto-size": "" }, {
-        popper: withCtx(({ hide }) => [
-          createBaseVNode("div", _hoisted_3, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(formattedOptions), (label, value) => {
-              return openBlock(), createElementBlock("div", mergeProps(__spreadProps(__spreadValues({}, _ctx.$attrs), { class: null, style: null }), {
-                key: label,
-                class: ["htw-px-2 htw-py-1 htw-cursor-pointer hover:htw-bg-primary-100 dark:hover:htw-bg-primary-700", {
-                  "htw-bg-primary-200 dark:htw-bg-primary-800": props.modelValue === value
-                }],
-                onClick: ($event) => selectValue(value, hide)
-              }), toDisplayString(label), 17, _hoisted_4);
-            }), 128))
-          ])
-        ]),
-        default: withCtx(() => [
-          createBaseVNode("div", _hoisted_1$1, [
-            createBaseVNode("div", _hoisted_2$1, [
-              renderSlot(_ctx.$slots, "default", { label: unref(selectedLabel) }, () => [
-                createTextVNode(toDisplayString(unref(selectedLabel)), 1)
-              ])
-            ]),
-            createVNode(unref(Icon), {
-              icon: "carbon:chevron-sort",
-              class: "htw-w-4 htw-h-4 htw-flex-none htw-ml-auto"
-            })
-          ])
-        ]),
-        _: 3
-      });
-    };
-  }
-}));
-_sfc_main$2.__file = "src/components/select/CustomSelect.vue";
-var CustomSelect = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/Users/akryum/Projects/histoire/packages/histoire-controls/src/components/select/CustomSelect.vue"]]);
-const __default__ = {
-  name: "HstSelect"
-};
-const _sfc_main$1 = defineComponent(__spreadProps(__spreadValues({}, __default__), {
-  props: {
-    title: { type: String, required: false },
-    modelValue: { type: String, required: true },
-    options: { type: [Object, Array], required: true }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: emits }) {
-    ref();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(HstWrapper, {
-        title: __props.title,
-        class: normalizeClass(["htw-cursor-text htw-items-center", _ctx.$attrs.class]),
-        style: normalizeStyle(_ctx.$attrs.style)
-      }, {
-        actions: withCtx(() => [
-          renderSlot(_ctx.$slots, "actions")
-        ]),
-        default: withCtx(() => [
-          createVNode(CustomSelect, {
-            options: __props.options,
-            "model-value": __props.modelValue,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emits("update:modelValue", $event))
-          }, null, 8, ["options", "model-value"])
-        ]),
-        _: 3
-      }, 8, ["title", "class", "style"]);
-    };
-  }
-}));
-_sfc_main$1.__file = "src/components/select/HstSelect.vue";
-var HstSelect = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/Users/akryum/Projects/histoire/packages/histoire-controls/src/components/select/HstSelect.vue"]]);
-const _hoisted_1 = { class: "htw-text-xs htw-bg-gray-50 dark:htw-bg-gray-600 htw-rounded htw-p-4" };
-const _hoisted_2 = { class: "htw-text-xs htw-bg-gray-50 dark:htw-bg-gray-600 htw-rounded htw-p-4" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  name: "HstSelect.story",
-  setup(__props) {
-    const options = {
-      "crash-bandicoot": "Crash Bandicoot",
-      "the-last-of-us": "The Last of Us",
-      "ghost-of-tsushima": "Ghost of Tsushima"
-    };
-    const flatOptions = Object.keys(options);
-    const objectOptions = Object.keys(options).map((key) => ({
-      label: options[key],
-      value: key
-    }));
-    function initState() {
-      return {
-        label: "My really long label",
-        select: "crash-bandicoot"
-      };
-    }
-    return (_ctx, _cache) => {
-      const _component_Variant = resolveComponent("Variant");
-      const _component_Story = resolveComponent("Story");
-      return openBlock(), createBlock(_component_Story, {
-        title: "HstSelect",
-        layout: {
-          type: "grid",
-          width: "100%"
-        }
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_Variant, {
-            title: "default",
-            "init-state": initState
-          }, {
-            default: withCtx(({ state }) => [
-              createVNode(HstSelect, {
-                modelValue: state.select,
-                "onUpdate:modelValue": ($event) => state.select = $event,
-                title: state.label,
-                options
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "title"])
-            ]),
-            controls: withCtx(({ state }) => [
-              createVNode(HstSelect, {
-                modelValue: state.select,
-                "onUpdate:modelValue": ($event) => state.select = $event,
-                title: "Select",
-                options
-              }, null, 8, ["modelValue", "onUpdate:modelValue"])
-            ]),
-            _: 1
-          }),
-          createVNode(_component_Variant, {
-            title: "no-label",
-            "init-state": initState
-          }, {
-            default: withCtx(({ state }) => [
-              createVNode(HstSelect, {
-                modelValue: state.select,
-                "onUpdate:modelValue": ($event) => state.select = $event,
-                options
-              }, null, 8, ["modelValue", "onUpdate:modelValue"])
-            ]),
-            controls: withCtx(({ state }) => [
-              createVNode(HstSelect, {
-                modelValue: state.select,
-                "onUpdate:modelValue": ($event) => state.select = $event,
-                title: "Select",
-                options
-              }, null, 8, ["modelValue", "onUpdate:modelValue"])
-            ]),
-            _: 1
-          }),
-          createVNode(_component_Variant, {
-            title: "options-as-object",
-            "init-state": initState
-          }, {
-            default: withCtx(({ state }) => [
-              createBaseVNode("pre", { class: "htw-text-xs htw-bg-gray-50 dark:htw-bg-gray-600 htw-rounded htw-p-4" }, toDisplayString(options)),
-              createVNode(HstSelect, {
-                modelValue: state.select,
-                "onUpdate:modelValue": ($event) => state.select = $event,
-                title: "Games",
-                options
-              }, null, 8, ["modelValue", "onUpdate:modelValue"])
-            ]),
-            controls: withCtx(({ state }) => [
-              createVNode(HstSelect, {
-                modelValue: state.select,
-                "onUpdate:modelValue": ($event) => state.select = $event,
-                title: "Games",
-                options
-              }, null, 8, ["modelValue", "onUpdate:modelValue"])
-            ]),
-            _: 1
-          }),
-          createVNode(_component_Variant, {
-            title: "options-as-array-of-objects",
-            "init-state": initState
-          }, {
-            default: withCtx(({ state }) => [
-              createBaseVNode("pre", _hoisted_1, toDisplayString(unref(objectOptions)), 1),
-              createVNode(HstSelect, {
-                modelValue: state.select,
-                "onUpdate:modelValue": ($event) => state.select = $event,
-                title: "Games",
-                options: unref(objectOptions)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])
-            ]),
-            controls: withCtx(({ state }) => [
-              createVNode(HstSelect, {
-                modelValue: state.select,
-                "onUpdate:modelValue": ($event) => state.select = $event,
-                title: "Games",
-                options: unref(objectOptions)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])
-            ]),
-            _: 1
-          }),
-          createVNode(_component_Variant, {
-            title: "options-as-array-of-strings",
-            "init-state": initState
-          }, {
-            default: withCtx(({ state }) => [
-              createBaseVNode("pre", _hoisted_2, toDisplayString(unref(flatOptions)), 1),
-              createVNode(HstSelect, {
-                modelValue: state.select,
-                "onUpdate:modelValue": ($event) => state.select = $event,
-                title: "Select",
-                options: unref(flatOptions)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])
-            ]),
-            controls: withCtx(({ state }) => [
-              createVNode(HstSelect, {
-                modelValue: state.select,
-                "onUpdate:modelValue": ($event) => state.select = $event,
-                title: "Select",
-                options: unref(flatOptions)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-_sfc_main.__file = "src/components/select/HstSelect.story.vue";
-var HstSelect_story = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/akryum/Projects/histoire/packages/histoire-controls/src/components/select/HstSelect.story.vue"]]);
-export { HstSelect_story as default };

package/.histoire/dist/assets/HstText.story.c915d831.js

@@ -1,137 +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 { ax as _export_sfc, d as defineComponent, r as ref, 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.2833ae3d.js";
-import { H as HstWrapper } from "./HstWrapper.246b6982.js";
-const _hoisted_1 = ["value"];
-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, { emit }) {
-    const input = ref();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(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) => input.value.focus())
-      }, {
-        actions: withCtx(() => [
-          renderSlot(_ctx.$slots, "actions")
-        ]),
-        default: withCtx(() => [
-          createBaseVNode("input", mergeProps({
-            ref_key: "input",
-            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) => 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, [["__file", "/Users/akryum/Projects/histoire/packages/histoire-controls/src/components/text/HstText.vue"]]);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  name: "HstText.story",
-  setup(__props) {
-    function initState() {
-      return {
-        label: "My really long label",
-        text: ""
-      };
-    }
-    return (_ctx, _cache) => {
-      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": initState
-          }, {
-            default: withCtx(({ state }) => [
-              createVNode(HstText, {
-                modelValue: state.text,
-                "onUpdate:modelValue": ($event) => state.text = $event,
-                title: state.label
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "title"])
-            ]),
-            controls: withCtx(({ state }) => [
-              createVNode(HstText, {
-                modelValue: state.label,
-                "onUpdate:modelValue": ($event) => state.label = $event,
-                title: "Label"
-              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-              createVNode(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": initState
-          }, {
-            default: withCtx(({ state }) => [
-              createVNode(HstText, {
-                modelValue: state.text,
-                "onUpdate:modelValue": ($event) => state.text = $event,
-                placeholder: "Enter some text..."
-              }, null, 8, ["modelValue", "onUpdate:modelValue"])
-            ]),
-            controls: withCtx(({ state }) => [
-              createVNode(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, [["__file", "/Users/akryum/Projects/histoire/packages/histoire-controls/src/components/text/HstText.story.vue"]]);
-export { HstText_story as default };