vlite3 0.0.1

package/components/ToastNotification.vue2.js

@@ -0,0 +1,163 @@
+import { defineComponent as M, ref as O, openBlock as r, createElementBlock as l, Fragment as g, renderList as x, createElementVNode as i, normalizeClass as c, createVNode as h, TransitionGroup as A, withCtx as v, normalizeStyle as L, toDisplayString as u, createCommentVNode as y, createBlock as G, createTextVNode as P } from "vue";
+import Y from "./Icon.vue.js";
+import { useNotifications as F } from "../composables/useNotifications.js";
+import q from "./Button.vue.js";
+const H = {
+  class: "toast-provider pointer-events-none fixed inset-0 z-[9999] overflow-hidden",
+  "aria-live": "polite"
+}, J = ["data-index", "data-pos"], K = { class: "flex-1 min-w-0" }, Q = { class: "text-sm font-medium text-foreground leading-tight" }, R = {
+  key: 0,
+  class: "text-sm text-muted-foreground mt-1 leading-relaxed"
+}, U = 3, b = 14, re = /* @__PURE__ */ M({
+  __name: "ToastNotification",
+  props: {
+    position: {},
+    expand: { type: Boolean }
+  },
+  setup(W) {
+    const { notifications: _, removeToast: w, globalConfig: k, pauseTimers: T, resumeTimers: C } = F(), d = O(!1), z = [
+      "top-left",
+      "top-center",
+      "top-right",
+      "bottom-left",
+      "bottom-center",
+      "bottom-right"
+    ], m = (e) => _.value.filter((t) => t.position === e).slice().reverse(), $ = {
+      "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-0 left-0",
+      "bottom-center": "bottom-0 left-1/2 -translate-x-1/2",
+      "bottom-right": "bottom-0 right-0"
+    }, B = (e, o, t) => {
+      const s = t.includes("bottom"), n = d.value || k.value.expand;
+      if (!(e < U) && !n)
+        return {
+          opacity: 0,
+          pointerEvents: "none",
+          transform: s ? "translateY(20px) scale(0.9)" : "translateY(-20px) scale(0.9)",
+          zIndex: -1
+        };
+      if (n)
+        return {
+          transform: `translate3d(0, ${e * ((s ? -1 : 1) * (100 + b))}%, 0) scale(1)`,
+          opacity: 1,
+          zIndex: o - e
+        };
+      const j = 1 - e * 0.05, D = s ? -1 : 1;
+      return {
+        transform: `translate3d(0, ${e * b * D}px, -${e}px) scale(${j})`,
+        opacity: 1,
+        zIndex: o - e
+      };
+    }, N = (e) => {
+      e.action && (e.action.onClick(), w(e.id));
+    }, f = {
+      error: "lucide:octagon-x",
+      success: "lucide:circle-check",
+      info: "lucide:info",
+      warning: "lucide:triangle-alert",
+      default: "lucide:bell"
+    }, p = {
+      // Sonner-like: Minimalist, white/black bg, colored icons
+      error: "text-red-600",
+      success: "text-green-600",
+      info: "text-blue-600",
+      warning: "text-amber-500",
+      default: "text-foreground"
+    };
+    let a = null;
+    const V = () => {
+      a && (clearTimeout(a), a = null), d.value = !0, T();
+    }, E = () => {
+      a = setTimeout(() => {
+        d.value = !1, C();
+      }, 400);
+    }, S = (e) => {
+      if (e.includes("center")) return "bottom center";
+      const o = e.includes("bottom") ? "bottom" : "top", t = e.includes("right") ? "right" : e.includes("left") ? "left" : "center";
+      return `${o} ${t}`;
+    };
+    return (e, o) => (r(), l("div", H, [
+      (r(), l(g, null, x(z, (t) => i("div", {
+        key: t,
+        class: c(["absolute px-4 flex flex-col gap-2 transition-all duration-300 max-w-full sm:max-w-[420px]", [
+          $[t],
+          // Align outer container
+          t.includes("center") ? "items-center" : t.includes("right") ? "items-end" : "items-start"
+        ]]),
+        onMouseenter: V,
+        onMouseleave: E
+      }, [
+        i("div", {
+          class: c(["relative w-full transition-all pointer-events-auto", [
+            { "flex-col-reverse": t.includes("top") }
+            // We use grid, so flex-col-reverse on wrapper doesn't matter for stack order,
+            // but logic is handled by z-index and transform in getToastStyle.
+          ]])
+        }, [
+          h(A, {
+            "enter-active-class": "transition-all duration-300 ease-out-spring",
+            "leave-active-class": "transition-all duration-200 ease-in",
+            "enter-from-class": "opacity-0 scale-90 translate-y-2",
+            "leave-to-class": "opacity-0 scale-90 translate-y-2",
+            "move-class": "transition-all duration-500 ease-spring",
+            tag: "div",
+            class: c(["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: v(() => [
+              (r(!0), l(g, null, x(m(t), (s, n) => (r(), l("div", {
+                key: s.id,
+                "data-index": n,
+                "data-pos": t,
+                class: "col-start-1 row-start-1 w-auto min-w-[300px] max-w-[calc(100vw-32px)] bg-white dark:bg-zinc-950 border border-border rounded-xl shadow-lg p-4 flex gap-3 items-start transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] transform-gpu will-change-transform object-cover",
+                style: L([
+                  B(
+                    n,
+                    m(t).length,
+                    t
+                  ),
+                  {
+                    "--hover-offset": t.includes("bottom") ? "-5px" : "5px",
+                    "transform-origin": S(t)
+                  }
+                ])
+              }, [
+                h(Y, {
+                  icon: f[s.type] || f.default,
+                  class: c([[
+                    p[s.type] || p.default
+                  ], "w-5 h-5 shrink-0 mt-0.5"])
+                }, null, 8, ["icon", "class"]),
+                i("div", K, [
+                  i("p", Q, u(s.message), 1),
+                  s.description ? (r(), l("p", R, u(s.description), 1)) : y("", !0)
+                ]),
+                s.action ? (r(), G(q, {
+                  key: 0,
+                  type: "button",
+                  size: "xs",
+                  variant: "outline",
+                  class: "ml-2 shrink-0 h-8 px-3 text-xs",
+                  onClick: (I) => N(s)
+                }, {
+                  default: v(() => [
+                    P(u(s.action.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])) : y("", !0)
+              ], 12, J))), 128))
+            ]),
+            _: 2
+          }, 1032, ["class"])
+        ], 2)
+      ], 34)), 64))
+    ]));
+  }
+});
+export {
+  re as default
+};

package/components/Tooltip.vue.d.ts

@@ -0,0 +1,25 @@
+import { TooltTipProps } from 'v-tooltip-lite/types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        content?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TooltTipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TooltTipProps> & Readonly<{}>, {
+    triggerClass: string;
+    contentClass: string;
+    teleport: boolean;
+    placement: import('v-tooltip-lite/types').TooltTipPlacement;
+    arrow: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Tooltip.vue.js

@@ -0,0 +1,39 @@
+import { defineComponent as n, openBlock as s, createBlock as a, unref as p, mergeProps as i, withCtx as t, renderSlot as o } from "vue";
+import c from "v-tooltip-lite";
+import "v-tooltip-lite/style.css";
+const g = /* @__PURE__ */ n({
+  __name: "Tooltip",
+  props: {
+    content: {},
+    placement: { default: "top" },
+    offset: {},
+    trigger: {},
+    arrow: { type: Boolean, default: !0 },
+    triggerClass: { default: "" },
+    className: {},
+    contentClass: { default: "max-w-[350px]" },
+    teleport: { type: Boolean, default: !0 },
+    styles: {},
+    ignoreClickOutside: {},
+    isOpen: { type: Boolean },
+    menuId: {}
+  },
+  setup(l) {
+    const r = l;
+    return (e, u) => (s(), a(p(c), i(r, {
+      class: "inline-block",
+      "class-name": "basic-tooltip"
+    }), {
+      trigger: t(() => [
+        o(e.$slots, "default")
+      ]),
+      default: t(() => [
+        o(e.$slots, "content")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  g as default
+};

package/components/Tooltip.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Tooltip.vue.js";
+export {
+  f as default
+};

package/components/Workbook/Sheet.vue.d.ts

@@ -0,0 +1,38 @@
+import { WorkbookSheet } from './types';
+interface Props {
+    sheet: WorkbookSheet;
+    isActive: boolean;
+    isEditing?: boolean;
+    canDelete?: boolean;
+    confirmDelete?: boolean;
+    confirmDeleteTexts?: {
+        title?: string;
+        description?: string;
+        confirm?: string;
+        cancel?: string;
+    };
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (id: string) => any;
+    delete: (id: string) => any;
+    "update:title": (id: string, newTitle: string) => any;
+    "update:icon": (id: string, newIcon: string) => any;
+    "edit-start": (id: string) => any;
+    "edit-end": (id: string) => any;
+    duplicate: (id: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSelect?: (id: string) => any;
+    onDelete?: (id: string) => any;
+    "onUpdate:title"?: (id: string, newTitle: string) => any;
+    "onUpdate:icon"?: (id: string, newIcon: string) => any;
+    "onEdit-start"?: (id: string) => any;
+    "onEdit-end"?: (id: string) => any;
+    onDuplicate?: (id: string) => any;
+}>, {
+    isEditing: boolean;
+    canDelete: boolean;
+    confirmDelete: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/components/Workbook/Sheet.vue.js

@@ -0,0 +1,141 @@
+import { defineComponent as V, ref as h, computed as x, openBlock as c, createElementBlock as d, normalizeClass as D, createElementVNode as r, withModifiers as g, createBlock as b, withCtx as u, createVNode as m, createCommentVNode as y, withDirectives as N, vModelText as $, toDisplayString as k, unref as M, createTextVNode as O, nextTick as R } from "vue";
+import f from "../Icon.vue.js";
+import j from "../Dropdown/Dropdown.vue.js";
+import z from "../IconPicker.vue.js";
+const A = {
+  type: "button",
+  class: "flex items-center justify-center rounded hover:bg-accent transition-colors p-0.5 outline-none focus-visible:ring-2 focus-visible:ring-primary/20"
+}, K = { class: "flex-1 min-w-0 pr-1" }, U = {
+  key: 1,
+  class: "block truncate text-sm font-medium leading-normal"
+}, _ = { class: "opacity-0 group-hover:opacity-100 transition-opacity ml-auto pl-1 flex items-center bg-inherit" }, q = { class: "p-1 rounded-md hover:bg-accent text-muted-foreground hover:text-foreground transition-colors" }, F = {
+  class: /* @__PURE__ */ D(["flex items-center"])
+}, L = /* @__PURE__ */ V({
+  __name: "Sheet",
+  props: {
+    sheet: {},
+    isActive: { type: Boolean },
+    isEditing: { type: Boolean, default: !1 },
+    canDelete: { type: Boolean, default: !0 },
+    confirmDelete: { type: Boolean, default: !1 },
+    confirmDeleteTexts: {}
+  },
+  emits: ["select", "update:title", "update:icon", "edit-start", "edit-end", "duplicate", "delete"],
+  setup(n, { emit: w }) {
+    const e = n, o = w, a = h(null), s = h(e.sheet.title), p = () => {
+      s.value = e.sheet.title, o("edit-start", e.sheet.id), R(() => {
+        a.value?.focus(), a.value?.select();
+      });
+    }, v = () => {
+      if (!e.isEditing) return;
+      const t = s.value.trim();
+      t ? o("update:title", e.sheet.id, t) : s.value = e.sheet.title, o("edit-end", e.sheet.id);
+    }, E = () => {
+      s.value = e.sheet.title, o("edit-end", e.sheet.id);
+    }, T = (t) => {
+      t.key === "Enter" && v(), t.key === "Escape" && E();
+    }, B = x(() => [
+      { label: "Rename", value: "rename", icon: "lucide:pencil" },
+      { label: "Duplicate", value: "duplicate", icon: "lucide:copy" },
+      {
+        label: "Delete",
+        value: "delete",
+        icon: "lucide:trash-2",
+        class: "text-danger",
+        disabled: !e.canDelete,
+        confirmation: e.confirmDelete ? {
+          title: e.confirmDeleteTexts?.title,
+          description: e.confirmDeleteTexts?.description,
+          confirmText: e.confirmDeleteTexts?.confirm,
+          cancelText: e.confirmDeleteTexts?.cancel,
+          variant: "danger"
+        } : void 0
+      }
+    ]), C = (t) => {
+      if (t.value === "rename" && p(), t.value === "duplicate" && o("duplicate", e.sheet.id), t.value === "delete") {
+        if (!e.canDelete) return;
+        o("delete", e.sheet.id);
+      }
+    }, S = x(() => [
+      "group relative flex items-center min-w-[120px] max-w-[240px] h-9 px-3 border-r border-border select-none cursor-pointer transition-all duration-200 ease-out",
+      e.isActive ? "bg-muted text-foreground ring-1 ring-border ring-b-0 z-10" : "text-muted-foreground hover:bg-accent/50",
+      e.isEditing ? "cursor-text" : ""
+    ].join(" "));
+    return (t, i) => (c(), d("div", {
+      class: D(S.value),
+      onClick: i[4] || (i[4] = (l) => o("select", n.sheet.id)),
+      onDblclick: p
+    }, [
+      r("div", {
+        onClick: i[1] || (i[1] = g(() => {
+        }, ["stop"])),
+        class: "mr-2 flex items-center shrink-0"
+      }, [
+        n.sheet.icon || n.isEditing ? (c(), b(z, {
+          key: 0,
+          value: n.sheet.icon || "lucide:file",
+          position: "bottom-start",
+          onOnSelect: i[0] || (i[0] = (l) => o("update:icon", n.sheet.id, l))
+        }, {
+          default: u(() => [
+            r("button", A, [
+              m(f, {
+                icon: n.sheet.icon || "lucide:file",
+                class: "w-4 h-4 opacity-70 hover:opacity-100 transition-opacity"
+              }, null, 8, ["icon"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["value"])) : y("", !0)
+      ]),
+      r("div", K, [
+        n.isEditing ? N((c(), d("input", {
+          key: 0,
+          ref_key: "inputRef",
+          ref: a,
+          "onUpdate:modelValue": i[2] || (i[2] = (l) => s.value = l),
+          type: "text",
+          class: "w-full bg-transparent border-none outline-none p-0 text-sm font-medium text-foreground placeholder-muted-foreground focus:ring-0",
+          onBlur: v,
+          onKeydown: T,
+          onClick: i[3] || (i[3] = g(() => {
+          }, ["stop"]))
+        }, null, 544)), [
+          [$, s.value]
+        ]) : (c(), d("span", U, k(n.sheet.title), 1))
+      ]),
+      r("div", _, [
+        m(M(j), {
+          options: B.value,
+          position: "bottom-end",
+          width: "140px",
+          teleport: !0,
+          onOnSelect: C
+        }, {
+          trigger: u(() => [
+            r("button", q, [
+              m(f, {
+                icon: "lucide:more-vertical",
+                class: "w-3.5 h-3.5"
+              })
+            ])
+          ]),
+          item: u(({ option: l }) => [
+            r("div", F, [
+              l?.icon ? (c(), b(f, {
+                key: 0,
+                icon: l?.icon,
+                class: "w-3.5 h-3.5 mr-2 opacity-70"
+              }, null, 8, ["icon"])) : y("", !0),
+              O(" " + k(l?.label), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["options"])
+      ])
+    ], 34));
+  }
+});
+export {
+  L as default
+};

package/components/Workbook/Sheet.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Sheet.vue.js";
+export {
+  f as default
+};

package/components/Workbook/Workbook.vue.d.ts

@@ -0,0 +1,54 @@
+import { WorkbookSheet, WorkbookProps, AddButtonPosition } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'left-addons'?(_: {}): any;
+        'right-addons'?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        scrollContainer: HTMLDivElement;
+        parent: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<WorkbookProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (id: string) => any;
+    change: (id: string) => any;
+    delete: (id: string) => any;
+    add: () => any;
+    "edit-start": (id: string) => any;
+    "edit-end": (id: string) => any;
+    duplicate: (id: string) => any;
+    "update:sheets": (sheets: WorkbookSheet[]) => any;
+}, string, import('vue').PublicProps, Readonly<WorkbookProps> & Readonly<{
+    "onUpdate:modelValue"?: (id: string) => any;
+    onChange?: (id: string) => any;
+    onDelete?: (id: string) => any;
+    onAdd?: () => any;
+    "onEdit-start"?: (id: string) => any;
+    "onEdit-end"?: (id: string) => any;
+    onDuplicate?: (id: string) => any;
+    "onUpdate:sheets"?: (sheets: WorkbookSheet[]) => any;
+}>, {
+    variant: "chrome" | "folder" | "simple" | "card";
+    modelValue: string;
+    editable: boolean;
+    confirmDelete: boolean;
+    sheets: WorkbookSheet[];
+    addable: boolean;
+    draggable: boolean;
+    addButtonPosition: AddButtonPosition;
+    maxSheets: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    scrollContainer: HTMLDivElement;
+    parent: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Workbook/Workbook.vue.js

@@ -0,0 +1,7 @@
+import o from "./Workbook.vue2.js";
+/* empty css              */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4ab90ea8"]]);
+export {
+  p as default
+};

package/components/Workbook/Workbook.vue2.js

@@ -0,0 +1,146 @@
+import { defineComponent as N, ref as g, watch as p, nextTick as T, computed as U, openBlock as a, createElementBlock as i, createElementVNode as r, renderSlot as m, createCommentVNode as u, Fragment as A, renderList as L, unref as P, createBlock as J, createVNode as x } from "vue";
+import { useDragAndDrop as O } from "@formkit/drag-and-drop/vue";
+import { animations as W } from "@formkit/drag-and-drop";
+import Y from "./Sheet.vue.js";
+import b from "./WorkbookAddButton.vue.js";
+const z = { class: "flex flex-col w-full font-sans" }, F = { class: "flex items-end w-full border-b px-1 gap-2" }, M = {
+  key: 0,
+  class: "flex items-center mb-1 mr-2"
+}, j = {
+  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" }, G = { key: 0 }, H = { key: 1 }, K = { class: "flex-1 relative bg-white w-full" }, te = /* @__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: {},
+    confirmDelete: { type: Boolean, default: !1 },
+    confirmDeleteTexts: {}
+  },
+  emits: ["update:modelValue", "update:sheets", "change", "add", "delete", "duplicate", "edit-start", "edit-end"],
+  setup(o, { emit: k }) {
+    const l = o, s = k, f = g(null), c = g(null), [y, h] = O(l.sheets, {
+      plugins: [W()],
+      draggable: (e) => l.draggable && !c.value,
+      onSort: (e) => {
+        s("update:sheets", e.values);
+      }
+    });
+    p(
+      () => l.sheets,
+      (e) => {
+        JSON.stringify(e) !== JSON.stringify(h.value) && (h.value = [...e]);
+      },
+      { deep: !0 }
+    );
+    const S = (e) => {
+      s("update:modelValue", e), s("change", e);
+    }, v = () => {
+      l.sheets.length >= l.maxSheets || s("add");
+    }, w = (e, d) => {
+      const t = l.sheets.findIndex((n) => n.id === e);
+      if (t !== -1) {
+        const n = [...l.sheets];
+        n[t] = { ...n[t], title: d }, s("update:sheets", n);
+      }
+    }, D = (e, d) => {
+      const t = l.sheets.findIndex((n) => n.id === e);
+      if (t !== -1) {
+        const n = [...l.sheets];
+        n[t] = { ...n[t], icon: d }, s("update:sheets", n);
+      }
+    }, B = (e) => {
+      c.value = e, s("edit-start", e);
+    }, V = (e) => {
+      c.value = null, s("edit-end", e);
+    }, E = (e) => {
+      s("duplicate", e);
+    }, I = (e) => {
+      const d = l.sheets.findIndex((n) => n.id === e);
+      if (d === -1) return;
+      const t = [...l.sheets];
+      if (t.splice(d, 1), s("update:sheets", t), s("delete", e), l.modelValue === e) {
+        let n = "";
+        if (t.length > 0) {
+          const C = Math.min(d, t.length - 1);
+          n = t[C].id;
+        }
+        s("update:modelValue", n), s("change", n);
+      }
+    };
+    p(
+      () => l.sheets.length,
+      (e, d) => {
+        e > d && l.addable && T(() => {
+          const t = l.sheets[l.sheets.length - 1];
+          t.id === l.modelValue && (c.value = t.id);
+        });
+      }
+    );
+    const _ = (e) => {
+      f.value && e.deltaY !== 0 && (f.value.scrollLeft += e.deltaY, e.preventDefault());
+    }, $ = U(() => l.sheets.length > 1);
+    return (e, d) => (a(), i("div", z, [
+      r("div", F, [
+        e.$slots["left-addons"] ? (a(), i("div", M, [
+          m(e.$slots, "left-addons", {}, void 0, !0)
+        ])) : u("", !0),
+        r("div", {
+          ref_key: "scrollContainer",
+          ref: f,
+          class: "flex-1 flex items-end overflow-x-auto scrollbar-none overscroll-contain",
+          style: { "scrollbar-width": "none", "-ms-overflow-style": "none" },
+          onWheel: _
+        }, [
+          r("div", {
+            ref_key: "parent",
+            ref: y,
+            class: "flex items-end"
+          }, [
+            (a(!0), i(A, null, L(P(h), (t) => (a(), J(Y, {
+              key: t.id,
+              sheet: t,
+              "is-active": o.modelValue === t.id,
+              "is-editing": c.value === t.id,
+              "can-delete": $.value,
+              "confirm-delete": o.confirmDelete,
+              "confirm-delete-texts": o.confirmDeleteTexts,
+              onSelect: S,
+              "onUpdate:title": w,
+              "onUpdate:icon": D,
+              onEditStart: B,
+              onEditEnd: V,
+              onDuplicate: E,
+              onDelete: I
+            }, null, 8, ["sheet", "is-active", "is-editing", "can-delete", "confirm-delete", "confirm-delete-texts"]))), 128))
+          ], 512),
+          o.addable && o.addButtonPosition === "attached" ? (a(), i("div", j, [
+            x(b, { onClick: v })
+          ])) : u("", !0),
+          d[0] || (d[0] = r("div", { class: "w-1 shrink-0" }, null, -1))
+        ], 544),
+        r("div", q, [
+          o.addable && o.addButtonPosition === "fixed-right" ? (a(), i("div", G, [
+            x(b, { onClick: v })
+          ])) : u("", !0),
+          e.$slots["right-addons"] ? (a(), i("div", H, [
+            m(e.$slots, "right-addons", {}, void 0, !0)
+          ])) : u("", !0)
+        ])
+      ]),
+      r("div", K, [
+        m(e.$slots, "default", {}, void 0, !0)
+      ])
+    ]));
+  }
+});
+export {
+  te as default
+};

package/components/Workbook/WorkbookAddButton.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onClick?: (event: MouseEvent) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+export default _default;

package/components/Workbook/WorkbookAddButton.vue.js

@@ -0,0 +1,20 @@
+import { defineComponent as i, openBlock as r, createBlock as c } from "vue";
+import m from "../Button.vue.js";
+const u = /* @__PURE__ */ i({
+  __name: "WorkbookAddButton",
+  emits: ["click"],
+  setup(s, { emit: o }) {
+    const t = o;
+    return (d, e) => (r(), c(m, {
+      variant: "ghost",
+      size: "sm",
+      icon: "lucide:plus",
+      title: "Add New Sheet",
+      rounded: "none",
+      onClick: e[0] || (e[0] = (n) => t("click", n))
+    }));
+  }
+});
+export {
+  u as default
+};

package/components/Workbook/WorkbookAddButton.vue2.js

@@ -0,0 +1,4 @@
+import f from "./WorkbookAddButton.vue.js";
+export {
+  f as default
+};

package/components/Workbook/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Workbook } from './Workbook.vue';
+export { default as Sheet } from './Sheet.vue';
+export * from './types';