@stackone/malachite 2.62.1 → 2.64.0

package/dist/theme.js

@@ -1,9 +1,19 @@
-const h = {
+const E = [
+  "hoverBackground",
+  "subtleHoverBackground",
+  "outsideForeground",
+  "selectedBackground",
+  "selectedHoverBorder",
+  "todayBorder",
+  "todayHoverBorder",
+  "rangeBackground",
+  "pressedOpacity"
+], B = (r) => `--malachite-date-picker-${r.replace(/([A-Z])/g, "-$1").toLowerCase()}`, f = {
   background: "rgba(0, 175, 102)",
   foreground: "rgb(2, 122, 66)",
   border: "rgba(0, 175, 102, 0.2)",
   backgroundGlass: "rgba(0, 175, 102, 0.08)"
-}, B = "0px 1px 0px 0px rgba(0, 175, 102, 0.15)", p = {
+}, $ = "0px 1px 0px 0px rgba(0, 175, 102, 0.15)", h = {
   small: "28px",
   medium: "32px",
   large: "42px"
@@ -17,7 +27,7 @@ const h = {
     xlarge: "18px",
     xxlarge: "22px"
   },
-  controlHeights: { ...p },
+  controlHeights: { ...h },
   iconSizes: {
     xsmall: "12px",
     small: "13px",
@@ -42,7 +52,7 @@ const h = {
     glow: "0px 0px 10px 0px rgba(0, 0, 0, 0.2)",
     glowLg: "0px 0px 20px 0px rgba(0, 0, 0, 0.2)",
     default: "0px 1px 0px 0px rgba(0, 0, 0, 0.15)",
-    accent: B,
+    accent: $,
     success: "0px 1px 0px 0px rgba(0, 175, 102, 0.15)",
     warning: "0px 1px 0px 0px rgba(241, 139, 10, 0.15)",
     error: "0px 1px 0px 0px rgba(197, 63, 63, 0.15)"
@@ -111,7 +121,7 @@ const h = {
       border: "rgb(232, 232, 232)",
       borderHover: "rgb(186, 186, 186)"
     },
-    accent: h,
+    accent: f,
     control: {
       borderHover: "rgba(0, 175, 102, 0.4)"
     },
@@ -270,6 +280,11 @@ const h = {
       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)",
@@ -537,7 +552,7 @@ const h = {
       // #4A3F7A, from the Chat.Suggestion mock
     }
   }
-}, f = {
+}, y = {
   fontSizes: {
     xsmall: "11px",
     small: "13px",
@@ -547,7 +562,7 @@ const h = {
     xlarge: "18px",
     xxlarge: "22px"
   },
-  controlHeights: { ...p },
+  controlHeights: { ...h },
   iconSizes: {
     xsmall: "12px",
     small: "13px",
@@ -795,6 +810,11 @@ const h = {
       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)",
@@ -1068,168 +1088,173 @@ const h = {
       surfaceForeground: "rgb(134, 120, 186)"
     }
   }
-}, C = "malachite-theme-mode", V = "malachite-custom-theme", H = /^--[A-Za-z0-9_-]+$/, F = /[{};]|\/\*|\*\//, K = /^[A-Za-z0-9_-]+$/;
-function E(r, s) {
+}, S = "malachite-theme-mode", v = "malachite-custom-theme", Z = /^--[A-Za-z0-9_-]+$/, A = /[{};]|\/\*|\*\//, M = /^[A-Za-z0-9_-]+$/;
+function O(r, l) {
   if (typeof r == "string") {
-    if (F.test(r)) {
+    if (A.test(r)) {
       console.warn(
-        `Malachite: ignoring theme value at ${s} — CSS syntax characters ({ } ; /* */) are not allowed.`
+        `Malachite: ignoring theme value at ${l} — CSS syntax characters ({ } ; /* */) are not allowed.`
       );
       return;
     }
     return r;
   }
   if (r === null || typeof r != "object") return r;
-  const a = {};
-  for (const [o, n] of Object.entries(r)) {
-    const t = s ? `${s}.${o}` : o;
-    if (!K.test(o)) {
+  const t = {};
+  for (const [o, g] of Object.entries(r)) {
+    const u = l ? `${l}.${o}` : o;
+    if (!M.test(o)) {
       console.warn(
-        `Malachite: ignoring a theme key under ${s || "<root>"} — theme keys may contain only letters, digits, hyphens and underscores.`
+        `Malachite: ignoring a theme key under ${l || "<root>"} — theme keys may contain only letters, digits, hyphens and underscores.`
       );
       continue;
     }
-    const d = E(n, t);
-    d !== void 0 && (a[o] = d);
+    const a = O(g, u);
+    a !== void 0 && (t[o] = a);
   }
-  return a;
+  return t;
 }
-const k = /* @__PURE__ */ new Set();
-function _(r) {
+const w = /* @__PURE__ */ new Set();
+function I(r) {
   try {
-    if (k.has(r))
+    if (w.has(r))
       return;
-    k.add(r), Z(r);
-  } catch (s) {
-    console.error("Error registering shadow root:", s);
+    w.add(r), G(r);
+  } catch (l) {
+    console.error("Error registering shadow root:", l);
   }
 }
-function N(r) {
+function W(r) {
   try {
-    k.delete(r);
-  } catch (s) {
-    console.error("Error unregistering shadow root:", s);
+    w.delete(r);
+  } catch (l) {
+    console.error("Error unregistering shadow root:", l);
   }
 }
-const z = {
+const R = {
   rowVariant: "row-variant",
   boxShadow: "box-shadow"
 };
-function v(r, s, a) {
-  Object.entries(r).forEach(([o, n]) => {
-    const t = z[o] ?? o;
-    typeof n == "object" && n !== null ? Object.entries(n).forEach(([d, g]) => {
-      const l = d.replace(/([A-Z])/g, "-$1").toLowerCase();
-      typeof g == "object" && g !== null ? Object.entries(g).forEach(([c, i]) => {
-        const u = c.replace(/([A-Z])/g, "-$1").toLowerCase();
-        a(
-          `${s}-${t}-${l}-${u}`,
-          i
+function C(r, l, t) {
+  Object.entries(r).forEach(([o, g]) => {
+    const u = R[o] ?? o;
+    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 n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+        t(
+          `${l}-${u}-${i}-${n}`,
+          c
         );
-      }) : a(`${s}-${t}-${l}`, g);
-    }) : a(`${s}-${t}`, n);
+      }) : t(`${l}-${u}-${i}`, d);
+    }) : t(`${l}-${u}`, g);
   });
 }
-function m(r, s) {
-  const a = r.colors.accent ?? h, o = { ...r.shadows, accent: r.shadows.accent ?? B };
-  if (s instanceof ShadowRoot) {
-    let n = s.querySelector("#malachite-theme-vars");
-    n || (n = document.createElement("style"), n.id = "malachite-theme-vars", s.appendChild(n));
-    const t = [];
-    Object.entries(r.fontSizes).forEach(([l, c]) => {
-      t.push(`--malachite-font-size-${l}: ${c}`);
-    }), Object.entries(r.iconSizes).forEach(([l, c]) => {
-      t.push(`--malachite-icon-size-${l}: ${c}`);
-    }), Object.entries(r.radius).forEach(([l, c]) => {
-      t.push(`--malachite-radius-${l}: ${c}`);
-    }), Object.entries(r.controlHeights ?? p).forEach(([l, c]) => {
-      t.push(`--malachite-control-height-${l}: ${c}`);
-    }), Object.entries(o).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-shadow-${i}: ${c}`);
-    }), t.push(`--malachite-shadow-color: ${r.colors.shadowColor}`), t.push(`--malachite-shadow-opacity: ${r.colors.shadowOpacity}`), Object.entries(r.colors.card).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-card-${i}: ${c}`);
-    }), Object.entries(r.colors.overlay).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-overlay-${i}: ${c}`);
-    }), Object.entries(r.colors.alert).forEach(([l, c]) => {
-      Object.entries(c).forEach(([i, u]) => {
-        const b = i.replace(/([A-Z])/g, "-$1").toLowerCase();
-        t.push(`--malachite-alert-${l}-${b}: ${u}`);
+function p(r, l) {
+  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));
+    const a = [];
+    Object.entries(r.fontSizes).forEach(([s, c]) => {
+      a.push(`--malachite-font-size-${s}: ${c}`);
+    }), Object.entries(r.iconSizes).forEach(([s, c]) => {
+      a.push(`--malachite-icon-size-${s}: ${c}`);
+    }), Object.entries(r.radius).forEach(([s, c]) => {
+      a.push(`--malachite-radius-${s}: ${c}`);
+    }), Object.entries(r.controlHeights ?? h).forEach(([s, c]) => {
+      a.push(`--malachite-control-height-${s}: ${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 n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-card-${n}: ${c}`);
+    }), Object.entries(r.colors.overlay).forEach(([s, 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(([n, b]) => {
+        const m = n.replace(/([A-Z])/g, "-$1").toLowerCase();
+        a.push(`--malachite-alert-${s}-${m}: ${b}`);
       });
-    }), Object.entries(r.colors.tooltip).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-tooltip-${i}: ${c}`);
-    }), Object.entries(r.colors.buttonList).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-buttonlist-${i}: ${c}`);
-    }), Object.entries(r.colors.pillButton).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-pillbutton-${i}: ${c}`);
-    }), Object.entries(r.colors.toggle).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-toggle-${i}: ${c}`);
-    }), Object.entries(r.colors.segmentedControl).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-segmented-control-${i}: ${c}`);
-    }), Object.entries(r.colors.selectableCard).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-selectable-card-${i}: ${c}`);
-    }), Object.entries(r.colors.cardStrip).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-card-strip-${i}: ${c}`);
-    }), Object.entries(r.colors.selectionBar).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-selection-bar-${i}: ${c}`);
-    }), Object.entries(r.colors.inlineConfirm).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-inline-confirm-${i}: ${c}`);
-    }), Object.entries(r.colors.dropdown).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-dropdown-${i}: ${c}`);
-    }), Object.entries(r.colors.control).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-control-${i}: ${c}`);
-    }), Object.entries(a).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-accent-${i}: ${c}`);
-    }), Object.entries(r.colors.tag).forEach(([l, c]) => {
-      Object.entries(c).forEach(([i, u]) => {
-        const b = i.replace(/([A-Z])/g, "-$1").toLowerCase();
-        t.push(`--malachite-tag-${l}-${b}: ${u}`);
+    }), Object.entries(r.colors.tooltip).forEach(([s, 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 n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-buttonlist-${n}: ${c}`);
+    }), Object.entries(r.colors.pillButton).forEach(([s, 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 n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-toggle-${n}: ${c}`);
+    }), Object.entries(r.colors.segmentedControl).forEach(([s, 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 n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-selectable-card-${n}: ${c}`);
+    }), Object.entries(r.colors.cardStrip).forEach(([s, 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 n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-selection-bar-${n}: ${c}`);
+    }), Object.entries(r.colors.inlineConfirm).forEach(([s, 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 n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-dropdown-${n}: ${c}`);
+    }), Object.entries(r.colors.control).forEach(([s, c]) => {
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-control-${n}: ${c}`);
+    }), Object.entries(t).forEach(([s, 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(([n, b]) => {
+        const m = n.replace(/([A-Z])/g, "-$1").toLowerCase();
+        a.push(`--malachite-tag-${s}-${m}: ${b}`);
       });
-    }), Object.entries(r.colors.numberTag).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-number-tag-${i}: ${c}`);
-    }), v(
+    }), Object.entries(r.colors.numberTag).forEach(([s, c]) => {
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-number-tag-${n}: ${c}`);
+    }), C(
       r.colors.table,
       "--malachite-table",
-      (l, c) => t.push(`${l}: ${c}`)
-    ), Object.entries(r.colors.text).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      typeof c == "object" && c !== null ? Object.entries(c).forEach(([u, b]) => {
-        const P = u.replace(/([A-Z])/g, "-$1").toLowerCase();
-        typeof b == "object" && b !== null ? Object.entries(b).forEach(
-          ([L, T]) => {
-            const j = L.replace(/([A-Z])/g, "-$1").toLowerCase();
-            t.push(
-              `--malachite-text-${i}-${P}-${j}: ${T}`
+      (s, c) => a.push(`${s}: ${c}`)
+    ), Object.entries(r.colors.text).forEach(([s, c]) => {
+      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-${n}-${V}-${z}: ${K}`
             );
           }
