@stackone/malachite 2.63.0 → 2.65.0

package/dist/theme.js

@@ -1,4 +1,4 @@
-const F = [
+const E = [
   "hoverBackground",
   "subtleHoverBackground",
   "outsideForeground",
@@ -280,6 +280,11 @@ const F = [
       divider: "rgba(255, 255, 255, 0.1)",
       shadow: "0px 0px 10px 0px rgba(0, 0, 0, 0.2)"
     },
+    closeButton: {
+      inverseForeground: "rgba(255, 255, 255, 0.7)",
+      inverseHoverForeground: "rgb(255, 255, 255)",
+      inverseDisabledForeground: "rgba(255, 255, 255, 0.35)"
+    },
     dropdown: {
       border: "rgb(232, 232, 232)",
       borderActive: "rgba(0, 175, 102, 0.6)",
@@ -805,6 +810,11 @@ const F = [
       divider: "rgba(255, 255, 255, 0.16)",
       shadow: "0px 0px 10px 0px rgba(0, 0, 0, 0.45)"
     },
+    closeButton: {
+      inverseForeground: "rgba(255, 255, 255, 0.7)",
+      inverseHoverForeground: "rgb(255, 255, 255)",
+      inverseDisabledForeground: "rgba(255, 255, 255, 0.35)"
+    },
     dropdown: {
       border: "rgb(100, 100, 100)",
       borderActive: "rgba(50, 205, 132, 0.7)",
@@ -1091,7 +1101,7 @@ function O(r, l) {
   }
   if (r === null || typeof r != "object") return r;
   const t = {};
-  for (const [o, n] of Object.entries(r)) {
+  for (const [o, g] of Object.entries(r)) {
     const u = l ? `${l}.${o}` : o;
     if (!M.test(o)) {
       console.warn(
@@ -1099,7 +1109,7 @@ function O(r, l) {
       );
       continue;
     }
-    const a = O(n, u);
+    const a = O(g, u);
     a !== void 0 && (t[o] = a);
   }
   return t;
@@ -1126,22 +1136,22 @@ const R = {
   boxShadow: "box-shadow"
 };
 function C(r, l, t) {
-  Object.entries(r).forEach(([o, n]) => {
+  Object.entries(r).forEach(([o, g]) => {
     const u = R[o] ?? o;
-    typeof n == "object" && n !== null ? Object.entries(n).forEach(([a, d]) => {
-      const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    typeof g == "object" && g !== null ? Object.entries(g).forEach(([a, d]) => {
+      const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
       typeof d == "object" && d !== null ? Object.entries(d).forEach(([s, c]) => {
-        const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+        const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
         t(
-          `${l}-${u}-${g}-${i}`,
+          `${l}-${u}-${i}-${n}`,
           c
         );
-      }) : t(`${l}-${u}-${g}`, d);
-    }) : t(`${l}-${u}`, n);
+      }) : t(`${l}-${u}-${i}`, d);
+    }) : t(`${l}-${u}`, g);
   });
 }
 function p(r, l) {
-  const t = r.colors.accent ?? f, o = r.colors.datePicker ?? {}, n = { ...r.shadows, accent: r.shadows.accent ?? $ };
+  const t = r.colors.accent ?? f, o = r.colors.datePicker ?? {}, g = { ...r.shadows, accent: r.shadows.accent ?? $ };
   if (l instanceof ShadowRoot) {
     let u = l.querySelector("#malachite-theme-vars");
     u || (u = document.createElement("style"), u.id = "malachite-theme-vars", l.appendChild(u));
@@ -1154,94 +1164,97 @@ function p(r, l) {
       a.push(`--malachite-radius-${s}: ${c}`);
     }), Object.entries(r.controlHeights ?? h).forEach(([s, c]) => {
       a.push(`--malachite-control-height-${s}: ${c}`);
-    }), Object.entries(n).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-shadow-${i}: ${c}`);
+    }), Object.entries(g).forEach(([s, c]) => {
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-shadow-${n}: ${c}`);
     }), a.push(`--malachite-shadow-color: ${r.colors.shadowColor}`), a.push(`--malachite-shadow-opacity: ${r.colors.shadowOpacity}`), Object.entries(r.colors.card).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-card-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-card-${n}: ${c}`);
     }), Object.entries(r.colors.overlay).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-overlay-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-overlay-${n}: ${c}`);
     }), Object.entries(r.colors.alert).forEach(([s, c]) => {
-      Object.entries(c).forEach(([i, b]) => {
-        const m = i.replace(/([A-Z])/g, "-$1").toLowerCase();
+      Object.entries(c).forEach(([n, b]) => {
+        const m = n.replace(/([A-Z])/g, "-$1").toLowerCase();
         a.push(`--malachite-alert-${s}-${m}: ${b}`);
       });
     }), Object.entries(r.colors.tooltip).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-tooltip-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-tooltip-${n}: ${c}`);
     }), Object.entries(r.colors.buttonList).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-buttonlist-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-buttonlist-${n}: ${c}`);
     }), Object.entries(r.colors.pillButton).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-pillbutton-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-pillbutton-${n}: ${c}`);
     }), Object.entries(r.colors.toggle).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-toggle-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-toggle-${n}: ${c}`);
     }), Object.entries(r.colors.segmentedControl).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-segmented-control-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-segmented-control-${n}: ${c}`);
     }), Object.entries(r.colors.selectableCard).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-selectable-card-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-selectable-card-${n}: ${c}`);
     }), Object.entries(r.colors.cardStrip).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-card-strip-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-card-strip-${n}: ${c}`);
     }), Object.entries(r.colors.selectionBar).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-selection-bar-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-selection-bar-${n}: ${c}`);
     }), Object.entries(r.colors.inlineConfirm).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-inline-confirm-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-inline-confirm-${n}: ${c}`);
+    }), Object.entries(r.colors.closeButton).forEach(([s, c]) => {
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-close-button-${n}: ${c}`);
     }), Object.entries(r.colors.dropdown).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-dropdown-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-dropdown-${n}: ${c}`);
     }), Object.entries(r.colors.control).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-control-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-control-${n}: ${c}`);
     }), Object.entries(t).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-accent-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-accent-${n}: ${c}`);
     }), Object.entries(o).forEach(([s, c]) => {
       c && a.push(`${B(s)}: ${c}`);
     }), Object.entries(r.colors.tag).forEach(([s, c]) => {
-      Object.entries(c).forEach(([i, b]) => {
-        const m = i.replace(/([A-Z])/g, "-$1").toLowerCase();
+      Object.entries(c).forEach(([n, b]) => {
+        const m = n.replace(/([A-Z])/g, "-$1").toLowerCase();
         a.push(`--malachite-tag-${s}-${m}: ${b}`);
       });
     }), Object.entries(r.colors.numberTag).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-number-tag-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-number-tag-${n}: ${c}`);
     }), C(
       r.colors.table,
       "--malachite-table",
       (s, c) => a.push(`${s}: ${c}`)
     ), Object.entries(r.colors.text).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
       typeof c == "object" && c !== null ? Object.entries(c).forEach(([b, m]) => {
         const V = b.replace(/([A-Z])/g, "-$1").toLowerCase();
         typeof m == "object" && m !== null ? Object.entries(m).forEach(
           ([H, K]) => {
             const z = H.replace(/([A-Z])/g, "-$1").toLowerCase();
             a.push(
-              `--malachite-text-${i}-${V}-${z}: ${K}`
+              `--malachite-text-${n}-${V}-${z}: ${K}`
             );
           }
         ) : a.push(
-          `--malachite-text-${i}-${V}: ${m}`
+          `--malachite-text-${n}-${V}: ${m}`
         );
-      }) : a.push(`--malachite-text-${i}: ${c}`);
+      }) : a.push(`--malachite-text-${n}: ${c}`);
     }), Object.entries(r.colors.codeBlock).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-codeblock-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-codeblock-${n}: ${c}`);
     }), Object.entries(r.colors.chat).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-chat-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-chat-${n}: ${c}`);
     }), Object.entries(r.colors.assistant).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-      a.push(`--malachite-assistant-${i}: ${c}`);
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-assistant-${n}: ${c}`);
     }), [
       "primary",
       "secondary",
@@ -1252,17 +1265,17 @@ function p(r, l) {
       "error"
     ].forEach((s) => {
       const c = r.colors[s];
-      Object.entries(c).forEach(([i, b]) => {
-        const m = i.replace(/([A-Z])/g, "-$1").toLowerCase();
+      Object.entries(c).forEach(([n, b]) => {
+        const m = n.replace(/([A-Z])/g, "-$1").toLowerCase();
         a.push(`--malachite-${s}-${m}: ${b}`);
       });
     });
-    const g = a.filter((s) => {
+    const i = a.filter((s) => {
       if (!A.test(s)) return !0;
-      const c = s.split(":", 1)[0].trim(), i = Z.test(c) ? c : "an unnamed token";
-      return console.warn(`Malachite: dropped an unsafe theme declaration for ${i}`), !1;
+      const c = s.split(":", 1)[0].trim(), n = Z.test(c) ? c : "an unnamed token";
+      return console.warn(`Malachite: dropped an unsafe theme declaration for ${n}`), !1;
     });
-    u.textContent = `:host { ${g.join("; ")} }`;
+    u.textContent = `:host { ${i.join("; ")} }`;
   } else l instanceof HTMLElement && (Object.entries(r.fontSizes).forEach(([a, d]) => {
     l.style.setProperty(`--malachite-font-size-${a}`, d);
   }), Object.entries(r.iconSizes).forEach(([a, d]) => {
@@ -1271,100 +1284,103 @@ function p(r, l) {
     l.style.setProperty(`--malachite-radius-${a}`, d);
   }), Object.entries(r.controlHeights ?? h).forEach(([a, d]) => {
     l.style.setProperty(`--malachite-control-height-${a}`, d);
-  }), Object.entries(n).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-shadow-${g}`, d);
+  }), Object.entries(g).forEach(([a, d]) => {
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-shadow-${i}`, d);
   }), l.style.setProperty("--malachite-shadow-color", r.colors.shadowColor), l.style.setProperty(
     "--malachite-shadow-opacity",
     r.colors.shadowOpacity.toString()
   ), Object.entries(r.colors.card).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-card-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-card-${i}`, d);
   }), Object.entries(r.colors.overlay).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-overlay-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-overlay-${i}`, d);
   }), Object.entries(r.colors.alert).forEach(([a, d]) => {
-    Object.entries(d).forEach(([g, s]) => {
-      const c = g.replace(/([A-Z])/g, "-$1").toLowerCase();
+    Object.entries(d).forEach(([i, s]) => {
+      const c = i.replace(/([A-Z])/g, "-$1").toLowerCase();
       l.style.setProperty(`--malachite-alert-${a}-${c}`, s);
     });
   }), Object.entries(r.colors.tooltip).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-tooltip-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-tooltip-${i}`, d);
   }), Object.entries(r.colors.buttonList).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-buttonlist-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-buttonlist-${i}`, d);
   }), Object.entries(r.colors.pillButton).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-pillbutton-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-pillbutton-${i}`, d);
   }), Object.entries(r.colors.toggle).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-toggle-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-toggle-${i}`, d);
   }), Object.entries(r.colors.segmentedControl).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-segmented-control-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-segmented-control-${i}`, d);
   }), Object.entries(r.colors.selectableCard).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-selectable-card-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-selectable-card-${i}`, d);
   }), Object.entries(r.colors.cardStrip).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-card-strip-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-card-strip-${i}`, d);
   }), Object.entries(r.colors.selectionBar).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-selection-bar-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-selection-bar-${i}`, d);
   }), Object.entries(r.colors.inlineConfirm).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-inline-confirm-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-inline-confirm-${i}`, d);
