@das-fed/upf-utils 6.4.0-dev.243 → 6.4.0-dev.245

package/theme/index.js

@@ -1,42 +1,233 @@
-import { bus as L } from "@das-fed/mframe";
-const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars", _ = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakSet(), y = /* @__PURE__ */ new WeakMap(), b = (e) => e ? Object.entries(h(e)).reduce((r, [o, a]) => (r[o] = String(a ?? ""), r), {}) : null, h = (e) => e, t = (e, r) => {
-  const o = h(e);
-  return String((r ? o[r] : "") ?? "");
-}, i = (e, r) => r.map((o) => ({ target: o, from: e })), M = (e) => {
+import { bus as q } from "@das-fed/mframe";
+const J = {
+  "--upf-brand-primary": "#ffffff",
+  "--upf-brand-secondary": "#f2f6ff",
+  "--upf-color-primary": "#5582f3",
+  "--upf-color-success": "#52c41a",
+  "--upf-color-warning": "#faad14",
+  "--upf-color-error": "#ff4d4f",
+  "--upf-color-info": "#1890ff",
+  "--upf-text-primary": "#212121",
+  "--upf-text-secondary": "#666666",
+  "--upf-text-disabled": "#B2B2B2",
+  "--upf-text-placeholder": "#bfbfbf",
+  "--upf-bg-primary": "#ffffff",
+  "--upf-bg-secondary": "#F2F2F2",
+  "--upf-bg-elevated": "#ffffff",
+  "--upf-bg-mask": "rgba(0, 0, 0, 0.45)",
+  "--upf-border-color": "#D9D9D9",
+  "--upf-divider-color": "#ebeff5",
+  "--upf-nav-bg": "#ffffff",
+  "--upf-nav-text": "#212121",
+  "--upf-nav-hover-bg": "#f2f6ff",
+  "--upf-nav-active-bg": "#f2f6ff",
+  "--upf-nav-active-text": "#5582f3",
+  "--upf-menu-bg": "#ffffff",
+  "--upf-menu-text": "#212121",
+  "--upf-menu-hover-bg": "#f2f2f2",
+  "--upf-menu-active-bg": "#f2f6ff",
+  "--upf-menu-active-text": "#5582f3",
+  "--upf-menu-submenu-bg": "#ffffff",
+  "--upf-tab-bg": "#ffffff",
+  "--upf-tab-text": "#666666",
+  "--upf-tab-hover-bg": "#f2f6ff",
+  "--upf-tab-active-bg": "#ffffff",
+  "--upf-tab-active-text": "#5582f3",
+  "--upf-border-radius": "4px",
+  "--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)"
+}, Y = {
+  name: "cjb",
+  displayName: "纯净白",
+  description: "白底壳层主题，内容区沿用浅蓝高亮交互色",
+  mode: "light",
+  source: "preset",
+  basePresetName: "cjb",
+  variables: J
+}, X = {
+  "--upf-brand-primary": "#0e5fd8",
+  "--upf-brand-secondary": "#3579de",
+  "--upf-color-primary": "#5582f3",
+  "--upf-color-success": "#52c41a",
+  "--upf-color-warning": "#faad14",
+  "--upf-color-error": "#ff4d4f",
+  "--upf-color-info": "#1890ff",
+  "--upf-text-primary": "#231815",
+  "--upf-text-secondary": "#666666",
+  "--upf-text-disabled": "#B2B2B2",
+  "--upf-text-placeholder": "#bfbfbf",
+  "--upf-bg-primary": "#ffffff",
+  "--upf-bg-secondary": "#F2F2F2",
+  "--upf-bg-elevated": "#ffffff",
+  "--upf-bg-mask": "rgba(0, 0, 0, 0.45)",
+  "--upf-border-color": "#D9D9D9",
+  "--upf-divider-color": "#ebeff5",
+  "--upf-nav-bg": "#0e5fd8",
+  "--upf-nav-text": "#ffffff",
+  "--upf-nav-hover-bg": "#3579de",
+  "--upf-nav-active-bg": "#3579de",
+  "--upf-nav-active-text": "#ffffff",
+  "--upf-menu-bg": "#ffffff",
+  "--upf-menu-text": "#231815",
+  "--upf-menu-hover-bg": "#f2f2f2",
+  "--upf-menu-active-bg": "#eef3fe",
+  "--upf-menu-active-text": "#5582f3",
+  "--upf-menu-submenu-bg": "#ffffff",
+  "--upf-tab-bg": "#ffffff",
+  "--upf-tab-text": "#666666",
+  "--upf-tab-hover-bg": "#eef3fe",
+  "--upf-tab-active-bg": "#ffffff",
+  "--upf-tab-active-text": "#5582f3",
+  "--upf-border-radius": "4px",
+  "--upf-box-shadow": "0 2px 8px rgba(0, 0, 0, 0.1)",
+  "--upf-box-shadow-elevated": "0 4px 16px rgba(0, 0, 0, 0.15)"
+}, Q = {
+  name: "default",
+  displayName: "经典蓝",
+  description: "经典蓝导航主题，内容区沿用浅底与高亮蓝交互色",
+  mode: "light",
+  source: "preset",
+  basePresetName: "default",
+  variables: X
+}, Z = {
+  "--upf-brand-primary": "#eb0e1b",
+  "--upf-brand-secondary": "#f15760",
+  "--upf-color-primary": "#e63946",
+  "--upf-color-success": "#52c41a",
+  "--upf-color-warning": "#faad14",
+  "--upf-color-error": "#ff4d4f",
+  "--upf-color-info": "#1890ff",
+  "--upf-text-primary": "#231815",
+  "--upf-text-secondary": "#666666",
+  "--upf-text-disabled": "#B2B2B2",
+  "--upf-text-placeholder": "#bfbfbf",
+  "--upf-bg-primary": "#ffffff",
+  "--upf-bg-secondary": "#F2F2F2",
+  "--upf-bg-elevated": "#ffffff",
+  "--upf-bg-mask": "rgba(0, 0, 0, 0.45)",
+  "--upf-border-color": "#D9D9D9",
+  "--upf-divider-color": "#ebeff5",
+  "--upf-nav-bg": "#eb0e1b",
+  "--upf-nav-text": "#ffffff",
+  "--upf-nav-hover-bg": "rgba(255, 255, 255, 0.3)",
+  "--upf-nav-active-bg": "rgba(255, 255, 255, 0.3)",
+  "--upf-nav-active-text": "#ffffff",
+  "--upf-menu-bg": "#ffffff",
+  "--upf-menu-text": "#231815",
+  "--upf-menu-hover-bg": "#f5f5f5",
+  "--upf-menu-active-bg": "#fce8ea",
+  "--upf-menu-active-text": "#e63946",
+  "--upf-menu-submenu-bg": "#ffffff",
+  "--upf-tab-bg": "#ffffff",
+  "--upf-tab-text": "#666666",
+  "--upf-tab-hover-bg": "#fce8ea",
+  "--upf-tab-active-bg": "#ffffff",
+  "--upf-tab-active-text": "#e63946",
+  "--upf-border-radius": "4px",
+  "--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)"
+}, ee = {
+  name: "dkh",
+  displayName: "大咖红",
+  description: "大咖红主题，壳层与内容交互色保持同系红色",
+  mode: "light",
+  source: "preset",
+  basePresetName: "dkh",
+  variables: Z
+}, re = {
+  "--upf-brand-primary": "#1f2346",
+  "--upf-brand-secondary": "#2d3158",
+  "--upf-color-primary": "#5582f3",
+  "--upf-color-success": "#52c41a",
+  "--upf-color-warning": "#faad14",
+  "--upf-color-error": "#ff4d4f",
+  "--upf-color-info": "#1890ff",
+  "--upf-text-primary": "#231815",
+  "--upf-text-secondary": "#666666",
+  "--upf-text-disabled": "#B2B2B2",
+  "--upf-text-placeholder": "#b8c0cc",
+  "--upf-bg-primary": "#ffffff",
+  "--upf-bg-secondary": "#F2F2F2",
+  "--upf-bg-elevated": "#ffffff",
+  "--upf-bg-mask": "rgba(15, 23, 42, 0.45)",
+  "--upf-border-color": "#D9D9D9",
+  "--upf-divider-color": "#ebeff5",
+  "--upf-nav-bg": "#1f2346",
+  "--upf-nav-text": "#ffffff",
+  "--upf-nav-hover-bg": "rgba(255, 255, 255, 0.16)",
+  "--upf-nav-active-bg": "#5582f3",
+  "--upf-nav-active-text": "#ffffff",
+  "--upf-menu-bg": "#1f2346",
+  "--upf-menu-text": "#ffffff",
+  "--upf-menu-hover-bg": "#2d3158",
+  "--upf-menu-active-bg": "#2d3158",
+  "--upf-menu-active-text": "#ffffff",
+  "--upf-menu-submenu-bg": "#171b36",
+  "--upf-tab-bg": "#ffffff",
+  "--upf-tab-text": "#666666",
+  "--upf-tab-hover-bg": "#f2f6ff",
+  "--upf-tab-active-bg": "#ffffff",
+  "--upf-tab-active-text": "#5582f3",
+  "--upf-border-radius": "4px",
+  "--upf-box-shadow": "0 6px 18px rgba(15, 23, 42, 0.08)",
+  "--upf-box-shadow-elevated": "0 10px 28px rgba(35, 41, 75, 0.12)"
+}, te = {
+  name: "ssl",
+  displayName: "深邃蓝",
+  description: "深邃蓝壳层主题，内容区沿用浅底与高亮蓝交互色",
+  mode: "dark",
+  source: "preset",
+  basePresetName: "ssl",
+  variables: re
+}, oe = ["default", "cjb", "ssl", "dkh"], _ = {
+  default: Q,
+  cjb: Y,
+  ssl: te,
+  dkh: ee
+}, ae = (e) => ({ ...e }), I = (e) => ({
+  ...e,
+  variables: ae(e.variables)
+}), y = (e) => {
   const r = String(e || "").trim();
-  return /^#([\da-f]{3}|[\da-f]{6})$/i.test(r) ? r.length === 4 ? `#${r.slice(1).split("").map((o) => `${o}${o}`).join("")}` : r : "";
-}, T = (e) => {
-  const r = M(e);
+  return _[r] ? I(_[r]) : void 0;
+}, ue = () => oe.map((e) => I(_[e])), A = "themeChange", p = "#ffffff", d = "#000000", v = "upf-theme-root-vars", fe = "upf-default-theme-vars", le = ["--upf-color-primary", "--upf-brand-primary"], D = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakSet(), b = /* @__PURE__ */ new WeakMap(), x = (e) => e ? Object.entries(h(e)).reduce((r, [t, a]) => (r[t] = String(a ?? ""), r), {}) : null, h = (e) => e, o = (e, r) => {
+  const t = h(e);
+  return String((r ? t[r] : "") ?? "");
+}, n = (e, r) => r.map((t) => ({ target: t, from: e })), P = (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 = P(e);
   if (!r)
     return null;
-  const o = r.slice(1);
+  const t = r.slice(1);
   return {
-    red: Number.parseInt(o.slice(0, 2), 16),
-    green: Number.parseInt(o.slice(2, 4), 16),
-    blue: Number.parseInt(o.slice(4, 6), 16)
+    red: Number.parseInt(t.slice(0, 2), 16),
+    green: Number.parseInt(t.slice(2, 4), 16),
+    blue: Number.parseInt(t.slice(4, 6), 16)
   };
-}, F = (e) => Math.min(255, Math.max(0, Math.round(e))), $ = (e, r, o, a) => {
-  const u = T(e), l = T(r);
-  if (!u || !l)
+}, w = (e) => Math.min(255, Math.max(0, Math.round(e))), ne = (e, r, t, a) => {
+  const u = k(e), f = k(r);
+  if (!u || !f)
     return a;
-  const n = Math.min(1, Math.max(0, o)), c = F(u.red * n + l.red * (1 - n)), s = F(u.green * n + l.green * (1 - n)), p = F(u.blue * n + l.blue * (1 - n));
-  return `#${[c, s, p].map((m) => m.toString(16).padStart(2, "0")).join("")}`;
-}, P = (e, r, o) => {
-  const a = T(e);
+  const l = Math.min(1, Math.max(0, t)), s = w(u.red * l + f.red * (1 - l)), i = w(u.green * l + f.green * (1 - l)), c = w(u.blue * l + f.blue * (1 - l));
+  return `#${[s, i, c].map((m) => m.toString(16).padStart(2, "0")).join("")}`;
+}, ie = (e, r, t) => {
+  const a = k(e);
   if (!a)
-    return o;
+    return t;
   const u = Math.min(1, Math.max(0, r));
   return `rgba(${a.red}, ${a.green}, ${a.blue}, ${u})`;
-}, j = {
+}, se = {
   "#5582f3": "#3761CA",
   "#e63946": "#C9303C"
-}, A = (e, r) => {
-  const o = e || "#5582F3";
-  return j[M(o).toLowerCase()] || r(o, g, 0.84, "#3761CA");
-}, x = (e, r) => r.reduce((o, a) => {
-  const u = a.resolve ? a.resolve({ variables: e, result: o, mixHexColor: $, toRgbaColor: P }) : a.from ? t(e, String(a.from)) : String(a.value ?? "");
-  return o[a.target] = String(u ?? ""), o;
-}, {}), W = [
+}, V = (e, r) => {
+  const t = e || "#5582F3";
+  return se[P(t).toLowerCase()] || r(t, d, 0.84, "#3761CA");
+}, E = (e, r) => r.reduce((t, a) => {
+  const u = a.resolve ? a.resolve({ variables: e, result: t, mixHexColor: ne, toRgbaColor: ie }) : a.from ? o(e, String(a.from)) : String(a.value ?? "");
+  return t[a.target] = String(u ?? ""), t;
+}, {}), ce = [
   { target: "--upf-primary", from: "--upf-color-primary" },
   { target: "--upf-text", from: "--upf-text-primary" },
   { target: "--upf-surface", from: "--upf-bg-primary" },
@@ -46,7 +237,7 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   { 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" }
-], G = [
+], pe = [
   { target: "--el-color-primary", from: "--upf-color-primary" },
   { target: "--el-color-success", from: "--upf-color-success" },
   { target: "--el-color-warning", from: "--upf-color-warning" },
@@ -74,18 +265,18 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   { target: "--el-checkbox-font-weight", value: "400" },
   { target: "--el-checkbox-input-width", value: "14px" },
   { target: "--el-checkbox-input-height", value: "14px" },
-  { target: "--el-checkbox-checked-icon-color", value: f },
+  { target: "--el-checkbox-checked-icon-color", value: p },
   {
     target: "--el-checkbox-input-border",
-    resolve: ({ variables: e }) => `1px solid ${t(e, "--upf-border-color")}`
+    resolve: ({ variables: e }) => `1px solid ${o(e, "--upf-border-color")}`
   }
-], q = [
+], de = [
   { target: "--das-ui-color-primary-level1", from: "--upf-color-primary-bg" },
-  ...i("--upf-color-primary-bg", [
+  ...n("--upf-color-primary-bg", [
     "--das-ui-color-primary-level1",
     "--das-ui-upload-bgcolor-hover"
   ]),
-  ...i("--upf-bg-primary", [
+  ...n("--upf-bg-primary", [
     "--das-black-list-mange-color-white"
   ]),
   { target: "--das-ui-color-primary", from: "--upf-color-primary" },
@@ -113,7 +304,7 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   { target: "--das-ui-rich-editor-active-font-color", from: "--upf-color-primary" },
   {
     target: "--das-ui-dropdown-bgff-color",
-    resolve: ({ variables: e }) => t(e, "--upf-bg-elevated") || t(e, "--upf-bg-primary")
+    resolve: ({ variables: e }) => o(e, "--upf-bg-elevated") || o(e, "--upf-bg-primary")
   },
   { target: "--das-ui-dropdown-divided-color", from: "--upf-border-color" },
   { target: "--das-ui-dropdown-active-color", from: "--upf-color-primary" },
@@ -134,8 +325,8 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--das-ui-special-range-picker-in-range",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-primary"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-primary"),
+      o(e, "--upf-bg-primary"),
       0.08,
       "#F2F6FF"
     )
@@ -143,8 +334,8 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--das-ui-special-range-picker-new-range",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-primary"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-primary"),
+      o(e, "--upf-bg-primary"),
       0.14,
       "#E3EBFF"
     )
@@ -160,11 +351,18 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   { target: "--das-ui-table-sortable-color", from: "--upf-color-primary" },
   { target: "--das-ui-table-required-color", from: "--upf-color-error" },
   { target: "--das-ui-form-error-label-color", from: "--upf-color-error" },
+  { target: "--das-input-base-border-color", from: "--upf-border-color" },
+  { target: "--das-input-active-border-color", from: "--upf-color-primary" },
+  { target: "--das-input-font-color", from: "--upf-text-primary" },
+  { target: "--das-input-sub-font-color", from: "--upf-text-placeholder" },
+  { target: "--das-input-disabled-bg-color", from: "--upf-bg-secondary" },
+  { target: "--das-input-count-color", from: "--upf-text-disabled" },
+  { target: "--das-input-message-font-size", value: "12px" },
   { target: "--das-ui-scrollbar-thumb-color", from: "--upf-text-disabled" },
   { target: "--das-ui-scrollbar-thumb-hover-color", from: "--upf-text-secondary" },
   { target: "--das-ui-scrollbar-padding", value: "1px" },
   { target: "--das-ui-scrollbar-thumb-size", value: "8px" },
-  { target: "--das-user-manage-white", value: f },
+  { target: "--das-user-manage-white", value: p },
   { target: "--das-user-manage-shadow-color", value: "rgba(38, 38, 38, 0.1)" },
   { target: "--das-user-manage-border-color", value: "rgba(38, 38, 38, 0.1)" },
   { target: "--das-ui-font-size-sm", value: "12px" },
@@ -173,7 +371,7 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   { target: "--das-upf-ui-font-size-sm", value: "14px" },
   { target: "--das-upf-ui-line-height", value: "32px" },
   { target: "--das-ui-text-tooltip-shadow", value: "rgba(0, 0, 0, 0.2)" },
-  { target: "--das-ui-text-tooltip-bgcolor", value: f },
+  { target: "--das-ui-text-tooltip-bgcolor", value: p },
   { target: "--das-ui-search-form-font-color", from: "--upf-text-primary" },
   { target: "--das-ui-search-form-filter-font-color", from: "--upf-text-secondary" },
   { target: "--das-ui-search-form-filter-bgcolor", from: "--upf-bg-secondary" },
@@ -190,7 +388,7 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   { target: "--das-ui-steps-title-font-size", value: "12px" },
   {
     target: "--das-ui-collaspe-bgcolor",
-    resolve: ({ variables: e }) => t(e, "--upf-bg-elevated") || t(e, "--upf-bg-primary")
+    resolve: ({ variables: e }) => o(e, "--upf-bg-elevated") || o(e, "--upf-bg-primary")
   },
   { target: "--das-ui-calendar-color-text", value: "#212121" },
   { target: "--das-ui-calendar-color-border", value: "#D9D9D9" },
@@ -202,8 +400,8 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--das-ui-color-primary-level2",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-primary"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-primary"),
+      o(e, "--upf-bg-primary"),
       0.16,
       "#E0EFFE"
     )
@@ -211,8 +409,8 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--das-ui-color-primary-level3",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-primary"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-primary"),
+      o(e, "--upf-bg-primary"),
       0.32,
       "#B3D5FF"
     )
@@ -220,8 +418,8 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--das-ui-color-primary-level4",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-primary"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-primary"),
+      o(e, "--upf-bg-primary"),
       0.48,
       "#85B8FE"
     )
@@ -229,29 +427,29 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--das-ui-color-primary-level5",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-primary"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-primary"),
+      o(e, "--upf-bg-primary"),
       0.68,
       "#5797FF"
     )
   },
   {
     target: "--das-ui-color-primary-level7",
-    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary"), g, 0.82, "#104CCC")
+    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary"), d, 0.82, "#104CCC")
   },
   {
     target: "--das-ui-color-primary-level8",
-    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary"), g, 0.68, "#002EA3")
+    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary"), d, 0.68, "#002EA3")
   },
   {
     target: "--das-ui-color-primary-level9",
-    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary"), g, 0.5, "#001F7A")
+    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary"), d, 0.5, "#001F7A")
   },
   {
     target: "--das-ui-color-danger-level1",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-error"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-error"),
