x-next 1.10.0 → 1.11.0

package/dist/components/trend-chart/index.d.ts

@@ -85,13 +85,13 @@ export declare const TrendChart: {
     }, import('vue').PublicProps, {
         fill: boolean;
         status: import('./props').TrendChartStatus;
-        height: string | number;
-        width: string | number;
         grid: Record<string, unknown> | null;
-        padding: string | number;
-        stroke: boolean;
         smooth: boolean;
+        stroke: boolean;
         tooltip: boolean;
+        padding: string | number;
+        height: string | number;
+        width: string | number;
         dataset: import('./props').DataSet;
         labels: Record<string, unknown> | null;
         theme: import('./props').Theme;
@@ -226,8 +226,8 @@ export declare const TrendChart: {
         }>> & Readonly<{}>, {
             fill: boolean;
             data: number[];
-            stroke: boolean;
             smooth: boolean;
+            stroke: boolean;
             tooltip: boolean;
             boundary: import('./props').Boundary;
             showPoints: import('./props').ShowPoints;
@@ -321,13 +321,13 @@ export declare const TrendChart: {
     }>, () => VNode, {}, {}, {}, {
         fill: boolean;
         status: import('./props').TrendChartStatus;
-        height: string | number;
-        width: string | number;
         grid: Record<string, unknown> | null;
-        padding: string | number;
-        stroke: boolean;
         smooth: boolean;
+        stroke: boolean;
         tooltip: boolean;
+        padding: string | number;
+        height: string | number;
+        width: string | number;
         dataset: import('./props').DataSet;
         labels: Record<string, unknown> | null;
         theme: import('./props').Theme;
@@ -424,13 +424,13 @@ export declare const TrendChart: {
 }, string, {
     fill: boolean;
     status: import('./props').TrendChartStatus;
-    height: string | number;
-    width: string | number;
     grid: Record<string, unknown> | null;
-    padding: string | number;
-    stroke: boolean;
     smooth: boolean;
+    stroke: boolean;
     tooltip: boolean;
+    padding: string | number;
+    height: string | number;
+    width: string | number;
     dataset: import('./props').DataSet;
     labels: Record<string, unknown> | null;
     theme: import('./props').Theme;
@@ -565,8 +565,8 @@ export declare const TrendChart: {
     }>> & Readonly<{}>, {
         fill: boolean;
         data: number[];
-        stroke: boolean;
         smooth: boolean;
+        stroke: boolean;
         tooltip: boolean;
         boundary: import('./props').Boundary;
         showPoints: import('./props').ShowPoints;

package/dist/components/trigger/interface.d.ts

@@ -17,6 +17,8 @@ export interface TriggerProps {
     blurToClose?: boolean;
     clickToClose?: boolean;
     clickOutsideToClose?: boolean;
+    scrollToClose?: boolean;
+    scrollToCloseDistance?: number;
     unmountOnClose?: boolean;
     contentClass?: any;
     contentStyle?: CSSProperties;

package/dist/components/virtual-list-v2/virtual-list.vue.d.ts

@@ -133,8 +133,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     data: Record<string, any>[];
     component: string | Record<string, any>;
-    height: string | number;
     scrollbar: boolean | ScrollbarProps;
+    height: string | number;
     fixedSize: boolean;
     estimatedSize: number;
     buffer: number;
@@ -198,11 +198,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 modifier: (className: string) => string;
                 is: (className: string) => string;
             };
-            cls: import('vue').ComputedRef<unknown[]>;
+            cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
             style: import('vue').ComputedRef<import('vue').StyleValue[]>;
             rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
             getContainerAttrs: () => {
                 [x: string]: unknown;
+                class?: import('vue').ClassValue;
             };
             getContainerStyle: () => import('vue').StyleValue;
             containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -325,11 +326,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 modifier: (className: string) => string;
                 is: (className: string) => string;
             };
-            cls: import('vue').ComputedRef<unknown[]>;
+            cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
             style: import('vue').ComputedRef<import('vue').StyleValue[]>;
             rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
             getContainerAttrs: () => {
                 [x: string]: unknown;
+                class?: import('vue').ClassValue;
             };
             getContainerStyle: () => import('vue').StyleValue;
             containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -396,11 +398,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             modifier: (className: string) => string;
             is: (className: string) => string;
         };
-        cls: import('vue').ComputedRef<unknown[]>;
+        cls: import('vue').ComputedRef<(string | false | Record<string, any> | unknown[] | null | undefined)[]>;
         style: import('vue').ComputedRef<import('vue').StyleValue[]>;
         rootRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
         getContainerAttrs: () => {
             [x: string]: unknown;
+            class?: import('vue').ClassValue;
         };
         getContainerStyle: () => import('vue').StyleValue;
         containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;

package/dist/es/_hooks/use-dialog-focus.js

@@ -0,0 +1,69 @@
+import { watch as g, onBeforeUnmount as S, nextTick as N } from "vue";
+const w = [
+  "a[href]",
+  "button:not([disabled])",
+  "textarea:not([disabled])",
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "[tabindex]"
+].join(","), f = (r) => r instanceof HTMLInputElement && r.type === "radio" && !!r.name, v = (r, d) => r.name === d.name && r.form === d.form && r.getRootNode() === d.getRootNode(), x = (r) => {
+  const d = Array.from(r.querySelectorAll(w)).filter((t) => {
+    if (t.tabIndex < 0 || t.matches(':disabled, input[type="hidden"]') || t.closest('[hidden], [inert], [aria-hidden="true"]')) return !1;
+    for (let n = t; n; n = n.parentElement) {
+      if (n.matches("fieldset[disabled]") && t.matches("button, input, select, textarea")) {
+        const l = Array.from(n.children).find((c) => c.tagName === "LEGEND");
+        if (!(l != null && l.contains(t))) return !1;
+      }
+      const i = window.getComputedStyle(n);
+      if (i.display === "none" || i.visibility === "hidden" || i.visibility === "collapse") return !1;
+    }
+    return !0;
+  });
+  return d.filter((t) => {
+    if (!f(t)) return !0;
+    const n = d.filter(
+      (i) => f(i) && v(t, i)
+    );
+    return t === (n.find((i) => i.checked) ?? n[0]);
+  }).sort((t, n) => (t.tabIndex || 1 / 0) - (n.tabIndex || 1 / 0));
+}, K = (r, d, t, n, i) => {
+  let l = null, c = !1;
+  g(r, (e) => {
+    e && typeof document < "u" && (l = document.activeElement);
+  }, { immediate: !0, flush: "sync" });
+  const E = () => {
+    typeof document > "u" || N(() => {
+      const e = t.value;
+      !e || !r.value || c || !i() || (x(e)[0] ?? e).focus({ preventScroll: !0 });
+    });
+  }, m = () => {
+    var o;
+    const e = l;
+    if (l = null, !(e != null && e.isConnected) || typeof document > "u") return;
+    const s = document.activeElement;
+    s != null && s.isConnected && s !== document.body && s !== document.documentElement && s !== e && !((o = d.value) != null && o.contains(s)) || e.focus({ preventScroll: !0 });
+  }, I = (e) => {
+    if (e.key !== "Tab" || !n.value || !i()) return;
+    const s = t.value;
+    if (!s) return;
+    const o = x(s), u = document.activeElement;
+    if (f(u)) {
+      const a = o.findIndex((h) => f(h) && v(u, h));
+      a >= 0 && (o[a] = u);
+    }
+    const p = o.indexOf(u);
+    if (p >= 0 && o.some((a) => a.tabIndex > 0)) {
+      e.preventDefault(), o[(p + (e.shiftKey ? -1 : 1) + o.length) % o.length].focus({ preventScroll: !0 });
+      return;
+    }
+    const y = o[0] ?? s, b = o.at(-1) ?? s;
+    (!o.includes(u) || (e.shiftKey ? u === y : u === b)) && (e.preventDefault(), (e.shiftKey ? b : y).focus({ preventScroll: !0 }));
+  };
+  return S(() => {
+    c = !0, m();
+  }), { focus: E, restore: m, onKeydown: I };
+};
+export {
+  x as getTabbableElements,
+  K as useDialogFocus
+};

package/dist/es/_hooks/use-pointer-drag.js

@@ -0,0 +1,18 @@
+import { ref as p, watch as s, onBeforeUnmount as c } from "vue";
+const l = (u, d) => {
+  const o = p(!1);
+  let r, n;
+  const i = (e) => {
+    !o.value || n === "pointer" && e.pointerId !== r || d(e.clientX, e.clientY);
+  }, t = (e) => {
+    e && "pointerId" in e && e.pointerId !== r || (o.value = !1, n = void 0, r = void 0, !(typeof document > "u") && (document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", t), document.removeEventListener("pointermove", i), document.removeEventListener("pointerup", t), document.removeEventListener("pointercancel", t), window.removeEventListener("blur", t)));
+  }, m = (e) => {
+    u.value || o.value || e.button !== 0 || (e.preventDefault(), o.value = !0, n = e.type === "pointerdown" ? "pointer" : "mouse", r = n === "pointer" ? e.pointerId : void 0, d(e.clientX, e.clientY), document.addEventListener(n === "pointer" ? "pointermove" : "mousemove", i), document.addEventListener(n === "pointer" ? "pointerup" : "mouseup", t), n === "pointer" && document.addEventListener("pointercancel", t), window.addEventListener("blur", t));
+  };
+  return s(u, (e) => {
+    e && t();
+  }, { flush: "sync" }), c(() => t()), { dragging: o, start: m };
+};
+export {
+  l as usePointerDrag
+};

package/dist/es/_hooks/use-popup-close.js

@@ -0,0 +1,27 @@
+import { reactive as h, watch as m, onBeforeUnmount as d } from "vue";
+const y = (n, f, u) => {
+  const e = h({ ok: !1, cancel: !1 });
+  let r = 0, l = !1;
+  const c = () => {
+    r++, e.ok = e.cancel = !1;
+  };
+  return m(n, c, { flush: "sync" }), d(() => {
+    l = !0, c();
+  }), { loading: e, requestClose: (s, a) => {
+    if (l || !n.value || e.ok || e.cancel) return;
+    const i = ++r;
+    e[s] = !0;
+    const p = () => !l && n.value && i === r, o = (t) => {
+      p() && (e[s] = !1, t && u(s, a));
+    };
+    try {
+      const t = f(s, a);
+      t && typeof t == "object" && "then" in t ? Promise.resolve(t).then(o, () => o(!1)) : o(t);
+    } catch {
+      o(!1);
+    }
+  } };
+};
+export {
+  y as usePopupClose
+};

package/dist/es/_hooks/use-popup-manager.js

@@ -1,51 +1,53 @@
 var c = Object.defineProperty;
-var i = (o, e, t) => e in o ? c(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var p = (o, e, t) => i(o, typeof e != "symbol" ? e + "" : e, t);
-import { ref as l, watch as g, onMounted as S, onBeforeUnmount as f, readonly as m } from "vue";
-const h = 1e3, k = 3e3, E = 1;
-class _ {
+var l = (o, e, t) => e in o ? c(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var a = (o, e, t) => l(o, typeof e != "symbol" ? e + "" : e, t);
+import { ref as f, watch as g, onMounted as S, onBeforeUnmount as m, readonly as h } from "vue";
+const k = 1e3, E = 3e3, _ = 1;
+class x {
   constructor() {
-    p(this, "popupStack", {
+    a(this, "popupStack", {
       popup: /* @__PURE__ */ new Set(),
       dialog: /* @__PURE__ */ new Set(),
       message: /* @__PURE__ */ new Set()
     });
-    p(this, "getNextZIndex", (e) => (e === "message" ? Array.from(this.popupStack.message).pop() || k : Array.from(this.popupStack.popup).pop() || h) + E);
-    p(this, "add", (e) => {
+    a(this, "getNextZIndex", (e) => (e === "message" ? Array.from(this.popupStack.message).pop() || E : Array.from(this.popupStack.popup).pop() || k) + _);
+    a(this, "add", (e) => {
       const t = this.getNextZIndex(e);
       return this.popupStack[e].add(t), e === "dialog" && this.popupStack.popup.add(t), t;
     });
-    p(this, "delete", (e, t) => {
+    a(this, "delete", (e, t) => {
       this.popupStack[t].delete(e), t === "dialog" && this.popupStack.popup.delete(e);
     });
-    p(this, "isLastDialog", (e) => this.popupStack.dialog.size > 1 ? e === Array.from(this.popupStack.dialog).pop() : !0);
+    a(this, "isLastDialog", (e) => this.popupStack.dialog.size > 1 ? e === Array.from(this.popupStack.dialog).pop() : !0);
   }
 }
-const u = new _();
-function A(o, {
+const s = new x();
+function D(o, {
   visible: e,
   runOnMounted: t
 } = {}) {
-  const a = l(0), n = () => {
-    a.value = u.add(o);
-  }, r = () => {
-    u.delete(a.value, o);
-  }, s = () => o === "dialog" ? u.isLastDialog(a.value) : !1;
+  const p = f(0);
+  let r = !1;
+  const n = () => {
+    r || (p.value = s.add(o), r = !0);
+  }, u = () => {
+    r && (s.delete(p.value, o), r = !1);
+  }, d = () => o === "dialog" ? s.isLastDialog(p.value) : !1;
   return g(
     () => e == null ? void 0 : e.value,
-    (d) => {
-      d ? n() : r();
+    (i) => {
+      i ? n() : u();
     },
     {
       immediate: !0
     }
-  ), t && (S(n), f(r)), {
-    zIndex: m(a),
+  ), t && S(n), m(u), {
+    zIndex: h(p),
     open: n,
-    close: r,
-    isLastDialog: s
+    close: u,
+    isLastDialog: d
   };
 }
 export {
-  A as default
+  D as default
 };

package/dist/es/_hooks/use-popup-theme.js

@@ -0,0 +1,18 @@
+import { inject as m, computed as o } from "vue";
+import { configProviderInjectionKey as r } from "../components/config-provider/context.js";
+const d = () => {
+  const e = m(r, void 0);
+  return {
+    popupThemeStyle: o(() => {
+      var p;
+      return (p = e == null ? void 0 : e.popupTheme) == null ? void 0 : p.value.style;
+    }),
+    popupThemeName: o(() => {
+      var p;
+      return (p = e == null ? void 0 : e.popupTheme) != null && p.value.dark ? "dark" : void 0;
+    })
+  };
+};
+export {
+  d as usePopupTheme
+};

package/dist/es/_hooks/use-teleport-container.js

@@ -1,20 +1,19 @@
-import { ref as c, onMounted as i, watch as v } from "vue";
+import { ref as u, onMounted as f, watch as i } from "vue";
 import { getElement as s } from "../_utils/dom.js";
 const g = ({
   popupContainer: e,
-  visible: u,
+  visible: a,
   defaultContainer: m = "body",
-  documentContainer: f
+  documentContainer: d
 }) => {
-  const t = c(e.value), o = c(), l = () => {
-    const n = s(e.value), r = n ? e.value : m, a = n ?? document.documentElement;
-    r !== t.value && (t.value = r), a !== o.value && (o.value = a);
+  const t = u(e.value), n = u(), o = () => {
+    if (typeof document > "u") return;
+    const r = s(e.value), l = r ? e.value : m, c = r ?? document.documentElement;
+    l !== t.value && (t.value = l), c !== n.value && (n.value = c);
   };
-  return i(() => l()), v(u, (n) => {
-    t.value !== e.value && n && l();
-  }), {
+  return f(() => o()), i([e, a], o, { flush: "post" }), {
     teleportContainer: t,
-    containerRef: o
+    containerRef: n
   };
 };
 export {

package/dist/es/_utils/palette.js

@@ -1,65 +1,70 @@
-import { PALETTE_ALIASES as g, PALETTE_ALIASES_DARK as E } from "../_styles/palette-aliases.js";
-const x = 2.05, d = 95.5, p = 22, A = [1, 0.8, 0.6, 0.4, 0.2], _ = [1 / 3, 2 / 3, 1], b = 90, y = 300, m = (s, a, i) => Math.min(i, Math.max(a, s)), $ = (s) => {
-  if (typeof s != "string") return null;
-  const a = s.trim();
-  if (a.startsWith("#")) {
-    const t = a.slice(1);
+import { PALETTE_ALIASES as x, PALETTE_ALIASES_DARK as b } from "../_styles/palette-aliases.js";
+const y = 2.05, p = 95.5, d = 22, A = [1, 0.8, 0.6, 0.4, 0.2], _ = [1 / 3, 2 / 3, 1], S = 90, H = 300, u = (r, c, i) => Math.min(i, Math.max(c, r)), P = (r) => {
+  if (typeof r != "string") return null;
+  const c = r.trim();
+  if (c.startsWith("#")) {
+    const t = c.slice(1);
     if (!/^(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(t)) return null;
-    const c = t.length === 3 ? [...t].map((h) => h + h).join("") : t.length === 6 || t.length === 8 ? t.slice(0, 6) : null;
-    return c ? [0, 2, 4].map((h) => parseInt(c.slice(h, h + 2), 16)) : null;
+    const m = t.length === 3 ? [...t].map((a) => a + a).join("") : t.length === 6 || t.length === 8 ? t.slice(0, 6) : null;
+    return m ? [0, 2, 4].map((a) => parseInt(m.slice(a, a + 2), 16)) : null;
   }
-  const i = a.match(/^rgba?\(([^)]+)\)$/i);
+  const i = c.match(/^rgba?\(([^)]+)\)$/i);
   if (!i) return null;
-  const o = i[1].trim(), r = o.includes(",") ? o.split(",").map((t) => t.trim()) : o.split(/\s*\/\s*/)[0].split(/\s+/), e = o.includes(",") ? r[3] : o.includes("/") ? o.split("/")[1].trim() : void 0;
-  if (o.split("/").length > 2 || r.length < 3 || r.length > (o.includes(",") ? 4 : 3)) return null;
-  const n = /^[+-]?(?:\d+\.?\d*|\.\d+)%?$/;
-  if (r.slice(0, 3).some((t) => !n.test(t)) || e !== void 0 && !n.test(e)) return null;
-  const l = r.slice(0, 3).map((t) => t.endsWith("%") ? Math.round(parseFloat(t) / 100 * 255) : Number(t));
-  return l.some((t) => !Number.isFinite(t)) ? null : l.map((t) => m(Math.round(t), 0, 255));
-}, H = ([s, a, i]) => {
-  const o = s / 255, r = a / 255, e = i / 255, n = Math.max(o, r, e), l = Math.min(o, r, e), t = n - l, c = (n + l) / 2;
-  let h = 0, u = 0;
-  return t !== 0 && (u = c > 0.5 ? t / (2 - n - l) : t / (n + l), n === o ? h = (r - e) / t + (r < e ? 6 : 0) : n === r ? h = (e - o) / t + 2 : h = (o - r) / t + 4, h *= 60), { h, s: u * 100, l: c * 100 };
-}, S = ({ h: s, s: a, l: i }) => {
-  const o = m(a, 0, 100) / 100, r = m(i, 0, 100) / 100, e = (s % 360 + 360) % 360, n = (1 - Math.abs(2 * r - 1)) * o, l = n * (1 - Math.abs(e / 60 % 2 - 1)), t = r - n / 2;
-  let c;
-  return e < 60 ? c = [n, l, 0] : e < 120 ? c = [l, n, 0] : e < 180 ? c = [0, n, l] : e < 240 ? c = [0, l, n] : e < 300 ? c = [l, 0, n] : c = [n, 0, l], c.map((h) => m(Math.round((h + t) * 255), 0, 255));
-}, P = (s) => `#${s.map((a) => m(Math.round(a), 0, 255).toString(16).padStart(2, "0")).join("")}`, I = (s) => s <= b || s >= y ? 1 : -1, L = (s, a = {}) => {
-  const i = $(s);
+  const n = i[1].trim(), s = n.includes(",") ? n.split(",").map((t) => t.trim()) : n.split(/\s*\/\s*/)[0].split(/\s+/), e = n.includes(",") ? s[3] : n.includes("/") ? n.split("/")[1].trim() : void 0;
+  if (n.split("/").length > 2 || s.length < 3 || s.length > (n.includes(",") ? 4 : 3)) return null;
+  const o = /^[+-]?(?:\d+\.?\d*|\.\d+)%?$/;
+  if (s.slice(0, 3).some((t) => !o.test(t)) || e !== void 0 && !o.test(e)) return null;
+  const l = s.slice(0, 3).map((t) => t.endsWith("%") ? Math.round(parseFloat(t) / 100 * 255) : Number(t));
+  return l.some((t) => !Number.isFinite(t)) ? null : l.map((t) => u(Math.round(t), 0, 255));
+}, $ = ([r, c, i]) => {
+  const n = r / 255, s = c / 255, e = i / 255, o = Math.max(n, s, e), l = Math.min(n, s, e), t = o - l, m = (o + l) / 2;
+  let a = 0, h = 0;
+  return t !== 0 && (h = m > 0.5 ? t / (2 - o - l) : t / (o + l), o === n ? a = (s - e) / t + (s < e ? 6 : 0) : o === s ? a = (e - n) / t + 2 : a = (n - s) / t + 4, a *= 60), { h: a, s: h * 100, l: m * 100 };
+}, I = ({ h: r, s: c, l: i }) => {
+  const n = u(c, 0, 100) / 100, s = u(i, 0, 100) / 100, e = (r % 360 + 360) % 360, o = (1 - Math.abs(2 * s - 1)) * n, l = o * (1 - Math.abs(e / 60 % 2 - 1)), t = s - o / 2;
+  let m;
+  return e < 60 ? m = [o, l, 0] : e < 120 ? m = [l, o, 0] : e < 180 ? m = [0, o, l] : e < 240 ? m = [0, l, o] : e < 300 ? m = [l, 0, o] : m = [o, 0, l], m.map((a) => u(Math.round((a + t) * 255), 0, 255));
+}, L = (r) => `#${r.map((c) => u(Math.round(c), 0, 255).toString(16).padStart(2, "0")).join("")}`, R = (r) => r <= S || r >= H ? 1 : -1, g = (r, c = {}) => {
+  const i = P(r);
   if (!i)
-    throw new Error(`[x-next] generatePalette: 无法解析种子色 "${s}"`);
-  const { h: o, s: r, l: e } = H(i), n = I(o), { dark: l = !1 } = a, t = l ? Math.min(p, e) : Math.max(d, e), c = l ? Math.max(d, e) : Math.min(p, e), h = [];
-  for (let u = 0; u < 9; u += 1) {
+    throw new Error(`[x-next] generatePalette: 无法解析种子色 "${r}"`);
+  const { h: n, s, l: e } = $(i), o = R(n), { dark: l = !1 } = c, t = l ? Math.min(d, e) : Math.max(p, e), m = l ? Math.max(p, e) : Math.min(d, e), a = [];
+  for (let h = 0; h < 9; h += 1) {
     let f;
-    u < 5 ? f = e + (t - e) * A[u] : u === 5 ? f = e : f = e + (c - e) * _[u - 6];
-    const T = 5 - u, M = n * x * T * (l ? -1 : 1);
-    h.push(P(S({ h: o + M, s: r, l: m(f, 0, 100) })));
+    h < 5 ? f = e + (t - e) * A[h] : h === 5 ? f = e : f = e + (m - e) * _[h - 6];
+    const E = 5 - h, M = o * y * E * (l ? -1 : 1);
+    a.push(L(I({ h: n + M, s, l: u(f, 0, 100) })));
   }
-  return h;
-}, G = (s, a = {}) => {
-  const { name: i = "primary", target: o, dark: r } = a, e = L(s, { dark: r }), n = o ?? (typeof document < "u" ? document.documentElement : null);
-  if (n) {
-    n.style.setProperty(`--x-color-${i}`, e[5]), e.forEach((t, c) => {
-      n.style.setProperty(`--x-color-${i}-${c + 1}`, t);
+  return a;
+}, G = (r, c = {}) => {
+  const { name: i = "primary", target: n, dark: s } = c, e = g(r, { dark: s }), o = n ?? (typeof document < "u" ? document.documentElement : null);
+  if (o) {
+    o.style.setProperty(`--x-color-${i}`, e[5]), e.forEach((l, t) => {
+      o.style.setProperty(`--x-color-${i}-${t + 1}`, l);
     });
-    const l = g[i];
-    if (l) {
-      const t = r ? E[i] : void 0;
-      for (const [c, h] of Object.entries(l))
-        n.style.setProperty(c, (t == null ? void 0 : t[c]) ?? h);
-    }
+    for (const [l, t] of Object.entries(T(i, s)))
+      o.style.setProperty(l, t);
   }
   return e;
-}, W = (s = "primary") => {
-  const a = [`--x-color-${s}`, ...Array.from({ length: 9 }, (o, r) => `--x-color-${s}-${r + 1}`)], i = g[s];
-  return i ? [...a, ...Object.keys(i)] : a;
+}, T = (r, c) => {
+  const i = x[r] ?? {}, n = c ? b[r] : void 0;
+  return Object.fromEntries(
+    Object.entries(i).map(([s, e]) => [s, (n == null ? void 0 : n[s]) ?? e])
+  );
+}, W = (r, c = !1) => {
+  const i = g(r, { dark: c });
+  return {
+    "--x-color-primary": i[5],
+    ...Object.fromEntries(i.map((n, s) => [`--x-color-primary-${s + 1}`, n])),
+    ...T("primary", c)
+  };
 };
 export {
   G as applyThemeColor,
-  L as generatePalette,
-  W as getThemeColorProperties,
-  S as hslToRgb,
-  $ as parseColor,
-  H as rgbToHsl,
-  P as toHex
+  g as generatePalette,
+  W as getThemeColorStyles,
+  I as hslToRgb,
+  P as parseColor,
+  $ as rgbToHsl,
+  L as toHex
 };