@graphty/compact-mantine 0.9.19 → 0.9.20

package/dist/index.d.cts

@@ -1805,9 +1805,10 @@ export declare interface ControlSectionProps extends DisclosureProps {
     /**
      * Whether the section is set up at all.
      *
-     * An empty section is drawn as one 32px row: the name in the secondary text
-     * color, no chevron, and a single "+" in the trailing slot. It shows no
-     * content and no empty-state sentence, and its children are not rendered.
+     * An empty section is drawn as its 40px header alone, with the 1px rule
+     * below it (41px in all): the name in the secondary text color, no chevron,
+     * and a single "+" in the trailing slot. It shows no content and no
+     * empty-state sentence, and its children are not rendered.
      *
      * The dimmed name is never the only thing that says so. The chevron is
      * gone, the "+" is there, and the group holds nothing, so the state still
@@ -6506,7 +6507,7 @@ export declare interface ToggleRowProps {
  * 1. **The verb is deleted from the label.** The checkbox already says
  *    "enable", so `Enable glow` is written `Glow`.
  * 2. **A boolean with nothing underneath it is not this component.** Use
- *    `ToggleRow`, which packs a lone boolean onto a 24px row with a slot at its
+ *    `ToggleRow`, which packs a lone boolean onto a 32px row with a slot at its
  *    end, and use two or more of those inside a `ToggleRowGroup`.
  *
  * The checkbox says out loud that it opens something: it is marked as expanded

package/dist/index.d.ts

@@ -1805,9 +1805,10 @@ export declare interface ControlSectionProps extends DisclosureProps {
     /**
      * Whether the section is set up at all.
      *
-     * An empty section is drawn as one 32px row: the name in the secondary text
-     * color, no chevron, and a single "+" in the trailing slot. It shows no
-     * content and no empty-state sentence, and its children are not rendered.
+     * An empty section is drawn as its 40px header alone, with the 1px rule
+     * below it (41px in all): the name in the secondary text color, no chevron,
+     * and a single "+" in the trailing slot. It shows no content and no
+     * empty-state sentence, and its children are not rendered.
      *
      * The dimmed name is never the only thing that says so. The chevron is
      * gone, the "+" is there, and the group holds nothing, so the state still
@@ -6506,7 +6507,7 @@ export declare interface ToggleRowProps {
  * 1. **The verb is deleted from the label.** The checkbox already says
  *    "enable", so `Enable glow` is written `Glow`.
  * 2. **A boolean with nothing underneath it is not this component.** Use
- *    `ToggleRow`, which packs a lone boolean onto a 24px row with a slot at its
+ *    `ToggleRow`, which packs a lone boolean onto a 32px row with a slot at its
  *    end, and use two or more of those inside a `ToggleRowGroup`.
  *
  * The checkbox says out loud that it opens something: it is marked as expanded

package/dist/index.js

@@ -947,7 +947,7 @@ function Ls() {
   e.push(`--cm-elevation-toast: ${Ss};`);
   for (const [t, r] of Object.entries(As))
     e.push(`--cm-${t}: ${r};`);
-  return e.push(`--cm-font-family: ${pr};`), e.push(`--cm-font-family-mono: ${za};`), e.join(`
+  return e.push(`--cm-font-family: ${pr};`, `--cm-font-family-mono: ${za};`), e.join(`
     `);
 }
 function Ps() {
@@ -1554,7 +1554,7 @@ function il() {
     r = i.isTrusted && l instanceof HTMLInputElement && !l.hasAttribute("data-expanded") ? l : null;
   }, a = (i) => {
     const l = i.target;
-    !i.isTrusted || l !== r || (r = null, window.setTimeout(() => {
+    !i.isTrusted || l !== r || (r = null, globalThis.setTimeout(() => {
       const c = vn(l);
       if (!c || !(l instanceof HTMLInputElement) || l.hasAttribute("aria-activedescendant"))
         return;
@@ -7424,7 +7424,7 @@ function pu({ children: e }) {
       }
       const ee = Y ?? null, q = O ?? null, Z = D === !1 ? [] : m(ee), ne = [];
       for (const ue of Z)
-        ne.push(ue), ne.push(...h(ue));
+        ne.push(ue, ...h(ue));
       w(ne);
       const ce = new Set(ne);
       n.current = n.current.filter((ue) => !ce.has(ue)), n.current.push(I), a.current.set(I, S), i.current.set(I, ee), l.current.set(I, q), D !== !1 ? c.current.delete(I) : c.current.add(I), s((ue) => ue + 1);
@@ -10276,7 +10276,7 @@ const Jn = () => {
   ...w
 }, v) {
   const [T, f] = ge({ value: t, defaultValue: r, finalValue: !1, onChange: n }), g = X(!1), A = (E) => {
-    m == null || m(E), !(E.button !== 0 || s) && (g.current = !0, E.currentTarget.hasPointerCapture(E.pointerId) && E.currentTarget.releasePointerCapture(E.pointerId), oo = !T, window.addEventListener("pointerup", Jn, { once: !0 }), window.addEventListener("pointercancel", Jn, { once: !0 }), f(!T));
+    m == null || m(E), !(E.button !== 0 || s) && (g.current = !0, E.currentTarget.hasPointerCapture(E.pointerId) && E.currentTarget.releasePointerCapture(E.pointerId), oo = !T, globalThis.addEventListener("pointerup", Jn, { once: !0 }), globalThis.addEventListener("pointercancel", Jn, { once: !0 }), f(!T));
   }, k = (E) => {
     h == null || h(E), !(oo === null || (E.buttons & 1) === 0 || s || T === oo) && f(oo);
   }, p = (E) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphty/compact-mantine",
-  "version": "0.9.19",
+  "version": "0.9.20",
   "description": "Compact size variants for Mantine UI components - optimized for dense UIs",
   "type": "module",
   "main": "dist/index.cjs",