+      o(e, "--upf-bg-primary"),
       0.14,
       "#FFDBE0"
     )
@@ -259,8 +457,8 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--das-ui-color-danger-level2",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-error"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-error"),
+      o(e, "--upf-bg-primary"),
       0.08,
       "#FFF2F4"
     )
@@ -268,8 +466,8 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--das-ui-color-warning-level1",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-warning"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-warning"),
+      o(e, "--upf-bg-primary"),
       0.08,
       "#FFFBF2"
     )
@@ -277,8 +475,8 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--das-ui-color-warning-level2",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-warning"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-warning"),
+      o(e, "--upf-bg-primary"),
       0.16,
       "#FFF1D4"
     )
@@ -286,8 +484,8 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--das-ui-color-success-level1",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-success"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-success"),
+      o(e, "--upf-bg-primary"),
       0.08,
       "#F2FFF5"
     )
@@ -295,8 +493,8 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--das-ui-color-success-level2",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-success"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-success"),
+      o(e, "--upf-bg-primary"),
       0.16,
       "#DCFAE4"
     )
@@ -304,30 +502,30 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--das-ui-color-amount",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-warning"),
-      t(e, "--upf-color-error"),
+      o(e, "--upf-color-warning"),
+      o(e, "--upf-color-error"),
       0.55,
       "#FF5F1F"
     )
   },
   {
     target: "--das-ui-button-primary-hover",
-    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary"), g, 0.82, "#104CCC")
+    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary"), d, 0.82, "#104CCC")
   },
