vlite3 1.4.14 → 1.4.15

package/components/Dropdown/DropdownMenu.vue.js

@@ -1,4 +1,4 @@
-import o from "./DropdownMenu.vue2.js";
+import o from "./DropdownMenu.vue3.js";
 /* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-173c7a02"]]);

package/components/ThemeProvider/ThemeProvider.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as p, useId as C, computed as o, provide as h, openBlock as r, createElementBlock as y, normalizeStyle as b, normalizeClass as S, createBlock as d, resolveDynamicComponent as s, withCtx as n, createTextVNode as u, toDisplayString as m, renderSlot as g } from "vue";
-import { buildThemeVariables as k, buildThemeStyleBlock as T, buildCardOverrideStyles as _ } from "./themeVars.js";
-import { THEME_STYLES_KEY as B } from "../../composables/useThemeStyles.js";
-import { isDarkColor as E } from "../../utils/colorUtils.js";
-const P = /* @__PURE__ */ p({
+import { defineComponent as m, useId as c, computed as o, provide as v, openBlock as i, createElementBlock as f, normalizeStyle as p, normalizeClass as C, createBlock as h, resolveDynamicComponent as y, withCtx as S, createTextVNode as b, toDisplayString as g, renderSlot as T } from "vue";
+import { buildThemeVariables as k, buildThemeStyleBlock as B, buildCardOverrideStyles as _ } from "./themeVars.js";
+import { THEME_STYLES_KEY as E } from "../../composables/useThemeStyles.js";
+import { isDarkColor as x } from "../../utils/colorUtils.js";
+const V = /* @__PURE__ */ m({
   __name: "ThemeProvider",
   props: {
     bgColor: { default: void 0 },
@@ -14,38 +14,35 @@ const P = /* @__PURE__ */ p({
     maxWidth: { default: void 0 },
     rootClass: { default: void 0 }
   },
-  setup(a) {
-    const e = a, t = `vlite-theme-provider-${C()}`, i = o(() => e.bgColor ? E(e.bgColor) : !1), l = o(() => k(e)), c = o(
-      () => T(l.value, t)
-    ), v = o(
-      () => e.bgColor ? _(e.bgColor, i.value, `#${t}`) : ""
+  setup(r) {
+    const e = r, t = `vlite-theme-provider-${c()}`, a = o(() => e.bgColor ? x(e.bgColor) : !1), l = o(() => k(e)), d = o(
+      () => B(l.value, t)
+    ), s = o(
+      () => e.bgColor ? _(e.bgColor, a.value, `#${t}`) : ""
+    ), n = o(
+      () => [d.value, s.value].filter(Boolean).join(`
+`)
     );
-    return h(B, l), (f, x) => (r(), y("div", {
+    return v(E, l), (u, D) => (i(), f("div", {
       id: t,
-      class: S([
+      class: C([
         "vlite-theme-provider",
-        a.rootClass,
+        r.rootClass,
         "transition-colors duration-300",
-        { dark: i.value }
+        { dark: a.value }
       ]),
-      style: b(l.value)
+      style: p(l.value)
     }, [
-      (r(), d(s("style"), null, {
-        default: n(() => [
-          u(m(c.value), 1)
+      (i(), h(y("style"), null, {
+        default: S(() => [
+          b(g(n.value), 1)
         ]),
         _: 1
       })),
-      (r(), d(s("style"), null, {
-        default: n(() => [
-          u(m(v.value), 1)
-        ]),
-        _: 1
-      })),
-      g(f.$slots, "default")
+      T(u.$slots, "default")
     ], 6));
   }
 });
 export {
-  P as default
+  V as default
 };

package/components/ThemeProvider/themeVars.js

@@ -351,7 +351,9 @@ function U(r, o) {
   for (const [e, f] of Object.entries(r)) {
     if (!e.startsWith("--") && e !== "font-size") continue;
     const c = O(f);
-    c && l.push(`  ${e}: ${c} !important;`);
+    c && l.push(
+      c.includes("!important") ? `  ${e}: ${c};` : `  ${e}: ${c} !important;`
+    );
   }
   return l.length === 0 ? "" : `#${o} {
 ${l.join(`

package/package.json

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