@histoire/controls 0.0.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Guillaume Chau
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,5 @@
+# @histoire/controls
+
+Builtin controls component
+
+[Docs](https://controls.histoire.dev)

package/dist/components/checkbox/HstCheckbox.story.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/components/checkbox/HstCheckbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/checkbox/HstCheckbox.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (newValue: boolean) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (newValue: boolean) => any;
+}, {
+    modelValue: boolean;
+}>;
+export default _default;

package/dist/components/input/HstInput.story.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/components/input/HstInput.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (newValue: string | number) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (newValue: string | number) => any;
+}, {
+    modelValue: string | number;
+}>;
+export default _default;

package/dist/histoire-setup.d.ts

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

package/dist/histoire.svg

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

package/dist/index.d.ts

@@ -0,0 +1,36 @@
+import type { App } from 'vue';
+export declare const HstCheckbox: import("vue").DefineComponent<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (newValue: boolean) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (newValue: boolean) => any;
+}, {
+    modelValue: boolean;
+}>;
+export declare const HstInput: import("vue").DefineComponent<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (newValue: string | number) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (newValue: string | number) => any;
+}, {
+    modelValue: string | number;
+}>;
+export declare function registerVueComponents(app: App): void;

package/dist/index.es.js

@@ -0,0 +1,144 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, withKeys, withModifiers, createElementVNode, normalizeClass, unref, renderSlot, normalizeStyle, createCommentVNode, mergeProps } from "vue";
+const _hoisted_1$1 = { class: "htw-text-white htw-w-[16px] htw-h-[16px] htw-relative" };
+const _hoisted_2$1 = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  class: "htw-relative htw-z-10"
+};
+const _hoisted_3 = ["stroke-dasharray", "stroke-dashoffset"];
+const __default__$1 = {
+  name: "HstCheckbox"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: {
+    "update:modelValue": (newValue) => true
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    function toggle() {
+      emit("update:modelValue", !props.modelValue);
+      animationEnabled.value = true;
+    }
+    const path = ref();
+    const dasharray = ref(0);
+    const progress = computed(() => props.modelValue ? 1 : 0);
+    const dashoffset = computed(() => (1 - progress.value) * dasharray.value);
+    const animationEnabled = ref(false);
+    watch(path, (value) => {
+      var _a, _b, _c;
+      dasharray.value = (_c = (_b = (_a = path.value).getTotalLength) == null ? void 0 : _b.call(_a)) != null ? _c : 21.21;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        role: "checkbox",
+        tabindex: "0",
+        class: "htw-flex htw-items-center htw-gap-2 htw-select-none htw-px-4 htw-py-3 htw-cursor-pointer hover:htw-bg-primary-100 dark:hover:htw-bg-primary-700",
+        onClick: _cache[0] || (_cache[0] = ($event) => toggle()),
+        onKeydown: [
+          _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => toggle(), ["prevent"]), ["enter"])),
+          _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => toggle(), ["prevent"]), ["space"]))
+        ]
+      }, [
+        createElementVNode("div", _hoisted_1$1, [
+          createElementVNode("div", {
+            class: normalizeClass(["htw-border 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-gray-300 dark:htw-border-gray-500 htw-delay-150"
+            ]])
+          }, null, 2),
+          (openBlock(), createElementBlock("svg", _hoisted_2$1, [
+            createElementVNode("path", {
+              ref_key: "path",
+              ref: path,
+              d: "m 4 12 l 5 5 l 10 -10",
+              fill: "none",
+              class: normalizeClass(["htw-stroke-white htw-stroke-2 htw-duration-200 htw-ease-in-out", [
+                animationEnabled.value ? "htw-transition-all" : "htw-transition-none",
+                {
+                  "htw-delay-150": __props.modelValue
+                }
+              ]]),
+              "stroke-dasharray": dasharray.value,
+              "stroke-dashoffset": unref(dashoffset)
+            }, null, 10, _hoisted_3)
+          ]))
+        ]),
+        renderSlot(_ctx.$slots, "default")
+      ], 32);
+    };
+  }
+}));
+const _hoisted_1 = {
+  key: 0,
+  class: "htw-text-sm htw-px-2 htw-cursor-text"
+};
+const _hoisted_2 = ["value"];
+const __default__ = {
+  name: "HstInput",
+  inheritAttrs: false
+};
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  emits: {
+    "update:modelValue": (newValue) => true
+  },
+  setup(__props, { emit }) {
+    const input = ref();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["htw-p-2 hover:htw-bg-primary-100 dark:hover:htw-bg-primary-700 htw-cursor-text", _ctx.$attrs.class]),
+        style: normalizeStyle(_ctx.$attrs.style),
+        onClick: _cache[1] || (_cache[1] = ($event) => input.value.focus())
+      }, [
+        _ctx.$slots.default ? (openBlock(), createElementBlock("label", _hoisted_1, [
+          renderSlot(_ctx.$slots, "default")
+        ])) : createCommentVNode("", true),
+        createElementVNode("input", mergeProps({
+          ref_key: "input",
+          ref: input
+        }, __spreadProps(__spreadValues({}, _ctx.$attrs), { style: null, class: null }), {
+          value: __props.modelValue,
+          class: "htw-text-inherit htw-bg-transparent htw-w-full htw-outline-none htw-px-2 htw-py-0 htw-border htw-border-gray-300 dark:htw-border-gray-500 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_2)
+      ], 6);
+    };
+  }
+}));
+const HstCheckbox = _sfc_main$1;
+const HstInput = _sfc_main;
+function registerVueComponents(app) {
+  app.component("HstCheckbox", _sfc_main$1);
+  app.component("HstInput", _sfc_main);
+}
+export { HstCheckbox, HstInput, registerVueComponents };

package/dist/peeky-preview.d.ts

@@ -0,0 +1 @@
+import './style/main.css';