-  ...i("--upf-color-primary", [
+  ...n("--upf-color-primary", [
     "--das-ui-search-form-primary-color"
   ]),
-  ...i("--upf-text-primary", [
+  ...n("--upf-text-primary", [
     "--das-ui-tag-list-text-color"
   ]),
-  ...i("--upf-border-color", [
+  ...n("--upf-border-color", [
     "--das-ui-tag-list-border-color",
     "--das-ui-upload-border-color"
   ]),
-  ...i("--upf-bg-secondary", [
+  ...n("--upf-bg-secondary", [
     "--das-ui-upload-bgcolor"
   ]),
-  ...i("--upf-text-secondary", [
+  ...n("--upf-text-secondary", [
     "--das-ui-search-form-tip-color"
   ]),
   { target: "--das-ui-layout-header-menu-border-color", from: "--upf-border-color" },
@@ -339,17 +537,17 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   { target: "--das-ui-layout-header-menu-active-color", from: "--upf-nav-active-text" },
   {
     target: "--das-ui-layout-header-menu-remove-btn-color",
-    resolve: ({ variables: e, toRgbaColor: r }) => r(t(e, "--upf-nav-text"), 0.72, "rgba(170, 170, 172, 0.72)")
+    resolve: ({ variables: e, toRgbaColor: r }) => r(o(e, "--upf-nav-text"), 0.72, "rgba(170, 170, 172, 0.72)")
   },
   { target: "--das-ui-layout-header-menu-remove-btn-hover-color", from: "--upf-nav-active-text" },
   {
     target: "--das-ui-layout-header-icon-color",
-    resolve: ({ variables: e }) => t(e, "--upf-nav-text") || t(e, "--upf-text-secondary")
+    resolve: ({ variables: e }) => o(e, "--upf-nav-text") || o(e, "--upf-text-secondary")
   },
   {
     target: "--das-ui-layout-header-left-box-line",
     resolve: ({ variables: e, toRgbaColor: r }) => r(
-      t(e, "--upf-nav-text") || t(e, "--upf-text-secondary"),
+      o(e, "--upf-nav-text") || o(e, "--upf-text-secondary"),
       0.28,
       "#CCCCCC"
     )
@@ -380,43 +578,43 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   { 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" }
-], K = [
+], me = [
   // 同源变量集中维护，新增 target 时优先追加到对应 source 分组。
-  ...i("--upf-color-primary", [
+  ...n("--upf-color-primary", [
     "--upf-button-primary",
     "--upf-notification-primary-bg"
   ]),
-  ...i("--upf-text-primary", [
+  ...n("--upf-text-primary", [
     "--upf-button-default-text",
     "--upf-notification-title-text",
     "--upf-text-tooltip-text"
   ]),
-  ...i("--upf-border-color", [
+  ...n("--upf-border-color", [
     "--upf-button-default-border",
     "--upf-text-tooltip-border"
   ]),
-  ...i("--upf-text-disabled", [
+  ...n("--upf-text-disabled", [
     "--upf-button-default-disabled",
     "--upf-switch-off-color",
     "--upf-message-thumb",
     "--upf-text-tooltip-scrollbar-thumb"
   ]),
-  ...i("--upf-bg-secondary", [
+  ...n("--upf-bg-secondary", [
     "--upf-button-default-disabled-bg",
     "--upf-table-header-bg"
   ]),
-  ...i("--upf-bg-primary", ["--upf-checkbox-filter-bg"]),
-  ...i("--upf-color-info", ["--upf-loading-color-1"]),
-  ...i("--upf-brand-secondary", ["--upf-loading-color-2"]),
-  ...i("--upf-color-success", ["--upf-loading-color-3"]),
-  ...i("--upf-divider-color", ["--upf-loading-color-6"]),
-  ...i("--upf-text-secondary", [
+  ...n("--upf-bg-primary", ["--upf-checkbox-filter-bg"]),
+  ...n("--upf-color-info", ["--upf-loading-color-1"]),
+  ...n("--upf-brand-secondary", ["--upf-loading-color-2"]),
+  ...n("--upf-color-success", ["--upf-loading-color-3"]),
+  ...n("--upf-divider-color", ["--upf-loading-color-6"]),
+  ...n("--upf-text-secondary", [
     "--upf-message-close",
     "--upf-notification-description-text",
     "--upf-notification-close",
     "--upf-text-tooltip-scrollbar-thumb-hover"
   ]),
-  { target: "--upf-button-primary-text", value: f },
+  { target: "--upf-button-primary-text", value: p },
   { target: "--upf-button-primary-text-disabled", value: "rgba(255, 255, 255, 1)" },
   { target: "--upf-dialog-basic-header-height", value: "50px" },
   { target: "--upf-dialog-basic-content-padding", value: "30px" },
@@ -435,49 +633,49 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   { target: "--upf-notification-font-size-sm", value: "12px" },
   { target: "--upf-notification-font-size-md", value: "14px" },
   { target: "--upf-notification-font-size-lg", value: "16px" },
-  { target: "--upf-notification-primary-text", value: f },
+  { target: "--upf-notification-primary-text", value: p },
   { target: "--upf-text-tooltip-scrollbar-padding", value: "1px" },
   {
     target: "--upf-button-primary-hover",
-    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary") || "#5582F3", f, 0.82, "#87A9FF")
+    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary") || "#5582F3", p, 0.82, "#87A9FF")
   },
   {
     target: "--upf-button-active",
-    resolve: ({ variables: e, mixHexColor: r }) => A(t(e, "--upf-color-primary"), r)
+    resolve: ({ variables: e, mixHexColor: r }) => V(o(e, "--upf-color-primary"), r)
   },
   {
     target: "--upf-button-disabled",
-    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary") || "#5582F3", f, 0.3, "#B5CAFF")
+    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary") || "#5582F3", p, 0.3, "#B5CAFF")
   },
   {
     target: "--upf-button-set",
-    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary") || "#5582F3", g, 0.78, "#4367C1")
+    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary") || "#5582F3", d, 0.78, "#4367C1")
   },
   {
     target: "--upf-button-set-hover",
-    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary") || "#5582F3", g, 0.86, "#4C74DA")
+    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary") || "#5582F3", d, 0.86, "#4C74DA")
   },
   {
     target: "--upf-button-set-active",
-    resolve: ({ variables: e, mixHexColor: r }) => A(t(e, "--upf-color-primary"), r)
+    resolve: ({ variables: e, mixHexColor: r }) => V(o(e, "--upf-color-primary"), r)
   },
   {
     target: "--upf-button-set-disabled",
-    resolve: ({ variables: e, mixHexColor: r, result: o }) => r(
-      o["--upf-button-set"] || t(e, "--upf-color-primary") || "#5582F3",
-      t(e, "--upf-bg-primary"),
+    resolve: ({ variables: e, mixHexColor: r, result: t }) => r(
+      t["--upf-button-set"] || o(e, "--upf-color-primary") || "#5582F3",
+      o(e, "--upf-bg-primary"),
       0.55,
       "#95A4C8"
     )
   },
   {
     target: "--upf-switch-on-color-disabled",
-    resolve: ({ variables: e, mixHexColor: r }) => r(t(e, "--upf-color-primary"), f, 0.32, "#B5CAFF")
+    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary"), p, 0.32, "#B5CAFF")
   },
   {
     target: "--upf-checkbox-focus-shadow",
     resolve: ({ variables: e, toRgbaColor: r }) => r(
-      t(e, "--upf-color-primary") || "#5582F3",
+      o(e, "--upf-color-primary") || "#5582F3",
       0.1,
       "rgba(85, 130, 243, 0.1)"
     )
@@ -485,8 +683,8 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--upf-checkbox-overlay-error-bg",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-error"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-error"),
+      o(e, "--upf-bg-primary"),
       0.14,
       "#FFDBE0"
     )
@@ -494,22 +692,22 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--upf-loading-color-4",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-brand-secondary"),
-      t(e, "--upf-color-primary"),
+      o(e, "--upf-brand-secondary"),
+      o(e, "--upf-color-primary"),
       0.45,
       "#A06EFF"
     )
   },
   {
     target: "--upf-loading-color-5",
-    resolve: ({ variables: e }) => t(e, "--upf-color-primary") || "#5582F3"
+    resolve: ({ variables: e }) => o(e, "--upf-color-primary") || "#5582F3"
   },
   { target: "--upf-table-row-hover-bg", from: "--upf-bg-secondary" },
   {
     target: "--upf-table-row-active-bg",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-primary"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-primary"),
+      o(e, "--upf-bg-primary"),
       0.08,
       "#F2F6FF"
     )
@@ -517,8 +715,8 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--upf-table-row-active-hover-bg",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-primary"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-primary"),
+      o(e, "--upf-bg-primary"),
       0.14,
       "#E3EBFF"
     )
@@ -526,8 +724,8 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--upf-table-summary-row-color",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-warning"),
-      t(e, "--upf-color-error"),
+      o(e, "--upf-color-warning"),
+      o(e, "--upf-color-error"),
       0.55,
       "#FF5F1F"
     )
@@ -535,8 +733,8 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--upf-table-summary-row-bg",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-warning"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-warning"),
+      o(e, "--upf-bg-primary"),
       0.18,
       "#FFF1D4"
     )
@@ -544,47 +742,47 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--upf-message-bg",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-info"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-info"),
+      o(e, "--upf-bg-primary"),
       0.14,
       "#E0EFFF"
     )
   },
   {
     target: "--upf-message-text",
-    resolve: ({ variables: e }) => t(e, "--upf-color-info") || t(e, "--upf-color-primary") || "#0E5FD8"
+    resolve: ({ variables: e }) => o(e, "--upf-color-info") || o(e, "--upf-color-primary") || "#0E5FD8"
   },
   {
     target: "--upf-message-border",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-info"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-info"),
+      o(e, "--upf-bg-primary"),
       0.32,
       "#B3D5FF"
     )
   },
   {
     target: "--upf-message-close-hover",
-    resolve: ({ variables: e }) => t(e, "--upf-color-primary") || "#5582F3"
+    resolve: ({ variables: e }) => o(e, "--upf-color-primary") || "#5582F3"
   },
   {
     target: "--upf-message-success-bg",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-success"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-success"),
+      o(e, "--upf-bg-primary"),
       0.16,
       "#DCFAE4"
     )
   },
   {
     target: "--upf-message-success-text",
-    resolve: ({ variables: e }) => t(e, "--upf-color-success") || "#1BA854"
+    resolve: ({ variables: e }) => o(e, "--upf-color-success") || "#1BA854"
   },
   {
     target: "--upf-message-success-border",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-success"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-success"),
+      o(e, "--upf-bg-primary"),
       0.32,
       "#A1E6B5"
     )
@@ -604,21 +802,21 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--upf-message-warning-bg",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-warning"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-warning"),
+      o(e, "--upf-bg-primary"),
       0.16,
       "#FFF1D4"
     )
   },
   {
     target: "--upf-message-warning-text",
-    resolve: ({ variables: e }) => t(e, "--upf-color-warning") || "#FF991C"
+    resolve: ({ variables: e }) => o(e, "--upf-color-warning") || "#FF991C"
   },
   {
     target: "--upf-message-warning-border",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-warning"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-warning"),
+      o(e, "--upf-bg-primary"),
       0.32,
       "#FFE0A6"
     )
@@ -626,36 +824,36 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   {
     target: "--upf-message-error-bg",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-error"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-error"),
+      o(e, "--upf-bg-primary"),
       0.14,
       "#FFDBE0"
     )
   },
   {
     target: "--upf-message-error-text",
-    resolve: ({ variables: e }) => t(e, "--upf-color-error") || "#FB2323"
+    resolve: ({ variables: e }) => o(e, "--upf-color-error") || "#FB2323"
   },
   {
     target: "--upf-message-error-border",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      t(e, "--upf-color-error"),
-      t(e, "--upf-bg-primary"),
+      o(e, "--upf-color-error"),
+      o(e, "--upf-bg-primary"),
       0.32,
       "#FFADB6"
     )
   },
   {
     target: "--upf-notification-bg",
-    resolve: ({ variables: e }) => t(e, "--upf-bg-elevated") || t(e, "--upf-bg-primary")
+    resolve: ({ variables: e }) => o(e, "--upf-bg-elevated") || o(e, "--upf-bg-primary")
   },
   {
     target: "--upf-notification-close-hover",
-    resolve: ({ variables: e }) => t(e, "--upf-color-primary") || "#5582F3"
+    resolve: ({ variables: e }) => o(e, "--upf-color-primary") || "#5582F3"
   },
   {
     target: "--upf-text-tooltip-bg",
-    resolve: ({ variables: e }) => t(e, "--upf-bg-elevated") || t(e, "--upf-bg-primary")
+    resolve: ({ variables: e }) => o(e, "--upf-bg-elevated") || o(e, "--upf-bg-primary")
   },
   {
     target: "--upf-text-tooltip-shadow-color",
@@ -663,70 +861,110 @@ const S = "themeChange", f = "#ffffff", g = "#000000", E = "upf-theme-root-vars"
   },
   { target: "--upf-app-container-app-bg-override", from: "--upf-nav-bg" },
   { target: "--upf-app-container-app-text-override", from: "--upf-nav-text" }
-], Y = (e) => x(e, W), J = (e) => x(e, G), Q = (e) => x(e, q), X = (e) => x(e, K), Z = (e, r = {}) => {
-  const o = h(e), { includeElementAndDasUiBridges: a = !0 } = r;
+], ge = (e) => E(e, ce), be = (e) => E(e, pe), xe = (e) => E(e, de), ve = (e) => E(e, me), O = (e, r = {}) => {
+  const t = h(e), { includeElementAndDasUiBridges: a = !0 } = r, u = ve(t), f = {
+    ...t,
+    ...u
+  };
   return {
-    ...o,
-    ...X(e),
-    ...a ? J(e) : {},
-    ...a ? Q(e) : {},
-    ...Y(e)
+    ...t,
+    ...u,
+    ...a ? be(f) : {},
+    ...a ? xe(f) : {},
+    ...ge(f)
   };
-}, k = (e) => e || (typeof document > "u" ? null : document.documentElement), N = (e) => !!(e && String(e.tagName || "").toLowerCase() === "style"), H = (e) => e.head || e.documentElement, R = (e, r) => {
-  const o = H(e);
-  o && (r.parentNode !== o || o.lastElementChild !== r) && o.appendChild(r);
-}, D = (e) => {
+}, Le = (e) => y(e), Ue = () => ue(), H = () => y("default"), ze = () => ({ ...H().variables }), B = (e) => e || (typeof document > "u" ? null : document.documentElement), L = (e) => !!(e && String(e.tagName || "").toLowerCase() === "style"), C = (e) => e.head || e.documentElement, U = (e, r) => {
+  const t = C(e);
+  t && (r.parentNode !== t || t.lastElementChild !== r) && t.appendChild(r);
+}, M = (e) => {
   var u;
-  if (B.has(e))
+  if (N.has(e))
     return;
-  const r = H(e), o = ((u = e.defaultView) == null ? void 0 : u.MutationObserver) || (typeof MutationObserver < "u" ? MutationObserver : void 0);
-  if (!r || !o)
+  const r = C(e), t = ((u = e.defaultView) == null ? void 0 : u.MutationObserver) || (typeof MutationObserver < "u" ? MutationObserver : void 0);
+  if (!r || !t)
     return;
-  new o(() => {
-    const l = e.getElementById(E);
-    N(l) && R(e, l);
-  }).observe(r, { childList: !0 }), B.add(e);
-}, ee = (e) => {
-  const r = e.getElementById(E);
-  if (N(r))
-    return R(e, r), D(e), r;
-  const o = e.createElement("style");
-  return o.id = E, H(e).appendChild(o), D(e), o;
-}, re = (e) => {
-  const r = Object.entries(e).map(([o, a]) => `  ${o}: ${String(a ?? "")};`).join(`
+  new t(() => {
+    const f = e.getElementById(v);
+    L(f) && U(e, f);
+  }).observe(r, { childList: !0 }), N.add(e);
+}, ye = (e) => {
+  const r = e.getElementById(v);
+  if (L(r))
+    return U(e, r), M(e), r;
+  const t = e.createElement("style");
+  return t.id = v, C(e).appendChild(t), M(e), t;
+}, z = (e) => {
+  const r = Object.entries(e).filter(([, t]) => String(t ?? "").trim()).map(([t, a]) => `  ${t}: ${String(a ?? "")};`).join(`
 `);
   return r ? `:root {
 ${r}
 }` : ":root {}";
-}, V = (e, r) => {
+}, $ = (e = "default", r = {}) => {
+  const t = y(e) || H();
+  return z(O(t.variables, r));
+}, $e = (e = {}) => $("default", e), he = (e) => {
+  const r = e.getElementById(v);
+  if (r != null && r.textContent)
+    return !0;
+  const t = b.get(e) || b.get(e.documentElement);
+  return !!(t && Object.keys(t).length);
+}, Ee = (e) => {
+  var a;
+  const r = ((a = e.defaultView) == null ? void 0 : a.getComputedStyle) || (typeof getComputedStyle == "function" ? getComputedStyle : void 0);
+  if (!r || !e.documentElement)
+    return !1;
+  const t = r(e.documentElement);
+  return le.some((u) => t.getPropertyValue(u).trim());
+}, Ce = (e, r) => {
+  const t = C(e);
+  (r.parentNode !== t || t.firstChild !== r) && t.insertBefore(r, t.firstChild);
+}, je = (e = {}) => {
+  var i;
+  if (typeof document > "u")
+    return null;
+  const r = ((i = e.root) == null ? void 0 : i.ownerDocument) || document, t = y(e.presetName || "default") || H(), a = e.styleId || fe;
+  if (!e.force && he(r))
+    return null;
+  const u = r.getElementById(a);
+  if (!e.force && !u && Ee(r))
+    return null;
+  const f = u || r.createElement("style");
+  f.id || (f.id = a);
+  const l = $(t.name, {
+    includeElementAndDasUiBridges: e.includeElementAndDasUiBridges
+  });
+  f.textContent !== l && (f.textContent = l), Ce(r, f);
+  const { setThemeAttributes: s = !0 } = e;
+  return s && ((e.themeName || !r.documentElement.getAttribute("data-theme")) && r.documentElement.setAttribute("data-theme", e.themeName || t.name), e.skinName !== null && !r.documentElement.getAttribute("data-skin") && r.documentElement.setAttribute("data-skin", e.skinName || t.basePresetName)), f;
+}, R = (e, r) => {
   if (!e.length || !r.length)
     return;
-  const o = new Set(r);
+  const t = new Set(r);
   for (let a = e.length - 1; a >= 0; a--) {
     const u = e[a];
-    o.has(u) && e.removeProperty(u);
+    t.has(u) && e.removeProperty(u);
   }
-}, oe = (e, r) => {
-  const o = ee(e), a = re(r);
-  (_.get(e) !== a || o.textContent !== a) && (o.textContent = a, _.set(e, a));
+}, Te = (e, r) => {
+  const t = ye(e), a = z(r);
+  (D.get(e) !== a || t.textContent !== a) && (t.textContent = a, D.set(e, a));
   const u = Object.keys(r);
-  V(e.documentElement.style, u), e.body && V(e.body.style, u);
-}, te = (e) => {
+  R(e.documentElement.style, u), e.body && R(e.body.style, u);
+}, Fe = (e) => {
   typeof window > "u" || (window.__UPF_THEME_SNAPSHOT__ = e);
-}, ae = (e, r) => {
-  const o = b(r) || {}, a = e.ownerDocument || document;
-  y.set(e, o);
+}, we = (e, r) => {
+  const t = x(r) || {}, a = e.ownerDocument || document;
+  b.set(e, t);
   const u = e === a.documentElement || e === a.body;
-  u && y.set(a, o), u && typeof window < "u" && a === document && (window.__UPF_THEME_RUNTIME_VARIABLES__ = o);
-}, ue = (e) => {
-  const r = k(e), o = (r == null ? void 0 : r.ownerDocument) || (typeof document < "u" ? document : null), a = typeof window < "u" && o === document && window.__UPF_THEME_RUNTIME_VARIABLES__ || null;
-  return (r ? y.get(r) : null) || (o ? y.get(o) : null) || a;
-}, le = (e = !0) => {
+  u && b.set(a, t), u && typeof window < "u" && a === document && (window.__UPF_THEME_RUNTIME_VARIABLES__ = t);
+}, Se = (e) => {
+  const r = B(e), t = (r == null ? void 0 : r.ownerDocument) || (typeof document < "u" ? document : null), a = typeof window < "u" && t === document && window.__UPF_THEME_RUNTIME_VARIABLES__ || null;
+  return (r ? b.get(r) : null) || (t ? b.get(t) : null) || a;
+}, _e = (e = !0) => {
   var r;
   if (typeof window > "u" || !window.name)
     return null;
   try {
-    const o = JSON.parse(window.name), a = (r = o == null ? void 0 : o.parentData) == null ? void 0 : r.theme;
+    const t = JSON.parse(window.name), a = (r = t == null ? void 0 : t.parentData) == null ? void 0 : r.theme;
     return !(a != null && a.variables) || typeof a.variables != "object" ? null : {
       themeName: String(a.themeName || ""),
       config: a.config || null,
@@ -736,136 +974,145 @@ ${r}
   } catch {
     return null;
   }
-}, ie = (e, r) => {
+}, ke = (e, r) => {
   if (r !== void 0)
     return r;
-  const o = e.config || {};
-  return String(o.basePresetName || o.name || e.themeName || "").trim() || null;
-}, ne = (e, r = {}) => {
-  const o = k(r.root);
-  if (!o)
+  const t = e.config || {};
+  return String(t.basePresetName || t.name || e.themeName || "").trim() || null;
+}, He = (e, r = {}) => {
+  const t = B(r.root);
+  if (!t)
     return {};
-  const a = h(e), u = r.includeBridges === !1 ? Object.entries(a).reduce((n, [c, s]) => (n[c] = String(s ?? ""), n), {}) : Z(a, {
+  const a = h(e), u = r.includeBridges === !1 ? Object.entries(a).reduce((l, [s, i]) => (l[s] = String(i ?? ""), l), {}) : O(a, {
     includeElementAndDasUiBridges: r.includeElementAndDasUiBridges
-  }), l = o.ownerDocument || document;
-  return o === l.documentElement || o === l.body ? oe(l, u) : Object.entries(u).forEach(([n, c]) => {
-    o.style.getPropertyValue(n) !== c && o.style.setProperty(n, c);
-  }), ae(o, u), r.themeName && o.setAttribute("data-theme", r.themeName), r.skinName === null ? o.removeAttribute("data-skin") : r.skinName && o.setAttribute("data-skin", r.skinName), u;
-}, O = (e, r = {}) => {
-  const o = ne(e.variables || {}, {
+  }), f = t.ownerDocument || document;
+  return t === f.documentElement || t === f.body ? Te(f, u) : Object.entries(u).forEach(([l, s]) => {
+    t.style.getPropertyValue(l) !== s && t.style.setProperty(l, s);
+  }), we(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;
+}, j = (e, r = {}) => {
+  const t = He(e.variables || {}, {
     ...r,
     themeName: r.themeName || e.themeName,
-    skinName: ie(e, r.skinName)
+    skinName: ke(e, r.skinName)
   });
-  return te(e), o;
-}, w = (e, r, o = !0) => {
+  return Fe(e), t;
+}, S = (e, r, t = !0) => {
   try {
     return e && e.__THEME_API__ || null;
   } catch {
     return null;
   }
-}, v = (e = !0) => typeof window > "u" ? null : w(window, "current", e) || w(window.parent, "parent", e) || w(window.top, "top", e), I = (e = {}) => {
-  const r = v(e.debug), o = r != null && r.getCurrentTheme ? r.getCurrentTheme() : null;
-  if (o)
-    return o;
+}, T = (e = !0) => typeof window > "u" ? null : S(window, "current", e) || S(window.parent, "parent", e) || S(window.top, "top", e), W = (e = {}) => {
+  const r = T(e.debug), t = r != null && r.getCurrentTheme ? r.getCurrentTheme() : null;
+  if (t)
+    return t;
   const a = (typeof window < "u" ? window.__UPF_THEME_SNAPSHOT__ : null) || null;
-  return a || le(e.debug);
-}, se = (e = {}) => {
-  const r = ue(e.root);
+  return a || _e(e.debug);
+}, Be = (e = {}) => {
+  const r = Se(e.root);
   if (r)
-    return b(r);
-  const o = I(e);
-  if (o != null && o.variables)
-    return b(o.variables);
-  const a = v(e.debug);
+    return x(r);
+  const t = W(e);
+  if (t != null && t.variables)
+    return x(t.variables);
+  const a = T(e.debug);
   if (!a)
     return null;
   const u = a.getVariables ? a.getVariables() : null;
-  return b(u);
-}, xe = (e, r = !0) => {
-  const o = v(r);
-  return o != null && o.changeTheme ? (o.changeTheme(e), !0) : !1;
-}, z = (e = {}) => {
-  const r = I(e);
-  return r ? (O(r, e), r) : (e.debug, null);
-}, ve = (e = {}) => z({
+  return x(u);
+}, We = (e, r = !0) => {
+  const t = T(r);
+  return t != null && t.changeTheme ? (t.changeTheme(e), !0) : !1;
+}, G = (e = {}) => {
+  const r = W(e);
+  return r ? (j(r, e), r) : (e.debug, null);
+}, Ge = (e = {}) => G({
   includeBridges: !1,
   includeElementAndDasUiBridges: !1,
   ...e
-}), ce = (e, r = !0) => {
+}), Ae = (e, r = !0) => {
   try {
-    const o = L("microApp");
-    return o.event.on(S, e), () => {
-      o.event.off(S, e);
+    const t = q("microApp");
+    return t.event.on(A, e), () => {
+      t.event.off(A, e);
     };
   } catch {
     return null;
   }
-}, pe = (e, r) => e != null && e.onThemeChange ? e.onThemeChange(r) : null, fe = (e) => e ? [String(e.themeName || ""), String(e.source || ""), String(Number(e.timestamp) || 0)].join("|") : "", ge = (e) => {
+}, De = (e, r) => e != null && e.onThemeChange ? e.onThemeChange(r) : null, Ne = (e) => e ? [String(e.themeName || ""), String(e.source || ""), String(Number(e.timestamp) || 0)].join("|") : "", Ve = (e) => {
   let r = "";
-  return (o) => {
-    const a = fe(o);
-    a && a === r || (r = a, e(o));
+  return (t) => {
+    const a = Ne(t);
+    a && a === r || (r = a, e(t));
   };
-}, me = (e, r, o = !1, a = !0) => {
-  const u = ge(r), l = pe(e, u), n = ce(u, a), s = (o ? [l, n] : [n, l]).filter(Boolean);
-  return s.length ? () => {
-    s.forEach((p) => p());
+}, Me = (e, r, t = !1, a = !0) => {
+  const u = Ve(r), f = De(e, u), l = Ae(u, a), i = (t ? [f, l] : [l, f]).filter(Boolean);
+  return i.length ? () => {
+    i.forEach((c) => c());
   } : null;
-}, de = (e = {}) => {
-  const { syncOnInit: r = !0, preferWindowSubscription: o = !1, onThemeChange: a, debug: u = !0, ...l } = e, n = v(u);
-  let c = !1, s = null, p = null;
+}, Re = (e = {}) => {
+  const { syncOnInit: r = !0, preferWindowSubscription: t = !1, onThemeChange: a, debug: u = !0, ...f } = e, l = T(u);
+  let s = !1, i = null, c = null;
   const m = () => {
-    c || z({ ...l, debug: u });
-  }, C = me(n, (d) => {
-    O(d, l), a && (d == null ? void 0 : d.source) !== "mountSync" && a(d);
-  }, o, u);
-  return r && (m(), (typeof queueMicrotask == "function" ? queueMicrotask : (U) => Promise.resolve().then(U))(m), typeof requestAnimationFrame == "function" ? s = requestAnimationFrame(() => {
-    s = null, m();
-  }) : p = setTimeout(() => {
-    p = null, m();
+    s || G({ ...f, debug: u });
+  }, F = Me(l, (g) => {
+    j(g, f), a && (g == null ? void 0 : g.source) !== "mountSync" && a(g);
+  }, t, u);
+  return r && (m(), (typeof queueMicrotask == "function" ? queueMicrotask : (K) => Promise.resolve().then(K))(m), typeof requestAnimationFrame == "function" ? i = requestAnimationFrame(() => {
+    i = null, m();
+  }) : c = setTimeout(() => {
+    c = null, m();
   }, 16)), () => {
-    c = !0, s !== null && typeof cancelAnimationFrame == "function" && (cancelAnimationFrame(s), s = null), p !== null && (clearTimeout(p), p = null), C == null || C();
+    s = !0, i !== null && typeof cancelAnimationFrame == "function" && (cancelAnimationFrame(i), i = null), c !== null && (clearTimeout(c), c = null), F == null || F();
   };
-}, Ce = (e = {}) => de({
+}, Ke = (e = {}) => Re({
   includeBridges: !1,
   includeElementAndDasUiBridges: !1,
   ...e
-}), be = (e, r) => {
-  var l;
-  const o = k(r), a = String(e || "").trim();
-  if (!o || !a)
+}), Ie = (e, r) => {
+  var f;
+  const t = B(r), a = String(e || "").trim();
+  if (!t || !a)
     return "";
-  const u = typeof getComputedStyle > "u" ? "" : getComputedStyle(o).getPropertyValue(a).trim();
-  return u || String(((l = se({ root: o, debug: !1 })) == null ? void 0 : l[a]) ?? "");
-}, Fe = (e) => `var(${String(e || "").trim()})`, we = (e, r) => ({
-  value: be(String(e || "").trim(), r)
+  const u = typeof getComputedStyle > "u" ? "" : getComputedStyle(t).getPropertyValue(a).trim();
+  return u || String(((f = Be({ root: t, debug: !1 })) == null ? void 0 : f[a]) ?? "");
+}, qe = (e) => `var(${String(e || "").trim()})`, Je = (e, r) => ({
+  value: Ie(String(e || "").trim(), r)
 });
 export {
-  q as DAS_UI_THEME_BRIDGE_ITEMS,
-  G as ELEMENT_THEME_BRIDGE_ITEMS,
-  W as LEGACY_THEME_BRIDGE_ITEMS,
-  K as UPF_COMPONENT_THEME_BRIDGE_ITEMS,
-  O as applyThemeEventToDocument,
-  ne as applyThemeVariablesToDocument,
-  Z as buildRuntimeThemeVariables,
-  xe as changeTheme,
-  I as getCurrentTheme,
-  le as getHostThemeSnapshotFromWindowName,
-  v as getThemeAPI,
-  be as getThemeVariable,
-  se as getThemeVariables,
-  Fe as getVar,
-  we as getVarValue,
-  Ce as initHostThemeRootSync,
-  de as initSubAppThemeSync,
-  $ as mixHexColor,
-  x as resolveThemeBridgeVariables,
-  ve as syncHostThemeRoot,
-  z as syncThemeFromHost,
-  Q as toDasUiColorOverrides,
-  J as toElementThemeVariables,
-  Y as toLegacyThemeVariables,
-  P as toRgbaColor,
-  X as toUpfComponentThemeVariables
+  oe as BUILTIN_PRESET_THEME_NAMES,
+  de as DAS_UI_THEME_BRIDGE_ITEMS,
+  pe as ELEMENT_THEME_BRIDGE_ITEMS,
+  ce as LEGACY_THEME_BRIDGE_ITEMS,
+  _ as PRESET_THEMES,
+  me as UPF_COMPONENT_THEME_BRIDGE_ITEMS,
+  j as applyThemeEventToDocument,
+  He as applyThemeVariablesToDocument,
+  $e as buildDefaultThemeCssText,
+  $ as buildPresetThemeCssText,
+  O as buildRuntimeThemeVariables,
+  We as changeTheme,
+  je as ensureDefaultThemeStyle,
+  Ue as getAllPresetThemes,
+  W as getCurrentTheme,
+  H as getDefaultPresetTheme,
+  ze as getDefaultThemeVariables,
+  _e as getHostThemeSnapshotFromWindowName,
+  Le as getPresetTheme,
+  T as getThemeAPI,
+  Ie as getThemeVariable,
+  Be as getThemeVariables,
+  qe as getVar,
+  Je as getVarValue,
+  Ke as initHostThemeRootSync,
+  Re as initSubAppThemeSync,
+  ne as mixHexColor,
+  E as resolveThemeBridgeVariables,
+  Ge as syncHostThemeRoot,
+  G as syncThemeFromHost,
+  xe as toDasUiColorOverrides,
+  be as toElementThemeVariables,
+  ge as toLegacyThemeVariables,
+  ie as toRgbaColor,
+  ve as toUpfComponentThemeVariables
 };