@das-fed/upf-utils 6.4.0-dev.255 → 6.4.0-dev.257

package/theme/index.js

@@ -1,9 +1,10 @@
-import { bus as le } from "@das-fed/mframe";
-const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
+import { bus as pe } from "@das-fed/mframe";
+import { ref as me, onMounted as de, onUnmounted as ge } from "vue";
+const m = "#ffffff", d = "#000000", be = 0.115, re = (e) => {
   const r = String(e || "").trim();
   return /^#([\da-f]{3}|[\da-f]{6})$/i.test(r) ? r.length === 4 ? `#${r.slice(1).split("").map((t) => `${t}${t}`).join("")}` : r : "";
-}, k = (e) => {
-  const r = q(e);
+}, D = (e) => {
+  const r = re(e);
   if (!r)
     return null;
   const t = r.slice(1);
@@ -12,19 +13,19 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
     green: Number.parseInt(t.slice(2, 4), 16),
     blue: Number.parseInt(t.slice(4, 6), 16)
   };
-}, _ = (e) => Math.min(255, Math.max(0, Math.round(e))), J = (e, r, t, o) => {
-  const u = k(e), n = k(r);
+}, V = (e) => Math.min(255, Math.max(0, Math.round(e))), te = (e, r, t, o) => {
+  const u = D(e), n = D(r);
   if (!u || !n)
     return o;
-  const l = Math.min(1, Math.max(0, t)), i = _(u.red * l + n.red * (1 - l)), f = _(u.green * l + n.green * (1 - l)), c = _(u.blue * l + n.blue * (1 - l));
-  return `#${[i, f, c].map((p) => p.toString(16).padStart(2, "0")).join("")}`;
-}, fe = (e, r, t) => {
-  const o = k(e);
+  const l = Math.min(1, Math.max(0, t)), i = V(u.red * l + n.red * (1 - l)), s = V(u.green * l + n.green * (1 - l)), c = V(u.blue * l + n.blue * (1 - l));
+  return `#${[i, s, c].map((p) => p.toString(16).padStart(2, "0")).join("")}`;
+}, he = (e, r, t) => {
+  const o = D(e);
   if (!o)
     return t;
   const u = Math.min(1, Math.max(0, r));
   return `rgba(${o.red}, ${o.green}, ${o.blue}, ${u})`;
-}, H = (e, r = m) => J(e || "#5582F3", r || m, ie, "#ebf1fe"), P = "#5582f3", L = "#e63946", se = [
+}, R = (e, r = m) => te(e || "#5582F3", r || m, be, "#ebf1fe"), W = "#5582f3", G = "#e63946", ye = [
   {
     group: "foundation",
     name: "brand",
@@ -107,7 +108,7 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
     description: "圆角和阴影等样式效果",
     variables: ["--upf-border-radius", "--upf-box-shadow", "--upf-box-shadow-elevated"]
   }
-], T = [
+], F = [
   { name: "--upf-brand-primary", label: "品牌主色", hint: "品牌主色，建议用于导航背景、Logo等品牌识别场景", category: "brand" },
   { name: "--upf-brand-secondary", label: "品牌辅色", hint: "品牌辅色，用于辅助品牌识别和强调元素", category: "brand" },
   { name: "--upf-color-primary", label: "主色", hint: "功能主色，用于按钮、交互元素、状态反馈", category: "basic" },
@@ -116,7 +117,7 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
     label: "主色高亮背景",
     hint: "主色配套高亮背景，默认跟随主色自动生成透明背景，也可手动覆盖",
     category: "basic",
-    fallback: (e) => H(e["--upf-color-primary"], e["--upf-bg-primary"]),
+    fallback: (e) => R(e["--upf-color-primary"], e["--upf-bg-primary"]),
     fallbackDeps: ["--upf-color-primary", "--upf-bg-primary"]
   },
   { name: "--upf-color-success", label: "成功色", hint: "成功状态色，用于成功提示、成功按钮", category: "basic" },
@@ -160,14 +161,14 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
   { name: "--upf-border-radius", label: "圆角", hint: "圆角大小，用于组件圆角", category: "effect" },
   { name: "--upf-box-shadow", label: "阴影", hint: "阴影效果，用于普通阴影", category: "effect" },
   { name: "--upf-box-shadow-elevated", label: "浮层阴影", hint: "浮层阴影，用于弹窗、浮层阴影", category: "effect" }
-], ce = T.map((e) => e.name), pe = T.reduce((e, r) => (e[r.name] = r.label, e), {}), me = T.reduce((e, r) => (e[r.name] = r.hint, e), {}), ge = {
+], ve = F.map((e) => e.name), xe = F.reduce((e, r) => (e[r.name] = r.label, e), {}), Ee = F.reduce((e, r) => (e[r.name] = r.hint, e), {}), Te = {
   "--upf-nav-bg": "--upf-brand-primary",
   "--upf-color-primary-bg": "--upf-color-primary",
   "--upf-menu-active-text": "--upf-color-primary",
   "--upf-tab-active-text": "--upf-color-primary"
-}, h = {
-  "--upf-color-primary": P,
-  "--upf-color-primary-bg": H(P),
+}, x = {
+  "--upf-color-primary": W,
+  "--upf-color-primary-bg": R(W),
   "--upf-color-success": "#52c41a",
   "--upf-color-warning": "#faad14",
   "--upf-color-error": "#ff4d4f",
@@ -182,9 +183,9 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
   "--upf-tab-text": "#666666",
   "--upf-tab-active-bg": "#ffffff",
   "--upf-border-radius": "4px"
-}, X = {
+}, h = {
   default: {
-    ...h,
+    ...x,
     "--upf-brand-primary": "#0e5fd8",
     "--upf-brand-secondary": "#3579de",
     "--upf-text-primary": "#231815",
@@ -209,7 +210,7 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
     "--upf-box-shadow-elevated": "0 4px 16px rgba(0, 0, 0, 0.15)"
   },
   cjb: {
-    ...h,
+    ...x,
     "--upf-brand-primary": "#ffffff",
     "--upf-brand-secondary": "#f2f6ff",
     "--upf-text-primary": "#212121",
@@ -234,7 +235,7 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
     "--upf-box-shadow-elevated": "0 4px 16px rgba(0, 0, 0, 0.12)"
   },
   ssl: {
-    ...h,
+    ...x,
     "--upf-brand-primary": "#1f2346",
     "--upf-brand-secondary": "#2d3158",
     "--upf-text-primary": "#231815",
@@ -260,11 +261,11 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
     "--upf-box-shadow-elevated": "0 10px 28px rgba(35, 41, 75, 0.12)"
   },
   dkh: {
-    ...h,
+    ...x,
     "--upf-brand-primary": "#eb0e1b",
     "--upf-brand-secondary": "#f15760",
-    "--upf-color-primary": L,
-    "--upf-color-primary-bg": H(L),
+    "--upf-color-primary": G,
+    "--upf-color-primary-bg": R(G),
     "--upf-text-primary": "#231815",
     "--upf-text-secondary": "#666666",
     "--upf-text-placeholder": "#bfbfbf",
@@ -286,7 +287,7 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
     "--upf-box-shadow": "0 2px 8px rgba(0, 0, 0, 0.08)",
     "--upf-box-shadow-elevated": "0 4px 16px rgba(0, 0, 0, 0.12)"
   }
-}, de = (e, r) => {
+}, Ce = (e, r) => {
   if (!r)
     return "";
   if (typeof r == "function")
@@ -298,48 +299,40 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
       return u;
   }
   return "";
