vlite3 1.4.9 → 1.4.11

package/components/Cart/CartVariant2.vue.js

@@ -28,7 +28,7 @@ const I = { class: "flex items-center justify-center gap-1.5" }, R = { class: "f
       () => c.value.totals.itemCount ?? c.value.items?.reduce((h, t) => h + (t.quantity || 0), 0) ?? 0
     );
     return (h, t) => (a(), s("div", {
-      class: o(["v-cart v-cart-v2 flex flex-col bg-background text-foreground border border-border max-w-md mx-auto overflow-hidden h-full", [e.containerClass, e.compact ? "rounded-sm" : "rounded-md"]])
+      class: o(["v-cart v-cart-v2 flex flex-col bg-background text-foreground border border-border overflow-hidden h-full", [e.containerClass, e.compact ? "rounded-sm" : "rounded-md"]])
     }, [
       n("div", {
         class: o(["text-center border-b border-dashed border-border shrink-0", e.compact ? "p-3" : "p-4"])

package/components/Cart/CartVariant4.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as q, computed as c, openBlock as a, createElementBlock as i, normalizeClass as r, createElementVNode as m, createVNode as v, toDisplayString as b, createCommentVNode as u, unref as z, createBlock as y, Fragment as B, renderList as N, withCtx as k, createTextVNode as C } from "vue";
+import { defineComponent as q, computed as c, openBlock as o, createElementBlock as i, normalizeClass as r, createElementVNode as m, createVNode as v, toDisplayString as b, createCommentVNode as u, unref as z, createBlock as y, Fragment as B, renderList as N, withCtx as k, createTextVNode as C } from "vue";
 import D from "../Icon.vue.js";
 import E from "../Price/Price.vue.js";
 import w from "../Button.vue.js";
@@ -28,11 +28,11 @@ const T = { class: "flex items-center gap-2 min-w-0" }, A = {
   },
   emits: ["update:quantity", "remove", "clear", "apply-coupon", "remove-coupon", "coupon-change", "continue", "continue-shopping"],
   setup(e, { emit: $ }) {
-    const p = e, l = $, s = c(() => p.data), g = c(() => p.labels || {}), o = c(() => p.actions || {}), f = c(() => p.features || {}), d = c(() => s.value.empty || !s.value.items || s.value.items.length === 0), S = c(
+    const p = e, l = $, s = c(() => p.data), g = c(() => p.labels || {}), n = c(() => p.actions || {}), f = c(() => p.features || {}), d = c(() => s.value.empty || !s.value.items || s.value.items.length === 0), S = c(
       () => s.value.totals.itemCount ?? s.value.items?.reduce((h, t) => h + (t.quantity || 0), 0) ?? 0
     );
-    return (h, t) => (a(), i("div", {
-      class: r(["v-cart v-cart-v4 flex flex-col bg-background text-foreground border border-border rounded-lg overflow-hidden w-full h-full", [e.containerClass, e.compact ? "max-w-xs" : "max-w-sm"]])
+    return (h, t) => (o(), i("div", {
+      class: r(["v-cart v-cart-v4 flex flex-col bg-background text-foreground border border-border rounded-lg overflow-hidden w-full h-full", [e.containerClass]])
     }, [
       m("div", {
         class: r(["flex items-center justify-between gap-2 border-b border-border shrink-0", e.compact ? "px-3 py-2" : "px-4 py-2.5"])
@@ -45,9 +45,9 @@ const T = { class: "flex items-center gap-2 min-w-0" }, A = {
           m("p", {
             class: r(["font-bold text-foreground truncate", (e.compact, "text-sm")])
           }, b(s.value.title || g.value.cart || "Cart"), 3),
-          d.value ? u("", !0) : (a(), i("span", A, b(S.value), 1))
+          d.value ? u("", !0) : (o(), i("span", A, b(S.value), 1))
         ]),
-        !d.value && !e.compact ? (a(), i("p", F, [
+        !d.value && !e.compact ? (o(), i("p", F, [
           m("span", U, [
             v(z(E), {
               value: e.data.totals.grandTotal,
@@ -57,20 +57,20 @@ const T = { class: "flex items-center gap-2 min-w-0" }, A = {
         ])) : u("", !0)
       ], 2),
       m("div", G, [
-        d.value ? (a(), y(R, {
+        d.value ? (o(), y(R, {
           key: 0,
           labels: e.labels,
           compact: !0,
-          onContinueShopping: t[0] || (t[0] = (n) => l("continue-shopping"))
-        }, null, 8, ["labels"])) : (a(), i("ul", {
+          onContinueShopping: t[0] || (t[0] = (a) => l("continue-shopping"))
+        }, null, 8, ["labels"])) : (o(), i("ul", {
           key: 1,
           class: r(["divide-y divide-border", e.compact ? "px-3" : "px-4"])
         }, [
-          (a(!0), i(B, null, N(e.data.items, (n) => (a(), i("li", {
-            key: n.id
+          (o(!0), i(B, null, N(e.data.items, (a) => (o(), i("li", {
+            key: a.id
           }, [
             v(L, {
-              item: n,
+              item: a,
               features: e.features,
               labels: e.labels,
               compact: e.compact,
@@ -82,7 +82,7 @@ const T = { class: "flex items-center gap-2 min-w-0" }, A = {
           ]))), 128))
         ], 2))
       ]),
-      d.value ? u("", !0) : (a(), i("div", {
+      d.value ? u("", !0) : (o(), i("div", {
         key: 0,
         class: r(["border-t border-border bg-muted/30 shrink-0", e.compact ? "p-3 space-y-2" : "p-4 space-y-3"])
       }, [
@@ -94,44 +94,44 @@ const T = { class: "flex items-center gap-2 min-w-0" }, A = {
           coupon: e.data.coupon,
           variant: "Variant4"
         }, null, 8, ["totals", "features", "labels", "compact", "coupon"]),
-        e.features.coupon ? (a(), y(I, {
+        e.features.coupon ? (o(), y(I, {
           key: 0,
           coupon: e.data.coupon,
           labels: e.labels,
           compact: e.compact,
           readonly: e.data.readonly,
-          onApply: t[3] || (t[3] = (n) => l("apply-coupon", n)),
-          onRemove: t[4] || (t[4] = (n) => l("remove-coupon")),
-          onChange: t[5] || (t[5] = (n) => l("coupon-change", n))
+          onApply: t[3] || (t[3] = (a) => l("apply-coupon", a)),
+          onRemove: t[4] || (t[4] = (a) => l("remove-coupon")),
+          onChange: t[5] || (t[5] = (a) => l("coupon-change", a))
         }, null, 8, ["coupon", "labels", "compact", "readonly"])) : u("", !0),
-        o.value.showContinue && f.value.continue || o.value.showContinueShopping && f.value.continueShopping ? (a(), i("div", H, [
-          o.value.showContinue && f.value.continue ? (a(), y(w, {
+        n.value.showContinue && f.value.continue || n.value.showContinueShopping && f.value.continueShopping ? (o(), i("div", H, [
+          n.value.showContinue && f.value.continue ? (o(), y(w, {
             key: 0,
             variant: "primary",
             size: e.compact ? "sm" : "md",
             block: !0,
-            icon: o.value.continueIcon || "lucide:arrow-right",
-            disabled: o.value.continueDisabled || d.value,
+            icon: n.value.continueIcon || "lucide:arrow-right",
+            disabled: n.value.continueDisabled || d.value,
             class: "w-full",
-            onClick: t[6] || (t[6] = (n) => l("continue"))
+            onClick: t[6] || (t[6] = (a) => l("continue"))
           }, {
             default: k(() => [
-              C(b(o.value.continueLabel || g.value.continue || "Checkout"), 1)
+              C(b(n.value.continueLabel || g.value.continue || "Checkout"), 1)
             ]),
             _: 1
           }, 8, ["size", "icon", "disabled"])) : u("", !0),
-          o.value.showContinueShopping && f.value.continueShopping ? (a(), y(w, {
+          n.value.showContinueShopping && f.value.continueShopping ? (o(), y(w, {
             key: 1,
             variant: "ghost",
             size: "sm",
             block: !0,
-            icon: o.value.continueShoppingIcon || "lucide:arrow-left",
-            disabled: o.value.continueShoppingDisabled,
+            icon: n.value.continueShoppingIcon || "lucide:arrow-left",
+            disabled: n.value.continueShoppingDisabled,
             class: "w-full",
-            onClick: t[7] || (t[7] = (n) => l("continue-shopping"))
+            onClick: t[7] || (t[7] = (a) => l("continue-shopping"))
           }, {
             default: k(() => [
-              C(b(o.value.continueShoppingLabel || g.value.continueShopping || "Continue shopping"), 1)
+              C(b(n.value.continueShoppingLabel || g.value.continueShopping || "Continue shopping"), 1)
             ]),
             _: 1
           }, 8, ["icon", "disabled"])) : u("", !0)

package/components/CategoryManager/CategoryManager.vue2.js

@@ -22,8 +22,8 @@ import qe from "../IconPicker.vue.js";
 /* empty css                                 */
 /* empty css                 */
 /* empty css                                         */
-/* empty css                                     */
-/* empty css                                         */
+/* empty css                                    */
+/* empty css                                        */
 import "../../core/config.js";
 /* empty css                                    */
 /* empty css                      */

package/components/RichTextEditor/RichTextEditor.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent as te, ref as v, shallowRef as ne, watch as oe, computed as h, onMounted as le, onUnmounted as ae, openBlock as C, createElementBlock as L, normalizeClass as re, toDisplayString as I, createCommentVNode as U, createElementVNode as w, createVNode as q, unref as a, normalizeStyle as ie } from "vue";
 /* empty css                         */
-import se from "./RichTextToolbar.vue.js";
-/* empty css                     */
-import de from "./RichTextLinkPopover.vue.js";
-/* empty css                         */
+import se from "./RichTextToolbar.vue2.js";
+/* empty css                    */
+import de from "./RichTextLinkPopover.vue2.js";
+/* empty css                        */
 import { useRichTextImageUpload as ue } from "./composables/useRichTextImageUpload.js";
 import { useRichTextLinks as ce } from "./composables/useRichTextLinks.js";
 const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { class: "rte-wrapper" }, ye = { class: "rte-body-wrap" }, ge = ["id", "contenteditable", "aria-label", "aria-readonly", "aria-disabled", "aria-invalid"], be = ["id"], Se = /* @__PURE__ */ te({

package/components/RichTextEditor/RichTextLinkPopover.vue3.js

@@ -1,5 +1,5 @@
-import o from "./RichTextLinkPopover.vue.js";
-/* empty css                         */
+import o from "./RichTextLinkPopover.vue2.js";
+/* empty css                        */
 export {
   o as default
 };

package/components/RichTextEditor/RichTextToolbar.vue3.js

@@ -1,5 +1,5 @@
-import o from "./RichTextToolbar.vue.js";
-/* empty css                     */
+import o from "./RichTextToolbar.vue2.js";
+/* empty css                    */
 export {
   o as default
 };

package/components/Screen/ScreenFilter.vue.js

@@ -21,8 +21,8 @@ import "iconify-icon-picker/style.css";
 /* empty css                                 */
 /* empty css                 */
 /* empty css                                         */
-/* empty css                                     */
-/* empty css                                         */
+/* empty css                                    */
+/* empty css                                        */
 import "../../core/config.js";
 /* empty css                                    */
 /* empty css                      */

package/components/ThemeProvider/ThemeProvider.vue.js

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

package/components/ThemeProvider/index.d.ts

@@ -1,3 +1,3 @@
 export { default as ThemeProvider } from './ThemeProvider.vue';
 export type { ThemeProviderProps, ThemeStyles, ThemeMaxWidth } from './types';
-export { buildThemeVariables, buildCardOverrideStyles } from './themeVars';
+export { buildThemeVariables, buildCardOverrideStyles, buildThemeStyleBlock, } from './themeVars';

package/components/ThemeProvider/themeVars.d.ts

@@ -9,6 +9,37 @@ export declare const DEFAULT_MAX_WIDTH = 1440;
  * `.bg-card .bg-card` selectors which cannot be expressed as inline variables).
  */
 export declare function buildCardOverrideStyles(bg: string, isDark: boolean): string;
+/**
+ * Build a `<style>` text block that re-applies every generated CSS custom
+ * property with `!important`, scoped to a unique `#id` selector.
+ *
+ * Why this exists:
+ *
+ *   The provider also injects variables via the root element's inline
+ *   `:style`. Inline styles are strong (specificity 1,0,0,0) but a
+ *   `!important` rule from anywhere else in the cascade still wins
+ *   over them. In a host application that ships global stylesheets
+ *   (Tailwind preflight, design-system tokens, dark-mode overrides,
+ *   …) it is common for at least one of those sheets to mark brand
+ *   tokens like `--color-primary` with `!important` in a `.dark` /
+ *   `[data-theme="dark"]` block. That silently nukes the provider's
+ *   inline values and the brand color disappears.
+ *
+ *   The fix is a redundant layer that has the *highest* priority
+ *   CSS offers: an ID selector combined with `!important`. With
+ *   `#<id> { --var: v !important; }` nothing else in the cascade
+ *   can override the theme — not Tailwind defaults, not ERP global
+ *   styles, not third-party stylesheets.
+ *
+ * Pure: no DOM, no Vue. Returns a CSS string ready to be dropped
+ * inside a `<component :is="'style'">{{ block }}</component>` block.
+ *
+ * Only CSS custom properties (keys starting with `--`) are emitted;
+ * real CSS properties like `font-size` are intentionally skipped to
+ * avoid forcing `!important` on properties that affect layout
+ * inheritance globally.
+ */
+export declare function buildThemeStyleBlock(vars: ThemeStyles, id: string): string;
 /**
  * Compute the full theme-styles record from a {@link ThemeProviderProps}.
  * Pure: no DOM, no Vue. Re-usable from tests and from server-side code.

package/components/ThemeProvider/themeVars.js

@@ -121,16 +121,16 @@ const x = 16, k = 1.25, y = 8, $ = 1440, g = (r, o) => {
   "--font-weight-black": "900"
 }, L = (r, o, l) => {
   const t = o / x;
-  r["font-size"] = `${o}px`, r["--font-size-base"] = `${o}px`, T.forEach(([c, e, f]) => {
-    const u = e * t;
-    r[`--text-${c}`] = `${i(u)}rem`, r[`--text-${c}--line-height`] = f === e ? "1" : `calc(${i(f * t)} / ${i(u)})`;
-  }), Object.entries(E).forEach(([c, e]) => {
-    r[`--text--fs-${c}`] = `${i(e)}em`;
+  r["font-size"] = `${o}px`, r["--font-size-base"] = `${o}px`, T.forEach(([e, c, n]) => {
+    const u = c * t;
+    r[`--text-${e}`] = `${i(u)}rem`, r[`--text-${e}--line-height`] = n === c ? "1" : `calc(${i(n * t)} / ${i(u)})`;
+  }), Object.entries(E).forEach(([e, c]) => {
+    r[`--text--fs-${e}`] = `${i(c)}em`;
   });
-  const n = l / k;
-  w.forEach((c) => {
-    const f = 1 + (B[c] - 1) * n;
-    r[`--text-fs-${c}`] = `${i(f)}em`;
+  const f = l / k;
+  w.forEach((e) => {
+    const n = 1 + (B[e] - 1) * f;
+    r[`--text-fs-${e}`] = `${i(n)}em`;
   });
 }, _ = (r, o) => {
   const l = o / x;
@@ -255,9 +255,9 @@ const x = 16, k = 1.25, y = 8, $ = 1440, g = (r, o) => {
   chart: ["#818cf8", "#34d399", "#fbbf24", "#fb7185", "#60a5fa", "#f472b6"]
 }, D = (r, o) => {
   const l = o ? N : A;
-  ["danger", "warning", "info", "success"].forEach((c) => {
-    const e = l[c];
-    r[`--color-${c}-light`] = e.light, r[`--color-${c}`] = e.default, r[`--color-${c}-dark`] = e.dark, r[`--color-${c}-fg`] = e.fg, r[`--color-${c}-fg-light`] = e.fgLight, r[`--color-${c}-subtle`] = e.subtle, r[`--color-${c}-subtle-fg`] = e.subtleFg, r[`--color-${c}-subtle-border`] = e.subtleBorder, c === "danger" && (r["--color-destructive"] = e.default, r["--color-destructive-foreground"] = e.fg);
+  ["danger", "warning", "info", "success"].forEach((e) => {
+    const c = l[e];
+    r[`--color-${e}-light`] = c.light, r[`--color-${e}`] = c.default, r[`--color-${e}-dark`] = c.dark, r[`--color-${e}-fg`] = c.fg, r[`--color-${e}-fg-light`] = c.fgLight, r[`--color-${e}-subtle`] = c.subtle, r[`--color-${e}-subtle-fg`] = c.subtleFg, r[`--color-${e}-subtle-border`] = c.subtleBorder, e === "danger" && (r["--color-destructive"] = c.default, r["--color-destructive-foreground"] = c.fg);
   }), [
     "secondary",
     "purple",
@@ -266,43 +266,43 @@ const x = 16, k = 1.25, y = 8, $ = 1440, g = (r, o) => {
     "orange",
     "pink",
     "cyan"
-  ].forEach((c) => {
-    const e = l[c];
-    r[`--color-${c}-subtle`] = e.subtle, r[`--color-${c}-subtle-fg`] = e.subtleFg, r[`--color-${c}-subtle-border`] = e.subtleBorder;
-  }), l.chart.forEach((c, e) => {
-    r[`--color-chart-${e + 1}`] = c;
+  ].forEach((e) => {
+    const c = l[e];
+    r[`--color-${e}-subtle`] = c.subtle, r[`--color-${e}-subtle-fg`] = c.subtleFg, r[`--color-${e}-subtle-border`] = c.subtleBorder;
+  }), l.chart.forEach((e, c) => {
+    r[`--color-chart-${c + 1}`] = e;
   });
 };
-function O(r, o) {
+function V(r, o) {
   if (!r) return "";
   if (o) {
-    const c = a(r, "#ffffff", 0.07), e = a(r, "#ffffff", 0.12), f = a(r, "#ffffff", 0.1), u = a(r, "#ffffff", 0.14), d = a(r, "#ffffff", 0.13), v = a(r, "#ffffff", 0.16), b = a(r, "#ffffff", 0.07), h = a(r, "#ffffff", 0.11), m = a(r, "#ffffff", 0.1), p = a(r, "#ffffff", 0.14);
+    const e = a(r, "#ffffff", 0.07), c = a(r, "#ffffff", 0.12), n = a(r, "#ffffff", 0.1), u = a(r, "#ffffff", 0.14), d = a(r, "#ffffff", 0.13), h = a(r, "#ffffff", 0.16), b = a(r, "#ffffff", 0.07), v = a(r, "#ffffff", 0.11), m = a(r, "#ffffff", 0.1), p = a(r, "#ffffff", 0.14);
     return `
 .vlite-theme-provider.dark .bg-card {
-  --color-body: ${c} !important;
-  --color-white: ${c} !important;
-  --color-mixture-1: ${e} !important;
+  --color-body: ${e} !important;
+  --color-white: ${e} !important;
+  --color-mixture-1: ${c} !important;
   --color-mixture-2: #ffffff !important;
-  background-color: ${c} !important;
+  background-color: ${e} !important;
 }
 .vlite-theme-provider.dark .bg-card .bg-card {
-  --color-body: ${f} !important;
-  --color-white: ${f} !important;
+  --color-body: ${n} !important;
+  --color-white: ${n} !important;
   --color-mixture-1: ${u} !important;
   --color-mixture-2: #000000;
-  background-color: ${f} !important;
+  background-color: ${n} !important;
 }
 .vlite-theme-provider.dark .bg-card .bg-card .bg-card {
   --color-body: ${d} !important;
   --color-white: ${d} !important;
-  --color-mixture-1: ${v} !important;
+  --color-mixture-1: ${h} !important;
   --color-mixture-2: #000000;
   background-color: ${d} !important;
 }
 .vlite-theme-provider.dark .bg-card-light {
   --color-body: ${b} !important;
   --color-white: ${b} !important;
-  --color-mixture-1: ${h} !important;
+  --color-mixture-1: ${v} !important;
   --color-mixture-2: #ffffff !important;
   background-color: ${b} !important;
 }
@@ -315,7 +315,7 @@ function O(r, o) {
 }
 `;
   }
-  const l = a(r, "#000000", 0.03), t = a(r, "#000000", 0.055), n = a(r, "#000000", 0.09);
+  const l = a(r, "#000000", 0.03), t = a(r, "#000000", 0.055), f = a(r, "#000000", 0.09);
   return `
 .vlite-theme-provider .bg-card,
 .vlite-theme-provider .bg-card-light {
@@ -336,15 +336,30 @@ function O(r, o) {
 }
 .vlite-theme-provider .bg-card .bg-card .bg-card,
 .vlite-theme-provider .bg-card-light .bg-card-light .bg-card-light {
-  --color-body: ${n} !important;
-  --color-white: ${n} !important;
-  --color-mixture-1: ${n};
+  --color-body: ${f} !important;
+  --color-white: ${f} !important;
+  --color-mixture-1: ${f};
   --color-mixture-2: #000000;
-  background-color: ${n} !important;
+  background-color: ${f} !important;
+}
+`;
+}
+const I = (r) => r.replace(/[{};]/g, "");
+function R(r, o) {
+  if (!o) return "";
+  const l = [];
+  for (const [t, f] of Object.entries(r)) {
+    if (!t.startsWith("--")) continue;
+    const e = I(f);
+    e && l.push(`  ${t}: ${e} !important;`);
+  }
+  return l.length === 0 ? "" : `#${o} {
+${l.join(`
+`)}
 }
 `;
 }
-function R(r) {
+function U(r) {
   const o = {};
   if (o["--color-white"] = r.bgColor ?? "#ffffff", o["--color-black"] = "#000000", r.bgColor) {
     o["--color-background"] = r.bgColor, o["--color-body"] = r.bgColor;
@@ -367,6 +382,7 @@ export {
   y as DEFAULT_BORDER_RADIUS,
   k as DEFAULT_HEADING_SCALE,
   $ as DEFAULT_MAX_WIDTH,
-  O as buildCardOverrideStyles,
-  R as buildThemeVariables
+  V as buildCardOverrideStyles,
+  R as buildThemeStyleBlock,
+  U as buildThemeVariables
 };

package/index.js

@@ -1,6 +1,6 @@
 import { default as p } from "vue3-google-signin";
 import { deepMerge as u } from "./utils/object.js";
-import { camelCase as x, capitalize as i, copyToClipboard as n, debounce as c, delay as C, downloadFile as g, flattenArray as T, formatAmPm as S, formatCurrency as h, formatDate as I, formatNumber as b, formatSchedule as P, getDefaultDateRange as v, getNextMonth as y, getNextYear as D, getPrevMonth as F, getPrevYear as E, getToday as R, getTomorrow as A, getUniqueId as B, getUpcoming as M, getYear as N, getYesterday as k, isAppleDevice as L, isEmpty as w, isPureTimeString as O, isValidTimeRange as G, parseDateTime as _, randomNumber as K, removeExtraProperties as Y, slugify as H, throttle as U, toISO as V, toLocalISO as z, truncate as Q } from "./utils/functions.js";
+import { camelCase as x, capitalize as i, copyToClipboard as n, debounce as c, delay as C, downloadFile as T, flattenArray as g, formatAmPm as S, formatCurrency as h, formatDate as I, formatNumber as b, formatSchedule as P, getDefaultDateRange as v, getNextMonth as y, getNextYear as D, getPrevMonth as F, getPrevYear as E, getToday as B, getTomorrow as R, getUniqueId as A, getUpcoming as k, getYear as M, getYesterday as N, isAppleDevice as L, isEmpty as w, isPureTimeString as O, isValidTimeRange as G, parseDateTime as _, randomNumber as K, removeExtraProperties as Y, slugify as H, throttle as U, toISO as V, toLocalISO as z, truncate as Q } from "./utils/functions.js";
 import { lazySearch as X, resetSearchIndex as j, search as q } from "./utils/search.util.js";
 import { env as J } from "./utils/env.js";
 import { $t as ee } from "./utils/i18n.js";
@@ -11,16 +11,16 @@ import { default as ue } from "./components/Form/Form.vue.js";
 import { default as xe } from "./components/Form/FormField.vue.js";
 import { default as ne } from "./components/Form/FormFields.vue.js";
 import { default as Ce } from "./components/Form/index.vue.js";
-import { default as Te } from "./components/Form/FormSkeleton.vue.js";
+import { default as ge } from "./components/Form/FormSkeleton.vue.js";
 import { useForm as he } from "./components/Form/composables/useForm.js";
 import { useFileUpload as be } from "./components/Form/composables/useFileUpload.js";
 import { default as ve } from "./components/Tabes/Tabes.vue.js";
 import { default as De } from "./components/Stats/Stats.vue.js";
 /* empty css                            */
 import { default as Ee } from "./components/Kanban/Kanban.vue.js";
-import { default as Ae } from "./components/Kanban/KanbanBoard.vue.js";
-import { useKanbanBoard as Me } from "./components/Kanban/useKanbanBoard.js";
-import { default as ke } from "./components/Navbar/Navbar.vue.js";
+import { default as Re } from "./components/Kanban/KanbanBoard.vue.js";
+import { useKanbanBoard as ke } from "./components/Kanban/useKanbanBoard.js";
+import { default as Ne } from "./components/Navbar/Navbar.vue.js";
 import { default as we } from "./components/Navbar/NavbarItem.vue.js";
 import { default as Ge } from "./components/Navbar/NavbarGroup.vue.js";
 import { default as Ke } from "./components/Navbar/NavbarTabs.vue.js";
@@ -39,12 +39,12 @@ import { default as po } from "./components/Carousel/Carousel.vue.js";
 import { default as uo } from "./components/Cart/Cart.vue.js";
 import { default as io } from "./components/Cart/CartLineItem.vue.js";
 import { default as co } from "./components/Cart/CartSummary.vue.js";
-import { default as go } from "./components/Cart/CartCouponInput.vue.js";
+import { default as To } from "./components/Cart/CartCouponInput.vue.js";
 import { default as So } from "./components/Cart/CartEmptyState.vue.js";
 import { useCart as Io } from "./components/Cart/composables/useCart.js";
-import { calculateCartTotals as Po, computeCouponDiscount as vo, computeShipping as yo, computeTax as Do, sumItemCount as Fo, sumLineTotals as Eo, sumSavings as Ro, useCartCalculation as Ao } from "./components/Cart/composables/useCartCalculation.js";
-import { default as Mo } from "./components/Dropdown/Dropdown.vue.js";
-import { default as ko } from "./components/Dropdown/DropdownMenu.vue.js";
+import { calculateCartTotals as Po, computeCouponDiscount as vo, computeShipping as yo, computeTax as Do, sumItemCount as Fo, sumLineTotals as Eo, sumSavings as Bo, useCartCalculation as Ro } from "./components/Cart/composables/useCartCalculation.js";
+import { default as ko } from "./components/Dropdown/Dropdown.vue.js";
+import { default as No } from "./components/Dropdown/DropdownMenu.vue.js";
 import { default as wo } from "./components/Dropdown/DropdownTrigger.vue.js";
 import { default as Go } from "./components/Dropdown/DropdownItem.vue.js";
 import { useDropdownSelection as Ko } from "./components/Dropdown/composables/useDropdownSelection.js";
@@ -63,15 +63,15 @@ import { default as sr } from "./components/Workbook/Workbook.vue.js";
 import { default as dr } from "./components/Workbook/Sheet.vue.js";
 import { default as ir } from "./components/DataList/DataList.vue.js";
 import { default as cr } from "./components/List/List.vue.js";
-import { default as gr } from "./components/List/ListFieldRow.vue.js";
+import { default as Tr } from "./components/List/ListFieldRow.vue.js";
 import { getObjectValue as Sr } from "./components/List/utils.js";
 import { default as Ir } from "./components/Empty/Empty.vue.js";
 import { default as Pr } from "./components/Comment/CommentItem.vue.js";
 import { default as yr } from "./components/Comment/CommentThread.vue.js";
 import { default as Fr } from "./components/Comment/CommentEditor.vue.js";
-import { default as Rr } from "./components/Accordion/Accordion.vue.js";
-import { default as Br } from "./components/Accordion/AccordionItem.vue.js";
-import { default as Nr } from "./components/Accordion/AccordionTrigger.vue.js";
+import { default as Br } from "./components/Accordion/Accordion.vue.js";
+import { default as Ar } from "./components/Accordion/AccordionItem.vue.js";
+import { default as Mr } from "./components/Accordion/AccordionTrigger.vue.js";
 import { default as Lr } from "./components/Accordion/AccordionContent.vue.js";
 import { default as Or } from "./components/ChoiceBox/ChoiceBox.vue.js";
 import { default as _r } from "./components/DataTable/DataTable.vue.js";
@@ -91,15 +91,15 @@ import { default as xt } from "./components/PricingPlan/PricingPlan.vue.js";
 import { default as nt } from "./components/PricingPlan/PricingPlanItem.vue.js";
 import { default as Ct } from "./components/SidebarMenu/SidebarMenu.vue.js";
 /* empty css                                        */
-import { default as Tt } from "./components/SidebarMenu/SidebarMenuItem.vue.js";
+import { default as gt } from "./components/SidebarMenu/SidebarMenuItem.vue.js";
 /* empty css                                            */
 import { default as ht } from "./components/ProgressBar/ProgressBar.vue.js";
 import { default as bt } from "./components/PermissionMatrix/PermissionMatrix.vue.js";
 import { default as vt } from "./components/PermissionMatrix/PermissionEditor.vue.js";
 import { useAdvancedKeyStroke as Dt, useKeyStroke as Ft } from "./composables/useKeyStroke.js";
-import { vScrollReveal as Rt } from "./directives/vScrollReveal.js";
-import { default as Bt } from "./components/AvatarUploader/AvatarUploader.vue.js";
-import { default as Nt } from "./components/AvatarGroup/AvatarGroup.vue.js";
+import { vScrollReveal as Bt } from "./directives/vScrollReveal.js";
+import { default as At } from "./components/AvatarUploader/AvatarUploader.vue.js";
+import { default as Mt } from "./components/AvatarGroup/AvatarGroup.vue.js";
 import { configure as Lt, pauseTimers as wt, removeToast as Ot, resumeTimers as Gt, showToast as _t, toast as Kt, useNotifications as Yt } from "./composables/useNotifications.js";
 import { default as Ut } from "./components/Timeline/Timeline.vue.js";
 import { default as zt } from "./components/Timeline/TimelineItem.vue.js";
@@ -115,14 +115,14 @@ import { default as sa } from "./components/CategoryMenu/CategoryMenu.vue.js";
 import { default as da } from "./components/ThumbnailSelector/ThumbnailSelector.vue.js";
 import { default as ia } from "./components/TagInput/TagInput.vue.js";
 import { default as ca } from "./components/Calendar/Calendar.vue.js";
-import { default as ga } from "./components/Calendar/CalendarEventItem.vue.js";
+import { default as Ta } from "./components/Calendar/CalendarEventItem.vue.js";
 import { default as Sa } from "./components/Skeleton/Skeleton.vue.js";
 import { normalizeBone as Ia } from "./components/Skeleton/types.js";
 import { snapshotBones as Pa } from "./components/Skeleton/extract.js";
 import { configureSkeleton as ya, getGlobalConfig as Da, registerBones as Fa } from "./components/Skeleton/shared.js";
-import { default as Ra } from "./components/Chart/LineChart.vue.js";
-import { default as Ba } from "./components/Chart/BarChart.vue.js";
-import { default as Na } from "./components/Chart/PieChart.vue.js";
+import { default as Ba } from "./components/Chart/LineChart.vue.js";
+import { default as Aa } from "./components/Chart/BarChart.vue.js";
+import { default as Ma } from "./components/Chart/PieChart.vue.js";
 import { default as La } from "./components/Chart/CircleChart.vue.js";
 import { default as Oa } from "./components/Chart/GaugeChart.vue.js";
 import { default as _a } from "./components/Chart/SpeedometerChart.vue.js";
@@ -138,111 +138,111 @@ import { createAsyncSelect as tf } from "./components/AsyncSelect/createAsyncSel
 import { default as ff } from "./components/ImageComparison/ImageComparison.vue.js";
 import { default as lf } from "./components/ImageMagnifier.vue.js";
 import { default as sf } from "./components/ThemeProvider/ThemeProvider.vue.js";
-import { buildCardOverrideStyles as df, buildThemeVariables as xf } from "./components/ThemeProvider/themeVars.js";
-import { default as cf } from "./components/ScaleGenerator/ScaleGenerator.vue.js";
-import { THEME_STYLES_KEY as gf, useThemeStyles as Tf } from "./composables/useThemeStyles.js";
-import { default as hf } from "./components/Icon.vue.js";
-import { default as bf } from "./components/Logo.vue.js";
-import { default as vf } from "./components/Alert.vue.js";
-import { default as Df } from "./components/Badge.vue.js";
-import { default as Ef } from "./components/Input.vue.js";
+import { buildCardOverrideStyles as df, buildThemeStyleBlock as xf, buildThemeVariables as nf } from "./components/ThemeProvider/themeVars.js";
+import { default as Cf } from "./components/ScaleGenerator/ScaleGenerator.vue.js";
+import { THEME_STYLES_KEY as gf, useThemeStyles as Sf } from "./composables/useThemeStyles.js";
+import { default as If } from "./components/Icon.vue.js";
+import { default as Pf } from "./components/Logo.vue.js";
+import { default as yf } from "./components/Alert.vue.js";
+import { default as Ff } from "./components/Badge.vue.js";
+import { default as Bf } from "./components/Input.vue.js";
 /* empty css                      */
 import { default as Af } from "./components/Label.vue.js";
 import { default as Mf } from "./components/Modal.vue.js";
-import { default as kf } from "./components/Avatar.vue.js";
-import { default as wf } from "./components/Persona.vue.js";
-import { default as Gf } from "./components/Button.vue.js";
-import { default as Kf } from "./components/BackButton.vue.js";
-import { default as Hf } from "./components/Clipboard.vue.js";
-import { default as Vf } from "./components/Slider.vue.js";
-import { default as Qf } from "./components/Switch.vue.js";
-import { default as Xf } from "./components/Tooltip.vue.js";
-import { default as qf } from "./components/CheckBox.vue.js";
-import { default as Jf } from "./components/Textarea.vue.js";
-import { default as em } from "./components/Radio.vue.js";
-import { default as rm } from "./components/RadioGroup.vue.js";
-import { default as am } from "./components/FadeOverlay/FadeOverlay.vue.js";
-import { default as mm } from "./components/SidePanel.vue.js";
-import { default as pm } from "./components/DatePicker.vue.js";
-import { default as um } from "./components/IconPicker.vue.js";
-import { default as xm } from "./components/ButtonGroup.vue.js";
-import { default as nm } from "./components/NumberInput.vue.js";
-import { default as Cm } from "./components/ThemeToggle.vue.js";
-import { default as Tm } from "./components/GoogleLogin.vue.js";
-import { default as hm } from "./components/ColorPicker/ColorPicker.vue.js";
-import { default as bm } from "./components/ConfirmationModal.vue.js";
-import { default as vm } from "./components/ToastNotification.vue.js";
-import { default as Dm } from "./components/CommandPalette/CommandPaletteContent.vue.js";
-import { default as Em } from "./components/NavbarCommandPalette.vue.js";
+import { default as Lf } from "./components/Avatar.vue.js";
+import { default as Of } from "./components/Persona.vue.js";
+import { default as _f } from "./components/Button.vue.js";
+import { default as Yf } from "./components/BackButton.vue.js";
+import { default as Uf } from "./components/Clipboard.vue.js";
+import { default as zf } from "./components/Slider.vue.js";
+import { default as Wf } from "./components/Switch.vue.js";
+import { default as jf } from "./components/Tooltip.vue.js";
+import { default as $f } from "./components/CheckBox.vue.js";
+import { default as Zf } from "./components/Textarea.vue.js";
+import { default as om } from "./components/Radio.vue.js";
+import { default as tm } from "./components/RadioGroup.vue.js";
+import { default as fm } from "./components/FadeOverlay/FadeOverlay.vue.js";
+import { default as lm } from "./components/SidePanel.vue.js";
+import { default as sm } from "./components/DatePicker.vue.js";
+import { default as dm } from "./components/IconPicker.vue.js";
+import { default as im } from "./components/ButtonGroup.vue.js";
+import { default as cm } from "./components/NumberInput.vue.js";
+import { default as Tm } from "./components/ThemeToggle.vue.js";
+import { default as Sm } from "./components/GoogleLogin.vue.js";
+import { default as Im } from "./components/ColorPicker/ColorPicker.vue.js";
+import { default as Pm } from "./components/ConfirmationModal.vue.js";
+import { default as ym } from "./components/ToastNotification.vue.js";
+import { default as Fm } from "./components/CommandPalette/CommandPaletteContent.vue.js";
+import { default as Bm } from "./components/NavbarCommandPalette.vue.js";
 import { default as Am } from "./components/DateRangePicker.vue.js";
 import { createVLite as Mm } from "./core/index.js";
-import { default as km } from "./components/StatusChip/StatusChip.vue.js";
-import { STATUS_MAP as wm, normalizeStatus as Om, resolveStatus as Gm } from "./components/StatusChip/status-map.js";
-import { default as Km } from "./components/Price/Price.vue.js";
-import { default as Hm } from "./components/DateTime/DateTime.vue.js";
-import { default as Vm } from "./components/Clock/Clock.vue.js";
-import { default as Qm } from "./components/Chat/ChatInterface.vue.js";
-import { VLITE_CONFIG_KEY as Xm, configState as jm, updateConfig as qm, useVLiteConfig as $m } from "./core/config.js";
-import { getStatusColorClass as Zm } from "./utils/status.js";
+import { default as Lm } from "./components/StatusChip/StatusChip.vue.js";
+import { STATUS_MAP as Om, normalizeStatus as Gm, resolveStatus as _m } from "./components/StatusChip/status-map.js";
+import { default as Ym } from "./components/Price/Price.vue.js";
+import { default as Um } from "./components/DateTime/DateTime.vue.js";
+import { default as zm } from "./components/Clock/Clock.vue.js";
+import { default as Wm } from "./components/Chat/ChatInterface.vue.js";
+import { VLITE_CONFIG_KEY as jm, configState as qm, updateConfig as $m, useVLiteConfig as Jm } from "./core/config.js";
+import { getStatusColorClass as el } from "./utils/status.js";
 export {
   ee as $t,
-  Rr as Accordion,
+  Br as Accordion,
   Lr as AccordionContent,
-  Br as AccordionItem,
-  Nr as AccordionTrigger,
-  vf as Alert,
+  Ar as AccordionItem,
+  Mr as AccordionTrigger,
+  yf as Alert,
   $a as AppShell,
   $t as AttachmentsList,
-  kf as Avatar,
-  Nt as AvatarGroup,
-  Bt as AvatarUploader,
-  Kf as BackButton,
-  Df as Badge,
-  Ba as BarChart,
+  Lf as Avatar,
+  Mt as AvatarGroup,
+  At as AvatarUploader,
+  Yf as BackButton,
+  Ff as Badge,
+  Aa as BarChart,
   ao as Barcode,
   Vo as Breadcrumb,
   Qo as BreadcrumbItem,
-  Gf as Button,
-  xm as ButtonGroup,
+  _f as Button,
+  im as ButtonGroup,
   ca as Calendar,
-  ga as CalendarEventItem,
+  Ta as CalendarEventItem,
   po as Carousel,
   uo as Cart,
-  go as CartCouponInput,
+  To as CartCouponInput,
   So as CartEmptyState,
   io as CartLineItem,
   co as CartSummary,
   la as CategoryManager,
   sa as CategoryMenu,
-  Qm as ChatInterface,
-  qf as CheckBox,
+  Wm as ChatInterface,
+  $f as CheckBox,
   pe as Chip,
   Or as ChoiceBox,
   La as CircleChart,
-  Hf as Clipboard,
-  Vm as Clock,
-  hm as ColorPicker,
-  Dm as CommandPaletteContent,
+  Uf as Clipboard,
+  zm as Clock,
+  Im as ColorPicker,
+  Fm as CommandPaletteContent,
   Fr as CommentEditor,
   Pr as CommentItem,
   yr as CommentThread,
-  bm as ConfirmationModal,
+  Pm as ConfirmationModal,
   Ce as CustomFields,
   oa as CustomFieldsDisplay,
   ir as DataList,
   _r as DataTable,
   Yr as DataTableHeader,
   Ur as DataTableRow,
-  pm as DatePicker,
+  sm as DatePicker,
   Am as DateRangePicker,
-  Hm as DateTime,
-  Mo as Dropdown,
+  Um as DateTime,
+  ko as Dropdown,
   Go as DropdownItem,
-  ko as DropdownMenu,
+  No as DropdownMenu,
   wo as DropdownTrigger,
   Ir as Empty,
   at as ExportData,
-  am as FadeOverlay,
+  fm as FadeOverlay,
   et as FilePicker,
   jt as FilePreview,
   Xo as FileTree,
@@ -251,101 +251,102 @@ export {
   ue as Form,
   xe as FormField,
   ne as FormFields,
-  Te as FormSkeleton,
+  ge as FormSkeleton,
   ja as GanttChart,
   Oa as GaugeChart,
-  Tm as GoogleLogin,
+  Sm as GoogleLogin,
   p as GoogleSignInPlugin,
   qe as Heatmap,
-  hf as Icon,
-  um as IconPicker,
+  If as Icon,
+  dm as IconPicker,
   ff as ImageComparison,
   lf as ImageMagnifier,
   mt as ImportData,
-  Ef as Input,
+  Bf as Input,
   ta as Invoice,
   fa as InvoiceTotals,
   Ee as Kanban,
-  Ae as KanbanBoard,
+  Re as KanbanBoard,
   Af as Label,
-  Ra as LineChart,
+  Ba as LineChart,
   cr as List,
-  gr as ListFieldRow,
-  bf as Logo,
+  Tr as ListFieldRow,
+  Pf as Logo,
   eo as MASONRY_BREAKPOINTS,
   Je as Masonry,
   Mf as Modal,
   pt as MultiSelect,
-  ke as Navbar,
-  Em as NavbarCommandPalette,
+  Ne as Navbar,
+  Bm as NavbarCommandPalette,
   Ge as NavbarGroup,
   we as NavbarItem,
   Ke as NavbarTabs,
-  nm as NumberInput,
+  cm as NumberInput,
   lr as OTPInput,
   rt as Pagination,
   vt as PermissionEditor,
   bt as PermissionMatrix,
-  wf as Persona,
-  Na as PieChart,
-  Km as Price,
+  Of as Persona,
+  Ma as PieChart,
+  Ym as Price,
   xt as PricingPlan,
   nt as PricingPlanItem,
   ht as ProgressBar,
   He as QRCode,
   ar as RICH_TEXT_TOOL_GROUPS,
-  em as Radio,
-  rm as RadioGroup,
+  om as Radio,
+  tm as RadioGroup,
   Za as Rating,
   of as ReviewSummary,
   er as RichTextEditor,
   rr as RichTextReader,
   zr as SCREEN_CONTEXT_KEY,
-  wm as STATUS_MAP,
-  cf as ScaleGenerator,
+  Om as STATUS_MAP,
+  Cf as ScaleGenerator,
   Ve as Screen,
   Qe as ScreenFilter,
   Xe as ScreenQuickFilters,
   Ua as SegmentBarChart,
   dr as Sheet,
-  mm as SidePanel,
+  lm as SidePanel,
   Ct as SidebarMenu,
-  Tt as SidebarMenuItem,
+  gt as SidebarMenuItem,
   Sa as Skeleton,
-  Vf as Slider,
+  zf as Slider,
   _a as SpeedometerChart,
   ro as Spinner,
   Wr as Splitter,
   za as StatCardChart,
   De as Stats,
-  km as StatusChip,
-  Qf as Switch,
+  Lm as StatusChip,
+  Wf as Switch,
   gf as THEME_STYLES_KEY,
   ve as Tabes,
   ia as TagInput,
-  Jf as Textarea,
+  Zf as Textarea,
   sf as ThemeProvider,
-  Cm as ThemeToggle,
+  Tm as ThemeToggle,
   da as ThumbnailSelector,
   Ut as Timeline,
   Ya as TimelineChart,
   Wt as TimelineIndicator,
   zt as TimelineItem,
-  vm as ToastNotification,
-  Xf as Tooltip,
-  Xm as VLITE_CONFIG_KEY,
+  ym as ToastNotification,
+  jf as Tooltip,
+  jm as VLITE_CONFIG_KEY,
   Wa as WaffleChart,
   sr as Workbook,
   mo as barcodesConstants,
   df as buildCardOverrideStyles,
-  xf as buildThemeVariables,
+  xf as buildThemeStyleBlock,
+  nf as buildThemeVariables,
   Po as calculateCartTotals,
   x as camelCase,
   i as capitalize,
   vo as computeCouponDiscount,
   yo as computeShipping,
   Do as computeTax,
-  jm as configState,
+  qm as configState,
   Lt as configure,
   ya as configureSkeleton,
   n as copyToClipboard,
@@ -354,9 +355,9 @@ export {
   c as debounce,
   u as deepMerge,
   C as delay,
-  g as downloadFile,
+  T as downloadFile,
   J as env,
-  T as flattenArray,
+  g as flattenArray,
   S as formatAmPm,
   h as formatCurrency,
   I as formatDate,
@@ -371,13 +372,13 @@ export {
   Sr as getObjectValue,
   F as getPrevMonth,
   E as getPrevYear,
-  Zm as getStatusColorClass,
-  R as getToday,
-  A as getTomorrow,
-  B as getUniqueId,
-  M as getUpcoming,
-  N as getYear,
-  k as getYesterday,
+  el as getStatusColorClass,
+  B as getToday,
+  R as getTomorrow,
+  A as getUniqueId,
+  k as getUpcoming,
+  M as getYear,
+  N as getYesterday,
   ae as hexToHSL,
   $r as initializeTheme,
   L as isAppleDevice,
@@ -388,7 +389,7 @@ export {
   X as lazySearch,
   me as mixColorHex,
   Ia as normalizeBone,
-  Om as normalizeStatus,
+  Gm as normalizeStatus,
   _ as parseDateTime,
   wt as pauseTimers,
   K as randomNumber,
@@ -397,7 +398,7 @@ export {
   Ot as removeToast,
   j as resetSearchIndex,
   fr as resolveRichTextTools,
-  Gm as resolveStatus,
+  _m as resolveStatus,
   Gt as resumeTimers,
   q as search,
   _t as showToast,
@@ -405,27 +406,27 @@ export {
   Pa as snapshotBones,
   Fo as sumItemCount,
   Eo as sumLineTotals,
-  Ro as sumSavings,
+  Bo as sumSavings,
   U as throttle,
   V as toISO,
   z as toLocalISO,
   Kt as toast,
   Q as truncate,
-  qm as updateConfig,
+  $m as updateConfig,
   Dt as useAdvancedKeyStroke,
   Io as useCart,
-  Ao as useCartCalculation,
+  Ro as useCartCalculation,
   Ho as useDropdownIds,
   Ko as useDropdownSelection,
   be as useFileUpload,
   he as useForm,
-  Me as useKanbanBoard,
+  ke as useKanbanBoard,
   Ft as useKeyStroke,
   ut as useMultiSelectHydration,
   Yt as useNotifications,
   Jr as useTheme,
-  Tf as useThemeStyles,
+  Sf as useThemeStyles,
   Jo as useTreeSelection,
-  $m as useVLiteConfig,
-  Rt as vScrollReveal
+  Jm as useVLiteConfig,
+  Bt as vScrollReveal
 };

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.9",
+  "version": "1.4.11",
   "type": "module",
   "main": "index.js",
   "module": "index.js",