@das-fed/upf-utils 6.4.0-dev.247 → 6.4.0-dev.249

package/theme/index.js

@@ -1,9 +1,9 @@
-import { bus as re } from "@das-fed/mframe";
-const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
+import { bus as se } from "@das-fed/mframe";
+const m = "#ffffff", d = "#000000", fe = 0.115, X = (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 : "";
-}, _ = (e) => {
-  const r = U(e);
+}, B = (e) => {
+  const r = X(e);
   if (!r)
     return null;
   const t = r.slice(1);
@@ -12,235 +12,369 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
     green: Number.parseInt(t.slice(2, 4), 16),
     blue: Number.parseInt(t.slice(4, 6), 16)
   };
-}, w = (e) => Math.min(255, Math.max(0, Math.round(e))), $ = (e, r, t, a) => {
-  const u = _(e), f = _(r);
-  if (!u || !f)
-    return a;
-  const l = Math.min(1, Math.max(0, t)), s = w(u.red * l + f.red * (1 - l)), n = w(u.green * l + f.green * (1 - l)), p = w(u.blue * l + f.blue * (1 - l));
-  return `#${[s, n, p].map((d) => d.toString(16).padStart(2, "0")).join("")}`;
-}, oe = (e, r, t) => {
-  const a = _(e);
-  if (!a)
+}, H = (e) => Math.min(255, Math.max(0, Math.round(e))), Q = (e, r, t, o) => {
+  const u = B(e), n = B(r);
+  if (!u || !n)
+    return o;
+  const l = Math.min(1, Math.max(0, t)), i = H(u.red * l + n.red * (1 - l)), s = H(u.green * l + n.green * (1 - l)), c = H(u.blue * l + n.blue * (1 - l));
+  return `#${[i, s, c].map((p) => p.toString(16).padStart(2, "0")).join("")}`;
+}, ce = (e, r, t) => {
+  const o = B(e);
+  if (!o)
     return t;
   const u = Math.min(1, Math.max(0, r));
-  return `rgba(${a.red}, ${a.green}, ${a.blue}, ${u})`;
-}, y = (e, r = c) => $(e || "#5582F3", r || c, te, "#ebf1fe"), N = "#5582f3", ae = {
-  "--upf-brand-primary": "#ffffff",
-  "--upf-brand-secondary": "#f2f6ff",
-  "--upf-color-primary": N,
-  "--upf-color-primary-bg": y(N),
+  return `rgba(${o.red}, ${o.green}, ${o.blue}, ${u})`;
+}, D = (e, r = m) => Q(e || "#5582F3", r || m, fe, "#ebf1fe"), z = "#5582f3", j = "#e63946", pe = [
+  {
+    group: "foundation",
+    name: "brand",
+    displayName: "品牌基因",
+    shortDisplayName: "品牌",
+    description: "品牌识别专用颜色，用于Logo、品牌元素等",
+    variables: ["--upf-brand-primary", "--upf-brand-secondary"]
+  },
+  {
+    group: "foundation",
+    name: "basic",
+    displayName: "交互与状态色",
+    shortDisplayName: "交互色",
+    description: "交互主色与状态反馈色，用于按钮、状态、标签等交互元素",
+    variables: [
+      "--upf-color-primary",
+      "--upf-color-primary-bg",
+      "--upf-color-success",
+      "--upf-color-warning",
+      "--upf-color-error",
+      "--upf-color-info"
+    ]
+  },
+  {
+    group: "foundation",
+    name: "text",
+    displayName: "文本色",
+    description: "文本层级颜色，用于标题、正文、辅助说明等",
+    variables: ["--upf-text-primary", "--upf-text-secondary", "--upf-text-disabled", "--upf-text-placeholder"]
+  },
+  {
+    group: "foundation",
+    name: "background",
+    displayName: "页面与容器背景",
+    shortDisplayName: "背景色",
+    description: "背景层级颜色，用于页面、卡片、弹窗等容器背景",
+    variables: ["--upf-bg-primary", "--upf-bg-secondary", "--upf-bg-elevated", "--upf-bg-mask"]
+  },
+  {
+    group: "foundation",
+    name: "border",
+    displayName: "边框与分割线",
+    shortDisplayName: "边框分割",
+    description: "边框和分割线颜色",
+    variables: ["--upf-border-color", "--upf-divider-color"]
+  },
+  {
+    group: "shell",
+    name: "nav",
+    displayName: "顶部导航",
+    description: "顶部导航栏相关颜色",
+    variables: ["--upf-nav-bg", "--upf-nav-border-color", "--upf-nav-text", "--upf-nav-hover-bg", "--upf-nav-active-bg", "--upf-nav-active-text"]
+  },
+  {
+    group: "shell",
+    name: "menu",
+    displayName: "侧边菜单",
+    description: "左侧菜单相关颜色",
+    variables: [
+      "--upf-menu-bg",
+      "--upf-menu-text",
+      "--upf-menu-hover-bg",
+      "--upf-menu-active-bg",
+      "--upf-menu-active-text",
+      "--upf-menu-submenu-bg"
+    ]
+  },
+  {
+    group: "shell",
+    name: "tab",
+    displayName: "标签页",
+    description: "标签页相关颜色",
+    variables: ["--upf-tab-bg", "--upf-tab-text", "--upf-tab-hover-bg", "--upf-tab-active-bg", "--upf-tab-active-text"]
+  },
+  {
+    group: "foundation",
+    name: "effect",
+    displayName: "圆角与阴影",
+    shortDisplayName: "圆角阴影",
+    description: "圆角和阴影等样式效果",
+    variables: ["--upf-border-radius", "--upf-box-shadow", "--upf-box-shadow-elevated"]
+  }
+], S = [
+  { 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" },
+  {
+    name: "--upf-color-primary-bg",
+    label: "主色高亮背景",
+    hint: "主色配套高亮背景，默认跟随主色自动生成透明背景，也可手动覆盖",
+    category: "basic",
+    fallback: (e) => D(e["--upf-color-primary"], e["--upf-bg-primary"]),
+    fallbackDeps: ["--upf-color-primary", "--upf-bg-primary"]
+  },
+  { name: "--upf-color-success", label: "成功色", hint: "成功状态色，用于成功提示、成功按钮", category: "basic" },
+  { name: "--upf-color-warning", label: "警告色", hint: "警告状态色，用于警告提示、注意信息", category: "basic" },
+  { name: "--upf-color-error", label: "错误色", hint: "错误状态色，用于错误提示、删除操作", category: "basic" },
+  { name: "--upf-color-info", label: "信息色", hint: "信息状态色，用于信息提示、普通消息", category: "basic" },
+  { name: "--upf-text-primary", label: "主要文本", hint: "主要文本，用于标题、重要内容", category: "text" },
+  { name: "--upf-text-secondary", label: "次要文本", hint: "次要文本，用于辅助说明、描述文字", category: "text" },
+  { name: "--upf-text-disabled", label: "禁用文本", hint: "禁用文本，用于禁用状态下的文字", category: "text" },
+  { name: "--upf-text-placeholder", label: "占位文本", hint: "占位文本，用于输入框占位符", category: "text" },
+  { name: "--upf-bg-primary", label: "主背景", hint: "主背景，用于页面整体背景", category: "background" },
+  { name: "--upf-bg-secondary", label: "次背景", hint: "次背景，用于卡片、容器背景", category: "background" },
+  { name: "--upf-bg-elevated", label: "浮层背景", hint: "浮层背景，用于弹窗、下拉浮层", category: "background" },
+  { name: "--upf-bg-mask", label: "遮罩背景", hint: "遮罩背景，用于全屏遮罩层", category: "background" },
+  { name: "--upf-border-color", label: "边框色", hint: "边框色，用于组件边框、分割线", category: "border" },
+  { name: "--upf-divider-color", label: "分割线色", hint: "分割线色，用于内容分割线", category: "border" },
+  { name: "--upf-nav-bg", label: "导航背景", hint: "导航背景色，建议使用品牌主色", category: "nav" },
+  {
+    name: "--upf-nav-border-color",
+    label: "导航边框",
+    hint: "导航边框色，用于顶部导航底部分割线",
+    category: "nav",
+    fallback: ["--upf-divider-color", "--upf-border-color"],
+    fallbackDeps: ["--upf-divider-color", "--upf-border-color"]
+  },
+  { name: "--upf-nav-text", label: "导航文本", hint: "导航文本色，用于导航栏文字", category: "nav" },
+  { name: "--upf-nav-hover-bg", label: "导航悬停", hint: "导航悬停背景，用于导航项悬停状态", category: "nav" },
+  { name: "--upf-nav-active-bg", label: "导航激活", hint: "导航激活背景，用于导航项激活状态", category: "nav" },
+  { name: "--upf-nav-active-text", label: "导航激活文本", hint: "导航激活文本，用于导航项激活状态文字", category: "nav" },
+  { name: "--upf-menu-bg", label: "菜单背景", hint: "菜单背景，用于侧边菜单背景", category: "menu" },
+  { name: "--upf-menu-text", label: "菜单文本", hint: "菜单文本，用于菜单项文字", category: "menu" },
+  { name: "--upf-menu-hover-bg", label: "菜单悬停", hint: "菜单悬停背景，用于菜单项悬停状态", category: "menu" },
+  { name: "--upf-menu-active-bg", label: "菜单激活", hint: "菜单激活背景，用于菜单项激活状态", category: "menu" },
+  { name: "--upf-menu-active-text", label: "菜单激活文本", hint: "菜单激活文本，建议使用功能主色", category: "menu" },
+  { name: "--upf-menu-submenu-bg", label: "子菜单背景", hint: "子菜单背景，用于子菜单展开背景", category: "menu" },
+  { name: "--upf-tab-bg", label: "标签背景", hint: "标签背景，用于标签页背景", category: "tab" },
+  { name: "--upf-tab-text", label: "标签文本", hint: "标签文本，用于标签页文字", category: "tab" },
+  { name: "--upf-tab-hover-bg", label: "标签悬停", hint: "标签悬停背景，用于标签页悬停状态", category: "tab" },
+  { name: "--upf-tab-active-bg", label: "标签激活", hint: "标签激活背景，用于标签页激活状态", category: "tab" },
+  { name: "--upf-tab-active-text", label: "标签激活文本", hint: "标签激活文本，建议使用功能主色", category: "tab" },
+  { 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" }
+], me = S.map((e) => e.name), de = S.reduce((e, r) => (e[r.name] = r.label, e), {}), ge = S.reduce((e, r) => (e[r.name] = r.hint, e), {}), be = {
+  "--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"
+}, v = {
+  "--upf-color-primary": z,
+  "--upf-color-primary-bg": D(z),
   "--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-nav-border-color": "rgba(235, 239, 245, 1)",
   "--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)"
-}, ue = {
+  "--upf-border-radius": "4px"
+}, y = {
+  default: {
+    ...v,
+    "--upf-brand-primary": "#0e5fd8",
+    "--upf-brand-secondary": "#3579de",
+    "--upf-text-primary": "#231815",
+    "--upf-text-secondary": "#666666",
+    "--upf-text-placeholder": "#bfbfbf",
+    "--upf-bg-mask": "rgba(0, 0, 0, 0.45)",
+    "--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-hover-bg": "#eef3fe",
+    "--upf-tab-active-text": "#5582f3",
+    "--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)"
+  },
+  cjb: {
+    ...v,
+    "--upf-brand-primary": "#ffffff",
+    "--upf-brand-secondary": "#f2f6ff",
+    "--upf-text-primary": "#212121",
+    "--upf-text-secondary": "#666666",
+    "--upf-text-placeholder": "#bfbfbf",
+    "--upf-bg-mask": "rgba(0, 0, 0, 0.45)",
+    "--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-hover-bg": "#f2f6ff",
+    "--upf-tab-active-text": "#5582f3",
+    "--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)"
+  },
+  ssl: {
+    ...v,
+    "--upf-brand-primary": "#1f2346",
+    "--upf-brand-secondary": "#2d3158",
+    "--upf-text-primary": "#231815",
+    "--upf-text-secondary": "#666666",
+    "--upf-text-placeholder": "#b8c0cc",
+    "--upf-bg-mask": "rgba(15, 23, 42, 0.45)",
+    "--upf-divider-color": "rgba(235, 239, 245, 1)",
+    "--upf-nav-bg": "#1f2346",
+    "--upf-nav-border-color": "rgba(235, 239, 245, 0.1)",
+    "--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-hover-bg": "#f2f6ff",
+    "--upf-tab-active-text": "#5582f3",
+    "--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)"
+  },
+  dkh: {
+    ...v,
+    "--upf-brand-primary": "#eb0e1b",
+    "--upf-brand-secondary": "#f15760",
+    "--upf-color-primary": j,
+    "--upf-color-primary-bg": D(j),
+    "--upf-text-primary": "#231815",
+    "--upf-text-secondary": "#666666",
+    "--upf-text-placeholder": "#bfbfbf",
+    "--upf-bg-mask": "rgba(0, 0, 0, 0.45)",
+    "--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-hover-bg": "#fce8ea",
+    "--upf-tab-active-text": "#e63946",
+    "--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)"
+  }
+}, he = (e, r) => {
+  if (!r)
+    return "";
+  if (typeof r == "function")
+    return String(r(e) || "");
+  const t = Array.isArray(r) ? r : [r];
+  for (const o of t) {
+    const u = String(e[o] || "").trim();
+    if (u)
+      return u;
+  }
+  return "";
+}, $ = (e) => Object.entries(e || {}).reduce((r, [t, o]) => (r[t] = String(o ?? "").trim(), r), {}), br = () => [...me], hr = () => ({ ...de }), yr = () => ({ ...ge }), vr = () => pe.map((e) => ({
+  ...e,
+  variables: [...e.variables]
+})), xr = () => ({ ...be }), ye = (e, r = y.default) => {
+  const t = $(e), o = $(r), u = {
+    ...o,
+    ...t
+  };
+  return S.reduce((n, l) => {
+    var p;
+    const i = t[l.name] || "", s = (p = l.fallbackDeps) == null ? void 0 : p.some((U) => !!t[U]), c = he({ ...u, ...n }, l.fallback);
+    return n[l.name] = i || (s ? c : "") || o[l.name] || c, n;
+  }, {});
+}, ve = y.cjb, xe = {
   name: "cjb",
   displayName: "纯净白",
   description: "白底壳层主题，内容区沿用浅蓝高亮交互色",
   mode: "light",
   source: "preset",
   basePresetName: "cjb",
-  variables: ae
-}, D = "#5582f3", fe = {
-  "--upf-brand-primary": "#0e5fd8",
-  "--upf-brand-secondary": "#3579de",
-  "--upf-color-primary": D,
-  "--upf-color-primary-bg": y(D),
-  "--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)"
-}, le = {
+  variables: ve
+}, Ee = y.default, Te = {
   name: "default",
   displayName: "经典蓝",
   description: "经典蓝导航主题，内容区沿用浅底与高亮蓝交互色",
   mode: "light",
   source: "preset",
   basePresetName: "default",
-  variables: fe
-}, R = "#e63946", ne = {
-  "--upf-brand-primary": "#eb0e1b",
-  "--upf-brand-secondary": "#f15760",
-  "--upf-color-primary": R,
-  "--upf-color-primary-bg": y(R),
-  "--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)"
-}, ie = {
+  variables: Ee
+}, Ce = y.dkh, Se = {
   name: "dkh",
   displayName: "大咖红",
   description: "大咖红主题，壳层与内容交互色保持同系红色",
   mode: "light",
   source: "preset",
   basePresetName: "dkh",
-  variables: ne
-}, M = "#5582f3", se = {
-  "--upf-brand-primary": "#1f2346",
-  "--upf-brand-secondary": "#2d3158",
-  "--upf-color-primary": M,
-  "--upf-color-primary-bg": y(M),
-  "--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": "rgba(235, 239, 245, 0.1)",
-  "--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)"
-}, ce = {
+  variables: Ce
+}, we = y.ssl, Fe = {
   name: "ssl",
   displayName: "深邃蓝",
   description: "深邃蓝壳层主题，内容区沿用浅底与高亮蓝交互色",
   mode: "dark",
   source: "preset",
   basePresetName: "ssl",
-  variables: se
-}, pe = ["default", "cjb", "ssl", "dkh"], k = {
-  default: le,
-  cjb: ue,
-  ssl: ce,
-  dkh: ie
-}, me = (e) => ({ ...e }), j = (e) => ({
+  variables: we
+}, _e = ["default", "cjb", "ssl", "dkh"], R = {
+  default: Te,
+  cjb: xe,
+  ssl: Fe,
+  dkh: Se
+}, Ne = (e) => ({ ...e }), Z = (e) => ({
   ...e,
-  variables: me(e.variables)
-}), h = (e) => {
+  variables: Ne(e.variables)
+}), g = (e) => {
   const r = String(e || "").trim();
-  return k[r] ? j(k[r]) : void 0;
-}, de = () => pe.map((e) => j(k[e])), V = "themeChange", v = "upf-theme-root-vars", ge = "upf-default-theme-vars", be = ["--upf-color-primary", "--upf-brand-primary"], P = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakSet(), b = /* @__PURE__ */ new WeakMap(), x = (e) => e ? Object.entries(A(e)).reduce((r, [t, a]) => (r[t] = String(a ?? ""), r), {}) : null, A = (e) => e, o = (e, r) => {
-  const t = A(e);
+  return R[r] ? Z(R[r]) : void 0;
+}, Ae = () => _e.map((e) => Z(R[e])), ee = (e) => e, a = (e, r) => {
+  const t = ee(e);
   return String((r ? t[r] : "") ?? "");
-}, i = (e, r) => r.map((t) => ({ target: t, from: e })), W = (e) => {
-  var a;
-  const r = A(e), t = Object.entries(r).reduce((u, [f, l]) => (u[f] = String(l ?? ""), u), {});
-  return (a = t["--upf-color-primary-bg"]) != null && a.trim() || (t["--upf-color-primary-bg"] = y(
-    t["--upf-color-primary"],
-    t["--upf-bg-primary"] || c
-  )), t;
-}, ye = {
+}, f = (e, r) => r.map((t) => ({ target: t, from: e })), M = (e) => {
+  const r = ee(e);
+  return {
+    ...Object.entries(r).reduce((o, [u, n]) => (o[u] = String(n ?? ""), o), {}),
+    ...ye(r)
+  };
+}, ke = {
   "#5582f3": "#3761CA",
   "#e63946": "#C9303C"
-}, O = (e, r) => {
+}, K = (e, r) => {
   const t = e || "#5582F3";
-  return ye[U(t).toLowerCase()] || r(t, m, 0.84, "#3761CA");
-}, xe = "#999", ve = (e) => [e.themeName, e.basePresetName].some((r) => String(r || "").trim() === "dkh"), he = (e) => ve(e) ? xe : o(e.variables, "--upf-color-primary"), Ee = (e) => Array.isArray(e) ? [...e] : [e], E = (e, r, t = {}) => r.reduce((a, u) => {
-  const f = u.resolve ? u.resolve({ variables: e, result: a, mixHexColor: $, toRgbaColor: oe, ...t }) : u.from ? o(e, String(u.from)) : String(u.value ?? "");
-  return Ee(u.target).forEach((l) => {
-    a[l] = String(f ?? "");
-  }), a;
-}, {}), Ce = [
+  return ke[X(t).toLowerCase()] || r(t, d, 0.84, "#3761CA");
+}, He = "#999", Ve = (e) => [e.themeName, e.basePresetName].some((r) => String(r || "").trim() === "dkh"), Be = (e) => Ve(e) ? He : a(e.variables, "--upf-color-primary"), Re = (e) => Array.isArray(e) ? [...e] : [e], w = (e, r, t = {}) => r.reduce((o, u) => {
+  const n = u.resolve ? u.resolve({ variables: e, result: o, mixHexColor: Q, toRgbaColor: ce, ...t }) : u.from ? a(e, String(u.from)) : String(u.value ?? "");
+  return Re(u.target).forEach((l) => {
+    o[l] = String(n ?? "");
+  }), o;
+}, {}), De = [
   { target: "--upf-primary", from: "--upf-color-primary" },
   { target: "--upf-text", from: "--upf-text-primary" },
   { target: "--upf-surface", from: "--upf-bg-primary" },
@@ -250,7 +384,7 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (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" }
-], Te = [
+], Me = [
   { target: "--el-color-primary", from: "--upf-color-primary" },
   { target: "--el-color-success", from: "--upf-color-success" },
   { target: "--el-color-warning", from: "--upf-color-warning" },
@@ -278,18 +412,18 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   { 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: c },
+  { target: "--el-checkbox-checked-icon-color", value: m },
   {
     target: "--el-checkbox-input-border",
-    resolve: ({ variables: e }) => `1px solid ${o(e, "--upf-border-color")}`
+    resolve: ({ variables: e }) => `1px solid ${a(e, "--upf-border-color")}`
   }
-], Fe = [
+], Pe = [
   { target: "--das-ui-color-primary-level1", from: "--upf-color-primary-bg" },
-  ...i("--upf-color-primary-bg", [
+  ...f("--upf-color-primary-bg", [
     "--das-ui-color-primary-level1",
     "--das-ui-upload-bgcolor-hover"
   ]),
-  ...i("--upf-bg-primary", [
+  ...f("--upf-bg-primary", [
     "--das-black-list-mange-color-white"
   ]),
   { target: "--das-ui-color-primary", from: "--upf-color-primary" },
@@ -317,7 +451,7 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   { target: "--das-ui-rich-editor-active-font-color", from: "--upf-color-primary" },
   {
     target: "--das-ui-dropdown-bgff-color",
-    resolve: ({ variables: e }) => o(e, "--upf-bg-elevated") || o(e, "--upf-bg-primary")
+    resolve: ({ variables: e }) => a(e, "--upf-bg-elevated") || a(e, "--upf-bg-primary")
   },
   { target: "--das-ui-dropdown-divided-color", from: "--upf-border-color" },
   { target: "--das-ui-dropdown-active-color", from: "--upf-color-primary" },
@@ -338,8 +472,8 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--das-ui-special-range-picker-in-range",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-primary"),
+      a(e, "--upf-bg-primary"),
       0.08,
       "#F2F6FF"
     )
@@ -347,8 +481,8 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--das-ui-special-range-picker-new-range",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-primary"),
+      a(e, "--upf-bg-primary"),
       0.14,
       "#E3EBFF"
     )
@@ -367,7 +501,7 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (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: he
+    resolve: Be
   },
   { target: "--das-input-font-color", from: "--upf-text-primary" },
   { target: "--das-input-sub-font-color", from: "--upf-text-placeholder" },
@@ -378,16 +512,18 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   { 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: c },
+  { target: "--das-user-manage-white", value: m },
   { 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-layout-micro-container-bg-color", value: "#e2e7ef" },
+  { target: "--das-layout-breadcrumb-bg-color", value: "#ffffff" },
   { target: "--das-ui-font-size-sm", value: "12px" },
   { target: "--das-ui-font-size-md", value: "14px" },
   { target: "--das-ui-font-size-lg", value: "16px" },
   { 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: c },
+  { target: "--das-ui-text-tooltip-bgcolor", value: m },
   { 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" },
@@ -404,7 +540,7 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   { target: "--das-ui-steps-title-font-size", value: "12px" },
   {
     target: "--das-ui-collaspe-bgcolor",
-    resolve: ({ variables: e }) => o(e, "--upf-bg-elevated") || o(e, "--upf-bg-primary")
+    resolve: ({ variables: e }) => a(e, "--upf-bg-elevated") || a(e, "--upf-bg-primary")
   },
   { target: "--das-ui-calendar-color-text", value: "#212121" },
   { target: "--das-ui-calendar-color-border", value: "#D9D9D9" },
@@ -416,8 +552,8 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--das-ui-color-primary-level2",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-primary"),
+      a(e, "--upf-bg-primary"),
       0.16,
       "#E0EFFE"
     )
@@ -425,8 +561,8 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--das-ui-color-primary-level3",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-primary"),
+      a(e, "--upf-bg-primary"),
       0.32,
       "#B3D5FF"
     )
@@ -434,8 +570,8 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--das-ui-color-primary-level4",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-primary"),
+      a(e, "--upf-bg-primary"),
       0.48,
       "#85B8FE"
     )
