vlite3 0.2.4 → 0.2.6

package/components/AvatarUploader/AvatarUploader.vue.js

@@ -59,7 +59,7 @@ const E = { class: "inline-block" }, $ = ["onClick"], I = /* @__PURE__ */ x({
             }, [
               e.loading || k ? (n(), o("div", {
                 key: 0,
-                class: l(["absolute inset-0 flex items-center justify-center bg-black/40 text-white", e.rounded === "full" ? "rounded-full" : "rounded-md"])
+                class: l(["absolute inset-0 flex items-center justify-center bg-[#00000051] text-white", e.rounded === "full" ? "rounded-full" : "rounded-md"])
               }, [
                 d(u, {
                   icon: "lucide:loader-2",
@@ -67,7 +67,7 @@ const E = { class: "inline-block" }, $ = ["onClick"], I = /* @__PURE__ */ x({
                 })
               ], 2)) : e.editable && !e.disabled ? (n(), o("div", {
                 key: 1,
-                class: l(["absolute inset-0 flex items-center justify-center bg-black/40 text-white opacity-0 group-hover:opacity-100 transition-opacity", e.rounded === "full" ? "rounded-full" : "rounded-md"])
+                class: l(["absolute inset-0 flex items-center justify-center bg-[#00000051] text-white opacity-0 group-hover:opacity-100 transition-opacity", e.rounded === "full" ? "rounded-full" : "rounded-md"])
               }, [
                 d(u, {
                   icon: "lucide:camera",

package/components/Button.vue.js

@@ -39,9 +39,9 @@ const R = ["type", "disabled"], D = /* @__PURE__ */ v({
         link: "text-primary underline-offset-4 hover:underline"
       }, f = {
         xs: "h-6.5 px-2",
-        sm: "h-8 px-3",
+        sm: "h-7.5 px-3",
         md: "h-9 px-4 py-2",
-        lg: "h-10 px-8",
+        lg: "h-10 px-6",
         xl: "h-12 px-10"
       }, b = {
         xs: "h-6.5 w-6.5 min-h-6.5 min-w-6.5",

package/components/Carousel/Carousel.vue.d.ts

@@ -27,7 +27,6 @@ declare function __VLS_template(): {
                 wheelOptions: import('vue-carousel-lite/types').WheelOptions;
                 bufferSize: number;
                 maxDomElements: number;
-                updateKey: string | number;
             }> & Omit<{
                 readonly data: any[];
                 readonly direction: "horizontal" | "vertical";
@@ -51,10 +50,9 @@ declare function __VLS_template(): {
                 readonly autoFocus: boolean;
                 readonly wheelOptions: import('vue-carousel-lite/types').WheelOptions;
                 readonly paginationPosition?: import('vue-carousel-lite').PaginationPosition | import('vue-carousel-lite').PaginationPosition[];
-                readonly updateKey?: string | number;
                 readonly paginationBackground?: boolean;
-                readonly "onSlide-change"?: (index: number) => any;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "updateKey" | "autoFocus" | "wheelOptions">;
+                readonly "onSlide-change"?: ((index: number) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "autoFocus" | "wheelOptions">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -149,10 +147,6 @@ declare function __VLS_template(): {
                     type: import('vue').PropType<number>;
                     default: number;
                 };
-                updateKey: {
-                    type: import('vue').PropType<string | number>;
-                    default: any;
-                };
                 autoFocus: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -167,14 +161,12 @@ declare function __VLS_template(): {
                         velocityThreshold: number;
                         pageScrollThreshold: number;
                         debounceTime: number;
-                        scrollByPage: boolean;
-                        lockDuringTransition: boolean;
                         preventDefault: boolean;
                         stopPropagation: boolean;
                     };
                 };
             }>> & Readonly<{
-                "onSlide-change"?: (index: number) => any;
+                "onSlide-change"?: ((index: number) => any) | undefined;
             }>, {
                 goToSlide: (index: number, smooth?: boolean) => void;
                 goNext: (smooth?: boolean) => void;
@@ -212,7 +204,6 @@ declare function __VLS_template(): {
                 wheelOptions: import('vue-carousel-lite/types').WheelOptions;
                 bufferSize: number;
                 maxDomElements: number;
-                updateKey: string | number;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -254,7 +245,6 @@ declare function __VLS_template(): {
             wheelOptions: import('vue-carousel-lite/types').WheelOptions;
             bufferSize: number;
             maxDomElements: number;
-            updateKey: string | number;
         }> & Omit<Readonly<import('vue').ExtractPropTypes<{
             data: {
                 type: import('vue').PropType<any[]>;
@@ -335,10 +325,6 @@ declare function __VLS_template(): {
                 type: import('vue').PropType<number>;
                 default: number;
             };
-            updateKey: {
-                type: import('vue').PropType<string | number>;
-                default: any;
-            };
             autoFocus: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
@@ -353,15 +339,13 @@ declare function __VLS_template(): {
                     velocityThreshold: number;
                     pageScrollThreshold: number;
                     debounceTime: number;
-                    scrollByPage: boolean;
-                    lockDuringTransition: boolean;
                     preventDefault: boolean;
                     stopPropagation: boolean;
                 };
             };
         }>> & Readonly<{
-            "onSlide-change"?: (index: number) => any;
-        }>, "focus" | "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "updateKey" | "goToSlide" | "goNext" | "goPrev" | "autoFocus" | "wheelOptions" | "state" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+            "onSlide-change"?: ((index: number) => any) | undefined;
+        }>, "focus" | "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goNext" | "goPrev" | "autoFocus" | "wheelOptions" | "state" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
             goToSlide: (index: number, smooth?: boolean) => void;
             goNext: (smooth?: boolean) => void;
             goPrev: (smooth?: boolean) => void;
@@ -462,7 +446,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             wheelOptions: import('vue-carousel-lite/types').WheelOptions;
             bufferSize: number;
             maxDomElements: number;
-            updateKey: string | number;
         }> & Omit<{
             readonly data: any[];
             readonly direction: "horizontal" | "vertical";
@@ -486,10 +469,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             readonly autoFocus: boolean;
             readonly wheelOptions: import('vue-carousel-lite/types').WheelOptions;
             readonly paginationPosition?: import('vue-carousel-lite').PaginationPosition | import('vue-carousel-lite').PaginationPosition[];
-            readonly updateKey?: string | number;
             readonly paginationBackground?: boolean;
-            readonly "onSlide-change"?: (index: number) => any;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "updateKey" | "autoFocus" | "wheelOptions">;
+            readonly "onSlide-change"?: ((index: number) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "autoFocus" | "wheelOptions">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -584,10 +566,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 type: import('vue').PropType<number>;
                 default: number;
             };
-            updateKey: {
-                type: import('vue').PropType<string | number>;
-                default: any;
-            };
             autoFocus: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
@@ -602,14 +580,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     velocityThreshold: number;
                     pageScrollThreshold: number;
                     debounceTime: number;
-                    scrollByPage: boolean;
-                    lockDuringTransition: boolean;
                     preventDefault: boolean;
                     stopPropagation: boolean;
                 };
             };
         }>> & Readonly<{
-            "onSlide-change"?: (index: number) => any;
+            "onSlide-change"?: ((index: number) => any) | undefined;
         }>, {
             goToSlide: (index: number, smooth?: boolean) => void;
             goNext: (smooth?: boolean) => void;
@@ -647,7 +623,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             wheelOptions: import('vue-carousel-lite/types').WheelOptions;
             bufferSize: number;
             maxDomElements: number;
-            updateKey: string | number;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -689,7 +664,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         wheelOptions: import('vue-carousel-lite/types').WheelOptions;
         bufferSize: number;
         maxDomElements: number;
-        updateKey: string | number;
     }> & Omit<Readonly<import('vue').ExtractPropTypes<{
         data: {
             type: import('vue').PropType<any[]>;
@@ -770,10 +744,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<number>;
             default: number;
         };
-        updateKey: {
-            type: import('vue').PropType<string | number>;
-            default: any;
-        };
         autoFocus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -788,15 +758,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 velocityThreshold: number;
                 pageScrollThreshold: number;
                 debounceTime: number;
-                scrollByPage: boolean;
-                lockDuringTransition: boolean;
                 preventDefault: boolean;
                 stopPropagation: boolean;
             };
         };
     }>> & Readonly<{
-        "onSlide-change"?: (index: number) => any;
-    }>, "focus" | "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "updateKey" | "goToSlide" | "goNext" | "goPrev" | "autoFocus" | "wheelOptions" | "state" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+        "onSlide-change"?: ((index: number) => any) | undefined;
+    }>, "focus" | "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goNext" | "goPrev" | "autoFocus" | "wheelOptions" | "state" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
         goToSlide: (index: number, smooth?: boolean) => void;
         goNext: (smooth?: boolean) => void;
         goPrev: (smooth?: boolean) => void;

package/components/Input.vue.js

@@ -47,7 +47,7 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
         "outline-b": "border-b border-input bg-transparent rounded-none focus-visible:border-primary",
         transparent: "border-none bg-transparent shadow-none"
       }, i = {
-        sm: "h-8 text-xs",
+        sm: "h-7.5 text-xs",
         md: "h-9 text-sm",
         lg: "h-10 text-base"
       };

package/components/Modal.vue.js

@@ -3,7 +3,7 @@ import V from "./Button.vue.js";
 import { useKeyStroke as j } from "../composables/useKeyStroke.js";
 const D = {
   key: 0,
-  class: "flex-none flex flex-col space-y-1.5 pb-0 border-b border-border/60"
+  class: "flex-none flex flex-col space-y-1.5 pb-0 border-b border-border/90"
 }, K = { class: "text-lg font-semibold leading-none tracking-tight" }, M = {
   key: 0,
   class: "text-sm text-muted-foreground mb-2"
@@ -77,7 +77,7 @@ const D = {
               }, [
                 e.title ? (s(), a("div", D, [
                   r("div", {
-                    class: d(["flex items-center justify-between py-1 px-4 rounded-t-md", e.headerClass])
+                    class: d(["flex items-center justify-between py-1.5 px-4 rounded-t-md", e.headerClass])
                   }, [
                     r("h3", K, p(e.title), 1),
                     v(V, {

package/components/Workbook/Sheet.vue.js

@@ -1,19 +1,19 @@
-import { defineComponent as V, ref as h, computed as x, openBlock as c, createElementBlock as a, normalizeClass as w, createElementVNode as r, withModifiers as g, createBlock as y, withCtx as f, createVNode as d, createCommentVNode as b, withDirectives as N, vModelText as $, toDisplayString as k, unref as j, createTextVNode as M, nextTick as O } from "vue";
+import { defineComponent as N, ref as x, computed as g, openBlock as c, createElementBlock as a, normalizeClass as w, createElementVNode as r, withModifiers as y, createBlock as b, withCtx as m, createVNode as d, createCommentVNode as D, withDirectives as O, vModelText as $, toDisplayString as k, unref as j, createTextVNode as M, nextTick as R } from "vue";
 import u from "../Icon.vue.js";
-import R from "../Dropdown/Dropdown.vue.js";
-import z from "../IconPicker.vue.js";
-const A = {
+import z from "../Dropdown/Dropdown.vue.js";
+import A from "../IconPicker.vue.js";
+const I = {
   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 mt-1"
-}, I = {
+}, K = {
   key: 1,
   class: "flex items-center justify-center p-0.5"
-}, K = { class: "flex-1 min-w-0 pr-1" }, U = {
+}, U = { class: "flex-1 min-w-0 pr-1" }, q = {
   key: 1,
   class: "block truncate text-sm font-medium leading-normal"
-}, q = { class: "opacity-0 group-hover:opacity-100 transition-opacity ml-auto pl-1 flex items-center bg-inherit" }, F = { class: "p-1 rounded-md hover:bg-accent text-muted-foreground hover:text-foreground transition-colors" }, G = {
+}, F = { class: "opacity-0 group-hover:opacity-100 transition-opacity ml-auto pl-1 flex items-center bg-inherit" }, G = { class: "p-1 rounded-md hover:bg-accent text-muted-foreground hover:text-foreground transition-colors" }, H = {
   class: /* @__PURE__ */ w(["flex items-center"])
-}, Q = /* @__PURE__ */ V({
+}, W = /* @__PURE__ */ N({
   __name: "Sheet",
   props: {
     sheet: {},
@@ -25,20 +25,20 @@ const A = {
     allowIconChange: { type: Boolean, default: !0 }
   },
   emits: ["select", "update:title", "update:icon", "edit-start", "edit-end", "duplicate", "delete"],
-  setup(t, { emit: D }) {
-    const e = t, o = D, m = h(null), s = h(e.sheet.title), p = () => {
-      s.value = e.sheet.title, o("edit-start", e.sheet.id), O(() => {
-        m.value?.focus(), m.value?.select();
+  setup(i, { emit: C }) {
+    const e = i, n = C, f = x(null), s = x(e.sheet.title), v = () => {
+      s.value = e.sheet.title, n("edit-start", e.sheet.id), R(() => {
+        f.value?.focus(), f.value?.select();
       });
-    }, v = () => {
+    }, h = () => {
       if (!e.isEditing) return;
-      const i = s.value.trim();
-      i ? o("update:title", e.sheet.id, i) : s.value = e.sheet.title, o("edit-end", e.sheet.id);
+      const t = s.value.trim();
+      t ? n("update:title", e.sheet.id, t) : s.value = e.sheet.title, n("edit-end", e.sheet.id);
     }, E = () => {
-      s.value = e.sheet.title, o("edit-end", e.sheet.id);
-    }, T = (i) => {
-      i.key === "Enter" && v(), i.key === "Escape" && E();
-    }, C = x(() => [
+      s.value = e.sheet.title, n("edit-end", e.sheet.id);
+    }, T = (t) => {
+      t.key === "Enter" && h(), t.key === "Escape" && E();
+    }, B = g(() => [
       { label: "Rename", value: "rename", icon: "lucide:pencil" },
       { label: "Duplicate", value: "duplicate", icon: "lucide:copy" },
       {
@@ -52,90 +52,97 @@ const A = {
           description: e.confirmDeleteTexts?.description,
           confirmText: e.confirmDeleteTexts?.confirm,
           cancelText: e.confirmDeleteTexts?.cancel,
-          variant: "danger"
+          variant: "danger",
+          onConfirm: () => {
+            e.canDelete && n("delete", e.sheet.id);
+          }
         } : void 0
       }
-    ]), B = (i) => {
-      if (i.value === "rename" && p(), i.value === "duplicate" && o("duplicate", e.sheet.id), i.value === "delete") {
-        if (!e.canDelete) return;
-        o("delete", e.sheet.id);
+    ]), S = (t) => {
+      if (t.value === "rename" && v(), t.value === "duplicate" && n("duplicate", e.sheet.id), t.value === "delete") {
+        if (!e.canDelete || e.confirmDelete) return;
+        n("delete", e.sheet.id);
       }
-    }, S = x(() => [
+    }, p = (t) => {
+      t && t.value && t.value !== "delete" || e.canDelete && n("delete", e.sheet.id);
+    }, V = g(() => [
       "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 (i, n) => (c(), a("div", {
-      class: w(S.value),
-      onClick: n[4] || (n[4] = (l) => o("select", t.sheet.id)),
-      onDblclick: p
+    return (t, o) => (c(), a("div", {
+      class: w(V.value),
+      onClick: o[4] || (o[4] = (l) => n("select", i.sheet.id)),
+      onDblclick: v
     }, [
       r("div", {
-        onClick: n[1] || (n[1] = g(() => {
+        onClick: o[1] || (o[1] = y(() => {
         }, ["stop"])),
         class: "mr-2 flex items-center shrink-0"
       }, [
-        (t.sheet.icon || t.isEditing) && t.allowIconChange ? (c(), y(z, {
+        (i.sheet.icon || i.isEditing) && i.allowIconChange ? (c(), b(A, {
           key: 0,
-          value: t.sheet.icon || "lucide:file",
+          value: i.sheet.icon || "lucide:file",
           position: "bottom-start",
-          onOnSelect: n[0] || (n[0] = (l) => o("update:icon", t.sheet.id, l))
+          onOnSelect: o[0] || (o[0] = (l) => n("update:icon", i.sheet.id, l))
         }, {
-          default: f(() => [
-            r("button", A, [
+          default: m(() => [
+            r("button", I, [
               d(u, {
-                icon: t.sheet.icon || "lucide:file",
+                icon: i.sheet.icon || "lucide:file",
                 class: "w-4 h-4 opacity-70 hover:opacity-100 transition-opacity"
               }, null, 8, ["icon"])
             ])
           ]),
           _: 1
-        }, 8, ["value"])) : t.sheet.icon ? (c(), a("div", I, [
+        }, 8, ["value"])) : i.sheet.icon ? (c(), a("div", K, [
           d(u, {
-            icon: t.sheet.icon,
+            icon: i.sheet.icon,
             class: "w-4 h-4 opacity-70"
           }, null, 8, ["icon"])
-        ])) : b("", !0)
+        ])) : D("", !0)
       ]),
-      r("div", K, [
-        t.isEditing ? N((c(), a("input", {
+      r("div", U, [
+        i.isEditing ? O((c(), a("input", {
           key: 0,
           ref_key: "inputRef",
-          ref: m,
-          "onUpdate:modelValue": n[2] || (n[2] = (l) => s.value = l),
+          ref: f,
+          "onUpdate:modelValue": o[2] || (o[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,
+          onBlur: h,
           onKeydown: T,
-          onClick: n[3] || (n[3] = g(() => {
+          onClick: o[3] || (o[3] = y(() => {
           }, ["stop"]))
         }, null, 544)), [
           [$, s.value]
-        ]) : (c(), a("span", U, k(t.sheet.title), 1))
+        ]) : (c(), a("span", q, k(i.sheet.title), 1))
       ]),
-      r("div", q, [
-        d(j(R), {
-          options: C.value,
+      r("div", F, [
+        d(j(z), {
+          options: B.value,
           position: "bottom-end",
           width: "140px",
           teleport: !0,
-          onOnSelect: B
+          onOnSelect: S,
+          onOnConfirm: p,
+          onConfirm: p
         }, {
-          trigger: f(() => [
-            r("button", F, [
+          trigger: m(() => [
+            r("button", G, [
               d(u, {
                 icon: "lucide:more-vertical",
                 class: "w-3.5 h-3.5"
               })
             ])
           ]),
-          item: f(({ option: l }) => [
-            r("div", G, [
-              l?.icon ? (c(), y(u, {
+          item: m(({ option: l }) => [
+            r("div", H, [
+              l?.icon ? (c(), b(u, {
                 key: 0,
                 icon: l?.icon,
                 class: "w-3.5 h-3.5 mr-2 opacity-70"
-              }, null, 8, ["icon"])) : b("", !0),
+              }, null, 8, ["icon"])) : D("", !0),
               M(" " + k(l?.label), 1)
             ])
           ]),
@@ -146,5 +153,5 @@ const A = {
   }
 });
 export {
-  Q as default
+  W as default
 };

package/components/Workbook/Workbook.vue.js

@@ -1,7 +1,7 @@
 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-ca95fa40"]]);
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b2bb8797"]]);
 export {
-  m as default
+  _ as default
 };

package/components/Workbook/Workbook.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as T, ref as v, watch as p, nextTick as _, computed as U, openBlock as a, createElementBlock as i, createElementVNode as c, 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 { defineComponent as T, ref as g, watch as p, nextTick as _, computed as U, openBlock as a, createElementBlock as i, createElementVNode as c, renderSlot as m, createCommentVNode as u, Fragment as A, renderList as P, unref as J, createBlock as O, createVNode as x } from "vue";
+import { useDragAndDrop as W } from "@formkit/drag-and-drop/vue";
+import { animations as Y } from "@formkit/drag-and-drop";
+import z 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 = {
+const F = { class: "flex flex-col w-full font-sans" }, L = { class: "flex items-end w-full border-b px-1 gap-2" }, M = {
   key: 0,
   class: "flex items-center mb-1 mr-2"
 }, j = {
@@ -27,11 +27,11 @@ const z = { class: "flex flex-col w-full font-sans" }, F = { class: "flex items-
   },
   emits: ["update:modelValue", "update:sheets", "change", "add", "delete", "duplicate", "edit-start", "edit-end"],
   setup(d, { emit: k }) {
-    const l = d, s = k, f = v(null), r = v(null), [w, h] = O(l.sheets, {
-      plugins: [W()],
+    const l = d, o = k, f = g(null), r = g(null), [w, h] = W(l.sheets, {
+      plugins: [Y()],
       draggable: (e) => l.draggable && !r.value,
       onSort: (e) => {
-        s("update:sheets", e.values);
+        o("update:sheets", e.values);
       }
     });
     p(
@@ -42,44 +42,44 @@ const z = { class: "flex flex-col w-full font-sans" }, F = { class: "flex items-
       { deep: !0 }
     );
     const y = (e) => {
-      s("update:modelValue", e), s("change", e);
-    }, g = () => {
-      l.sheets.length >= l.maxSheets || s("add");
-    }, S = (e, o) => {
+      o("update:modelValue", e), o("change", e);
+    }, v = () => {
+      l.sheets.length >= l.maxSheets || o("add");
+    }, S = (e, s) => {
       const t = l.sheets.findIndex((n) => n.id === e);
       if (t !== -1) {
         const n = [...l.sheets];
-        n[t] = { ...n[t], title: o }, s("update:sheets", n);
+        n[t] = { ...n[t], title: s }, o("update:sheets", n);
       }
-    }, D = (e, o) => {
+    }, D = (e, s) => {
       const t = l.sheets.findIndex((n) => n.id === e);
       if (t !== -1) {
         const n = [...l.sheets];
-        n[t] = { ...n[t], icon: o }, s("update:sheets", n);
+        n[t] = { ...n[t], icon: s }, o("update:sheets", n);
       }
     }, B = (e) => {
-      r.value = e, s("edit-start", e);
+      r.value = e, o("edit-start", e);
     }, V = (e) => {
-      r.value = null, s("edit-end", e);
+      r.value = null, o("edit-end", e);
     }, I = (e) => {
-      s("duplicate", e);
+      o("duplicate", e);
     }, C = (e) => {
-      const o = l.sheets.findIndex((n) => n.id === e);
-      if (o === -1) return;
+      const s = l.sheets.findIndex((n) => n.id === e);
+      if (s === -1) return;
       const t = [...l.sheets];
-      if (t.splice(o, 1), s("update:sheets", t), s("delete", e), l.modelValue === e) {
+      if (t.splice(s, 1), o("update:sheets", t), o("delete", e), l.modelValue === e) {
         let n = "";
         if (t.length > 0) {
-          const N = Math.min(o, t.length - 1);
+          const N = Math.min(s, t.length - 1);
           n = t[N].id;
         }
-        s("update:modelValue", n), s("change", n);
+        o("update:modelValue", n), o("change", n);
       }
     };
     p(
       () => l.sheets.length,
-      (e, o) => {
-        e > o && l.addable && _(() => {
+      (e, s) => {
+        s !== void 0 && s > 0 && e === s + 1 && l.addable && _(() => {
           const t = l.sheets[l.sheets.length - 1];
           t.id === l.modelValue && (r.value = t.id);
         });
@@ -88,8 +88,8 @@ const z = { class: "flex flex-col w-full font-sans" }, F = { class: "flex items-
     const E = (e) => {
       f.value && e.deltaY !== 0 && (f.value.scrollLeft += e.deltaY, e.preventDefault());
     }, $ = U(() => l.sheets.length > 1);
-    return (e, o) => (a(), i("div", z, [
-      c("div", F, [
+    return (e, s) => (a(), i("div", F, [
+      c("div", L, [
         e.$slots["left-addons"] ? (a(), i("div", M, [
           m(e.$slots, "left-addons", {}, void 0, !0)
         ])) : u("", !0),
@@ -105,7 +105,7 @@ const z = { class: "flex flex-col w-full font-sans" }, F = { class: "flex items-
             ref: w,
             class: "flex items-end"
           }, [
-            (a(!0), i(A, null, L(P(h), (t) => (a(), J(Y, {
+            (a(!0), i(A, null, P(J(h), (t) => (a(), O(z, {
               key: t.id,
               sheet: t,
               "is-active": d.modelValue === t.id,
@@ -124,13 +124,13 @@ const z = { class: "flex flex-col w-full font-sans" }, F = { class: "flex items-
             }, null, 8, ["sheet", "is-active", "is-editing", "can-delete", "confirm-delete", "confirm-delete-texts", "allow-icon-change"]))), 128))
           ], 512),
           d.addable && d.addButtonPosition === "attached" ? (a(), i("div", j, [
-            x(b, { onClick: g })
+            x(b, { onClick: v })
           ])) : u("", !0),
-          o[0] || (o[0] = c("div", { class: "w-1 shrink-0" }, null, -1))
+          s[0] || (s[0] = c("div", { class: "w-1 shrink-0" }, null, -1))
         ], 544),
         c("div", q, [
           d.addable && d.addButtonPosition === "fixed-right" ? (a(), i("div", G, [
-            x(b, { onClick: g })
+            x(b, { onClick: v })
           ])) : u("", !0),
           e.$slots["right-addons"] ? (a(), i("div", H, [
             m(e.$slots, "right-addons", {}, void 0, !0)

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "type": "module",
   "main": "index.js",
   "module": "index.js",
@@ -42,7 +42,7 @@
     "tailwindcss": "^4.1.18",
     "v-datepicker-lite": "^0.1.6",
     "v-tooltip-lite": "^0.1.9",
-    "vue-carousel-lite": "^0.2.3",
+    "vue-carousel-lite": "^0.2.6",
     "vue3-google-signin": "^2.1.1"
   },
   "peerDependencies": {

package/style.css

@@ -318,14 +318,15 @@
 
 .dark .modal-body,
 .dark .sidepanel-body {
-  --color-white: #171717 !important;
+  --color-white: #141414 !important;
   --color-mixture-1: #151515 !important;
   --color-mixture-2: #ffffff !important;
+  --color-input: color-mix(in oklab, var(--color-mixture-1) 92%, var(--color-mixture-2));
 }
 
 .dark .tooltip-container {
-  --color-white: #181818 !important;
-  --color-mixture-1: #1f2020 !important;
+  --color-white: #131313 !important;
+  --color-mixture-1: #161616 !important;
   --color-mixture-2: #ffffff !important;
 }
 
@@ -346,17 +347,17 @@
 }
 
 .dark .bg-card {
-  --color-body: #131313 !important;
-  --color-mixture-1: #191818 !important;
+  --color-body: #111 !important;
+  --color-mixture-1: #111 !important;
   --color-mixture-2: #ffffff !important;
   background-color: var(--color-body) !important;
 }
 
 .bg-card {
   --color-body: #FAFAFA !important;
-  --color-mixture-1: #fbfbfb !important;
+  --color-mixture-1: #FAFAFA !important;
   --color-mixture-2: #000000 !important;
-  background-color: #FBFBFB !important;
+  background-color: #FAFAFA !important;
   border-color: color-mix(in oklab, var(--color-mixture-1) 95%, var(--color-mixture-2));
 }