-}, U = (e) => Object.entries(e || {}).reduce((r, [t, o]) => (r[t] = String(o ?? "").trim(), r), {}), ar = () => [...ce], ur = () => ({ ...pe }), nr = () => ({ ...me }), lr = () => se.map((e) => ({
+}, Y = (e) => Object.entries(e || {}).reduce((r, [t, o]) => (r[t] = String(o ?? "").trim(), r), {}), pr = () => [...ve], mr = () => ({ ...xe }), dr = () => ({ ...Ee }), gr = () => ye.map((e) => ({
   ...e,
   variables: [...e.variables]
-})), ir = () => ({ ...ge }), be = (e, r = X.default) => {
-  const t = U(e), o = U(r), u = {
+})), br = () => ({ ...Te }), Se = (e, r = h.default) => {
+  const t = Y(e), o = Y(r), u = {
     ...o,
     ...t
   };
-  return T.reduce((n, l) => {
+  return F.reduce((n, l) => {
     var p;
-    const i = t[l.name] || "", f = (p = l.fallbackDeps) == null ? void 0 : p.some((I) => !!t[I]), c = de({ ...u, ...n }, l.fallback);
-    return n[l.name] = i || (f ? c : "") || o[l.name] || c, n;
+    const i = t[l.name] || "", s = (p = l.fallbackDeps) == null ? void 0 : p.some((K) => !!t[K]), c = Ce({ ...u, ...n }, l.fallback);
+    return n[l.name] = i || (s ? c : "") || o[l.name] || c, n;
   }, {});
-}, he = X.default, z = {
-  name: "default",
-  displayName: "经典蓝",
-  description: "经典蓝导航主题，内容区沿用浅底与高亮蓝交互色",
-  mode: "light",
-  source: "preset",
-  basePresetName: "default",
-  variables: he
-}, Q = (e) => e, a = (e, r) => {
-  const t = Q(e);
+}, oe = (e) => e, a = (e, r) => {
+  const t = oe(e);
   return String((r ? t[r] : "") ?? "");
-}, s = (e, r) => r.map((t) => ({ target: t, from: e })), V = (e) => {
-  const r = Q(e);
+}, f = (e, r) => r.map((t) => ({ target: t, from: e })), M = (e) => {
+  const r = oe(e);
   return {
     ...Object.entries(r).reduce((o, [u, n]) => (o[u] = String(n ?? ""), o), {}),
-    ...be(r)
+    ...Se(r)
   };
-}, ye = {
+}, we = {
   "#5582f3": "#3761CA",
   "#e63946": "#C9303C"
-}, j = (e, r) => {
+}, q = (e, r) => {
   const t = e || "#5582F3";
-  return ye[q(t).toLowerCase()] || r(t, g, 0.84, "#3761CA");
-}, ve = "#999", xe = (e) => [e.themeName, e.basePresetName].some((r) => String(r || "").trim() === "dkh"), Ee = (e) => xe(e) ? ve : a(e.variables, "--upf-color-primary"), Te = (e) => Array.isArray(e) ? [...e] : [e], C = (e, r, t = {}) => r.reduce((o, u) => {
-  const n = u.resolve ? u.resolve({ variables: e, result: o, mixHexColor: J, toRgbaColor: fe, ...t }) : u.from ? a(e, String(u.from)) : String(u.value ?? "");
-  return Te(u.target).forEach((l) => {
+  return we[re(t).toLowerCase()] || r(t, d, 0.84, "#3761CA");
+}, Fe = "#999", Ne = (e) => [e.themeName, e.basePresetName].some((r) => String(r || "").trim() === "dkh"), ke = (e) => Ne(e) ? Fe : a(e.variables, "--upf-color-primary"), _e = (e) => Array.isArray(e) ? [...e] : [e], N = (e, r, t = {}) => r.reduce((o, u) => {
+  const n = u.resolve ? u.resolve({ variables: e, result: o, mixHexColor: te, toRgbaColor: he, ...t }) : u.from ? a(e, String(u.from)) : String(u.value ?? "");
+  return _e(u.target).forEach((l) => {
     o[l] = String(n ?? "");
   }), o;
-}, {}), Ce = [
+}, {}), Ae = [
   { target: "--upf-primary", from: "--upf-color-primary" },
   { target: "--upf-text", from: "--upf-text-primary" },
   { target: "--upf-surface", from: "--upf-bg-primary" },
@@ -349,7 +342,7 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
   { target: "--upf-menu-item-hover-bg", from: "--upf-menu-hover-bg" },
   { target: "--upf-menu-item-active-bg", from: "--upf-menu-active-bg" },
   { target: "--upf-menu-item-active-text", from: "--upf-menu-active-text" }
-], Se = [
+], He = [
   { target: "--el-color-primary", from: "--upf-color-primary" },
   { target: "--el-color-success", from: "--upf-color-success" },
   { target: "--el-color-warning", from: "--upf-color-warning" },
@@ -382,13 +375,13 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
     target: "--el-checkbox-input-border",
     resolve: ({ variables: e }) => `1px solid ${a(e, "--upf-border-color")}`
   }
-], we = [
+], Ve = [
   { target: "--das-ui-color-primary-level1", from: "--upf-color-primary-bg" },
-  ...s("--upf-color-primary-bg", [
+  ...f("--upf-color-primary-bg", [
     "--das-ui-color-primary-level1",
     "--das-ui-upload-bgcolor-hover"
   ]),
-  ...s("--upf-bg-primary", [
+  ...f("--upf-bg-primary", [
     "--das-black-list-mange-color-white"
   ]),
   { target: "--das-ui-color-primary", from: "--upf-color-primary" },
@@ -466,7 +459,7 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
   { target: "--das-input-base-border-color", from: "--upf-border-color" },
   {
     target: ["--upf-form-active-border-color", "--das-input-active-border-color", "--upf-date-picker-active-border-color"],
-    resolve: Ee
+    resolve: ke
   },
   { target: "--das-input-font-color", from: "--upf-text-primary" },
   { target: "--das-input-sub-font-color", from: "--upf-text-placeholder" },
@@ -552,15 +545,15 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
   },
   {
     target: "--das-ui-color-primary-level7",
-    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary"), g, 0.82, "#104CCC")
+    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary"), d, 0.82, "#104CCC")
   },
   {
     target: "--das-ui-color-primary-level8",
-    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary"), g, 0.68, "#002EA3")
+    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary"), d, 0.68, "#002EA3")
   },
   {
     target: "--das-ui-color-primary-level9",
-    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary"), g, 0.5, "#001F7A")
+    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary"), d, 0.5, "#001F7A")
   },
   {
     target: "--das-ui-color-danger-level1",
@@ -627,22 +620,22 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
   },
   {
     target: "--das-ui-button-primary-hover",
-    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary"), g, 0.82, "#104CCC")
+    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary"), d, 0.82, "#104CCC")
   },
-  ...s("--upf-color-primary", [
+  ...f("--upf-color-primary", [
     "--das-ui-search-form-primary-color"
   ]),
-  ...s("--upf-text-primary", [
+  ...f("--upf-text-primary", [
     "--das-ui-tag-list-text-color"
   ]),
-  ...s("--upf-border-color", [
+  ...f("--upf-border-color", [
     "--das-ui-tag-list-border-color",
     "--das-ui-upload-border-color"
   ]),
-  ...s("--upf-bg-secondary", [
+  ...f("--upf-bg-secondary", [
     "--das-ui-upload-bgcolor"
   ]),
-  ...s("--upf-text-secondary", [
+  ...f("--upf-text-secondary", [
     "--das-ui-search-form-tip-color"
   ]),
   { target: "--das-ui-layout-header-menu-border-color", from: "--upf-nav-border-color" },
@@ -695,37 +688,37 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
   { target: "--das-ui-layout-aside-menu-expired-color", from: "--upf-text-disabled" },
   { target: "--das-ui-layout-aside-menu-top-left-icon-color", from: "--upf-color-primary" },
   { target: "--das-ui-layout-aside-menu-top-right-icon-color", from: "--upf-text-secondary" }
-], Fe = [
+], Be = [
   // 同源变量集中维护，新增 target 时优先追加到对应 source 分组。
-  ...s("--upf-color-primary", [
+  ...f("--upf-color-primary", [
     "--upf-button-primary",
     "--upf-notification-primary-bg"
   ]),
-  ...s("--upf-text-primary", [
+  ...f("--upf-text-primary", [
     "--upf-button-default-text",
     "--upf-notification-title-text",
     "--upf-text-tooltip-text"
   ]),
-  ...s("--upf-border-color", [
+  ...f("--upf-border-color", [
     "--upf-button-default-border",
     "--upf-text-tooltip-border"
   ]),
-  ...s("--upf-text-disabled", [
+  ...f("--upf-text-disabled", [
     "--upf-button-default-disabled",
     "--upf-switch-off-color",
     "--upf-message-thumb",
     "--upf-text-tooltip-scrollbar-thumb"
   ]),
-  ...s("--upf-bg-secondary", [
+  ...f("--upf-bg-secondary", [
     "--upf-button-default-disabled-bg",
     "--upf-table-header-bg"
   ]),
-  ...s("--upf-bg-primary", ["--upf-checkbox-filter-bg"]),
-  ...s("--upf-color-info", ["--upf-loading-color-1"]),
-  ...s("--upf-brand-secondary", ["--upf-loading-color-2"]),
-  ...s("--upf-color-success", ["--upf-loading-color-3"]),
-  ...s("--upf-divider-color", ["--upf-loading-color-6"]),
-  ...s("--upf-text-secondary", [
+  ...f("--upf-bg-primary", ["--upf-checkbox-filter-bg"]),
+  ...f("--upf-color-info", ["--upf-loading-color-1"]),
+  ...f("--upf-brand-secondary", ["--upf-loading-color-2"]),
+  ...f("--upf-color-success", ["--upf-loading-color-3"]),
+  ...f("--upf-divider-color", ["--upf-loading-color-6"]),
+  ...f("--upf-text-secondary", [
     "--upf-message-close",
     "--upf-notification-description-text",
     "--upf-notification-close",
@@ -758,7 +751,7 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
   },
   {
     target: "--upf-button-active",
-    resolve: ({ variables: e, mixHexColor: r }) => j(a(e, "--upf-color-primary"), r)
+    resolve: ({ variables: e, mixHexColor: r }) => q(a(e, "--upf-color-primary"), r)
   },
   {
     target: "--upf-button-disabled",
@@ -766,15 +759,15 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
   },
   {
     target: "--upf-button-set",
-    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary") || "#5582F3", g, 0.78, "#4367C1")
+    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary") || "#5582F3", d, 0.78, "#4367C1")
   },
   {
     target: "--upf-button-set-hover",
-    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary") || "#5582F3", g, 0.86, "#4C74DA")
+    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary") || "#5582F3", d, 0.86, "#4C74DA")
   },
   {
     target: "--upf-button-set-active",
-    resolve: ({ variables: e, mixHexColor: r }) => j(a(e, "--upf-color-primary"), r)
+    resolve: ({ variables: e, mixHexColor: r }) => q(a(e, "--upf-color-primary"), r)
   },
   {
     target: "--upf-button-set-disabled",
@@ -978,72 +971,112 @@ const m = "#ffffff", g = "#000000", ie = 0.115, q = (e) => {
   },
   { target: "--upf-app-container-app-bg-override", from: "--upf-nav-bg" },
   { target: "--upf-app-container-app-text-override", from: "--upf-nav-text" }
-], Ne = (e, r = {}) => C(e, Ce, r), _e = (e, r = {}) => C(e, Se, r), Ae = (e, r = {}) => C(e, we, r), ke = (e, r = {}) => C(e, Fe, r), B = (e, r = {}) => {
-  const t = V(e), { includeElementAndDasUiBridges: o = !0, themeName: u, basePresetName: n } = r, l = { themeName: u, basePresetName: n }, i = ke(t, l), f = {
+], De = (e, r = {}) => N(e, Ae, r), Re = (e, r = {}) => N(e, He, r), Me = (e, r = {}) => N(e, Ve, r), Oe = (e, r = {}) => N(e, Be, r), O = (e, r = {}) => {
+  const t = M(e), { includeElementAndDasUiBridges: o = !0, themeName: u, basePresetName: n } = r, l = { themeName: u, basePresetName: n }, i = Oe(t, l), s = {
     ...t,
     ...i
   };
   return {
     ...t,
     ...i,
-    ...o ? _e(f, l) : {},
-    ...o ? Ae(f, l) : {},
-    ...Ne(f, l)
+    ...o ? Re(s, l) : {},
+    ...o ? Me(s, l) : {},
+    ...De(s, l)
   };
-}, D = () => ({
-  ...z,
-  variables: { ...z.variables }
-}), $ = "themeChange", x = "upf-theme-root-vars", He = "upf-default-theme-vars", E = "upf-theme-config", Ve = ["--upf-color-primary", "--upf-brand-primary"], K = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakSet(), b = /* @__PURE__ */ new WeakMap(), v = (e) => e ? Object.entries(e).reduce((r, [t, o]) => (r[t] = String(o ?? ""), r), {}) : null, R = (e) => e || (typeof document > "u" ? null : document.documentElement), Z = (e) => !!(e && String(e.tagName || "").toLowerCase() === "style"), S = (e) => e.head || e.documentElement, ee = (e, r) => {
-  const t = S(e);
+}, Pe = ["default", "cjb", "ssl", "dkh"], y = (e) => ({ ...e }), C = {
+  default: {
+    name: "default",
+    displayName: "经典蓝",
+    description: "经典蓝导航主题，内容区沿用浅底与高亮蓝交互色",
+    mode: "light",
+    source: "preset",
+    basePresetName: "default",
+    variables: y(h.default)
+  },
+  cjb: {
+    name: "cjb",
+    displayName: "纯净白",
+    description: "白底壳层主题，内容区沿用浅蓝高亮交互色",
+    mode: "light",
+    source: "preset",
+    basePresetName: "cjb",
+    variables: y(h.cjb)
+  },
+  ssl: {
+    name: "ssl",
+    displayName: "深邃蓝",
+    description: "深邃蓝壳层主题，内容区沿用浅底与高亮蓝交互色",
+    mode: "dark",
+    source: "preset",
+    basePresetName: "ssl",
+    variables: y(h.ssl)
+  },
+  dkh: {
+    name: "dkh",
+    displayName: "大咖红",
+    description: "大咖红主题，壳层与内容交互色保持同系红色",
+    mode: "light",
+    source: "preset",
+    basePresetName: "dkh",
+    variables: y(h.dkh)
+  }
+}, P = (e) => ({
+  ...e,
+  variables: y(e.variables)
+}), v = (e) => {
+  const r = String(e || "").trim();
+  return C[r] ? P(C[r]) : void 0;
+}, hr = () => Pe.map((e) => P(C[e])), I = () => P(C.default), J = "themeChange", S = "upf-theme-root-vars", Ie = "upf-default-theme-vars", w = "upf-theme-config", Le = ["--upf-color-primary", "--upf-brand-primary"], X = /* @__PURE__ */ new WeakMap(), Q = /* @__PURE__ */ new WeakSet(), b = /* @__PURE__ */ new WeakMap(), T = (e) => e ? Object.entries(e).reduce((r, [t, o]) => (r[t] = String(o ?? ""), r), {}) : null, L = (e) => e || (typeof document > "u" ? null : document.documentElement), ae = (e) => !!(e && String(e.tagName || "").toLowerCase() === "style"), k = (e) => e.head || e.documentElement, ue = (e, r) => {
+  const t = k(e);
   t && (r.parentNode !== t || t.lastElementChild !== r) && t.appendChild(r);
-}, G = (e) => {
+}, Z = (e) => {
   var u;
-  if (W.has(e))
+  if (Q.has(e))
     return;
-  const r = S(e), t = ((u = e.defaultView) == null ? void 0 : u.MutationObserver) || (typeof MutationObserver < "u" ? MutationObserver : void 0);
+  const r = k(e), t = ((u = e.defaultView) == null ? void 0 : u.MutationObserver) || (typeof MutationObserver < "u" ? MutationObserver : void 0);
   if (!r || !t)
     return;
   new t(() => {
-    const n = e.getElementById(x);
-    Z(n) && ee(e, n);
-  }).observe(r, { childList: !0 }), W.add(e);
-}, Be = (e) => {
-  const r = e.getElementById(x);
-  if (Z(r))
-    return ee(e, r), G(e), r;
+    const n = e.getElementById(S);
+    ae(n) && ue(e, n);
+  }).observe(r, { childList: !0 }), Q.add(e);
+}, Ue = (e) => {
+  const r = e.getElementById(S);
+  if (ae(r))
+    return ue(e, r), Z(e), r;
   const t = e.createElement("style");
-  return t.id = x, S(e).appendChild(t), G(e), t;
-}, M = (e) => {
+  return t.id = S, k(e).appendChild(t), Z(e), t;
+}, U = (e) => {
   const r = Object.entries(e).filter(([, t]) => String(t ?? "").trim()).map(([t, o]) => `  ${t}: ${String(o ?? "")};`).join(`
 `);
   return r ? `:root {
 ${r}
 }` : ":root {}";
-}, De = (e = "default", r = {}) => {
-  const t = getSharedPresetTheme(e) || D();
-  return M(B(t.variables, {
+}, ze = (e = "default", r = {}) => {
+  const t = v(e) || I();
+  return U(O(t.variables, {
     ...r,
     themeName: r.themeName || t.name,
     basePresetName: r.basePresetName || t.basePresetName
   }));
-}, fr = (e = {}) => De("default", e), Re = (e) => {
-  const r = e.getElementById(x);
+}, yr = (e = {}) => ze("default", e), je = (e) => {
+  const r = e.getElementById(S);
   if (r != null && r.textContent)
     return !0;
   const t = b.get(e) || b.get(e.documentElement);
   return !!(t && Object.keys(t).length);
-}, Me = (e) => {
+}, $e = (e) => {
   var o;
   const r = ((o = e.defaultView) == null ? void 0 : o.getComputedStyle) || (typeof getComputedStyle == "function" ? getComputedStyle : void 0);
   if (!r || !e.documentElement)
     return !1;
   const t = r(e.documentElement);
-  return Ve.some((u) => t.getPropertyValue(u).trim());
-}, O = (e) => Object.prototype.toString.call(e) === "[object Object]", w = (e) => ({
+  return Le.some((u) => t.getPropertyValue(u).trim());
+}, z = (e) => Object.prototype.toString.call(e) === "[object Object]", _ = (e) => ({
   themeName: e.name,
   basePresetName: e.basePresetName,
   variables: e.variables
-}), y = () => w(D()), re = (e) => {
+}), E = () => _(I()), ne = (e) => {
   if (typeof window > "u")
     return null;
   try {
@@ -1051,31 +1084,31 @@ ${r}
     if (!r)
       return null;
     const t = JSON.parse(r);
-    return O(t) ? t : null;
+    return z(t) ? t : null;
   } catch {
     return null;
   }
-}, Oe = (e, r) => {
-  if (!O(e))
+}, Ke = (e, r) => {
+  if (!z(e))
     return null;
   const t = { ...r };
   return Object.entries(e).forEach(([o, u]) => {
     !o.startsWith("--") || typeof u != "string" && typeof u != "number" || (t[o] = String(u));
-  }), V(t);
-}, te = (e) => {
-  const r = O(e.customTheme) ? e.customTheme : null;
+  }), M(t);
+}, le = (e) => {
+  const r = z(e.customTheme) ? e.customTheme : null;
   if (!r)
     return null;
-  const t = String(r.basePresetName || e.remoteTheme || "").trim(), o = getSharedPresetTheme(t) || D(), u = Oe(r.variables, o.variables);
+  const t = String(r.basePresetName || e.remoteTheme || "").trim(), o = v(t) || I(), u = Ke(r.variables, o.variables);
   return u ? {
     themeName: "custom",
     basePresetName: o.name,
     variables: u
   } : null;
-}, Ie = (e) => {
+}, We = (e) => {
   if (!e.useStoredTheme)
     return null;
-  const r = String(e.storageKey || E).trim() || E, t = re(r);
+  const r = String(e.storageKey || w).trim() || w, t = ne(r);
   if (!t)
     return null;
   const o = [t.currentTheme, t.remoteTheme];
@@ -1084,61 +1117,61 @@ ${r}
     if (!n)
       continue;
     if (n === "custom") {
-      const i = te(t);
+      const i = le(t);
       if (i)
         return i;
       continue;
     }
-    const l = getSharedPresetTheme(n);
+    const l = v(n);
     if (l)
-      return w(l);
+      return _(l);
   }
   return null;
-}, Pe = (e) => {
+}, Ge = (e) => {
   const r = e.documentElement, t = [r.getAttribute("data-theme"), r.getAttribute("data-skin")];
   for (const o of t) {
-    const u = getSharedPresetTheme(String(o || "").trim());
+    const u = v(String(o || "").trim());
     if (u)
-      return w(u);
+      return _(u);
   }
   return null;
-}, Le = (e, r) => {
+}, Ye = (e, r) => {
   const t = String(r.presetName || "").trim();
   if (t) {
     if (t === "custom") {
       if (r.useStoredTheme === !1)
-        return y();
-      const u = String(r.storageKey || E).trim() || E, n = re(u);
-      return (n ? te(n) : null) || y();
+        return E();
+      const u = String(r.storageKey || w).trim() || w, n = ne(u);
+      return (n ? le(n) : null) || E();
     }
-    const o = getSharedPresetTheme(t);
-    return o ? w(o) : y();
+    const o = v(t);
+    return o ? _(o) : E();
   }
-  return Pe(e) || Ie(r) || y();
-}, Ue = (e, r) => {
-  const t = S(e);
+  return Ge(e) || We(r) || E();
+}, qe = (e, r) => {
+  const t = k(e);
   (r.parentNode !== t || t.firstChild !== r) && t.insertBefore(r, t.firstChild);
-}, sr = (e = {}) => {
+}, vr = (e = {}) => {
   var p;
   if (typeof document > "u")
     return null;
-  const r = ((p = e.root) == null ? void 0 : p.ownerDocument) || document, t = Le(r, e), o = e.styleId || He;
-  if (!e.force && Re(r))
+  const r = ((p = e.root) == null ? void 0 : p.ownerDocument) || document, t = Ye(r, e), o = e.styleId || Ie;
+  if (!e.force && je(r))
     return null;
   const u = r.getElementById(o);
-  if (!e.force && !u && Me(r))
+  if (!e.force && !u && $e(r))
     return null;
   const n = u || r.createElement("style");
   n.id || (n.id = o);
-  const l = e.themeName || t.themeName, i = e.basePresetName || t.basePresetName, f = M(B(t.variables, {
+  const l = e.themeName || t.themeName, i = e.basePresetName || t.basePresetName, s = U(O(t.variables, {
     includeElementAndDasUiBridges: e.includeElementAndDasUiBridges,
     themeName: l,
     basePresetName: i
   }));
-  n.textContent !== f && (n.textContent = f), Ue(r, n);
+  n.textContent !== s && (n.textContent = s), qe(r, n);
   const { setThemeAttributes: c = !0 } = e;
   return c && ((e.themeName || !r.documentElement.getAttribute("data-theme")) && r.documentElement.setAttribute("data-theme", l), e.skinName !== null && !r.documentElement.getAttribute("data-skin") && r.documentElement.setAttribute("data-skin", e.skinName || i)), n;
-}, Y = (e, r) => {
+}, ee = (e, r) => {
   if (!e.length || !r.length)
     return;
   const t = new Set(r);
@@ -1146,22 +1179,22 @@ ${r}
     const u = e[o];
     t.has(u) && e.removeProperty(u);
   }
-}, ze = (e, r) => {
-  const t = Be(e), o = M(r);
-  (K.get(e) !== o || t.textContent !== o) && (t.textContent = o, K.set(e, o));
+}, Je = (e, r) => {
+  const t = Ue(e), o = U(r);
+  (X.get(e) !== o || t.textContent !== o) && (t.textContent = o, X.set(e, o));
   const u = Object.keys(r);
-  Y(e.documentElement.style, u), e.body && Y(e.body.style, u);
-}, je = (e) => {
+  ee(e.documentElement.style, u), e.body && ee(e.body.style, u);
+}, Xe = (e) => {
   typeof window > "u" || (window.__UPF_THEME_SNAPSHOT__ = e);
-}, $e = (e, r) => {
-  const t = v(r) || {}, o = e.ownerDocument || document;
+}, Qe = (e, r) => {
+  const t = T(r) || {}, o = e.ownerDocument || document;
   b.set(e, t);
   const u = e === o.documentElement || e === o.body;
   u && b.set(o, t), u && typeof window < "u" && o === document && (window.__UPF_THEME_RUNTIME_VARIABLES__ = t);
-}, Ke = (e) => {
-  const r = R(e), t = (r == null ? void 0 : r.ownerDocument) || (typeof document < "u" ? document : null), o = typeof window < "u" && t === document && window.__UPF_THEME_RUNTIME_VARIABLES__ || null;
+}, Ze = (e) => {
+  const r = L(e), t = (r == null ? void 0 : r.ownerDocument) || (typeof document < "u" ? document : null), o = typeof window < "u" && t === document && window.__UPF_THEME_RUNTIME_VARIABLES__ || null;
   return (r ? b.get(r) : null) || (t ? b.get(t) : null) || o;
-}, We = (e = !0) => {
+}, er = (e = !0) => {
   var r;
   if (typeof window > "u" || !window.name)
     return null;
@@ -1176,157 +1209,183 @@ ${r}
   } catch {
     return null;
   }
-}, Ge = (e, r) => {
+}, rr = (e, r) => {
   if (r !== void 0)
     return r;
   const t = e.config || {};
   return String(t.basePresetName || t.name || e.themeName || "").trim() || null;
-}, Ye = (e, r = {}) => {
-  const t = R(r.root);
+}, tr = (e, r = {}) => {
+  const t = L(r.root);
   if (!t)
     return {};
-  const o = V(e), u = r.includeBridges === !1 ? Object.entries(o).reduce((l, [i, f]) => (l[i] = String(f ?? ""), l), {}) : B(o, {
+  const o = M(e), u = r.includeBridges === !1 ? Object.entries(o).reduce((l, [i, s]) => (l[i] = String(s ?? ""), l), {}) : O(o, {
     includeElementAndDasUiBridges: r.includeElementAndDasUiBridges,
     themeName: r.themeName,
     basePresetName: r.basePresetName
   }), n = t.ownerDocument || document;
-  return t === n.documentElement || t === n.body ? ze(n, u) : Object.entries(u).forEach(([l, i]) => {
+  return t === n.documentElement || t === n.body ? Je(n, u) : Object.entries(u).forEach(([l, i]) => {
     t.style.getPropertyValue(l) !== i && t.style.setProperty(l, i);
-  }), $e(t, u), r.themeName && t.setAttribute("data-theme", r.themeName), r.skinName === null ? t.removeAttribute("data-skin") : r.skinName && t.setAttribute("data-skin", r.skinName), u;
-}, oe = (e, r = {}) => {
-  const t = e.config || {}, o = Ye(e.variables || {}, {
+  }), Qe(t, u), r.themeName && t.setAttribute("data-theme", r.themeName), r.skinName === null ? t.removeAttribute("data-skin") : r.skinName && t.setAttribute("data-skin", r.skinName), u;
+}, ie = (e, r = {}) => {
+  const t = e.config || {}, o = tr(e.variables || {}, {
     ...r,
     themeName: r.themeName || e.themeName,
     basePresetName: r.basePresetName || String(t.basePresetName || t.name || ""),
-    skinName: Ge(e, r.skinName)
+    skinName: rr(e, r.skinName)
   });
-  return je(e), o;
-}, A = (e, r, t = !0) => {
+  return Xe(e), o;
+}, B = (e, r, t = !0) => {
   try {
     return e && e.__THEME_API__ || null;
   } catch {
     return null;
   }
-}, F = (e = !0) => typeof window > "u" ? null : A(window, "current", e) || A(window.parent, "parent", e) || A(window.top, "top", e), ae = (e = {}) => {
-  const r = F(e.debug), t = r != null && r.getCurrentTheme ? r.getCurrentTheme() : null;
+}, A = (e = !0) => typeof window > "u" ? null : B(window, "current", e) || B(window.parent, "parent", e) || B(window.top, "top", e), j = (e = {}) => {
+  const r = A(e.debug), t = r != null && r.getCurrentTheme ? r.getCurrentTheme() : null;
   if (t)
     return t;
   const o = (typeof window < "u" ? window.__UPF_THEME_SNAPSHOT__ : null) || null;
-  return o || We(e.debug);
-}, qe = (e = {}) => {
-  const r = Ke(e.root);
+  return o || er(e.debug);
+}, or = (e = {}) => {
+  const r = Ze(e.root);
   if (r)
-    return v(r);
-  const t = ae(e);
+    return T(r);
+  const t = j(e);
   if (t != null && t.variables)
-    return v(t.variables);
-  const o = F(e.debug);
+    return T(t.variables);
+  const o = A(e.debug);
   if (!o)
     return null;
   const u = o.getVariables ? o.getVariables() : null;
-  return v(u);
-}, cr = (e, r = !0) => {
-  const t = F(r);
+  return T(u);
+}, ar = (e, r = !0) => {
+  const t = A(r);
   return t != null && t.changeTheme ? (t.changeTheme(e), !0) : !1;
-}, ue = (e = {}) => {
-  const r = ae(e);
-  return r ? (oe(r, e), r) : (e.debug, null);
-}, pr = (e = {}) => ue({
+}, $ = (e = {}) => {
+  const r = j(e);
+  return r ? (ie(r, e), r) : (e.debug, null);
+}, xr = (e = {}) => $({
   includeBridges: !1,
   includeElementAndDasUiBridges: !1,
   ...e
-}), Je = (e, r = !0) => {
+}), ur = (e, r = !0) => {
   try {
-    const t = le("microApp");
-    return t.event.on($, e), () => {
-      t.event.off($, e);
+    const t = pe("microApp");
+    return t.event.on(J, e), () => {
+      t.event.off(J, e);
     };
   } catch {
     return null;
   }
-}, Xe = (e, r) => e != null && e.onThemeChange ? e.onThemeChange(r) : null, Qe = (e) => e ? [String(e.themeName || ""), String(e.source || ""), String(Number(e.timestamp) || 0)].join("|") : "", Ze = (e) => {
+}, nr = (e, r) => e != null && e.onThemeChange ? e.onThemeChange(r) : null, lr = (e) => e ? [String(e.themeName || ""), String(e.source || ""), String(Number(e.timestamp) || 0)].join("|") : "", ir = (e) => {
   let r = "";
   return (t) => {
-    const o = Qe(t);
+    const o = lr(t);
     o && o === r || (r = o, e(t));
   };
-}, er = (e, r, t = !1, o = !0) => {
-  const u = Ze(r), n = Xe(e, u), l = Je(u, o), f = (t ? [n, l] : [l, n]).filter(Boolean);
-  return f.length ? () => {
-    f.forEach((c) => c());
+}, sr = (e, r, t = !1, o = !0) => {
+  const u = ir(r), n = nr(e, u), l = ur(u, o), s = (t ? [n, l] : [l, n]).filter(Boolean);
+  return s.length ? () => {
+    s.forEach((c) => c());
   } : null;
-}, rr = (e = {}) => {
-  const { syncOnInit: r = !0, preferWindowSubscription: t = !1, onThemeChange: o, debug: u = !0, ...n } = e, l = F(u);
-  let i = !1, f = null, c = null;
+}, se = (e = {}) => {
+  const { syncOnInit: r = !0, preferWindowSubscription: t = !1, onThemeChange: o, debug: u = !0, ...n } = e, l = A(u);
+  let i = !1, s = null, c = null;
   const p = () => {
-    i || ue({ ...n, debug: u });
-  }, N = er(l, (d) => {
-    oe(d, n), o && (d == null ? void 0 : d.source) !== "mountSync" && o(d);
+    i || $({ ...n, debug: u });
+  }, H = sr(l, (g) => {
+    ie(g, n), o && (g == null ? void 0 : g.source) !== "mountSync" && o(g);
   }, t, u);
-  return r && (p(), (typeof queueMicrotask == "function" ? queueMicrotask : (ne) => Promise.resolve().then(ne))(p), typeof requestAnimationFrame == "function" ? f = requestAnimationFrame(() => {
-    f = null, p();
+  return r && (p(), (typeof queueMicrotask == "function" ? queueMicrotask : (ce) => Promise.resolve().then(ce))(p), typeof requestAnimationFrame == "function" ? s = requestAnimationFrame(() => {
+    s = null, p();
   }) : c = setTimeout(() => {
     c = null, p();
   }, 16)), () => {
-    i = !0, f !== null && typeof cancelAnimationFrame == "function" && (cancelAnimationFrame(f), f = null), c !== null && (clearTimeout(c), c = null), N == null || N();
+    i = !0, s !== null && typeof cancelAnimationFrame == "function" && (cancelAnimationFrame(s), s = null), c !== null && (clearTimeout(c), c = null), H == null || H();
   };
-}, mr = (e = {}) => rr({
+}, Er = (e = {}) => se({
   includeBridges: !1,
   includeElementAndDasUiBridges: !1,
   ...e
-}), tr = (e, r) => {
+}), fe = (e, r) => {
   var n;
-  const t = R(r), o = String(e || "").trim();
+  const t = L(r), o = String(e || "").trim();
   if (!t || !o)
     return "";
   const u = typeof getComputedStyle > "u" ? "" : getComputedStyle(t).getPropertyValue(o).trim();
-  return u || String(((n = qe({ root: t, debug: !1 })) == null ? void 0 : n[o]) ?? "");
-}, gr = (e) => `var(${String(e || "").trim()})`, dr = (e, r) => ({
-  value: tr(String(e || "").trim(), r)
-});
+  return u || String(((n = or({ root: t, debug: !1 })) == null ? void 0 : n[o]) ?? "");
+}, Tr = (e) => `var(${String(e || "").trim()})`, Cr = (e, r) => ({
+  value: fe(String(e || "").trim(), r)
+}), Sr = (e = {}) => {
+  const r = me("default");
+  let t = null;
+  return de(() => {
+    t = se({
+      ...e,
+      onThemeChange: (u) => {
+        r.value = u.themeName, e.onThemeChange && e.onThemeChange(u);
+      }
+    });
+    const o = j({ debug: e.debug });
+    o && (r.value = o.themeName);
+  }), ge(() => {
+    t == null || t();
+  }), {
+    currentTheme: r,
+    getVariable: (o) => fe(o, e.root),
+    syncTheme: () => $(e),
+    changeTheme: (o) => ar(o, e.debug)
+  };
+};
 export {
-  we as DAS_UI_THEME_BRIDGE_ITEMS,
-  Se as ELEMENT_THEME_BRIDGE_ITEMS,
-  Ce as LEGACY_THEME_BRIDGE_ITEMS,
-  X as PRESET_THEME_VARIABLES,
-  se as THEME_SOURCE_VARIABLE_CATEGORIES,
-  me as THEME_SOURCE_VARIABLE_HINTS,
-  pe as THEME_SOURCE_VARIABLE_LABELS,
-  T as THEME_SOURCE_VARIABLE_META,
-  ce as THEME_SOURCE_VARIABLE_NAMES,
-  ge as THEME_SOURCE_VARIABLE_RELATIONS,
-  Fe as UPF_COMPONENT_THEME_BRIDGE_ITEMS,
-  oe as applyThemeEventToDocument,
-  Ye as applyThemeVariablesToDocument,
-  fr as buildDefaultThemeCssText,
-  De as buildPresetThemeCssText,
-  B as buildRuntimeThemeVariables,
-  cr as changeTheme,
-  sr as ensureDefaultThemeStyle,
-  ae as getCurrentTheme,
-  We as getHostThemeSnapshotFromWindowName,
-  F as getThemeAPI,
-  lr as getThemeSourceVariableCategories,
-  nr as getThemeSourceVariableHints,
-  ur as getThemeSourceVariableLabels,
-  ar as getThemeSourceVariableNames,
-  ir as getThemeSourceVariableRelations,
-  tr as getThemeVariable,
-  qe as getThemeVariables,
-  gr as getVar,
-  dr as getVarValue,
-  mr as initHostThemeRootSync,
-  rr as initSubAppThemeSync,
-  J as mixHexColor,
-  q as normalizeHexColor,
-  be as normalizeThemeSourceVariables,
-  H as resolvePrimaryBgColor,
-  C as resolveThemeBridgeVariables,
-  pr as syncHostThemeRoot,
-  ue as syncThemeFromHost,
-  Ae as toDasUiColorOverrides,
-  _e as toElementThemeVariables,
-  Ne as toLegacyThemeVariables,
-  fe as toRgbaColor,
-  ke as toUpfComponentThemeVariables
+  Pe as BUILTIN_PRESET_THEME_NAMES,
+  Ve as DAS_UI_THEME_BRIDGE_ITEMS,
+  He as ELEMENT_THEME_BRIDGE_ITEMS,
+  Ae as LEGACY_THEME_BRIDGE_ITEMS,
+  C as PRESET_THEMES,
+  h as PRESET_THEME_VARIABLES,
+  ye as THEME_SOURCE_VARIABLE_CATEGORIES,
+  Ee as THEME_SOURCE_VARIABLE_HINTS,
+  xe as THEME_SOURCE_VARIABLE_LABELS,
+  F as THEME_SOURCE_VARIABLE_META,
+  ve as THEME_SOURCE_VARIABLE_NAMES,
+  Te as THEME_SOURCE_VARIABLE_RELATIONS,
+  Be as UPF_COMPONENT_THEME_BRIDGE_ITEMS,
+  ie as applyThemeEventToDocument,
+  tr as applyThemeVariablesToDocument,
+  yr as buildDefaultThemeCssText,
+  ze as buildPresetThemeCssText,
+  O as buildRuntimeThemeVariables,
+  ar as changeTheme,
+  P as clonePresetTheme,
+  vr as ensureDefaultThemeStyle,
+  hr as getAllPresetThemes,
+  j as getCurrentTheme,
+  er as getHostThemeSnapshotFromWindowName,
+  v as getPresetTheme,
+  A as getThemeAPI,
+  gr as getThemeSourceVariableCategories,
+  dr as getThemeSourceVariableHints,
+  mr as getThemeSourceVariableLabels,
+  pr as getThemeSourceVariableNames,
+  br as getThemeSourceVariableRelations,
+  fe as getThemeVariable,
+  or as getThemeVariables,
+  Tr as getVar,
+  Cr as getVarValue,
+  Er as initHostThemeRootSync,
+  se as initSubAppThemeSync,
+  te as mixHexColor,
+  re as normalizeHexColor,
+  Se as normalizeThemeSourceVariables,
+  R as resolvePrimaryBgColor,
+  N as resolveThemeBridgeVariables,
+  xr as syncHostThemeRoot,
+  $ as syncThemeFromHost,
+  Me as toDasUiColorOverrides,
+  Re as toElementThemeVariables,
+  De as toLegacyThemeVariables,
+  he as toRgbaColor,
+  Oe as toUpfComponentThemeVariables,
+  Sr as useSubAppTheme
 };