@@ -443,29 +579,29 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--das-ui-color-primary-level5",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-primary"),
+      a(e, "--upf-bg-primary"),
       0.68,
       "#5797FF"
     )
   },
   {
     target: "--das-ui-color-primary-level7",
-    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary"), m, 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(o(e, "--upf-color-primary"), m, 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(o(e, "--upf-color-primary"), m, 0.5, "#001F7A")
+    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary"), d, 0.5, "#001F7A")
   },
   {
     target: "--das-ui-color-danger-level1",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-error"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-error"),
+      a(e, "--upf-bg-primary"),
       0.14,
       "#FFDBE0"
     )
@@ -473,8 +609,8 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--das-ui-color-danger-level2",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-error"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-error"),
+      a(e, "--upf-bg-primary"),
       0.08,
       "#FFF2F4"
     )
@@ -482,8 +618,8 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--das-ui-color-warning-level1",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-warning"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-warning"),
+      a(e, "--upf-bg-primary"),
       0.08,
       "#FFFBF2"
     )
@@ -491,8 +627,8 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--das-ui-color-warning-level2",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-warning"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-warning"),
+      a(e, "--upf-bg-primary"),
       0.16,
       "#FFF1D4"
     )
@@ -500,8 +636,8 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--das-ui-color-success-level1",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-success"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-success"),
+      a(e, "--upf-bg-primary"),
       0.08,
       "#F2FFF5"
     )
