vlite3 0.7.15 → 0.8.2

package/components/ToastNotification.vue2.js

@@ -1,144 +1,159 @@
-import { defineComponent as L, ref as G, openBlock as o, createElementBlock as l, createBlock as p, Teleport as P, Fragment as h, renderList as b, createElementVNode as i, normalizeClass as c, createVNode as x, TransitionGroup as Y, withCtx as y, normalizeStyle as F, toDisplayString as m, createCommentVNode as v, createTextVNode as q } from "vue";
-import H from "./Icon.vue.js";
-import { useNotifications as J } from "../composables/useNotifications.js";
-import K from "./Button.vue.js";
-const Q = {
+import { defineComponent as P, ref as Y, onUnmounted as F, openBlock as o, createElementBlock as i, createBlock as y, Teleport as U, Fragment as v, renderList as _, createElementVNode as m, normalizeClass as g, createVNode as w, TransitionGroup as q, withCtx as k, unref as H, isMemoSame as J, normalizeStyle as K, toDisplayString as p, createCommentVNode as T, createTextVNode as Q } from "vue";
+import R from "./Icon.vue.js";
+import { useNotifications as W } from "../composables/useNotifications.js";
+import X from "./Button.vue.js";
+const Z = {
   class: "toast-provider pointer-events-none fixed inset-0 z-[9999999999] overflow-hidden",
   "aria-live": "polite"
-}, R = { class: "flex-1 min-w-0" }, U = { class: "text-sm font-medium leading-tight mt-0.5" }, W = {
+}, ee = { class: "flex-1 min-w-0" }, te = { class: "text-sm font-medium leading-tight mt-0.5" }, re = {
   key: 0,
   class: "text-sm mt-1 leading-relaxed opacity-90"
-}, X = 3, w = 14, lt = /* @__PURE__ */ L({
+}, se = 3, C = 14, ce = /* @__PURE__ */ P({
   __name: "ToastNotification",
   props: {
     position: {},
     expand: { type: Boolean }
   },
-  setup(Z) {
-    const { notifications: _, removeToast: k, globalConfig: T, pauseTimers: C, resumeTimers: z } = J(), d = G(!1), B = [
+  setup(oe) {
+    const { notifications: z, removeToast: B, globalConfig: b, pauseTimers: $, resumeTimers: S } = W(), c = Y(!1), V = [
       "top-left",
       "top-center",
       "top-right",
       "bottom-left",
       "bottom-center",
       "bottom-right"
-    ], u = (t) => _.value.filter((e) => e.position === t).slice().reverse(), $ = {
+    ], d = (e) => z.value.filter((t) => t.position === e).slice().reverse(), N = {
       "top-left": "top-0 left-0 py-4",
       "top-center": "top-0 left-1/2 -translate-x-1/2 py-4",
       "top-right": "top-0 right-0 py-4",
       "bottom-left": "bottom-2.5 left-0",
       "bottom-center": "bottom-2.5 left-1/2 -translate-x-1/2",
       "bottom-right": "bottom-2.5 right-0"
-    }, V = (t, s, e) => {
-      const r = e.includes("bottom"), n = d.value || T.value.expand;
-      if (!(t < X) && !n)
+    }, E = (e, s, t) => {
+      const r = t.includes("bottom"), l = c.value || b.value.expand;
+      if (!(e < se) && !l)
         return {
           opacity: 0,
           pointerEvents: "none",
           transform: r ? "translateY(20px) scale(0.95)" : "translateY(-20px) scale(0.95)",
           zIndex: -1
         };
-      if (n)
+      if (l)
         return {
-          transform: `translate3d(0, ${t * ((r ? -1 : 1) * (100 + w))}%, 0) scale(1)`,
+          transform: `translate3d(0, ${e * ((r ? -1 : 1) * (100 + C))}%, 0) scale(1)`,
           opacity: 1,
-          zIndex: s - t
+          zIndex: s - e
         };
-      const j = 1 - t * 0.05, A = r ? -1 : 1;
+      const a = 1 - e * 0.05, u = r ? -1 : 1;
       return {
-        transform: `translate3d(0, ${t * w * A}px, -${t}px) scale(${j})`,
+        transform: `translate3d(0, ${e * C * u}px, -${e}px) scale(${a})`,
         opacity: 1,
-        zIndex: s - t
+        zIndex: s - e
       };
-    }, N = (t, s) => s !== 0 ? {} : {
-      "--entrance-offset": t.includes("bottom") ? "25px" : "-25px",
+    }, I = (e, s) => s !== 0 ? {} : {
+      "--entrance-offset": e.includes("bottom") ? "25px" : "-25px",
       "--entrance-opacity": "0.6"
-    }, S = (t) => {
-      t.action && (t.action.onClick(), k(t.id));
-    }, g = {
+    }, M = (e) => {
+      e.action && (e.action.onClick(), B(e.id));
+    }, h = {
       error: "lucide:octagon-x",
       success: "lucide:circle-check",
       info: "lucide:info",
       warning: "lucide:triangle-alert",
       default: "lucide:bell"
-    }, f = {
+    }, x = {
       default: "bg-gray-100 border-border text-foreground shadow-lg",
       success: "bg-success text-success-fg border-success-fg/30 dark:border-success-fg/10 shadow-lg",
       error: "bg-danger text-danger-fg border-danger-fg/30 dark:border-danger-fg/10 shadow-lg",
       warning: "bg-warning-light text-warning-fg border-warning-fg/30 shadow-lg",
       info: "bg-gray-100 text-gray-900 border/50 shadow-lg"
-    }, E = (t) => f[t] || f.default;
-    let a = null;
-    const I = () => {
-      a && (clearTimeout(a), a = null), d.value = !0, C();
-    }, D = () => {
-      a = setTimeout(() => {
-        d.value = !1, z();
+    }, D = (e) => x[e] || x.default;
+    let n = null;
+    const O = () => {
+      n && (clearTimeout(n), n = null), c.value = !0, $();
+    }, j = () => {
+      n = setTimeout(() => {
+        c.value = !1, S();
       }, 400);
-    }, M = (t) => {
-      const s = t.includes("bottom") ? "bottom" : "top", e = t.includes("right") ? "right" : t.includes("left") ? "left" : "center";
-      return `${s} ${e}`;
     };
-    return (t, s) => (o(), l("div", Q, [
-      (o(), p(P, { to: "body" }, [
-        (o(), l(h, null, b(B, (e) => i("div", {
-          key: e,
-          class: c(["fixed z-[9999999999]! px-4 flex flex-col gap-2 transition-all duration-300 max-w-full sm:max-w-120", [
-            $[e],
-            e.includes("center") ? "items-center" : e.includes("right") ? "items-end" : "items-start"
+    F(() => {
+      n && clearTimeout(n);
+    });
+    const A = (e) => {
+      const s = e.includes("bottom") ? "bottom" : "top", t = e.includes("right") ? "right" : e.includes("left") ? "left" : "center";
+      return `${s} ${t}`;
+    };
+    return (e, s) => (o(), i("div", Z, [
+      (o(), y(U, { to: "body" }, [
+        (o(), i(v, null, _(V, (t) => m("div", {
+          key: t,
+          class: g(["fixed z-[9999999999]! px-4 flex flex-col gap-2 transition-all duration-300 max-w-full sm:max-w-120", [
+            N[t],
+            t.includes("center") ? "items-center" : t.includes("right") ? "items-end" : "items-start"
           ]]),
-          onMouseenter: I,
-          onMouseleave: D
+          onMouseenter: O,
+          onMouseleave: j
         }, [
-          i("div", {
-            class: c(["relative w-full transition-all pointer-events-auto", [{ "flex-col-reverse": e.includes("top") }]])
+          m("div", {
+            class: g(["relative w-full transition-all pointer-events-auto", [{ "flex-col-reverse": t.includes("top") }]])
           }, [
-            x(Y, {
-              name: u(e).length <= 1 ? "first-toast" : "stack-toast",
+            w(q, {
+              name: d(t).length <= 1 ? "first-toast" : "stack-toast",
               tag: "div",
-              class: c(["w-full grid grid-cols-1 grid-rows-1", [
-                e.includes("center") ? "justify-items-center" : e.includes("right") ? "justify-items-end" : "justify-items-start"
+              class: g(["w-full grid grid-cols-1 grid-rows-1", [
+                t.includes("center") ? "justify-items-center" : t.includes("right") ? "justify-items-end" : "justify-items-start"
               ]]),
               style: { "min-height": "20px" }
             }, {
-              default: y(() => [
-                (o(!0), l(h, null, b(u(e), (r, n) => (o(), l("div", {
-                  key: r.id,
-                  class: c(["toast-item col-start-1 h-max row-start-1 mb-1 w-auto border pl-4 pr-6 py-3 flex gap-2.5 items-start transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] transform-gpu will-change-transform", [
-                    E(r.type),
-                    r.description || r.action ? "rounded-xl" : "rounded-full"
-                  ]]),
-                  style: F([
-                    V(n, u(e).length, e),
-                    N(e, n),
-                    {
-                      "--hover-offset": e.includes("bottom") ? "-5px" : "5px",
-                      "transform-origin": M(e)
-                    }
-                  ])
-                }, [
-                  x(H, {
-                    icon: g[r.type] || g.default,
-                    class: "w-5 h-5 shrink-0 mt-0.5"
-                  }, null, 8, ["icon"]),
-                  i("div", R, [
-                    i("p", U, m(r.message), 1),
-                    r.description ? (o(), l("p", W, m(r.description), 1)) : v("", !0)
-                  ]),
-                  r.action ? (o(), p(K, {
-                    key: 0,
-                    type: "button",
-                    size: "xs",
-                    variant: "outline",
-                    class: "ml-2 shrink-0 h-8 px-3 text-xs bg-transparent border-current/20 hover:bg-black/5 dark:hover:bg-white/10",
-                    onClick: (O) => S(r)
-                  }, {
-                    default: y(() => [
-                      q(m(r.action.label), 1)
+              default: k(() => [
+                (o(!0), i(v, null, _(d(t), (r, l, L, a) => {
+                  const u = [
+                    r,
+                    l,
+                    d(t).length,
+                    c.value,
+                    H(b).expand
+                  ];
+                  if (a && a.key === r.id && J(a, u)) return a;
+                  const f = (o(), i("div", {
+                    key: r.id,
+                    class: g(["toast-item col-start-1 h-max row-start-1 mb-1 w-auto border pl-4 pr-6 py-2.5 flex gap-2.5 items-start transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] transform-gpu", [
+                      D(r.type),
+                      r.description || r.action ? "rounded-xl" : "rounded-full"
+                    ]]),
+                    style: K([
+                      E(l, d(t).length, t),
+                      I(t, l),
+                      {
+                        "--hover-offset": t.includes("bottom") ? "-5px" : "5px",
+                        "transform-origin": A(t)
+                      }
+                    ])
+                  }, [
+                    w(R, {
+                      icon: h[r.type] || h.default,
+                      class: "w-5 h-5 shrink-0 mt-0.5"
+                    }, null, 8, ["icon"]),
+                    m("div", ee, [
+                      m("p", te, p(r.message), 1),
+                      r.description ? (o(), i("p", re, p(r.description), 1)) : T("", !0)
                     ]),
-                    _: 2
-                  }, 1032, ["onClick"])) : v("", !0)
-                ], 6))), 128))
+                    r.action ? (o(), y(X, {
+                      key: 0,
+                      type: "button",
+                      size: "xs",
+                      variant: "outline",
+                      class: "ml-2 shrink-0 h-8 px-3 text-xs bg-transparent border-current/20 hover:bg-black/5 dark:hover:bg-white/10",
+                      onClick: (G) => M(r)
+                    }, {
+                      default: k(() => [
+                        Q(p(r.action.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])) : T("", !0)
+                  ], 6));
+                  return f.memo = u, f;
+                }, s, 0), 128))
               ]),
               _: 2
             }, 1032, ["name", "class"])
@@ -149,5 +164,5 @@ const Q = {
   }
 });
 export {
-  lt as default
+  ce as default
 };

package/components/Workbook/Workbook.vue.js

@@ -1,154 +1,7 @@
-import { defineComponent as N, ref as m, watch as b, nextTick as T, computed as P, openBlock as i, createElementBlock as o, createElementVNode as r, renderSlot as v, createCommentVNode as f, createVNode as g, unref as A, withCtx as J, Fragment as O, renderList as W, createBlock as Y } from "vue";
-import { VueDraggable as z } from "vue-draggable-plus";
-import F from "./Sheet.vue.js";
-import p from "./WorkbookAddButton.vue.js";
-const L = { class: "flex flex-col w-full font-sans" }, M = { class: "flex items-end w-full border-b px-1" }, j = {
-  key: 0,
-  class: "flex items-center"
-}, q = {
-  key: 0,
-  class: "shrink-0 mb-1"
-}, G = { class: "flex items-center mb-0.5 z-20 sticky right-0 ml-auto box-decoration-clone" }, H = { key: 0 }, K = { key: 1 }, Q = { class: "flex-1 relative bg-white w-full" }, ee = /* @__PURE__ */ N({
-  __name: "Workbook",
-  props: {
-    modelValue: { default: "" },
-    sheets: { default: () => [] },
-    editable: { type: Boolean, default: !0 },
-    addable: { type: Boolean, default: !0 },
-    draggable: { type: Boolean, default: !0 },
-    addButtonPosition: { default: "fixed-right" },
-    maxSheets: { default: 50 },
-    variant: { default: "chrome" },
-    class: {},
-    itemClass: { default: "" },
-    activeItemClass: { default: "" },
-    inactiveItemClass: { default: "" },
-    confirmDelete: { type: Boolean, default: !1 },
-    confirmDeleteTexts: {},
-    allowIconChange: { type: Boolean, default: !0 }
-  },
-  emits: ["update:modelValue", "update:sheets", "change", "add", "delete", "duplicate", "edit-start", "edit-end"],
-  setup(d, { emit: k }) {
-    const l = d, n = k, h = m(null), c = m(null), u = m([...l.sheets]);
-    b(
-      () => l.sheets,
-      (e) => {
-        JSON.stringify(e) !== JSON.stringify(u.value) && (u.value = [...e]);
-      },
-      { deep: !0 }
-    );
-    const w = (e) => {
-      u.value = e, n("update:sheets", e);
-    }, y = (e) => {
-      n("update:modelValue", e), n("change", e);
-    }, x = () => {
-      l.sheets.length >= l.maxSheets || n("add");
-    }, C = (e, s) => {
-      const t = l.sheets.findIndex((a) => a.id === e);
-      if (t !== -1) {
-        const a = [...l.sheets];
-        a[t] = { ...a[t], title: s }, n("update:sheets", a);
-      }
-    }, S = (e, s) => {
-      const t = l.sheets.findIndex((a) => a.id === e);
-      if (t !== -1) {
-        const a = [...l.sheets];
-        a[t] = { ...a[t], icon: s }, n("update:sheets", a);
-      }
-    }, I = (e) => {
-      c.value = e, n("edit-start", e);
-    }, V = (e) => {
-      c.value = null, n("edit-end", e);
-    }, B = (e) => {
-      n("duplicate", e);
-    }, D = (e) => {
-      const s = l.sheets.findIndex((a) => a.id === e);
-      if (s === -1) return;
-      const t = [...l.sheets];
-      if (t.splice(s, 1), n("update:sheets", t), n("delete", e), l.modelValue === e) {
-        let a = "";
-        if (t.length > 0) {
-          const U = Math.min(s, t.length - 1);
-          a = t[U].id;
-        }
-        n("update:modelValue", a), n("change", a);
-      }
-    };
-    b(
-      () => l.sheets.length,
-      (e, s) => {
-        s !== void 0 && s > 0 && e === s + 1 && l.addable && T(() => {
-          const t = l.sheets[l.sheets.length - 1];
-          t.id === l.modelValue && (c.value = t.id);
-        });
-      }
-    );
-    const E = (e) => {
-      h.value && e.deltaY !== 0 && (h.value.scrollLeft += e.deltaY, e.preventDefault());
-    }, $ = P(() => l.sheets.length > 1);
-    return (e, s) => (i(), o("div", L, [
-      r("div", M, [
-        e.$slots["left-addons"] ? (i(), o("div", j, [
-          v(e.$slots, "left-addons")
-        ])) : f("", !0),
-        r("div", {
-          ref_key: "scrollContainer",
-          ref: h,
-          class: "flex-1 flex items-end overflow-x-auto scrollbar-none overscroll-contain",
-          style: { "scrollbar-width": "none", "-ms-overflow-style": "none" },
-          onWheel: E
-        }, [
-          g(A(z), {
-            "model-value": u.value,
-            "onUpdate:modelValue": w,
-            disabled: !l.draggable || !!c.value,
-            animation: 150,
-            class: "flex items-end"
-          }, {
-            default: J(() => [
-              (i(!0), o(O, null, W(u.value, (t) => (i(), Y(F, {
-                key: t.id,
-                sheet: t,
-                "is-active": d.modelValue === t.id,
-                "is-editing": c.value === t.id,
-                "can-delete": $.value,
-                "confirm-delete": d.confirmDelete,
-                "confirm-delete-texts": d.confirmDeleteTexts,
-                "allow-icon-change": d.allowIconChange,
-                "item-class": d.itemClass,
-                "active-item-class": d.activeItemClass,
-                "inactive-item-class": d.inactiveItemClass,
-                onSelect: y,
-                "onUpdate:title": C,
-                "onUpdate:icon": S,
-                onEditStart: I,
-                onEditEnd: V,
-                onDuplicate: B,
-                onDelete: D
-              }, null, 8, ["sheet", "is-active", "is-editing", "can-delete", "confirm-delete", "confirm-delete-texts", "allow-icon-change", "item-class", "active-item-class", "inactive-item-class"]))), 128))
-            ]),
-            _: 1
-          }, 8, ["model-value", "disabled"]),
-          d.addable && d.addButtonPosition === "attached" ? (i(), o("div", q, [
-            g(p, { onClick: x })
-          ])) : f("", !0),
-          s[0] || (s[0] = r("div", { class: "w-1 shrink-0" }, null, -1))
-        ], 544),
-        r("div", G, [
-          d.addable && d.addButtonPosition === "fixed-right" ? (i(), o("div", H, [
-            g(p, { onClick: x })
-          ])) : f("", !0),
-          e.$slots["right-addons"] ? (i(), o("div", K, [
-            v(e.$slots, "right-addons")
-          ])) : f("", !0)
-        ])
-      ]),
-      r("div", Q, [
-        v(e.$slots, "default")
-      ])
-    ]));
-  }
-});
+import o from "./Workbook.vue2.js";
+/* empty css              */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a5e9ca6f"]]);
 export {
-  ee as default
+  m as default
 };

package/components/Workbook/Workbook.vue2.js

@@ -1,4 +1,168 @@
-import f from "./Workbook.vue.js";
+import { defineComponent as N, ref as y, shallowRef as P, watch as A, computed as M, openBlock as o, createElementBlock as c, createElementVNode as r, renderSlot as v, createCommentVNode as m, createVNode as g, unref as W, withCtx as Y, Fragment as z, renderList as F, isMemoSame as R, createBlock as j } from "vue";
+import { VueDraggable as q } from "vue-draggable-plus";
+import G from "./Sheet.vue.js";
+import p from "./WorkbookAddButton.vue.js";
+const H = { class: "flex flex-col w-full font-sans" }, J = { class: "flex items-end w-full border-b px-1" }, K = {
+  key: 0,
+  class: "flex items-center"
+}, O = {
+  key: 0,
+  class: "shrink-0 mb-1"
+}, Q = { class: "flex items-center mb-0.5 z-20 sticky right-0 ml-auto box-decoration-clone" }, X = { key: 0 }, Z = { key: 1 }, _ = { class: "flex-1 relative bg-white w-full" }, ne = /* @__PURE__ */ N({
+  __name: "Workbook",
+  props: {
+    modelValue: { default: "" },
+    sheets: { default: () => [] },
+    editable: { type: Boolean, default: !0 },
+    addable: { type: Boolean, default: !0 },
+    draggable: { type: Boolean, default: !0 },
+    addButtonPosition: { default: "fixed-right" },
+    maxSheets: { default: 50 },
+    variant: { default: "chrome" },
+    class: {},
+    itemClass: { default: "" },
+    activeItemClass: { default: "" },
+    inactiveItemClass: { default: "" },
+    confirmDelete: { type: Boolean, default: !1 },
+    confirmDeleteTexts: {},
+    allowIconChange: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "update:sheets", "change", "add", "delete", "duplicate", "edit-start", "edit-end"],
+  setup(a, { emit: I }) {
+    const i = a, d = I, h = y(null), u = y(null), s = P([...i.sheets]);
+    A(
+      () => i.sheets,
+      (e) => {
+        let n = !1;
+        if (e.length !== s.value.length)
+          n = !0;
+        else
+          for (let t = 0; t < e.length; t++)
+            if (e[t] !== s.value[t] || e[t].id !== s.value[t].id) {
+              n = !0;
+              break;
+            }
+        n && (s.value = [...e]);
+      },
+      { deep: !0 }
+      // Must be true so parent mutating the array via .push() correctly triggers the watcher
+    );
+    const D = (e) => {
+      s.value = e, d("update:sheets", e);
+    }, V = (e) => {
+      d("update:modelValue", e), d("change", e);
+    }, x = () => {
+      i.sheets.length >= i.maxSheets || d("add");
+    }, B = (e, n) => {
+      const t = i.sheets.findIndex((l) => l.id === e);
+      if (t !== -1) {
+        const l = [...i.sheets];
+        l[t] = { ...l[t], title: n }, d("update:sheets", l);
+      }
+    }, S = (e, n) => {
+      const t = i.sheets.findIndex((l) => l.id === e);
+      if (t !== -1) {
+        const l = [...i.sheets];
+        l[t] = { ...l[t], icon: n }, d("update:sheets", l);
+      }
+    }, E = (e) => {
+      u.value = e, d("edit-start", e);
+    }, U = (e) => {
+      u.value = null, d("edit-end", e);
+    }, $ = (e) => {
+      d("duplicate", e);
+    }, T = (e) => {
+      const n = i.sheets.findIndex((l) => l.id === e);
+      if (n === -1) return;
+      const t = [...i.sheets];
+      if (t.splice(n, 1), d("update:sheets", t), d("delete", e), i.modelValue === e) {
+        let l = "";
+        if (t.length > 0) {
+          const k = Math.min(n, t.length - 1);
+          l = t[k].id;
+        }
+        d("update:modelValue", l), d("change", l);
+      }
+    }, L = (e) => {
+      h.value && e.deltaY !== 0 && (h.value.scrollLeft += e.deltaY, e.preventDefault());
+    }, b = M(() => i.sheets.length > 1);
+    return (e, n) => (o(), c("div", H, [
+      r("div", J, [
+        e.$slots["left-addons"] ? (o(), c("div", K, [
+          v(e.$slots, "left-addons", {}, void 0, !0)
+        ])) : m("", !0),
+        r("div", {
+          ref_key: "scrollContainer",
+          ref: h,
+          class: "flex-1 flex items-end overflow-x-auto scrollbar-none overscroll-contain sheet-container",
+          style: { "scrollbar-width": "none", "-ms-overflow-style": "none" },
+          onWheel: L
+        }, [
+          g(W(q), {
+            "model-value": s.value,
+            "onUpdate:modelValue": D,
+            disabled: !i.draggable || !!u.value,
+            animation: 150,
+            class: "flex items-end min-w-max"
+          }, {
+            default: Y(() => [
+              (o(!0), c(z, null, F(s.value, (t, l, k, f) => {
+                const w = [
+                  t.id,
+                  t.title,
+                  t.icon,
+                  a.modelValue === t.id,
+                  u.value === t.id,
+                  b.value,
+                  a.confirmDelete,
+                  a.allowIconChange
+                ];
+                if (f && f.key === t.id && R(f, w)) return f;
+                const C = (o(), j(G, {
+                  key: t.id,
+                  sheet: t,
+                  "is-active": a.modelValue === t.id,
+                  "is-editing": u.value === t.id,
+                  "can-delete": b.value,
+                  "confirm-delete": a.confirmDelete,
+                  "confirm-delete-texts": a.confirmDeleteTexts,
+                  "allow-icon-change": a.allowIconChange,
+                  "item-class": a.itemClass,
+                  "active-item-class": a.activeItemClass,
+                  "inactive-item-class": a.inactiveItemClass,
+                  onSelect: V,
+                  "onUpdate:title": B,
+                  "onUpdate:icon": S,
+                  onEditStart: E,
+                  onEditEnd: U,
+                  onDuplicate: $,
+                  onDelete: T
+                }, null, 8, ["sheet", "is-active", "is-editing", "can-delete", "confirm-delete", "confirm-delete-texts", "allow-icon-change", "item-class", "active-item-class", "inactive-item-class"]));
+                return C.memo = w, C;
+              }, n, 0), 128))
+            ]),
+            _: 1
+          }, 8, ["model-value", "disabled"]),
+          a.addable && a.addButtonPosition === "attached" ? (o(), c("div", O, [
+            g(p, { onClick: x })
+          ])) : m("", !0),
+          n[2] || (n[2] = r("div", { class: "w-1 shrink-0" }, null, -1))
+        ], 544),
+        r("div", Q, [
+          a.addable && a.addButtonPosition === "fixed-right" ? (o(), c("div", X, [
+            g(p, { onClick: x })
+          ])) : m("", !0),
+          e.$slots["right-addons"] ? (o(), c("div", Z, [
+            v(e.$slots, "right-addons", {}, void 0, !0)
+          ])) : m("", !0)
+        ])
+      ]),
+      r("div", _, [
+        v(e.$slots, "default", {}, void 0, !0)
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  ne as default
 };

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "0.7.15",
+  "version": "0.8.2",
   "type": "module",
   "main": "index.js",
   "module": "index.js",