+  }), Object.entries(r.colors.closeButton).forEach(([a, d]) => {
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-close-button-${i}`, d);
   }), Object.entries(r.colors.dropdown).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-dropdown-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-dropdown-${i}`, d);
   }), Object.entries(r.colors.control).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-control-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-control-${i}`, d);
   }), Object.entries(t).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-accent-${g}`, d);
-  }), F.forEach((a) => {
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-accent-${i}`, d);
+  }), E.forEach((a) => {
     const d = o[a];
     d ? l.style.setProperty(B(a), d) : l.style.removeProperty(B(a));
   }), Object.entries(r.colors.tag).forEach(([a, d]) => {
-    Object.entries(d).forEach(([g, s]) => {
-      const c = g.replace(/([A-Z])/g, "-$1").toLowerCase();
+    Object.entries(d).forEach(([i, s]) => {
+      const c = i.replace(/([A-Z])/g, "-$1").toLowerCase();
       l.style.setProperty(`--malachite-tag-${a}-${c}`, s);
     });
   }), Object.entries(r.colors.numberTag).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-number-tag-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-number-tag-${i}`, d);
   }), C(
     r.colors.table,
     "--malachite-table",
     (a, d) => l.style.setProperty(a, d)
   ), Object.entries(r.colors.text).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
     typeof d == "object" && d !== null ? Object.entries(d).forEach(([s, c]) => {
-      const i = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
       typeof c == "object" && c !== null ? Object.entries(c).forEach(
         ([b, m]) => {
           const V = b.replace(/([A-Z])/g, "-$1").toLowerCase();
           l.style.setProperty(
-            `--malachite-text-${g}-${i}-${V}`,
+            `--malachite-text-${i}-${n}-${V}`,
             m
           );
         }
       ) : l.style.setProperty(
-        `--malachite-text-${g}-${i}`,
+        `--malachite-text-${i}-${n}`,
         c
       );
-    }) : l.style.setProperty(`--malachite-text-${g}`, d);
+    }) : l.style.setProperty(`--malachite-text-${i}`, d);
   }), Object.entries(r.colors.codeBlock).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-codeblock-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-codeblock-${i}`, d);
   }), Object.entries(r.colors.chat).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-chat-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-chat-${i}`, d);
   }), Object.entries(r.colors.assistant).forEach(([a, d]) => {
-    const g = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-    l.style.setProperty(`--malachite-assistant-${g}`, d);
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-assistant-${i}`, d);
   }), [
     "primary",
     "secondary",
@@ -1375,16 +1391,16 @@ function p(r, l) {
     "error"
   ].forEach((a) => {
     const d = r.colors[a];
-    Object.entries(d).forEach(([g, s]) => {
-      const c = g.replace(/([A-Z])/g, "-$1").toLowerCase();
+    Object.entries(d).forEach(([i, s]) => {
+      const c = i.replace(/([A-Z])/g, "-$1").toLowerCase();
       l.style.setProperty(`--malachite-${a}-${c}`, s);
     });
   }));
 }
 function G(r) {
   try {
-    const l = x(), t = P(), o = l === "dark" ? y : e, n = t ? k(o, t) : o;
-    p(n, r);
+    const l = x(), t = P(), o = l === "dark" ? y : e, g = t ? k(o, t) : o;
+    p(g, r);
   } catch (l) {
     console.error("Error applying theme to shadow root:", l);
   }
@@ -1402,7 +1418,7 @@ function P() {
     return localStorage.removeItem(v), null;
   }
 }
-function T(r) {
+function L(r) {
   typeof window < "u" && localStorage.setItem(S, r);
 }
 function _(r) {
@@ -1416,11 +1432,11 @@ function k(r, l) {
   }), t.shadows && (o.shadows = { ...o.shadows, ...t.shadows }), t.colors) {
     if (o.colors = { ...o.colors }, t.colors.shadowColor !== void 0 && (o.colors.shadowColor = t.colors.shadowColor), t.colors.shadowOpacity !== void 0 && (o.colors.shadowOpacity = t.colors.shadowOpacity), t.colors.card && (o.colors.card = { ...o.colors.card, ...t.colors.card }), t.colors.overlay && (o.colors.overlay = { ...o.colors.overlay, ...t.colors.overlay }), t.colors.alert) {
       o.colors.alert = { ...o.colors.alert };
-      for (const n of Object.keys(
+      for (const g of Object.keys(
         t.colors.alert
       )) {
-        const u = t.colors.alert[n];
-        u && (o.colors.alert[n] = { ...o.colors.alert[n], ...u });
+        const u = t.colors.alert[g];
+        u && (o.colors.alert[g] = { ...o.colors.alert[g], ...u });
       }
     }
     if (t.colors.tooltip && (o.colors.tooltip = { ...o.colors.tooltip, ...t.colors.tooltip }), t.colors.primary && (o.colors.primary = { ...o.colors.primary, ...t.colors.primary }), t.colors.accent && (o.colors.accent = {
@@ -1444,32 +1460,35 @@ function k(r, l) {
     }), t.colors.inlineConfirm && (o.colors.inlineConfirm = {
       ...o.colors.inlineConfirm,
       ...t.colors.inlineConfirm
+    }), t.colors.closeButton && (o.colors.closeButton = {
+      ...o.colors.closeButton,
+      ...t.colors.closeButton
     }), t.colors.dropdown && (o.colors.dropdown = { ...o.colors.dropdown, ...t.colors.dropdown }), t.colors.tag) {
       o.colors.tag = { ...o.colors.tag };
-      for (const n of Object.keys(
+      for (const g of Object.keys(
         t.colors.tag
       )) {
-        const u = t.colors.tag[n];
-        u && (o.colors.tag[n] = { ...o.colors.tag[n], ...u });
+        const u = t.colors.tag[g];
+        u && (o.colors.tag[g] = { ...o.colors.tag[g], ...u });
       }
     }
     if (t.colors.numberTag && (o.colors.numberTag = { ...o.colors.numberTag, ...t.colors.numberTag }), t.colors.text) {
-      const { rightSideText: n, ...u } = t.colors.text;
-      o.colors.text = { ...o.colors.text, ...u }, n && (o.colors.text.rightSideText = {
+      const { rightSideText: g, ...u } = t.colors.text;
+      o.colors.text = { ...o.colors.text, ...u }, g && (o.colors.text.rightSideText = {
         ...o.colors.text.rightSideText,
-        ...n
+        ...g
       });
     }
     if (t.colors.codeBlock && (o.colors.codeBlock = { ...o.colors.codeBlock, ...t.colors.codeBlock }), t.colors.chat && (o.colors.chat = { ...o.colors.chat, ...t.colors.chat }), t.colors.assistant && (o.colors.assistant = { ...o.colors.assistant, ...t.colors.assistant }), t.colors.table) {
-      const { header: n, row: u, borderedRow: a, rowVariant: d, error: g, ...s } = t.colors.table;
-      if (o.colors.table = { ...o.colors.table, ...s }, n && (o.colors.table.header = { ...o.colors.table.header, ...n }), u && (o.colors.table.row = { ...o.colors.table.row, ...u }), a && (o.colors.table.borderedRow = {
+      const { header: g, row: u, borderedRow: a, rowVariant: d, error: i, ...s } = t.colors.table;
+      if (o.colors.table = { ...o.colors.table, ...s }, g && (o.colors.table.header = { ...o.colors.table.header, ...g }), u && (o.colors.table.row = { ...o.colors.table.row, ...u }), a && (o.colors.table.borderedRow = {
         ...o.colors.table.borderedRow,
         ...a
-      }), g && (o.colors.table.error = { ...o.colors.table.error, ...g }), d) {
+      }), i && (o.colors.table.error = { ...o.colors.table.error, ...i }), d) {
         const c = { ...o.colors.table.rowVariant };
-        for (const i of Object.keys(d)) {
-          const b = d[i];
-          b && (c[i] = { ...c[i], ...b });
+        for (const n of Object.keys(d)) {
+          const b = d[n];
+          b && (c[n] = { ...c[n], ...b });
         }
         o.colors.table.rowVariant = c;
       }
@@ -1477,42 +1496,42 @@ function k(r, l) {
   }
   return o;
 }
-function N(r) {
+function D(r) {
   _(r);
   const l = x(), o = k(l === "dark" ? y : e, r);
-  p(o, document.documentElement), w.forEach((n) => {
-    p(o, n);
+  p(o, document.documentElement), w.forEach((g) => {
+    p(o, g);
   }), l === "dark" ? document.documentElement.setAttribute("data-theme", "dark") : document.documentElement.removeAttribute("data-theme");
 }
 function Y(r, l) {
-  const t = l === "dark" ? y : e, o = P(), n = o ? k(t, o) : t;
-  p(n, r);
+  const t = l === "dark" ? y : e, o = P(), g = o ? k(t, o) : t;
+  p(g, r);
 }
-function L() {
-  T("light"), document.documentElement.removeAttribute("data-theme");
+function T() {
+  L("light"), document.documentElement.removeAttribute("data-theme");
   const r = P(), l = r ? k(e, r) : e;
   p(l, document.documentElement), w.forEach((t) => {
     p(l, t);
   });
 }
 function j() {
-  T("dark"), document.documentElement.setAttribute("data-theme", "dark");
+  L("dark"), document.documentElement.setAttribute("data-theme", "dark");
   const r = P(), l = r ? k(y, r) : y;
   p(l, document.documentElement), w.forEach((t) => {
     p(l, t);
   });
 }
 function U() {
-  return x() === "dark" ? (L(), "light") : (j(), "dark");
+  return x() === "dark" ? (T(), "light") : (j(), "dark");
 }
 function J(r) {
-  N(r);
+  D(r);
 }
 function q() {
   const r = x();
-  localStorage.removeItem(v), r === "dark" ? j() : L();
+  localStorage.removeItem(v), r === "dark" ? j() : T();
 }
-function D() {
+function N() {
   if (typeof window < "u") {
     const r = x(), l = P();
     if (r === "dark") {
@@ -1534,7 +1553,7 @@ function D() {
 }
 function X() {
   const r = getComputedStyle(document.documentElement), l = {};
-  for (const t of F) {
+  for (const t of E) {
     const o = r.getPropertyValue(B(t)).trim();
     o && (l[t] = o);
   }
@@ -1775,6 +1794,11 @@ function X() {
         divider: r.getPropertyValue("--malachite-inline-confirm-divider").trim() || e.colors.inlineConfirm.divider,
         shadow: r.getPropertyValue("--malachite-inline-confirm-shadow").trim() || e.colors.inlineConfirm.shadow
       },
+      closeButton: {
+        inverseForeground: r.getPropertyValue("--malachite-close-button-inverse-foreground").trim() || e.colors.closeButton.inverseForeground,
+        inverseHoverForeground: r.getPropertyValue("--malachite-close-button-inverse-hover-foreground").trim() || e.colors.closeButton.inverseHoverForeground,
+        inverseDisabledForeground: r.getPropertyValue("--malachite-close-button-inverse-disabled-foreground").trim() || e.colors.closeButton.inverseDisabledForeground
+      },
       dropdown: {
         border: r.getPropertyValue("--malachite-dropdown-border").trim() || e.colors.dropdown.border,
         borderActive: r.getPropertyValue("--malachite-dropdown-border-active").trim() || e.colors.dropdown.borderActive,
@@ -1957,23 +1981,23 @@ function X() {
     }
   };
 }
-let E = !1;
+let F = !1;
 const Q = () => {
-  E || (E = !0, D());
+  F || (F = !0, N());
 };
 export {
   h as CONTROL_HEIGHT,
   J as applyCustomTheme,
   j as applyDarkTheme,
-  L as applyLightTheme,
-  N as applyTheme,
+  T as applyLightTheme,
+  D as applyTheme,
   Y as applyThemeVars,
   y as darkTheme,
   e as defaultTheme,
   Q as ensureThemeInitialized,
   X as getCurrentTheme,
   x as getCurrentThemeMode,
-  D as initializeTheme,
+  N as initializeTheme,
   I as registerShadowRoot,
   q as resetTheme,
   U as toggleTheme,