@graphty/compact-mantine 0.9.19 → 0.9.21

package/dist/index.d.cts

@@ -967,8 +967,10 @@ export declare interface CompactMantineLabels {
      */
     details: string;
     /**
-     * Accessible name and tooltip of the warning glyph beside a line that
-     * states how a reading departs from being exact and complete.
+     * The severity word a screen reader says before a ProseBlock departure
+     * line (the warning line stating how a reading departs from being exact
+     * and complete). The line is a note named by this word followed by its own
+     * text, such as "Warning Approximate (sample of 8)."
      */
     departure: string;
     /**
@@ -1805,9 +1807,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 +6509,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
@@ -6852,6 +6855,10 @@ export declare interface TrailingSlotProps {
  * opens every sibling; F2 renames; Alt+L closes everything; with `onMove`, Alt+ArrowUp /
  * Alt+ArrowDown move the focused item one place among its siblings. `onRowKeyDown` sees every
  * key first and can claim one with `preventDefault()`.
+ * Row toggles (`actions`) are out of the Tab order: ArrowRight on a row without children, or
+ * Alt+ArrowRight on any row, focuses the row's first toggle; there ArrowLeft / ArrowRight walk the
+ * toggles, Enter / Space press one, ArrowLeft on the first or Escape returns to the row, and
+ * ArrowUp / ArrowDown go to the row above or below.
  * Pointer: click selects (Shift range, Control / Command toggle); the caret opens one row;
  * double-click renames; drag a row to move it.
  * @param props - Component props
@@ -6924,7 +6931,10 @@ export declare interface TreeItemProps extends Omit<default_2.HTMLAttributes<HTM
     dimmed?: boolean;
     /** Weight 600 and a primary glyph. Defaults to true for a top-level row with children. */
     strong?: boolean;
-    /** The trailing toggles, revealed on hover or focus. */
+    /**
+     * The trailing toggles, revealed on hover or focus. Inside a Tree they are out of the Tab
+     * order and reached with ArrowRight (see Tree).
+     */
     actions?: default_2.ReactNode;
     /** 1-based position among its siblings, for assistive technology. */
     posInSet?: number;
@@ -6988,7 +6998,8 @@ export declare interface TreeNodeData {
      * The row's trailing toggles (lock, eye): the caller's own controls. They stay hidden until
      * the row is hovered or focused; a control with `aria-pressed="true"`, `aria-checked="true"`
      * or `data-pinned` stays visible. A click on passive text here (nothing focusable) counts as a
-     * click on the row.
+     * click on the row. Their focusable controls are out of the Tab order: the keyboard reaches
+     * them with ArrowRight on a row without children or Alt+ArrowRight on any row (see Tree).
      */
     actions?: default_2.ReactNode;
     /**

package/dist/index.d.ts

@@ -967,8 +967,10 @@ export declare interface CompactMantineLabels {
      */
     details: string;
     /**
-     * Accessible name and tooltip of the warning glyph beside a line that
-     * states how a reading departs from being exact and complete.
+     * The severity word a screen reader says before a ProseBlock departure
+     * line (the warning line stating how a reading departs from being exact
+     * and complete). The line is a note named by this word followed by its own
+     * text, such as "Warning Approximate (sample of 8)."
      */
     departure: string;
     /**
@@ -1805,9 +1807,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 +6509,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
@@ -6852,6 +6855,10 @@ export declare interface TrailingSlotProps {
  * opens every sibling; F2 renames; Alt+L closes everything; with `onMove`, Alt+ArrowUp /
  * Alt+ArrowDown move the focused item one place among its siblings. `onRowKeyDown` sees every
  * key first and can claim one with `preventDefault()`.
+ * Row toggles (`actions`) are out of the Tab order: ArrowRight on a row without children, or
+ * Alt+ArrowRight on any row, focuses the row's first toggle; there ArrowLeft / ArrowRight walk the
+ * toggles, Enter / Space press one, ArrowLeft on the first or Escape returns to the row, and
+ * ArrowUp / ArrowDown go to the row above or below.
  * Pointer: click selects (Shift range, Control / Command toggle); the caret opens one row;
  * double-click renames; drag a row to move it.
  * @param props - Component props
@@ -6924,7 +6931,10 @@ export declare interface TreeItemProps extends Omit<default_2.HTMLAttributes<HTM
     dimmed?: boolean;
     /** Weight 600 and a primary glyph. Defaults to true for a top-level row with children. */
     strong?: boolean;
-    /** The trailing toggles, revealed on hover or focus. */
+    /**
+     * The trailing toggles, revealed on hover or focus. Inside a Tree they are out of the Tab
+     * order and reached with ArrowRight (see Tree).
+     */
     actions?: default_2.ReactNode;
     /** 1-based position among its siblings, for assistive technology. */
     posInSet?: number;
@@ -6988,7 +6998,8 @@ export declare interface TreeNodeData {
      * The row's trailing toggles (lock, eye): the caller's own controls. They stay hidden until
      * the row is hovered or focused; a control with `aria-pressed="true"`, `aria-checked="true"`
      * or `data-pinned` stays visible. A click on passive text here (nothing focusable) counts as a
-     * click on the row.
+     * click on the row. Their focusable controls are out of the Tab order: the keyboard reaches
+     * them with ArrowRight on a row without children or Alt+ArrowRight on any row (see Tree).
      */
     actions?: default_2.ReactNode;
     /**