vlite3 0.2.4 → 0.2.5

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

@@ -41,7 +41,7 @@ const R = ["type", "disabled"], D = /* @__PURE__ */ v({
         xs: "h-6.5 px-2",
         sm: "h-8 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/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/ThemeToggle.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
 export default _default;

package/components/ThemeToggle.vue.js

@@ -1,18 +1,20 @@
-import { defineComponent as n, openBlock as i, createBlock as c, unref as e } from "vue";
+import { defineComponent as n, openBlock as c, createElementBlock as i, createVNode as l, unref as e } from "vue";
 import { useTheme as m } from "../composables/useTheme.js";
 import r from "./Button.vue.js";
-const p = /* @__PURE__ */ n({
+const d = /* @__PURE__ */ n({
   __name: "ThemeToggle",
-  setup(l) {
+  setup(a) {
     const { theme: o, toggleTheme: t } = m();
-    return (a, h) => (i(), c(r, {
-      icon: e(o) === "light" ? "lucide:sun" : "lucide:moon",
-      variant: "secondary",
-      title: e(o) === "light" ? "Switch to dark mode" : "Switch to light mode",
-      onClick: e(t)
-    }, null, 8, ["icon", "title", "onClick"]));
+    return (s, u) => (c(), i("span", null, [
+      l(r, {
+        icon: e(o) === "light" ? "lucide:sun" : "lucide:moon",
+        variant: "secondary",
+        title: e(o) === "light" ? "Switch to dark mode" : "Switch to light mode",
+        onClick: e(t)
+      }, null, 8, ["icon", "title", "onClick"])
+    ]));
   }
 });
 export {
-  p as default
+  d 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.2.4",
+  "version": "0.2.5",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

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));
 }