-        ) : t.push(
-          `--malachite-text-${i}-${P}: ${b}`
+        ) : a.push(
+          `--malachite-text-${n}-${V}: ${m}`
         );
-      }) : t.push(`--malachite-text-${i}: ${c}`);
-    }), Object.entries(r.colors.codeBlock).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-codeblock-${i}: ${c}`);
-    }), Object.entries(r.colors.chat).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-chat-${i}: ${c}`);
-    }), Object.entries(r.colors.assistant).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t.push(`--malachite-assistant-${i}: ${c}`);
+      }) : a.push(`--malachite-text-${n}: ${c}`);
+    }), Object.entries(r.colors.codeBlock).forEach(([s, 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 n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-chat-${n}: ${c}`);
+    }), Object.entries(r.colors.assistant).forEach(([s, c]) => {
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+      a.push(`--malachite-assistant-${n}: ${c}`);
     }), [
       "primary",
       "secondary",
@@ -1238,118 +1263,124 @@ function m(r, s) {
       "success",
       "warning",
       "error"
-    ].forEach((l) => {
-      const c = r.colors[l];
-      Object.entries(c).forEach(([i, u]) => {
-        const b = i.replace(/([A-Z])/g, "-$1").toLowerCase();
-        t.push(`--malachite-${l}-${b}: ${u}`);
+    ].forEach((s) => {
+      const c = r.colors[s];
+      Object.entries(c).forEach(([n, b]) => {
+        const m = n.replace(/([A-Z])/g, "-$1").toLowerCase();
+        a.push(`--malachite-${s}-${m}: ${b}`);
       });
     });
-    const g = t.filter((l) => {
-      if (!F.test(l)) return !0;
-      const c = l.split(":", 1)[0].trim(), i = H.test(c) ? c : "an unnamed token";
-      return console.warn(`Malachite: dropped an unsafe theme declaration for ${i}`), !1;
+    const i = a.filter((s) => {
+      if (!A.test(s)) return !0;
+      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;
     });
-    n.textContent = `:host { ${g.join("; ")} }`;
-  } else s instanceof HTMLElement && (Object.entries(r.fontSizes).forEach(([t, d]) => {
-    s.style.setProperty(`--malachite-font-size-${t}`, d);
-  }), Object.entries(r.iconSizes).forEach(([t, d]) => {
-    s.style.setProperty(`--malachite-icon-size-${t}`, d);
-  }), Object.entries(r.radius).forEach(([t, d]) => {
-    s.style.setProperty(`--malachite-radius-${t}`, d);
-  }), Object.entries(r.controlHeights ?? p).forEach(([t, d]) => {
-    s.style.setProperty(`--malachite-control-height-${t}`, d);
-  }), Object.entries(o).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-shadow-${g}`, d);
-  }), s.style.setProperty("--malachite-shadow-color", r.colors.shadowColor), s.style.setProperty(
+    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]) => {
+    l.style.setProperty(`--malachite-icon-size-${a}`, d);
+  }), Object.entries(r.radius).forEach(([a, d]) => {
+    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(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(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-card-${g}`, d);
-  }), Object.entries(r.colors.overlay).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-overlay-${g}`, d);
-  }), Object.entries(r.colors.alert).forEach(([t, d]) => {
-    Object.entries(d).forEach(([g, l]) => {
-      const c = g.replace(/([A-Z])/g, "-$1").toLowerCase();
-      s.style.setProperty(`--malachite-alert-${t}-${c}`, l);
+  ), Object.entries(r.colors.card).forEach(([a, 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 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(([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(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-tooltip-${g}`, d);
-  }), Object.entries(r.colors.buttonList).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-buttonlist-${g}`, d);
-  }), Object.entries(r.colors.pillButton).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-pillbutton-${g}`, d);
-  }), Object.entries(r.colors.toggle).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-toggle-${g}`, d);
-  }), Object.entries(r.colors.segmentedControl).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-segmented-control-${g}`, d);
-  }), Object.entries(r.colors.selectableCard).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-selectable-card-${g}`, d);
-  }), Object.entries(r.colors.cardStrip).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-card-strip-${g}`, d);
-  }), Object.entries(r.colors.selectionBar).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-selection-bar-${g}`, d);
-  }), Object.entries(r.colors.inlineConfirm).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-inline-confirm-${g}`, d);
-  }), Object.entries(r.colors.dropdown).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-dropdown-${g}`, d);
-  }), Object.entries(r.colors.control).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-control-${g}`, d);
-  }), Object.entries(a).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-accent-${g}`, d);
-  }), Object.entries(r.colors.tag).forEach(([t, d]) => {
-    Object.entries(d).forEach(([g, l]) => {
-      const c = g.replace(/([A-Z])/g, "-$1").toLowerCase();
-      s.style.setProperty(`--malachite-tag-${t}-${c}`, l);
+  }), Object.entries(r.colors.tooltip).forEach(([a, 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 i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-buttonlist-${i}`, d);
+  }), Object.entries(r.colors.pillButton).forEach(([a, 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 i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-toggle-${i}`, d);
+  }), Object.entries(r.colors.segmentedControl).forEach(([a, 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 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 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 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 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 i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-dropdown-${i}`, d);
+  }), Object.entries(r.colors.control).forEach(([a, d]) => {
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-control-${i}`, d);
+  }), Object.entries(t).forEach(([a, d]) => {
+    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(([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(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-number-tag-${g}`, d);
-  }), v(
+  }), Object.entries(r.colors.numberTag).forEach(([a, d]) => {
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-number-tag-${i}`, d);
+  }), C(
     r.colors.table,
     "--malachite-table",
-    (t, d) => s.style.setProperty(t, d)
-  ), Object.entries(r.colors.text).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    typeof d == "object" && d !== null ? Object.entries(d).forEach(([l, c]) => {
-      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+    (a, d) => l.style.setProperty(a, d)
+  ), Object.entries(r.colors.text).forEach(([a, d]) => {
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    typeof d == "object" && d !== null ? Object.entries(d).forEach(([s, c]) => {
+      const n = s.replace(/([A-Z])/g, "-$1").toLowerCase();
       typeof c == "object" && c !== null ? Object.entries(c).forEach(
-        ([u, b]) => {
-          const P = u.replace(/([A-Z])/g, "-$1").toLowerCase();
-          s.style.setProperty(
-            `--malachite-text-${g}-${i}-${P}`,
-            b
+        ([b, m]) => {
+          const V = b.replace(/([A-Z])/g, "-$1").toLowerCase();
+          l.style.setProperty(
+            `--malachite-text-${i}-${n}-${V}`,
+            m
           );
         }
-      ) : s.style.setProperty(
-        `--malachite-text-${g}-${i}`,
+      ) : l.style.setProperty(
+        `--malachite-text-${i}-${n}`,
         c
       );
-    }) : s.style.setProperty(`--malachite-text-${g}`, d);
-  }), Object.entries(r.colors.codeBlock).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-codeblock-${g}`, d);
-  }), Object.entries(r.colors.chat).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-chat-${g}`, d);
-  }), Object.entries(r.colors.assistant).forEach(([t, d]) => {
-    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
-    s.style.setProperty(`--malachite-assistant-${g}`, d);
+    }) : l.style.setProperty(`--malachite-text-${i}`, d);
+  }), Object.entries(r.colors.codeBlock).forEach(([a, 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 i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-chat-${i}`, d);
+  }), Object.entries(r.colors.assistant).forEach(([a, d]) => {
+    const i = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+    l.style.setProperty(`--malachite-assistant-${i}`, d);
   }), [
     "primary",
     "secondary",
@@ -1358,164 +1389,174 @@ function m(r, s) {
     "success",
     "warning",
     "error"
-  ].forEach((t) => {
-    const d = r.colors[t];
-    Object.entries(d).forEach(([g, l]) => {
-      const c = g.replace(/([A-Z])/g, "-$1").toLowerCase();
-      s.style.setProperty(`--malachite-${t}-${c}`, l);
+  ].forEach((a) => {
+    const d = r.colors[a];
+    Object.entries(d).forEach(([i, s]) => {
+      const c = i.replace(/([A-Z])/g, "-$1").toLowerCase();
+      l.style.setProperty(`--malachite-${a}-${c}`, s);
     });
   }));
 }
-function Z(r) {
+function G(r) {
   try {
-    const s = w(), a = x(), o = s === "dark" ? f : e, n = a ? y(o, a) : o;
-    m(n, r);
-  } catch (s) {
-    console.error("Error applying theme to shadow root:", s);
+    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);
   }
 }
-function w() {
-  return typeof window > "u" ? "light" : localStorage.getItem(C) || "light";
-}
 function x() {
+  return typeof window > "u" ? "light" : localStorage.getItem(S) || "light";
+}
+function P() {
   if (typeof window > "u") return null;
-  const r = localStorage.getItem(V);
+  const r = localStorage.getItem(v);
   if (!r) return null;
   try {
     return JSON.parse(r);
   } catch {
-    return localStorage.removeItem(V), null;
+    return localStorage.removeItem(v), null;
   }
 }
-function S(r) {
-  typeof window < "u" && localStorage.setItem(C, r);
+function L(r) {
+  typeof window < "u" && localStorage.setItem(S, r);
 }
-function M(r) {
-  typeof window < "u" && localStorage.setItem(V, JSON.stringify(r));
+function _(r) {
+  typeof window < "u" && localStorage.setItem(v, JSON.stringify(r));
 }
-function y(r, s) {
-  const a = E(s, ""), o = { ...r };
-  if (a.fontSizes && (o.fontSizes = { ...o.fontSizes, ...a.fontSizes }), a.iconSizes && (o.iconSizes = { ...o.iconSizes, ...a.iconSizes }), a.radius && (o.radius = { ...o.radius, ...a.radius }), a.controlHeights && (o.controlHeights = {
-    ...o.controlHeights ?? p,
-    ...a.controlHeights
-  }), a.shadows && (o.shadows = { ...o.shadows, ...a.shadows }), a.colors) {
-    if (o.colors = { ...o.colors }, a.colors.shadowColor !== void 0 && (o.colors.shadowColor = a.colors.shadowColor), a.colors.shadowOpacity !== void 0 && (o.colors.shadowOpacity = a.colors.shadowOpacity), a.colors.card && (o.colors.card = { ...o.colors.card, ...a.colors.card }), a.colors.overlay && (o.colors.overlay = { ...o.colors.overlay, ...a.colors.overlay }), a.colors.alert) {
+function k(r, l) {
+  const t = O(l, ""), o = { ...r };
+  if (t.fontSizes && (o.fontSizes = { ...o.fontSizes, ...t.fontSizes }), t.iconSizes && (o.iconSizes = { ...o.iconSizes, ...t.iconSizes }), t.radius && (o.radius = { ...o.radius, ...t.radius }), t.controlHeights && (o.controlHeights = {
+    ...o.controlHeights ?? h,
+    ...t.controlHeights
+  }), 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(
-        a.colors.alert
+      for (const g of Object.keys(
+        t.colors.alert
       )) {
-        const t = a.colors.alert[n];
-        t && (o.colors.alert[n] = { ...o.colors.alert[n], ...t });
+        const u = t.colors.alert[g];
+        u && (o.colors.alert[g] = { ...o.colors.alert[g], ...u });
       }
     }
-    if (a.colors.tooltip && (o.colors.tooltip = { ...o.colors.tooltip, ...a.colors.tooltip }), a.colors.primary && (o.colors.primary = { ...o.colors.primary, ...a.colors.primary }), a.colors.accent && (o.colors.accent = {
-      ...o.colors.accent ?? h,
-      ...a.colors.accent
-    }), a.colors.control && (o.colors.control = { ...o.colors.control, ...a.colors.control }), a.colors.outline && (o.colors.outline = { ...o.colors.outline, ...a.colors.outline }), a.colors.secondary && (o.colors.secondary = { ...o.colors.secondary, ...a.colors.secondary }), a.colors.destructive && (o.colors.destructive = {
+    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 = {
+      ...o.colors.accent ?? f,
+      ...t.colors.accent
+    }), t.colors.datePicker && (o.colors.datePicker = {
+      ...o.colors.datePicker,
+      ...t.colors.datePicker
+    }), t.colors.control && (o.colors.control = { ...o.colors.control, ...t.colors.control }), t.colors.outline && (o.colors.outline = { ...o.colors.outline, ...t.colors.outline }), t.colors.secondary && (o.colors.secondary = { ...o.colors.secondary, ...t.colors.secondary }), t.colors.destructive && (o.colors.destructive = {
       ...o.colors.destructive,
-      ...a.colors.destructive
-    }), a.colors.success && (o.colors.success = { ...o.colors.success, ...a.colors.success }), a.colors.warning && (o.colors.warning = { ...o.colors.warning, ...a.colors.warning }), a.colors.error && (o.colors.error = { ...o.colors.error, ...a.colors.error }), a.colors.buttonList && (o.colors.buttonList = { ...o.colors.buttonList, ...a.colors.buttonList }), a.colors.pillButton && (o.colors.pillButton = { ...o.colors.pillButton, ...a.colors.pillButton }), a.colors.toggle && (o.colors.toggle = { ...o.colors.toggle, ...a.colors.toggle }), a.colors.segmentedControl && (o.colors.segmentedControl = {
+      ...t.colors.destructive
+    }), t.colors.success && (o.colors.success = { ...o.colors.success, ...t.colors.success }), t.colors.warning && (o.colors.warning = { ...o.colors.warning, ...t.colors.warning }), t.colors.error && (o.colors.error = { ...o.colors.error, ...t.colors.error }), t.colors.buttonList && (o.colors.buttonList = { ...o.colors.buttonList, ...t.colors.buttonList }), t.colors.pillButton && (o.colors.pillButton = { ...o.colors.pillButton, ...t.colors.pillButton }), t.colors.toggle && (o.colors.toggle = { ...o.colors.toggle, ...t.colors.toggle }), t.colors.segmentedControl && (o.colors.segmentedControl = {
       ...o.colors.segmentedControl,
-      ...a.colors.segmentedControl
-    }), a.colors.selectableCard && (o.colors.selectableCard = {
+      ...t.colors.segmentedControl
+    }), t.colors.selectableCard && (o.colors.selectableCard = {
       ...o.colors.selectableCard,
-      ...a.colors.selectableCard
-    }), a.colors.cardStrip && (o.colors.cardStrip = { ...o.colors.cardStrip, ...a.colors.cardStrip }), a.colors.selectionBar && (o.colors.selectionBar = {
+      ...t.colors.selectableCard
+    }), t.colors.cardStrip && (o.colors.cardStrip = { ...o.colors.cardStrip, ...t.colors.cardStrip }), t.colors.selectionBar && (o.colors.selectionBar = {
       ...o.colors.selectionBar,
-      ...a.colors.selectionBar
-    }), a.colors.inlineConfirm && (o.colors.inlineConfirm = {
+      ...t.colors.selectionBar
+    }), t.colors.inlineConfirm && (o.colors.inlineConfirm = {
       ...o.colors.inlineConfirm,
-      ...a.colors.inlineConfirm
-    }), a.colors.dropdown && (o.colors.dropdown = { ...o.colors.dropdown, ...a.colors.dropdown }), a.colors.tag) {
+      ...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(
-        a.colors.tag
+      for (const g of Object.keys(
+        t.colors.tag
       )) {
-        const t = a.colors.tag[n];
-        t && (o.colors.tag[n] = { ...o.colors.tag[n], ...t });
+        const u = t.colors.tag[g];
+        u && (o.colors.tag[g] = { ...o.colors.tag[g], ...u });
       }
     }
-    if (a.colors.numberTag && (o.colors.numberTag = { ...o.colors.numberTag, ...a.colors.numberTag }), a.colors.text) {
-      const { rightSideText: n, ...t } = a.colors.text;
-      o.colors.text = { ...o.colors.text, ...t }, n && (o.colors.text.rightSideText = {
+    if (t.colors.numberTag && (o.colors.numberTag = { ...o.colors.numberTag, ...t.colors.numberTag }), t.colors.text) {
+      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 (a.colors.codeBlock && (o.colors.codeBlock = { ...o.colors.codeBlock, ...a.colors.codeBlock }), a.colors.chat && (o.colors.chat = { ...o.colors.chat, ...a.colors.chat }), a.colors.assistant && (o.colors.assistant = { ...o.colors.assistant, ...a.colors.assistant }), a.colors.table) {
-      const { header: n, row: t, borderedRow: d, rowVariant: g, error: l, ...c } = a.colors.table;
-      if (o.colors.table = { ...o.colors.table, ...c }, n && (o.colors.table.header = { ...o.colors.table.header, ...n }), t && (o.colors.table.row = { ...o.colors.table.row, ...t }), d && (o.colors.table.borderedRow = {
+    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: 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,
-        ...d
-      }), l && (o.colors.table.error = { ...o.colors.table.error, ...l }), g) {
-        const i = { ...o.colors.table.rowVariant };
-        for (const u of Object.keys(g)) {
-          const b = g[u];
-          b && (i[u] = { ...i[u], ...b });
+        ...a
+      }), i && (o.colors.table.error = { ...o.colors.table.error, ...i }), d) {
+        const c = { ...o.colors.table.rowVariant };
+        for (const n of Object.keys(d)) {
+          const b = d[n];
+          b && (c[n] = { ...c[n], ...b });
         }
-        o.colors.table.rowVariant = i;
+        o.colors.table.rowVariant = c;
       }
     }
   }
   return o;
 }
-function R(r) {
-  M(r);
-  const s = w(), o = y(s === "dark" ? f : e, r);
-  m(o, document.documentElement), k.forEach((n) => {
-    m(o, n);
-  }), s === "dark" ? document.documentElement.setAttribute("data-theme", "dark") : document.documentElement.removeAttribute("data-theme");
+function D(r) {
+  _(r);
+  const l = x(), o = k(l === "dark" ? y : e, r);
+  p(o, document.documentElement), w.forEach((g) => {
+    p(o, g);
+  }), l === "dark" ? document.documentElement.setAttribute("data-theme", "dark") : document.documentElement.removeAttribute("data-theme");
 }
-function D(r, s) {
-  const a = s === "dark" ? f : e, o = x(), n = o ? y(a, o) : a;
-  m(n, r);
+function Y(r, l) {
+  const t = l === "dark" ? y : e, o = P(), g = o ? k(t, o) : t;
+  p(g, r);
 }
-function A() {
-  S("light"), document.documentElement.removeAttribute("data-theme");
-  const r = x(), s = r ? y(e, r) : e;
-  m(s, document.documentElement), k.forEach((a) => {
-    m(s, a);
+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 O() {
-  S("dark"), document.documentElement.setAttribute("data-theme", "dark");
-  const r = x(), s = r ? y(f, r) : f;
-  m(s, document.documentElement), k.forEach((a) => {
-    m(s, a);
+function j() {
+  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 I() {
-  return w() === "dark" ? (A(), "light") : (O(), "dark");
+function U() {
+  return x() === "dark" ? (T(), "light") : (j(), "dark");
 }
-function W(r) {
-  R(r);
+function J(r) {
+  D(r);
 }
-function Y() {
-  const r = w();
-  localStorage.removeItem(V), r === "dark" ? O() : A();
+function q() {
+  const r = x();
+  localStorage.removeItem(v), r === "dark" ? j() : T();
 }
-function G() {
+function N() {
   if (typeof window < "u") {
-    const r = w(), s = x();
+    const r = x(), l = P();
     if (r === "dark") {
-      if (s) {
-        const a = y(f, s);
-        m(a, document.documentElement);
+      if (l) {
+        const t = k(y, l);
+        p(t, document.documentElement);
       } else
-        m(f, document.documentElement);
+        p(y, document.documentElement);
       document.documentElement.setAttribute("data-theme", "dark");
     } else {
-      if (s) {
-        const a = y(e, s);
-        m(a, document.documentElement);
+      if (l) {
+        const t = k(e, l);
+        p(t, document.documentElement);
       } else
-        m(e, document.documentElement);
+        p(e, document.documentElement);
       document.documentElement.removeAttribute("data-theme");
     }
   }
 }
-function U() {
-  const r = getComputedStyle(document.documentElement);
+function X() {
+  const r = getComputedStyle(document.documentElement), l = {};
+  for (const t of E) {
+    const o = r.getPropertyValue(B(t)).trim();
+    o && (l[t] = o);
+  }
   return {
     fontSizes: {
       xsmall: r.getPropertyValue("--malachite-font-size-xsmall").trim() || e.fontSizes.xsmall,
@@ -1533,9 +1574,9 @@ function U() {
       large: r.getPropertyValue("--malachite-icon-size-large").trim() || e.iconSizes.large
     },
     controlHeights: {
-      small: r.getPropertyValue("--malachite-control-height-small").trim() || p.small,
-      medium: r.getPropertyValue("--malachite-control-height-medium").trim() || p.medium,
-      large: r.getPropertyValue("--malachite-control-height-large").trim() || p.large
+      small: r.getPropertyValue("--malachite-control-height-small").trim() || h.small,
+      medium: r.getPropertyValue("--malachite-control-height-medium").trim() || h.medium,
+      large: r.getPropertyValue("--malachite-control-height-large").trim() || h.large
     },
     radius: {
       xs: r.getPropertyValue("--malachite-radius-xs").trim() || e.radius.xs,
@@ -1555,7 +1596,7 @@ function U() {
       glow: r.getPropertyValue("--malachite-shadow-glow").trim() || e.shadows.glow,
       glowLg: r.getPropertyValue("--malachite-shadow-glow-lg").trim() || e.shadows.glowLg,
       default: r.getPropertyValue("--malachite-shadow-default").trim() || e.shadows.default,
-      accent: r.getPropertyValue("--malachite-shadow-accent").trim() || B,
+      accent: r.getPropertyValue("--malachite-shadow-accent").trim() || $,
       success: r.getPropertyValue("--malachite-shadow-success").trim() || e.shadows.success,
       warning: r.getPropertyValue("--malachite-shadow-warning").trim() || e.shadows.warning,
       error: r.getPropertyValue("--malachite-shadow-error").trim() || e.shadows.error
@@ -1618,11 +1659,12 @@ function U() {
         borderHover: r.getPropertyValue("--malachite-primary-border-hover").trim() || e.colors.primary.borderHover
       },
       accent: {
-        background: r.getPropertyValue("--malachite-accent-background").trim() || h.background,
-        foreground: r.getPropertyValue("--malachite-accent-foreground").trim() || h.foreground,
-        border: r.getPropertyValue("--malachite-accent-border").trim() || h.border,
-        backgroundGlass: r.getPropertyValue("--malachite-accent-background-glass").trim() || h.backgroundGlass
+        background: r.getPropertyValue("--malachite-accent-background").trim() || f.background,
+        foreground: r.getPropertyValue("--malachite-accent-foreground").trim() || f.foreground,
+        border: r.getPropertyValue("--malachite-accent-border").trim() || f.border,
+        backgroundGlass: r.getPropertyValue("--malachite-accent-background-glass").trim() || f.backgroundGlass
       },
+      datePicker: l,
       control: {
         borderHover: r.getPropertyValue("--malachite-control-border-hover").trim() || e.colors.control.borderHover
       },
@@ -1752,6 +1794,11 @@ function U() {
         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,
@@ -1934,26 +1981,26 @@ function U() {
     }
   };
 }
-let $ = !1;
-const J = () => {
-  $ || ($ = !0, G());
+let F = !1;
+const Q = () => {
+  F || (F = !0, N());
 };
 export {
-  p as CONTROL_HEIGHT,
-  W as applyCustomTheme,
-  O as applyDarkTheme,
-  A as applyLightTheme,
-  R as applyTheme,
-  D as applyThemeVars,
-  f as darkTheme,
+  h as CONTROL_HEIGHT,
+  J as applyCustomTheme,
+  j as applyDarkTheme,
+  T as applyLightTheme,
+  D as applyTheme,
+  Y as applyThemeVars,
+  y as darkTheme,
   e as defaultTheme,
-  J as ensureThemeInitialized,
-  U as getCurrentTheme,
-  w as getCurrentThemeMode,
-  G as initializeTheme,
-  _ as registerShadowRoot,
-  Y as resetTheme,
-  I as toggleTheme,
-  N as unregisterShadowRoot
+  Q as ensureThemeInitialized,
+  X as getCurrentTheme,
+  x as getCurrentThemeMode,
+  N as initializeTheme,
+  I as registerShadowRoot,
+  q as resetTheme,
+  U as toggleTheme,
+  W as unregisterShadowRoot
 };
 //# sourceMappingURL=theme.js.map