@@ -509,8 +645,8 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--das-ui-color-success-level2",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-success"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-success"),
+      a(e, "--upf-bg-primary"),
       0.16,
       "#DCFAE4"
     )
@@ -518,33 +654,33 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--das-ui-color-amount",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-warning"),
-      o(e, "--upf-color-error"),
+      a(e, "--upf-color-warning"),
+      a(e, "--upf-color-error"),
       0.55,
       "#FF5F1F"
     )
   },
   {
     target: "--das-ui-button-primary-hover",
-    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary"), m, 0.82, "#104CCC")
+    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary"), d, 0.82, "#104CCC")
   },
-  ...i("--upf-color-primary", [
+  ...f("--upf-color-primary", [
     "--das-ui-search-form-primary-color"
   ]),
-  ...i("--upf-text-primary", [
+  ...f("--upf-text-primary", [
     "--das-ui-tag-list-text-color"
   ]),
-  ...i("--upf-border-color", [
+  ...f("--upf-border-color", [
     "--das-ui-tag-list-border-color",
     "--das-ui-upload-border-color"
   ]),
-  ...i("--upf-bg-secondary", [
+  ...f("--upf-bg-secondary", [
     "--das-ui-upload-bgcolor"
   ]),
-  ...i("--upf-text-secondary", [
+  ...f("--upf-text-secondary", [
     "--das-ui-search-form-tip-color"
   ]),
-  { target: "--das-ui-layout-header-menu-border-color", from: "--upf-border-color" },
+  { target: "--das-ui-layout-header-menu-border-color", from: "--upf-nav-border-color" },
   { target: "--das-ui-layout-header-menu-background-color", from: "--upf-nav-bg" },
   { target: "--das-ui-layout-header-menu-color", from: "--upf-nav-text" },
   { target: "--das-ui-layout-header-menu-hover-background-color", from: "--upf-nav-hover-bg" },
@@ -553,17 +689,17 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   { 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(o(e, "--upf-nav-text"), 0.72, "rgba(170, 170, 172, 0.72)")
+    resolve: ({ variables: e, toRgbaColor: r }) => r(a(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 }) => o(e, "--upf-nav-text") || o(e, "--upf-text-secondary")
+    resolve: ({ variables: e }) => a(e, "--upf-nav-text") || a(e, "--upf-text-secondary")
   },
   {
     target: "--das-ui-layout-header-left-box-line",
     resolve: ({ variables: e, toRgbaColor: r }) => r(
-      o(e, "--upf-nav-text") || o(e, "--upf-text-secondary"),
+      a(e, "--upf-nav-text") || a(e, "--upf-text-secondary"),
       0.28,
       "#CCCCCC"
     )
@@ -594,43 +730,43 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (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" }
-], we = [
+], Ie = [
   // 同源变量集中维护，新增 target 时优先追加到对应 source 分组。
-  ...i("--upf-color-primary", [
+  ...f("--upf-color-primary", [
     "--upf-button-primary",
     "--upf-notification-primary-bg"
   ]),
-  ...i("--upf-text-primary", [
+  ...f("--upf-text-primary", [
     "--upf-button-default-text",
     "--upf-notification-title-text",
     "--upf-text-tooltip-text"
   ]),
-  ...i("--upf-border-color", [
+  ...f("--upf-border-color", [
     "--upf-button-default-border",
     "--upf-text-tooltip-border"
   ]),
-  ...i("--upf-text-disabled", [
+  ...f("--upf-text-disabled", [
     "--upf-button-default-disabled",
     "--upf-switch-off-color",
     "--upf-message-thumb",
     "--upf-text-tooltip-scrollbar-thumb"
   ]),
-  ...i("--upf-bg-secondary", [
+  ...f("--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", [
+  ...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",
     "--upf-text-tooltip-scrollbar-thumb-hover"
   ]),
-  { target: "--upf-button-primary-text", value: c },
+  { target: "--upf-button-primary-text", value: m },
   { 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" },
@@ -649,49 +785,49 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   { 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: c },
+  { target: "--upf-notification-primary-text", value: m },
   { target: "--upf-text-tooltip-scrollbar-padding", value: "1px" },
   {
     target: "--upf-button-primary-hover",
-    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary") || "#5582F3", c, 0.82, "#87A9FF")
+    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary") || "#5582F3", m, 0.82, "#87A9FF")
   },
   {
     target: "--upf-button-active",
-    resolve: ({ variables: e, mixHexColor: r }) => O(o(e, "--upf-color-primary"), r)
+    resolve: ({ variables: e, mixHexColor: r }) => K(a(e, "--upf-color-primary"), r)
   },
   {
     target: "--upf-button-disabled",
-    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary") || "#5582F3", c, 0.3, "#B5CAFF")
+    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary") || "#5582F3", m, 0.3, "#B5CAFF")
   },
   {
     target: "--upf-button-set",
-    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary") || "#5582F3", m, 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(o(e, "--upf-color-primary") || "#5582F3", m, 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 }) => O(o(e, "--upf-color-primary"), r)
+    resolve: ({ variables: e, mixHexColor: r }) => K(a(e, "--upf-color-primary"), r)
   },
   {
     target: "--upf-button-set-disabled",
     resolve: ({ variables: e, mixHexColor: r, result: t }) => r(
-      t["--upf-button-set"] || o(e, "--upf-color-primary") || "#5582F3",
-      o(e, "--upf-bg-primary"),
+      t["--upf-button-set"] || a(e, "--upf-color-primary") || "#5582F3",
+      a(e, "--upf-bg-primary"),
       0.55,
       "#95A4C8"
     )
   },
   {
     target: "--upf-switch-on-color-disabled",
-    resolve: ({ variables: e, mixHexColor: r }) => r(o(e, "--upf-color-primary"), c, 0.32, "#B5CAFF")
+    resolve: ({ variables: e, mixHexColor: r }) => r(a(e, "--upf-color-primary"), m, 0.32, "#B5CAFF")
   },
   {
     target: "--upf-checkbox-focus-shadow",
     resolve: ({ variables: e, toRgbaColor: r }) => r(
-      o(e, "--upf-color-primary") || "#5582F3",
+      a(e, "--upf-color-primary") || "#5582F3",
       0.1,
       "rgba(85, 130, 243, 0.1)"
     )
@@ -699,8 +835,8 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--upf-checkbox-overlay-error-bg",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-error"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-error"),
+      a(e, "--upf-bg-primary"),
       0.14,
       "#FFDBE0"
     )
@@ -708,22 +844,22 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--upf-loading-color-4",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-brand-secondary"),
-      o(e, "--upf-color-primary"),
+      a(e, "--upf-brand-secondary"),
+      a(e, "--upf-color-primary"),
       0.45,
       "#A06EFF"
     )
   },
   {
     target: "--upf-loading-color-5",
-    resolve: ({ variables: e }) => o(e, "--upf-color-primary") || "#5582F3"
+    resolve: ({ variables: e }) => a(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(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-primary"),
+      a(e, "--upf-bg-primary"),
       0.08,
       "#F2F6FF"
     )
@@ -731,8 +867,8 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--upf-table-row-active-hover-bg",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-primary"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-primary"),
+      a(e, "--upf-bg-primary"),
       0.14,
       "#E3EBFF"
     )
@@ -740,8 +876,8 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--upf-table-summary-row-color",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-warning"),
-      o(e, "--upf-color-error"),
+      a(e, "--upf-color-warning"),
+      a(e, "--upf-color-error"),
       0.55,
       "#FF5F1F"
     )
@@ -749,8 +885,8 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--upf-table-summary-row-bg",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-warning"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-warning"),
+      a(e, "--upf-bg-primary"),
       0.18,
       "#FFF1D4"
     )
@@ -758,47 +894,47 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--upf-message-bg",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-info"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-info"),
+      a(e, "--upf-bg-primary"),
       0.14,
       "#E0EFFF"
     )
   },
   {
     target: "--upf-message-text",
-    resolve: ({ variables: e }) => o(e, "--upf-color-info") || o(e, "--upf-color-primary") || "#0E5FD8"
+    resolve: ({ variables: e }) => a(e, "--upf-color-info") || a(e, "--upf-color-primary") || "#0E5FD8"
   },
   {
     target: "--upf-message-border",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-info"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-info"),
+      a(e, "--upf-bg-primary"),
       0.32,
       "#B3D5FF"
     )
   },
   {
     target: "--upf-message-close-hover",
-    resolve: ({ variables: e }) => o(e, "--upf-color-primary") || "#5582F3"
+    resolve: ({ variables: e }) => a(e, "--upf-color-primary") || "#5582F3"
   },
   {
     target: "--upf-message-success-bg",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-success"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-success"),
+      a(e, "--upf-bg-primary"),
       0.16,
       "#DCFAE4"
     )
   },
   {
     target: "--upf-message-success-text",
-    resolve: ({ variables: e }) => o(e, "--upf-color-success") || "#1BA854"
+    resolve: ({ variables: e }) => a(e, "--upf-color-success") || "#1BA854"
   },
   {
     target: "--upf-message-success-border",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-success"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-success"),
+      a(e, "--upf-bg-primary"),
       0.32,
       "#A1E6B5"
     )
@@ -818,21 +954,21 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--upf-message-warning-bg",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-warning"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-warning"),
+      a(e, "--upf-bg-primary"),
       0.16,
       "#FFF1D4"
     )
   },
   {
     target: "--upf-message-warning-text",
-    resolve: ({ variables: e }) => o(e, "--upf-color-warning") || "#FF991C"
+    resolve: ({ variables: e }) => a(e, "--upf-color-warning") || "#FF991C"
   },
   {
     target: "--upf-message-warning-border",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-warning"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-warning"),
+      a(e, "--upf-bg-primary"),
       0.32,
       "#FFE0A6"
     )
@@ -840,36 +976,36 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   {
     target: "--upf-message-error-bg",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-error"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-error"),
+      a(e, "--upf-bg-primary"),
       0.14,
       "#FFDBE0"
     )
   },
   {
     target: "--upf-message-error-text",
-    resolve: ({ variables: e }) => o(e, "--upf-color-error") || "#FB2323"
+    resolve: ({ variables: e }) => a(e, "--upf-color-error") || "#FB2323"
   },
   {
     target: "--upf-message-error-border",
     resolve: ({ variables: e, mixHexColor: r }) => r(
-      o(e, "--upf-color-error"),
-      o(e, "--upf-bg-primary"),
+      a(e, "--upf-color-error"),
+      a(e, "--upf-bg-primary"),
       0.32,
       "#FFADB6"
     )
   },
   {
     target: "--upf-notification-bg",
-    resolve: ({ variables: e }) => o(e, "--upf-bg-elevated") || o(e, "--upf-bg-primary")
+    resolve: ({ variables: e }) => a(e, "--upf-bg-elevated") || a(e, "--upf-bg-primary")
   },
   {
     target: "--upf-notification-close-hover",
-    resolve: ({ variables: e }) => o(e, "--upf-color-primary") || "#5582F3"
+    resolve: ({ variables: e }) => a(e, "--upf-color-primary") || "#5582F3"
   },
   {
     target: "--upf-text-tooltip-bg",
-    resolve: ({ variables: e }) => o(e, "--upf-bg-elevated") || o(e, "--upf-bg-primary")
+    resolve: ({ variables: e }) => a(e, "--upf-bg-elevated") || a(e, "--upf-bg-primary")
   },
   {
     target: "--upf-text-tooltip-shadow-color",
@@ -877,269 +1013,358 @@ const c = "#ffffff", m = "#000000", te = 0.115, U = (e) => {
   },
   { target: "--upf-app-container-app-bg-override", from: "--upf-nav-bg" },
   { target: "--upf-app-container-app-text-override", from: "--upf-nav-text" }
-], Se = (e, r = {}) => E(e, Ce, r), _e = (e, r = {}) => E(e, Te, r), ke = (e, r = {}) => E(e, Fe, r), Ae = (e, r = {}) => E(e, we, r), G = (e, r = {}) => {
-  const t = W(e), { includeElementAndDasUiBridges: a = !0, themeName: u, basePresetName: f } = r, l = { themeName: u, basePresetName: f }, s = Ae(t, l), n = {
+], Oe = (e, r = {}) => w(e, De, r), Le = (e, r = {}) => w(e, Me, r), Ue = (e, r = {}) => w(e, Pe, r), ze = (e, r = {}) => w(e, Ie, r), P = (e, r = {}) => {
+  const t = M(e), { includeElementAndDasUiBridges: o = !0, themeName: u, basePresetName: n } = r, l = { themeName: u, basePresetName: n }, i = ze(t, l), s = {
     ...t,
-    ...s
+    ...i
   };
   return {
     ...t,
-    ...s,
-    ...a ? _e(n, l) : {},
-    ...a ? ke(n, l) : {},
-    ...Se(n, l)
+    ...i,
+    ...o ? Le(s, l) : {},
+    ...o ? Ue(s, l) : {},
+    ...Oe(s, l)
   };
-}, Xe = (e) => h(e), Qe = () => de(), B = () => h("default"), Ze = () => ({ ...B().variables }), H = (e) => e || (typeof document > "u" ? null : document.documentElement), K = (e) => !!(e && String(e.tagName || "").toLowerCase() === "style"), C = (e) => e.head || e.documentElement, Y = (e, r) => {
-  const t = C(e);
+}, W = "themeChange", T = "upf-theme-root-vars", je = "upf-default-theme-vars", C = "upf-theme-config", $e = ["--upf-color-primary", "--upf-brand-primary"], G = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakSet(), h = /* @__PURE__ */ new WeakMap(), E = (e) => e ? Object.entries(e).reduce((r, [t, o]) => (r[t] = String(o ?? ""), r), {}) : null, Er = (e) => g(e), Tr = () => Ae(), F = () => g("default"), Cr = () => ({ ...F().variables }), I = (e) => e || (typeof document > "u" ? null : document.documentElement), re = (e) => !!(e && String(e.tagName || "").toLowerCase() === "style"), _ = (e) => e.head || e.documentElement, te = (e, r) => {
+  const t = _(e);
   t && (r.parentNode !== t || t.lastElementChild !== r) && t.appendChild(r);
-}, L = (e) => {
+}, q = (e) => {
   var u;
-  if (I.has(e))
+  if (Y.has(e))
     return;
-  const r = C(e), t = ((u = e.defaultView) == null ? void 0 : u.MutationObserver) || (typeof MutationObserver < "u" ? MutationObserver : void 0);
+  const r = _(e), t = ((u = e.defaultView) == null ? void 0 : u.MutationObserver) || (typeof MutationObserver < "u" ? MutationObserver : void 0);
   if (!r || !t)
     return;
   new t(() => {
-    const f = e.getElementById(v);
-    K(f) && Y(e, f);
-  }).observe(r, { childList: !0 }), I.add(e);
-}, Be = (e) => {
-  const r = e.getElementById(v);
-  if (K(r))
-    return Y(e, r), L(e), r;
+    const n = e.getElementById(T);
+    re(n) && te(e, n);
+  }).observe(r, { childList: !0 }), Y.add(e);
+}, Ke = (e) => {
+  const r = e.getElementById(T);
+  if (re(r))
+    return te(e, r), q(e), r;
   const t = e.createElement("style");
-  return t.id = v, C(e).appendChild(t), L(e), t;
-}, q = (e) => {
-  const r = Object.entries(e).filter(([, t]) => String(t ?? "").trim()).map(([t, a]) => `  ${t}: ${String(a ?? "")};`).join(`
+  return t.id = T, _(e).appendChild(t), q(e), t;
+}, O = (e) => {
+  const r = Object.entries(e).filter(([, t]) => String(t ?? "").trim()).map(([t, o]) => `  ${t}: ${String(o ?? "")};`).join(`
 `);
   return r ? `:root {
 ${r}
 }` : ":root {}";
-}, J = (e = "default", r = {}) => {
-  const t = h(e) || B();
-  return q(G(t.variables, {
+}, We = (e = "default", r = {}) => {
+  const t = g(e) || F();
+  return O(P(t.variables, {
     ...r,
     themeName: r.themeName || t.name,
     basePresetName: r.basePresetName || t.basePresetName
   }));
-}, er = (e = {}) => J("default", e), He = (e) => {
-  const r = e.getElementById(v);
+}, Sr = (e = {}) => We("default", e), Ge = (e) => {
+  const r = e.getElementById(T);
   if (r != null && r.textContent)
     return !0;
-  const t = b.get(e) || b.get(e.documentElement);
+  const t = h.get(e) || h.get(e.documentElement);
   return !!(t && Object.keys(t).length);
-}, Ne = (e) => {
-  var a;
-  const r = ((a = e.defaultView) == null ? void 0 : a.getComputedStyle) || (typeof getComputedStyle == "function" ? getComputedStyle : void 0);
+}, Ye = (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 be.some((u) => t.getPropertyValue(u).trim());
-}, De = (e, r) => {
-  const t = C(e);
+  return $e.some((u) => t.getPropertyValue(u).trim());
+}, L = (e) => Object.prototype.toString.call(e) === "[object Object]", N = (e) => ({
+  themeName: e.name,
+  basePresetName: e.basePresetName,
+  variables: e.variables
+}), x = () => N(F()), oe = (e) => {
+  if (typeof window > "u")
+    return null;
+  try {
+    const r = window.localStorage.getItem(e);
+    if (!r)
+      return null;
+    const t = JSON.parse(r);
+    return L(t) ? t : null;
+  } catch {
+    return null;
+  }
+}, qe = (e, r) => {
+  if (!L(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));
+  }), M(t);
+}, ae = (e) => {
+  const r = L(e.customTheme) ? e.customTheme : null;
+  if (!r)
+    return null;
+  const t = String(r.basePresetName || e.remoteTheme || "").trim(), o = g(t) || F(), u = qe(r.variables, o.variables);
+  return u ? {
+    themeName: "custom",
+    basePresetName: o.name,
+    variables: u
+  } : null;
+}, Je = (e) => {
+  if (!e.useStoredTheme)
+    return null;
+  const r = String(e.storageKey || C).trim() || C, t = oe(r);
+  if (!t)
+    return null;
+  const o = [t.currentTheme, t.remoteTheme];
+  for (const u of o) {
+    const n = String(u || "").trim();
+    if (!n)
+      continue;
+    if (n === "custom") {
+      const i = ae(t);
+      if (i)
+        return i;
+      continue;
+    }
+    const l = g(n);
+    if (l)
+      return N(l);
+  }
+  return null;
+}, Xe = (e) => {
+  const r = e.documentElement, t = [r.getAttribute("data-theme"), r.getAttribute("data-skin")];
+  for (const o of t) {
+    const u = g(String(o || "").trim());
+    if (u)
+      return N(u);
+  }
+  return null;
+}, Qe = (e, r) => {
+  const t = String(r.presetName || "").trim();
+  if (t) {
+    if (t === "custom") {
+      if (r.useStoredTheme === !1)
+        return x();
+      const u = String(r.storageKey || C).trim() || C, n = oe(u);
+      return (n ? ae(n) : null) || x();
+    }
+    const o = g(t);
+    return o ? N(o) : x();
+  }
+  return Xe(e) || Je(r) || x();
+}, Ze = (e, r) => {
+  const t = _(e);
   (r.parentNode !== t || t.firstChild !== r) && t.insertBefore(r, t.firstChild);
-}, rr = (e = {}) => {
-  var n;
+}, wr = (e = {}) => {
+  var p;
   if (typeof document > "u")
     return null;
-  const r = ((n = e.root) == null ? void 0 : n.ownerDocument) || document, t = h(e.presetName || "default") || B(), a = e.styleId || ge;
-  if (!e.force && He(r))
+  const r = ((p = e.root) == null ? void 0 : p.ownerDocument) || document, t = Qe(r, e), o = e.styleId || je;
+  if (!e.force && Ge(r))
     return null;
-  const u = r.getElementById(a);
-  if (!e.force && !u && Ne(r))
+  const u = r.getElementById(o);
+  if (!e.force && !u && Ye(r))
     return null;
-  const f = u || r.createElement("style");
-  f.id || (f.id = a);
-  const l = J(t.name, {
+  const n = u || r.createElement("style");
+  n.id || (n.id = o);
+  const l = e.themeName || t.themeName, i = e.basePresetName || t.basePresetName, s = O(P(t.variables, {
     includeElementAndDasUiBridges: e.includeElementAndDasUiBridges,
-    themeName: e.themeName || t.name,
-    basePresetName: e.basePresetName || t.basePresetName
-  });
-  f.textContent !== l && (f.textContent = l), De(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;
-}, z = (e, r) => {
+    themeName: l,
+    basePresetName: i
+  }));
+  n.textContent !== s && (n.textContent = s), Ze(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;
+}, J = (e, r) => {
   if (!e.length || !r.length)
     return;
   const t = new Set(r);
-  for (let a = e.length - 1; a >= 0; a--) {
-    const u = e[a];
+  for (let o = e.length - 1; o >= 0; o--) {
+    const u = e[o];
     t.has(u) && e.removeProperty(u);
   }
-}, Re = (e, r) => {
-  const t = Be(e), a = q(r);
-  (P.get(e) !== a || t.textContent !== a) && (t.textContent = a, P.set(e, a));
+}, er = (e, r) => {
+  const t = Ke(e), o = O(r);
+  (G.get(e) !== o || t.textContent !== o) && (t.textContent = o, G.set(e, o));
   const u = Object.keys(r);
-  z(e.documentElement.style, u), e.body && z(e.body.style, u);
-}, Me = (e) => {
+  J(e.documentElement.style, u), e.body && J(e.body.style, u);
+}, rr = (e) => {
   typeof window > "u" || (window.__UPF_THEME_SNAPSHOT__ = e);
-}, Ve = (e, r) => {
-  const t = x(r) || {}, a = e.ownerDocument || document;
-  b.set(e, t);
-  const u = e === a.documentElement || e === a.body;
-  u && b.set(a, t), u && typeof window < "u" && a === document && (window.__UPF_THEME_RUNTIME_VARIABLES__ = t);
-}, Pe = (e) => {
-  const r = H(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;
-}, Ie = (e = !0) => {
+}, tr = (e, r) => {
+  const t = E(r) || {}, o = e.ownerDocument || document;
+  h.set(e, t);
+  const u = e === o.documentElement || e === o.body;
+  u && h.set(o, t), u && typeof window < "u" && o === document && (window.__UPF_THEME_RUNTIME_VARIABLES__ = t);
+}, or = (e) => {
+  const r = I(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 ? h.get(r) : null) || (t ? h.get(t) : null) || o;
+}, ar = (e = !0) => {
   var r;
   if (typeof window > "u" || !window.name)
     return null;
   try {
-    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,
-      variables: a.variables,
-      timestamp: Number(a.timestamp) || Date.now()
+    const t = JSON.parse(window.name), o = (r = t == null ? void 0 : t.parentData) == null ? void 0 : r.theme;
+    return !(o != null && o.variables) || typeof o.variables != "object" ? null : {
+      themeName: String(o.themeName || ""),
+      config: o.config || null,
+      variables: o.variables,
+      timestamp: Number(o.timestamp) || Date.now()
     };
   } catch {
     return null;
   }
-}, Oe = (e, r) => {
+}, ur = (e, r) => {
   if (r !== void 0)
     return r;
   const t = e.config || {};
   return String(t.basePresetName || t.name || e.themeName || "").trim() || null;
-}, Le = (e, r = {}) => {
-  const t = H(r.root);
+}, nr = (e, r = {}) => {
+  const t = I(r.root);
   if (!t)
     return {};
-  const a = W(e), u = r.includeBridges === !1 ? Object.entries(a).reduce((l, [s, n]) => (l[s] = String(n ?? ""), l), {}) : G(a, {
+  const o = M(e), u = r.includeBridges === !1 ? Object.entries(o).reduce((l, [i, s]) => (l[i] = String(s ?? ""), l), {}) : P(o, {
     includeElementAndDasUiBridges: r.includeElementAndDasUiBridges,
     themeName: r.themeName,
     basePresetName: r.basePresetName
-  }), f = t.ownerDocument || document;
-  return t === f.documentElement || t === f.body ? Re(f, u) : Object.entries(u).forEach(([l, s]) => {
-    t.style.getPropertyValue(l) !== s && t.style.setProperty(l, s);
-  }), Ve(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;
-}, X = (e, r = {}) => {
-  const t = e.config || {}, a = Le(e.variables || {}, {
+  }), n = t.ownerDocument || document;
+  return t === n.documentElement || t === n.body ? er(n, u) : Object.entries(u).forEach(([l, i]) => {
+    t.style.getPropertyValue(l) !== i && t.style.setProperty(l, i);
+  }), tr(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;
+}, ue = (e, r = {}) => {
+  const t = e.config || {}, o = nr(e.variables || {}, {
     ...r,
     themeName: r.themeName || e.themeName,
     basePresetName: r.basePresetName || String(t.basePresetName || t.name || ""),
-    skinName: Oe(e, r.skinName)
+    skinName: ur(e, r.skinName)
   });
-  return Me(e), a;
-}, S = (e, r, t = !0) => {
+  return rr(e), o;
+}, V = (e, r, t = !0) => {
   try {
     return e && e.__THEME_API__ || null;
   } catch {
     return null;
   }
-}, T = (e = !0) => typeof window > "u" ? null : S(window, "current", e) || S(window.parent, "parent", e) || S(window.top, "top", e), Q = (e = {}) => {
-  const r = T(e.debug), t = r != null && r.getCurrentTheme ? r.getCurrentTheme() : null;
+}, A = (e = !0) => typeof window > "u" ? null : V(window, "current", e) || V(window.parent, "parent", e) || V(window.top, "top", e), ne = (e = {}) => {
+  const r = A(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 || Ie(e.debug);
-}, ze = (e = {}) => {
-  const r = Pe(e.root);
+  const o = (typeof window < "u" ? window.__UPF_THEME_SNAPSHOT__ : null) || null;
+  return o || ar(e.debug);
+}, lr = (e = {}) => {
+  const r = or(e.root);
   if (r)
-    return x(r);
-  const t = Q(e);
+    return E(r);
+  const t = ne(e);
   if (t != null && t.variables)
-    return x(t.variables);
-  const a = T(e.debug);
-  if (!a)
+    return E(t.variables);
+  const o = A(e.debug);
+  if (!o)
     return null;
-  const u = a.getVariables ? a.getVariables() : null;
-  return x(u);
-}, tr = (e, r = !0) => {
-  const t = T(r);
+  const u = o.getVariables ? o.getVariables() : null;
+  return E(u);
+}, Fr = (e, r = !0) => {
+  const t = A(r);
   return t != null && t.changeTheme ? (t.changeTheme(e), !0) : !1;
-}, Z = (e = {}) => {
-  const r = Q(e);
-  return r ? (X(r, e), r) : (e.debug, null);
-}, or = (e = {}) => Z({
+}, le = (e = {}) => {
+  const r = ne(e);
+  return r ? (ue(r, e), r) : (e.debug, null);
+}, _r = (e = {}) => le({
   includeBridges: !1,
   includeElementAndDasUiBridges: !1,
   ...e
-}), Ue = (e, r = !0) => {
+}), ir = (e, r = !0) => {
   try {
-    const t = re("microApp");
-    return t.event.on(V, e), () => {
-      t.event.off(V, e);
+    const t = se("microApp");
+    return t.event.on(W, e), () => {
+      t.event.off(W, e);
     };
   } catch {
     return null;
   }
-}, $e = (e, r) => e != null && e.onThemeChange ? e.onThemeChange(r) : null, je = (e) => e ? [String(e.themeName || ""), String(e.source || ""), String(Number(e.timestamp) || 0)].join("|") : "", We = (e) => {
+}, sr = (e, r) => e != null && e.onThemeChange ? e.onThemeChange(r) : null, fr = (e) => e ? [String(e.themeName || ""), String(e.source || ""), String(Number(e.timestamp) || 0)].join("|") : "", cr = (e) => {
   let r = "";
   return (t) => {
-    const a = je(t);
-    a && a === r || (r = a, e(t));
+    const o = fr(t);
+    o && o === r || (r = o, e(t));
   };
-}, Ge = (e, r, t = !1, a = !0) => {
-  const u = We(r), f = $e(e, u), l = Ue(u, a), n = (t ? [f, l] : [l, f]).filter(Boolean);
-  return n.length ? () => {
-    n.forEach((p) => p());
+}, pr = (e, r, t = !1, o = !0) => {
+  const u = cr(r), n = sr(e, u), l = ir(u, o), s = (t ? [n, l] : [l, n]).filter(Boolean);
+  return s.length ? () => {
+    s.forEach((c) => c());
   } : null;
-}, Ke = (e = {}) => {
-  const { syncOnInit: r = !0, preferWindowSubscription: t = !1, onThemeChange: a, debug: u = !0, ...f } = e, l = T(u);
-  let s = !1, n = null, p = null;
-  const d = () => {
-    s || Z({ ...f, debug: u });
-  }, F = Ge(l, (g) => {
-    X(g, f), a && (g == null ? void 0 : g.source) !== "mountSync" && a(g);
+}, mr = (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 || le({ ...n, debug: u });
+  }, k = pr(l, (b) => {
+    ue(b, n), o && (b == null ? void 0 : b.source) !== "mountSync" && o(b);
   }, t, u);
-  return r && (d(), (typeof queueMicrotask == "function" ? queueMicrotask : (ee) => Promise.resolve().then(ee))(d), typeof requestAnimationFrame == "function" ? n = requestAnimationFrame(() => {
-    n = null, d();
-  }) : p = setTimeout(() => {
-    p = null, d();
+  return r && (p(), (typeof queueMicrotask == "function" ? queueMicrotask : (ie) => Promise.resolve().then(ie))(p), typeof requestAnimationFrame == "function" ? s = requestAnimationFrame(() => {
+    s = null, p();
+  }) : c = setTimeout(() => {
+    c = null, p();
   }, 16)), () => {
-    s = !0, n !== null && typeof cancelAnimationFrame == "function" && (cancelAnimationFrame(n), n = null), p !== null && (clearTimeout(p), p = null), F == null || F();
+    i = !0, s !== null && typeof cancelAnimationFrame == "function" && (cancelAnimationFrame(s), s = null), c !== null && (clearTimeout(c), c = null), k == null || k();
   };
-}, ar = (e = {}) => Ke({
+}, Nr = (e = {}) => mr({
   includeBridges: !1,
   includeElementAndDasUiBridges: !1,
   ...e
-}), Ye = (e, r) => {
-  var f;
-  const t = H(r), a = String(e || "").trim();
-  if (!t || !a)
+}), dr = (e, r) => {
+  var n;
+  const t = I(r), o = String(e || "").trim();
+  if (!t || !o)
     return "";
-  const u = typeof getComputedStyle > "u" ? "" : getComputedStyle(t).getPropertyValue(a).trim();
-  return u || String(((f = ze({ root: t, debug: !1 })) == null ? void 0 : f[a]) ?? "");
-}, ur = (e) => `var(${String(e || "").trim()})`, fr = (e, r) => ({
-  value: Ye(String(e || "").trim(), r)
+  const u = typeof getComputedStyle > "u" ? "" : getComputedStyle(t).getPropertyValue(o).trim();
+  return u || String(((n = lr({ root: t, debug: !1 })) == null ? void 0 : n[o]) ?? "");
+}, Ar = (e) => `var(${String(e || "").trim()})`, kr = (e, r) => ({
+  value: dr(String(e || "").trim(), r)
 });
 export {
-  pe as BUILTIN_PRESET_THEME_NAMES,
-  Fe as DAS_UI_THEME_BRIDGE_ITEMS,
-  Te as ELEMENT_THEME_BRIDGE_ITEMS,
-  Ce as LEGACY_THEME_BRIDGE_ITEMS,
-  k as PRESET_THEMES,
-  we as UPF_COMPONENT_THEME_BRIDGE_ITEMS,
-  X as applyThemeEventToDocument,
-  Le as applyThemeVariablesToDocument,
-  er as buildDefaultThemeCssText,
-  J as buildPresetThemeCssText,
-  G as buildRuntimeThemeVariables,
-  tr as changeTheme,
-  rr as ensureDefaultThemeStyle,
-  Qe as getAllPresetThemes,
-  Q as getCurrentTheme,
-  B as getDefaultPresetTheme,
-  Ze as getDefaultThemeVariables,
-  Ie as getHostThemeSnapshotFromWindowName,
-  Xe as getPresetTheme,
-  T as getThemeAPI,
-  Ye as getThemeVariable,
-  ze as getThemeVariables,
-  ur as getVar,
-  fr as getVarValue,
-  ar as initHostThemeRootSync,
-  Ke as initSubAppThemeSync,
-  $ as mixHexColor,
-  U as normalizeHexColor,
-  y as resolvePrimaryBgColor,
-  E as resolveThemeBridgeVariables,
-  or as syncHostThemeRoot,
-  Z as syncThemeFromHost,
-  ke as toDasUiColorOverrides,
-  _e as toElementThemeVariables,
-  Se as toLegacyThemeVariables,
-  oe as toRgbaColor,
-  Ae as toUpfComponentThemeVariables
+  _e as BUILTIN_PRESET_THEME_NAMES,
+  Pe as DAS_UI_THEME_BRIDGE_ITEMS,
+  Me as ELEMENT_THEME_BRIDGE_ITEMS,
+  De as LEGACY_THEME_BRIDGE_ITEMS,
+  R as PRESET_THEMES,
+  y as PRESET_THEME_VARIABLES,
+  pe as THEME_SOURCE_VARIABLE_CATEGORIES,
+  ge as THEME_SOURCE_VARIABLE_HINTS,
+  de as THEME_SOURCE_VARIABLE_LABELS,
+  S as THEME_SOURCE_VARIABLE_META,
+  me as THEME_SOURCE_VARIABLE_NAMES,
+  be as THEME_SOURCE_VARIABLE_RELATIONS,
+  Ie as UPF_COMPONENT_THEME_BRIDGE_ITEMS,
+  ue as applyThemeEventToDocument,
+  nr as applyThemeVariablesToDocument,
+  Sr as buildDefaultThemeCssText,
+  We as buildPresetThemeCssText,
+  P as buildRuntimeThemeVariables,
+  Fr as changeTheme,
+  wr as ensureDefaultThemeStyle,
+  Tr as getAllPresetThemes,
+  ne as getCurrentTheme,
+  F as getDefaultPresetTheme,
+  Cr as getDefaultThemeVariables,
+  ar as getHostThemeSnapshotFromWindowName,
+  Er as getPresetTheme,
+  A as getThemeAPI,
+  vr as getThemeSourceVariableCategories,
+  yr as getThemeSourceVariableHints,
+  hr as getThemeSourceVariableLabels,
+  br as getThemeSourceVariableNames,
+  xr as getThemeSourceVariableRelations,
+  dr as getThemeVariable,
+  lr as getThemeVariables,
+  Ar as getVar,
+  kr as getVarValue,
+  Nr as initHostThemeRootSync,
+  mr as initSubAppThemeSync,
+  Q as mixHexColor,
+  X as normalizeHexColor,
+  ye as normalizeThemeSourceVariables,
+  D as resolvePrimaryBgColor,
+  w as resolveThemeBridgeVariables,
+  _r as syncHostThemeRoot,
+  le as syncThemeFromHost,
+  Ue as toDasUiColorOverrides,
+  Le as toElementThemeVariables,
+  Oe as toLegacyThemeVariables,
+  ce as toRgbaColor,
+  ze as toUpfComponentThemeVariables
 };