ablok-components 0.3.92 → 0.3.93

package/dist/components/molecules/bulk-upload/bulk-upload.vue.d.ts

@@ -12,10 +12,6 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js').DefineComponent<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
     storeId: StringConstructor;
-    id: {
-        type: StringConstructor;
-        default: () => string;
-    };
     modelValue: {
         type: {
             (arrayLength: number): {
@@ -112,18 +108,10 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
         type: BooleanConstructor;
         default: boolean;
     };
-    maxFiles: {
-        type: NumberConstructor;
-        default: number;
-    };
 }>, {}, {}, {}, {}, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('../../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
     storeId: StringConstructor;
-    id: {
-        type: StringConstructor;
-        default: () => string;
-    };
     modelValue: {
         type: {
             (arrayLength: number): {
@@ -220,16 +208,11 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
         type: BooleanConstructor;
         default: boolean;
     };
-    maxFiles: {
-        type: NumberConstructor;
-        default: number;
-    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: number;
     title: string;
-    id: string;
     modelValue: {
         type?: string;
         caption?: string;
@@ -244,7 +227,6 @@ declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js')
     hasCaptions: boolean;
     editCaptions: boolean;
     allowDuplicateFiles: boolean;
-    maxFiles: number;
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {
     root: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/components/molecules/bulk-upload/bulk-upload.vue.js

@@ -1,21 +1,17 @@
-import { defineComponent as N, computed as B, ref as k, resolveComponent as x, openBlock as a, createElementBlock as i, createElementVNode as l, unref as U, renderSlot as V, withModifiers as $, createVNode as f, createCommentVNode as m, toDisplayString as y, withCtx as F, normalizeClass as A, Fragment as E, withDirectives as R, vModelText as K, nextTick as j } from "vue";
-import q from "../file-upload/file-upload.vue.js";
+import { defineComponent as D, computed as L, ref as _, resolveComponent as C, openBlock as i, createElementBlock as r, createElementVNode as o, unref as S, renderSlot as B, withModifiers as g, createVNode as p, createCommentVNode as c, toDisplayString as y, withCtx as w, Fragment as I, withDirectives as U, vModelText as N, nextTick as A } from "vue";
+import E from "../file-upload/file-upload.vue.js";
 /* empty css                              */
-import { sanitizeHtml as G } from "../../../composables/useSanitize.js";
-const J = { class: "container" }, O = { class: "row" }, P = {
+import { sanitizeHtml as R } from "../../../composables/useSanitize.js";
+const K = { class: "container" }, j = { class: "row" }, q = {
   key: 0,
   class: "col-12"
-}, Q = { class: "py-4 px-3 d-flex align-items-center border border-bottom-0" }, W = ["innerHTML"], X = { class: "col-12" }, Y = {
+}, G = { class: "py-4 px-3 d-flex align-items-center border border-bottom-0" }, J = ["innerHTML"], O = { class: "col-12" }, P = {
   key: 0,
   class: "grid place-items-center text-center text-muted py-5 border border-bottom-0"
-}, Z = { class: "m-0" }, ee = { class: "preview-item border-bottom p-3" }, te = { class: "d-flex gap-3" }, le = { class: "col-2" }, oe = { class: "col d-flex flex-column" }, se = { class: "file-meta text-muted small mb-2" }, ne = { class: "fw-semibold" }, ae = { key: 0 }, ie = { key: 1 }, de = ["onUpdate:modelValue", "id"], ue = ["innerHTML"], re = { class: "col-auto d-flex flex-column gap-2" }, ce = ["onClick"], me = ["onClick"], pe = { class: "file-upload__label" }, fe = { class: "d-flex align-items-end p-3" }, ve = ["for"], be = ["innerHTML"], ke = /* @__PURE__ */ N({
+}, Q = { class: "m-0" }, W = { class: "preview-item border-bottom p-3" }, X = { class: "d-flex gap-3" }, Y = { class: "col-2" }, Z = { class: "col d-flex flex-column" }, ee = { class: "file-meta text-muted small mb-2" }, te = { class: "fw-semibold" }, oe = { key: 0 }, le = { key: 1 }, se = ["onUpdate:modelValue", "id"], ne = ["innerHTML"], ae = { class: "col-auto d-flex flex-column gap-2" }, ie = ["onClick"], re = ["onClick"], de = { class: "d-flex align-items-end p-3" }, ue = { class: "btn btn-primary btn-sm ms-auto d-flex align-items-center gap-2" }, ce = ["innerHTML"], be = /* @__PURE__ */ D({
   __name: "bulk-upload",
   props: {
     storeId: String,
-    id: {
-      type: String,
-      default: () => `bulk-upload-${Math.random().toString(36).substring(2, 9)}`
-    },
     modelValue: {
       type: Array,
       default: []
@@ -54,18 +50,14 @@ const J = { class: "container" }, O = { class: "row" }, P = {
     allowDuplicateFiles: {
       type: Boolean,
       default: !1
-    },
-    maxFiles: {
-      type: Number,
-      default: 0
     }
   },
   emits: ["update:modelValue"],
-  setup(d, { emit: z }) {
-    const u = d, M = z, C = (e) => `${e.name ?? ""}|${e.size ?? 0}|${e.lastModified ?? 0}|${e.type ?? ""}`, r = B({
+  setup(u, { emit: V }) {
+    const b = u, k = V, M = (e) => `${e.name ?? ""}|${e.size ?? 0}|${e.lastModified ?? 0}|${e.type ?? ""}`, m = L({
       get: () => {
-        const e = u.modelValue || [];
-        return b.value = e.map((t) => t.caption || ""), e.map((t) => ({
+        const e = b.modelValue || [];
+        return v.value = e.map((t) => t.caption || ""), e.map((t) => ({
           type: t.type,
           src: t.src,
           ...t.name ? { name: t.name } : {},
@@ -74,74 +66,73 @@ const J = { class: "container" }, O = { class: "row" }, P = {
         }));
       },
       set: (e) => {
-        const t = r.value || [], o = Array.isArray(e) ? e : [], c = u.allowDuplicateFiles ? o : o.filter((_) => {
-          const g = C(_);
-          return !t.some((I) => C(I) === g);
-        }), n = u.maxFiles > 0 ? Math.max(0, u.maxFiles - t.length) : void 0, s = typeof n == "number" ? c.slice(0, n) : c;
-        if (!u.allowDuplicateFiles && o.length > 0 && s.length === 0)
+        const t = m.value || [], l = Array.isArray(e) ? e : [], a = b.allowDuplicateFiles ? l : l.filter((s) => {
+          const d = M(s);
+          return !t.some((x) => M(x) === d);
+        });
+        if (!b.allowDuplicateFiles && l.length > 0 && a.length === 0)
           return;
-        const p = s.length <= t.length && s.every((_) => t.some((g) => g.src === _.src));
-        h(p ? s : [...t, ...s]);
+        const n = a.length <= t.length && a.every((s) => t.some((d) => d.src === s.src));
+        h(n ? a : [...t, ...a]);
       }
-    }), w = k(null), v = k({}), b = k({}), H = B(() => u.disabled || u.maxFiles > 0 && r.value.length >= u.maxFiles);
-    function S(e) {
-      const t = [...u.modelValue || []];
-      t.splice(e, 1), M("update:modelValue", t);
+    }), $ = _(null), f = _({}), v = _({});
+    function H(e) {
+      const t = [...b.modelValue || []];
+      t.splice(e, 1), k("update:modelValue", t);
     }
-    async function D(e) {
-      v.value[e] = !v.value[e], v.value[e] || h(), await j(), w.value?.querySelector(`#caption-${e}`)?.focus();
+    async function z(e) {
+      f.value[e] = !f.value[e], f.value[e] || h(), await A(), $.value?.querySelector(`#caption-${e}`)?.focus();
     }
-    function T(e) {
+    function F(e) {
       if (e == null) return "";
       const t = ["B", "KB", "MB", "GB", "TB"];
-      let o = e, c = t.shift();
-      for (; o >= 1024 && t.length; )
-        o /= 1024, c = t.shift();
-      return `${o.toFixed(1)} ${c}`;
+      let l = e, a = t.shift();
+      for (; l >= 1024 && t.length; )
+        l /= 1024, a = t.shift();
+      return `${l.toFixed(1)} ${a}`;
     }
-    function L(e) {
+    function T(e) {
       return e ? new Date(e).toLocaleDateString() : "";
     }
     function h(e) {
-      M("update:modelValue", (e || r.value).map((t, o) => ({
+      k("update:modelValue", (e || m.value).map((t, l) => ({
         ...t,
-        caption: b.value[o] || ""
+        caption: v.value[l] || ""
       })));
     }
     return (e, t) => {
-      const o = x("svg-icon"), c = x("base-image");
-      return a(), i("div", {
+      const l = C("svg-icon"), a = C("base-image");
+      return i(), r("div", {
         class: "bulk-upload",
         ref_key: "root",
-        ref: w
+        ref: $
       }, [
-        l("div", J, [
-          l("div", O, [
-            d.hasHeader ? (a(), i("div", P, [
-              l("div", Q, [
-                l("p", {
+        o("div", K, [
+          o("div", j, [
+            u.hasHeader ? (i(), r("div", q, [
+              o("div", G, [
+                o("p", {
                   class: "fw-bold m-0",
-                  innerHTML: U(G)(d.title || e.$t("fileInput.bulkUploadHeadline"))
-                }, null, 8, W),
-                V(e.$slots, "bulk-remove", {}, () => [
-                  d.hasBulkRemove ? (a(), i("button", {
+                  innerHTML: S(R)(u.title || e.$t("fileInput.bulkUploadHeadline"))
+                }, null, 8, J),
+                B(e.$slots, "bulk-remove", {}, () => [
+                  u.hasBulkRemove ? (i(), r("button", {
                     key: 0,
-                    onClick: t[0] || (t[0] = $((n) => r.value = [], ["prevent"])),
+                    onClick: t[0] || (t[0] = g((n) => m.value = [], ["prevent"])),
                     class: "btn btn--close ms-auto p-0"
                   }, [
-                    f(o, { symbol: "x" })
-                  ])) : m("", !0)
+                    p(l, { symbol: "x" })
+                  ])) : c("", !0)
                 ])
               ])
-            ])) : m("", !0),
-            l("div", X, [
-              r.value.length ? m("", !0) : (a(), i("div", Y, [
-                l("p", Z, y(e.$t("fileInput.noFilesSelected")), 1)
+            ])) : c("", !0),
+            o("div", O, [
+              m.value.length ? c("", !0) : (i(), r("div", P, [
+                o("p", Q, y(e.$t("fileInput.noFilesSelected")), 1)
               ])),
-              f(q, {
-                id: `${d.id}-file-upload`,
-                modelValue: r.value,
-                "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
+              p(E, {
+                modelValue: m.value,
+                "onUpdate:modelValue": t[2] || (t[2] = (n) => m.value = n),
                 multiple: !0,
                 accept: "image/*",
                 "drop-files": !0,
@@ -149,82 +140,77 @@ const J = { class: "container" }, O = { class: "row" }, P = {
                 "local-url-format": "objectUrl",
                 class: "d-flex flex-column border"
               }, {
-                "preview-item": F(({ bind: { item: n, index: s } }) => [
-                  l("div", ee, [
-                    l("div", te, [
-                      l("div", le, [
-                        f(c, {
+                "preview-item": w(({ bind: { item: n, index: s } }) => [
+                  o("div", W, [
+                    o("div", X, [
+                      o("div", Y, [
+                        p(a, {
                           src: n.src,
                           alt: "",
                           class: "img-thumbnail"
                         }, null, 8, ["src"])
                       ]),
-                      l("div", oe, [
-                        l("div", se, [
-                          l("div", ne, y(n.name || e.$t("fileInput.unknownFile")), 1),
-                          l("div", null, [
-                            n.size ? (a(), i("span", ae, y(T(n.size)), 1)) : m("", !0),
-                            n.lastModified ? (a(), i("span", ie, " · " + y(L(n.lastModified)), 1)) : m("", !0)
+                      o("div", Z, [
+                        o("div", ee, [
+                          o("div", te, y(n.name || e.$t("fileInput.unknownFile")), 1),
+                          o("div", null, [
+                            n.size ? (i(), r("span", oe, y(F(n.size)), 1)) : c("", !0),
+                            n.lastModified ? (i(), r("span", le, " · " + y(T(n.lastModified)), 1)) : c("", !0)
                           ])
                         ]),
-                        d.hasCaptions ? (a(), i(E, { key: 0 }, [
-                          v.value[s] && d.editCaptions ? R((a(), i("textarea", {
+                        u.hasCaptions ? (i(), r(I, { key: 0 }, [
+                          f.value[s] && u.editCaptions ? U((i(), r("textarea", {
                             key: 0,
-                            "onUpdate:modelValue": (p) => b.value[s] = p,
+                            "onUpdate:modelValue": (d) => v.value[s] = d,
                             id: `caption-${s}`,
                             class: "form-control rounded-0 h-100",
-                            onChangeCapture: t[1] || (t[1] = (p) => h())
-                          }, null, 40, de)), [
-                            [K, b.value[s]]
-                          ]) : (a(), i("p", {
+                            onChangeCapture: t[1] || (t[1] = (d) => h())
+                          }, null, 40, se)), [
+                            [N, v.value[s]]
+                          ]) : (i(), r("p", {
                             key: 1,
                             class: "m-0",
-                            innerHTML: b.value[s] || `<small>${e.$t("fileInput.noCaption")}</small>`
-                          }, null, 8, ue))
-                        ], 64)) : m("", !0)
+                            innerHTML: v.value[s] || `<small>${e.$t("fileInput.noCaption")}</small>`
+                          }, null, 8, ne))
+                        ], 64)) : c("", !0)
                       ]),
-                      l("div", re, [
-                        l("button", {
-                          onClick: $((p) => S(s), ["prevent"]),
+                      o("div", ae, [
+                        o("button", {
+                          onClick: g((d) => H(s), ["prevent"]),
                           class: "btn btn--close"
                         }, [
-                          f(o, { symbol: "x" })
-                        ], 8, ce),
-                        d.editCaptions ? (a(), i("button", {
+                          p(l, { symbol: "x" })
+                        ], 8, ie),
+                        u.editCaptions ? (i(), r("button", {
                           key: 0,
-                          onClick: $((p) => D(s), ["prevent"]),
+                          onClick: g((d) => z(s), ["prevent"]),
                           class: "btn btn--close"
                         }, [
-                          f(o, {
-                            symbol: v.value[s] ? "check" : "edit-3"
+                          p(l, {
+                            symbol: f.value[s] ? "check" : "edit-3"
                           }, null, 8, ["symbol"])
-                        ], 8, me)) : m("", !0)
+                        ], 8, re)) : c("", !0)
                       ])
                     ])
                   ])
                 ]),
-                label: F(() => [
-                  V(e.$slots, "button", {}, () => [
-                    l("span", pe, [
-                      l("span", fe, [
-                        l("label", {
-                          for: `${d.id}-file-upload`,
-                          class: A(["btn btn-primary btn-sm ms-auto d-flex align-items-center gap-2", { disabled: H.value }])
-                        }, [
-                          f(o, {
-                            symbol: "upload",
-                            size: "small"
-                          }),
-                          l("span", {
-                            innerHTML: e.$t("common.selectFile")
-                          }, null, 8, be)
-                        ], 10, ve)
+                button: w(() => [
+                  B(e.$slots, "button", {}, () => [
+                    o("span", de, [
+                      o("span", ue, [
+                        p(l, {
+                          symbol: "upload",
+                          size: "small"
+                        }),
+                        o("span", {
+                          innerHTML: e.$t("common.selectFile")
+                        }, null, 8, ce)
                       ])
                     ])
                   ])
                 ]),
                 _: 3
-              }, 8, ["id", "modelValue"])
+              }, 8, ["modelValue"])
             ])
           ])
         ])
@@ -233,5 +219,5 @@ const J = { class: "container" }, O = { class: "row" }, P = {
   }
 });
 export {
-  ke as default
+  be as default
 };

package/dist/components/molecules/file-upload/file-upload.vue.d.ts

@@ -19,7 +19,6 @@ declare function __VLS_template(): {
                 removeFile: typeof removeFile;
             };
         }): any;
-        label?(_: {}): any;
         button?(_: {}): any;
     };
     refs: {

package/dist/components/molecules/file-upload/file-upload.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, ref as y, toRef as M, computed as N, watch as h, openBlock as u, createElementBlock as d, normalizeClass as V, unref as v, Fragment as S, renderList as P, renderSlot as g, createElementVNode as c, withModifiers as w, createVNode as p, Transition as T, withCtx as H, createCommentVNode as W } from "vue";
+import { defineComponent as L, ref as y, toRef as M, computed as N, watch as b, openBlock as u, createElementBlock as d, normalizeClass as h, unref as v, Fragment as V, renderList as P, renderSlot as S, createElementVNode as c, withModifiers as w, createVNode as p, Transition as T, withCtx as H, createCommentVNode as W } from "vue";
 import k from "../../atoms/svg-icon/svg-icon.vue.js";
 /* empty css                                 */
 import q from "../../atoms/input-file/input-file.vue.js";
@@ -7,7 +7,7 @@ import { useUploadTransport as I } from "../../../composables/useUploadTransport
 import { useLocalFileUrl as R } from "../../../composables/useLocalFileUrl.js";
 import { sanitizeHtml as O } from "../../../composables/useSanitize.js";
 import { uniqueId as F } from "../../../utilities/helpers.js";
-const j = ["src"], G = ["onClick"], J = ["onClick"], K = ["for"], Q = ["innerHTML"], X = {
+const _ = ["src"], j = ["onClick"], x = ["onClick"], G = ["for"], J = ["innerHTML"], K = {
   key: 0,
   class: "file-upload__loading-spinner"
 }, ne = /* @__PURE__ */ L({
@@ -103,7 +103,7 @@ const j = ["src"], G = ["onClick"], J = ["onClick"], K = ["for"], Q = ["innerHTM
   },
   emits: ["update:modelValue", "update:src"],
   setup(o, { emit: U }) {
-    const e = o, i = U, b = y(), m = y([]), n = y([]), { pending: $, uploadFile: B } = I(e), { toLocalUrl: D, revoke: z } = R(M(e, "localUrlFormat")), { isDragging: C } = E(b, {
+    const e = o, i = U, g = y(), m = y([]), n = y([]), { pending: $, uploadFile: B } = I(e), { toLocalUrl: D, revoke: z } = R(M(e, "localUrlFormat")), { isDragging: C } = E(g, {
       enabled: () => e.dropFiles,
       onDrop: (t) => {
         m.value = t;
@@ -121,7 +121,7 @@ const j = ["src"], G = ["onClick"], J = ["onClick"], K = ["for"], Q = ["innerHTM
         i("update:modelValue", e.multiple ? [] : void 0), i("update:src", "");
       m.value.splice(l, 1);
     }
-    return h(() => m.value, async (t) => {
+    return b(() => m.value, async (t) => {
       const l = await Promise.all(
         t.map(async (a) => ({
           src: e.toDataUrl ? await D(a) : await B(a),
@@ -132,43 +132,43 @@ const j = ["src"], G = ["onClick"], J = ["onClick"], K = ["for"], Q = ["innerHTM
         }))
       );
       n.value = l;
-    }, { deep: !0 }), h(() => n.value, async (t) => {
+    }, { deep: !0 }), b(() => n.value, async (t) => {
       const l = e.multiple ? t : t[0];
       i("update:modelValue", l), e.multiple || i("update:src", t[0] && t[0].src);
     }, { deep: !0 }), (t, l) => (u(), d("div", {
       ref_key: "root",
-      ref: b,
-      class: V(["file-upload", {
+      ref: g,
+      class: h(["file-upload", {
         "has-dragging": o.dropFiles,
         "is-dragging": v(C)
       }])
     }, [
-      (u(!0), d(S, null, P(A.value, (a, r) => (u(), d("div", {
+      (u(!0), d(V, null, P(A.value, (a, r) => (u(), d("div", {
         key: a.src,
-        class: V(o.enablePreview ? "file-upload__thumbnail" : "file-upload__reset")
+        class: h(o.enablePreview ? "file-upload__thumbnail" : "file-upload__reset")
       }, [
-        g(t.$slots, "preview-item", {
+        S(t.$slots, "preview-item", {
           bind: { item: a, index: r },
           on: { removeFile: f }
         }, () => [
-          o.enablePreview ? (u(), d(S, { key: 0 }, [
+          o.enablePreview ? (u(), d(V, { key: 0 }, [
             c("img", {
               src: `${a.src}${o.previewWidth ? `?width=${o.previewWidth}` : ""}`,
               class: "img-thumbnail rounded"
-            }, null, 8, j),
+            }, null, 8, _),
             c("button", {
               onClick: w((s) => f(r), ["prevent"]),
               class: "btn btn--close"
             }, [
               p(k, { symbol: "x" })
-            ], 8, G)
+            ], 8, j)
           ], 64)) : (u(), d("button", {
             key: 1,
             onClick: w((s) => f(r), ["prevent"]),
             class: "btn btn--close btn-outline-contrast"
           }, [
             p(k, { symbol: "x" })
-          ], 8, J))
+          ], 8, x))
         ])
       ], 2))), 128)),
       p(q, {
@@ -181,32 +181,30 @@ const j = ["src"], G = ["onClick"], J = ["onClick"], K = ["for"], Q = ["innerHTM
         multiple: o.multiple,
         class: "d-none"
       }, null, 8, ["modelValue", "id", "name", "accept", "max-file-size", "multiple"]),
-      g(t.$slots, "label", {}, () => [
-        c("label", {
-          for: o.id,
-          class: "file-upload__label"
-        }, [
-          g(t.$slots, "button", {}, () => [
-            c("span", {
-              class: "btn btn-outline-contrast",
-              innerHTML: v(O)(o.label || t.$t("common.selectFile"))
-            }, null, 8, Q)
+      c("label", {
+        for: o.id,
+        class: "file-upload__label"
+      }, [
+        S(t.$slots, "button", {}, () => [
+          c("span", {
+            class: "btn btn-outline-contrast",
+            innerHTML: v(O)(o.label || t.$t("common.selectFile"))
+          }, null, 8, J)
+        ]),
+        p(T, { name: "fade" }, {
+          default: H(() => [
+            v($) ? (u(), d("span", K, [...l[1] || (l[1] = [
+              c("span", {
+                class: "spinner-border",
+                role: "status"
+              }, [
+                c("span", { class: "visually-hidden" }, "Loading...")
+              ], -1)
+            ])])) : W("", !0)
           ]),
-          p(T, { name: "fade" }, {
-            default: H(() => [
-              v($) ? (u(), d("span", X, [...l[1] || (l[1] = [
-                c("span", {
-                  class: "spinner-border",
-                  role: "status"
-                }, [
-                  c("span", { class: "visually-hidden" }, "Loading...")
-                ], -1)
-              ])])) : W("", !0)
-            ]),
-            _: 1
-          })
-        ], 8, K)
-      ])
+          _: 1
+        })
+      ], 8, G)
     ], 2));
   }
 });

package/package.json

@@ -1,23 +1,7 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.92",
-  "scripts": {
-    "dev": "vite --host",
-    "story:dev": "histoire dev",
-    "story:build": "histoire build",
-    "story:preview": "histoire preview",
-    "build": "vue-tsc --noEmit --project tsconfig.build.json && vite build",
-    "build:watch": "vue-tsc --noEmit --watch --project tsconfig.build.json & vite build --watch",
-    "preview": "vite preview",
-    "build-lib-bak": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
-    "build-lib": "vite build && vue-tsc --emitDeclarationOnly",
-    "release": "bash ./scripts/release.sh",
-    "postrelease": "bash ./scripts/publish.sh",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:ui": "vitest --ui"
-  },
+  "version": "0.3.93",
   "dependencies": {
     "date-fns": "^3.0.0",
     "dompurify": "^3.3.1",
@@ -136,5 +120,21 @@
     "./package.json": "./package.json"
   },
   "types": "./dist/index.d.ts",
-  "sideEffects": false
-}
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite --host",
+    "story:dev": "histoire dev",
+    "story:build": "histoire build",
+    "story:preview": "histoire preview",
+    "build": "vue-tsc --noEmit --project tsconfig.build.json && vite build",
+    "build:watch": "vue-tsc --noEmit --watch --project tsconfig.build.json & vite build --watch",
+    "preview": "vite preview",
+    "build-lib-bak": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
+    "build-lib": "vite build && vue-tsc --emitDeclarationOnly",
+    "release": "bash ./scripts/release.sh",
+    "postrelease": "bash ./scripts/publish.sh",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui"
+  }
+}