@godxjp/ui 27.8.0 → 27.10.0

package/dist/props/registry.d.ts

@@ -711,6 +711,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
         readonly file: "components/layout.prop.ts";
         readonly vocabulary: readonly [];
     };
+    readonly PageContainerExtraProp: {
+        readonly group: "layout";
+        readonly file: "components/layout.prop.ts";
+        readonly vocabulary: readonly ["ExtraProp"];
+    };
     readonly PageContainerMeasureProp: {
         readonly group: "layout";
         readonly file: "components/layout.prop.ts";
@@ -883,7 +888,15 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly AppShellProp: {
         readonly group: "layout";
         readonly file: "components/layout.prop.ts";
-        readonly vocabulary: readonly ["ChildrenProp"];
+        readonly vocabulary: readonly ["ChildrenProp", "BreakpointProp", {
+            readonly field: "logoCompact";
+            readonly local: true;
+            readonly reason: "The brand node a narrow bar gets instead of `logo` — the consumer's own mark/viewBox, which a stylesheet cannot produce (gh#728).";
+        }, {
+            readonly field: "logoCompactBelow";
+            readonly local: true;
+            readonly reason: "Flex `hideBelow` scoped to the brand cell — the step at which `logoCompact` takes over (gh#728).";
+        }];
     };
     readonly AuthShellProp: {
         readonly group: "layout";
@@ -1178,7 +1191,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly TopbarProp: {
         readonly group: "layout";
         readonly file: "components/layout.prop.ts";
-        readonly vocabulary: readonly ["ChildrenProp"];
+        readonly vocabulary: readonly ["ChildrenProp", {
+            readonly field: "overflow";
+            readonly local: true;
+            readonly reason: "The bar's overflow contract — `scroll` (default) keeps every cell reachable, `clip` is the pre-gh#728 slicing.";
+        }];
     };
     readonly TopbarItemProp: {
         readonly group: "layout";
@@ -2437,7 +2454,7 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly ToggleProp: {
         readonly group: "data-entry";
         readonly file: "components/ui/toggle.tsx";
-        readonly vocabulary: readonly ["SizeProp", "ClassNameProp", {
+        readonly vocabulary: readonly ["SizeProp", "ShapeProp", "ClassNameProp", {
             readonly field: "count";
             readonly local: true;
             readonly reason: "Counter-pill vocabulary shared VERBATIM with ButtonProp (count/overflowCount/showZero) so a counted filter tab and a counted pressed chip are one vocabulary — gh#312.";
@@ -2450,7 +2467,7 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly ToggleGroupItemProp: {
         readonly group: "data-entry";
         readonly file: "components/ui/toggle-group.tsx";
-        readonly vocabulary: readonly ["SizeProp", "ClassNameProp", {
+        readonly vocabulary: readonly ["SizeProp", "ShapeProp", "ClassNameProp", {
             readonly field: "count";
             readonly local: true;
             readonly reason: "Per-item counter pill — variant/size come from group context, but the number is per-item data (gh#312).";
@@ -2816,7 +2833,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly TreeProp: {
         readonly group: "data-display";
         readonly file: "components/data-display.prop.ts";
-        readonly vocabulary: readonly ["ValueProp", "DefaultValueProp", "OnValueChangeProp", "DisabledProp", "SizeProp", "ClassNameProp", "IdProp"];
+        readonly vocabulary: readonly ["ValueProp", "DefaultValueProp", "OnValueChangeProp", "DisabledProp", "SizeProp", "ClassNameProp", "IdProp", {
+            readonly field: "divided";
+            readonly local: true;
+            readonly reason: "Rules between the rows — a hairline on every node's block-start but the outline's first, full row width at every depth (gh#732). Default false, because chrome defaults quiet here (#44). Not antd's spelling: antd's Tree has no such capability, and `bordered` already means a grid's frame plus column rules on Table / Calendar / RangeTimeline; see docs/DESIGN-AUTHORITY.md.";
+        }];
     };
     readonly CardProp: {
         readonly group: "data-display";
@@ -2943,7 +2964,7 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly RangeTimelineProp: {
         readonly group: "data-display";
         readonly file: "components/data-display/range-timeline.tsx";
-        readonly vocabulary: readonly ["LabelProp", {
+        readonly vocabulary: readonly ["LabelProp", "DensityProp", {
             readonly field: "columns";
             readonly local: true;
             readonly reason: "Labels, positive numeric unit counts and an optional muted flag (non-working period) define a consumer-supplied axis.";

package/dist/props/registry.js

@@ -722,6 +722,11 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/layout.prop.ts",
     vocabulary: []
   },
+  PageContainerExtraProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["ExtraProp"]
+  },
   PageContainerMeasureProp: {
     group: "layout",
     file: "components/layout.prop.ts",
@@ -883,7 +888,20 @@ const COMPONENT_PROP_REGISTRY = {
   AppShellProp: {
     group: "layout",
     file: "components/layout.prop.ts",
-    vocabulary: ["ChildrenProp"]
+    vocabulary: [
+      "ChildrenProp",
+      "BreakpointProp",
+      {
+        field: "logoCompact",
+        local: true,
+        reason: "The brand node a narrow bar gets instead of `logo` \u2014 the consumer's own mark/viewBox, which a stylesheet cannot produce (gh#728)."
+      },
+      {
+        field: "logoCompactBelow",
+        local: true,
+        reason: "Flex `hideBelow` scoped to the brand cell \u2014 the step at which `logoCompact` takes over (gh#728)."
+      }
+    ]
   },
   AuthShellProp: {
     group: "layout",
@@ -1276,7 +1294,14 @@ const COMPONENT_PROP_REGISTRY = {
   TopbarProp: {
     group: "layout",
     file: "components/layout.prop.ts",
-    vocabulary: ["ChildrenProp"]
+    vocabulary: [
+      "ChildrenProp",
+      {
+        field: "overflow",
+        local: true,
+        reason: "The bar's overflow contract \u2014 `scroll` (default) keeps every cell reachable, `clip` is the pre-gh#728 slicing."
+      }
+    ]
   },
   TopbarItemProp: {
     group: "layout",
@@ -2822,6 +2847,9 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/ui/toggle.tsx",
     vocabulary: [
       "SizeProp",
+      // The control `ShapeProp` verbatim — same three values, same two radius tokens as Button and
+      // Badge, so `shape="pill"` means one thing library-wide (gh#734).
+      "ShapeProp",
       "ClassNameProp",
       {
         field: "count",
@@ -2840,6 +2868,8 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/ui/toggle-group.tsx",
     vocabulary: [
       "SizeProp",
+      // Reaches the item through the group's context, exactly as `variant`/`size` do (gh#734).
+      "ShapeProp",
       "ClassNameProp",
       {
         field: "count",
@@ -3307,7 +3337,12 @@ const COMPONENT_PROP_REGISTRY = {
       "DisabledProp",
       "SizeProp",
       "ClassNameProp",
-      "IdProp"
+      "IdProp",
+      {
+        field: "divided",
+        local: true,
+        reason: "Rules between the rows \u2014 a hairline on every node's block-start but the outline's first, full row width at every depth (gh#732). Default false, because chrome defaults quiet here (#44). Not antd's spelling: antd's Tree has no such capability, and `bordered` already means a grid's frame plus column rules on Table / Calendar / RangeTimeline; see docs/DESIGN-AUTHORITY.md."
+      }
     ]
   },
   CardProp: {
@@ -3453,6 +3488,10 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/data-display/range-timeline.tsx",
     vocabulary: [
       "LabelProp",
+      // The CANONICAL three-step axis, the same type DataTable takes — not a local subset. It
+      // moves `--range-timeline-unit-width` only (42 / 56 / 70px per day), never the row or bar
+      // height, so a compact Gantt is the same schedule with more days on screen (gh#730).
+      "DensityProp",
       {
         field: "columns",
         local: true,

package/dist/styles/control.css

@@ -26,6 +26,12 @@
     background: hsl(var(--background));
   }
 
+  .ui-toggle-soft {
+    border: 1px solid transparent;
+    background: var(--toggle-soft-background, hsl(var(--secondary)));
+    color: var(--toggle-soft-color, hsl(var(--secondary-foreground)));
+  }
+
   .ui-toggle-default-size {
     min-height: var(--control-height);
     padding-inline: var(--space-3);
@@ -53,6 +59,11 @@
     color: hsl(var(--accent-foreground));
   }
 
+  .ui-toggle-soft:hover {
+    background: var(--toggle-soft-hover-background, hsl(var(--secondary-hover)));
+    color: var(--toggle-soft-color, hsl(var(--secondary-foreground)));
+  }
+
   .ui-toggle[data-state="on"] {
     background: var(--toggle-on-background, hsl(var(--primary)));
     color: hsl(var(--primary-foreground));
@@ -2229,13 +2240,13 @@
 
   .ui-calendar[data-bordered="true"] .ui-calendar-day,
   .ui-calendar[data-bordered="true"] .ui-calendar-weekday {
-    border-inline-start: 1px solid var(--calendar-grid-border-color, hsl(var(--input) / 0.5));
-    border-block-start: 1px solid var(--calendar-grid-border-color, hsl(var(--input) / 0.5));
+    border-inline-start: 1px solid var(--calendar-grid-border-color, hsl(var(--border)));
+    border-block-start: 1px solid var(--calendar-grid-border-color, hsl(var(--border)));
   }
 
   .ui-calendar[data-bordered="true"] .ui-calendar-week,
   .ui-calendar[data-bordered="true"] .ui-calendar-weekdays {
-    border-inline-end: 1px solid var(--calendar-grid-border-color, hsl(var(--input) / 0.5));
+    border-inline-end: 1px solid var(--calendar-grid-border-color, hsl(var(--border)));
   }
 
   .ui-calendar[data-bordered="true"] .ui-calendar-weekday {
@@ -2247,7 +2258,7 @@
   }
 
   .ui-calendar[data-bordered="true"] .ui-calendar-grid {
-    border-block-end: 1px solid var(--calendar-grid-border-color, hsl(var(--input) / 0.5));
+    border-block-end: 1px solid var(--calendar-grid-border-color, hsl(var(--border)));
   }
 
   .ui-calendar[data-bordered="true"] .ui-calendar-day.invisible {
@@ -2268,8 +2279,8 @@
 
   .ui-calendar[data-bordered="true"] .ui-calendar-week-number,
   .ui-calendar[data-bordered="true"] .ui-calendar-week-number-header {
-    border-inline-start: 1px solid var(--calendar-grid-border-color, hsl(var(--input) / 0.5));
-    border-block-start: 1px solid var(--calendar-grid-border-color, hsl(var(--input) / 0.5));
+    border-inline-start: 1px solid var(--calendar-grid-border-color, hsl(var(--border)));
+    border-block-start: 1px solid var(--calendar-grid-border-color, hsl(var(--border)));
   }
 
   .ui-calendar[data-bordered="true"] .ui-calendar-day {
@@ -2317,7 +2328,6 @@
     position: relative;
     display: flex;
     flex-direction: column;
-    gap: var(--calendar-month-space-gap);
   }
 
   .ui-calendar-caption {

package/dist/styles/data-display-layout.css

@@ -464,23 +464,23 @@
     place-items: center;
     border: 1px solid transparent;
     border-radius: var(--radius-pill);
-    background: var(--timeline-dot-done-background, hsl(var(--success)));
-    color: hsl(var(--success-foreground));
+    background: var(--timeline-dot-done-background, hsl(var(--primary)));
+    color: var(--timeline-dot-done-foreground, hsl(var(--primary-foreground)));
     font-size: var(--timeline-note-font-size);
     font-weight: var(--font-weight-medium);
     line-height: 1;
   }
 
   .ui-timeline-dot[data-status="done"] {
-    background: var(--timeline-dot-done-background, hsl(var(--success)));
-    color: hsl(var(--success-foreground));
+    background: var(--timeline-dot-done-background, hsl(var(--primary)));
+    color: var(--timeline-dot-done-foreground, hsl(var(--primary-foreground)));
   }
 
   .ui-timeline-dot[data-status="current"],
   .ui-timeline-dot[data-current="true"] {
     background: var(--timeline-dot-current-background, hsl(var(--primary)));
     color: hsl(var(--primary-foreground));
-    box-shadow: 0 0 0 3px hsl(var(--primary) / 0.18);
+    box-shadow: 0 0 0 var(--timeline-dot-current-ring-width) hsl(var(--primary) / 0.2);
   }
 
   .ui-timeline-dot[data-status="pending"] {
@@ -1356,10 +1356,13 @@
     display: grid;
     grid-template-columns: repeat(var(--range-timeline-units, 1), minmax(0, 1fr));
   }
+
   .ui-range-timeline-column {
     min-inline-size: 0;
     overflow: hidden;
     padding: var(--space-2);
+    padding-inline-start: calc(var(--space-2) + var(--range-timeline-grid-width));
+    text-align: center;
     border-inline-end: var(--range-timeline-grid-width) solid
       hsl(var(--range-timeline-border-color));
   }
@@ -1392,12 +1395,19 @@
   .ui-range-timeline[data-bordered="true"] .ui-range-timeline-column,
   .ui-range-timeline[data-bordered="true"] .ui-range-timeline-label,
   .ui-range-timeline[data-bordered="true"] .ui-range-timeline-grid-column {
-    border-inline-end-color: var(--range-timeline-grid-color, hsl(var(--input) / 0.5));
+    border-inline-end-color: var(--range-timeline-grid-color, hsl(var(--border)));
   }
   .ui-range-timeline[data-bordered="true"] .ui-range-timeline-header + .ui-range-timeline-header,
   .ui-range-timeline[data-bordered="true"] .ui-range-timeline-row {
     border-block-start: var(--range-timeline-grid-width) solid
-      var(--range-timeline-grid-color, hsl(var(--input) / 0.5));
+      var(--range-timeline-grid-color, hsl(var(--border)));
+  }
+
+  .ui-range-timeline[data-density="compact"] {
+    --range-timeline-unit-width: var(--range-timeline-unit-width-compact);
+  }
+  .ui-range-timeline[data-density="comfortable"] {
+    --range-timeline-unit-width: var(--range-timeline-unit-width-comfortable);
   }
   .ui-range-timeline-outside {
     position: absolute;
@@ -1904,6 +1914,14 @@
     content: "";
   }
 
+  .ui-tree[data-divided="true"] .ui-tree-node {
+    border-block-start: var(--stroke-hairline) solid var(--tree-divider-color, hsl(var(--border)));
+  }
+
+  .ui-tree[data-divided="true"] > .ui-tree-node:first-child {
+    border-block-start-color: transparent;
+  }
+
   .ui-tree-loading {
     display: flex;
     align-items: center;

package/dist/styles/data-entry-layout.css

@@ -448,6 +448,7 @@
 
   .ui-upload-row {
     display: flex;
+    flex-wrap: wrap;
     align-items: center;
     gap: var(--upload-row-space-gap);
     padding-inline: var(--upload-row-space-inline);
@@ -462,6 +463,18 @@
     flex: 1 1 0%;
   }
 
+  .ui-upload-row-actions {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--upload-row-space-gap);
+    margin-inline-start: auto;
+  }
+
+  .ui-upload-row-actions:empty {
+    display: none;
+  }
+
   .ui-upload-row-icon {
     inline-size: var(--upload-row-icon-size);
     block-size: var(--upload-row-icon-size);

package/dist/styles/layout.css

@@ -1450,6 +1450,7 @@
 
   @media (width < 40rem) {
     .ui-flex[data-hide-below="sm"],
+    .app-topbar-brand[data-hide-below="sm"],
     .ui-topbar-item[data-hide-below="sm"],
     [data-slot="table-head"][data-hide-below="sm"],
     [data-slot="table-cell"][data-hide-below="sm"] {
@@ -1459,6 +1460,7 @@
 
   @media (width < 48rem) {
     .ui-flex[data-hide-below="md"],
+    .app-topbar-brand[data-hide-below="md"],
     .ui-topbar-item[data-hide-below="md"],
     [data-slot="table-head"][data-hide-below="md"],
     [data-slot="table-cell"][data-hide-below="md"] {
@@ -1468,6 +1470,7 @@
 
   @media (width < 64rem) {
     .ui-flex[data-hide-below="lg"],
+    .app-topbar-brand[data-hide-below="lg"],
     .ui-topbar-item[data-hide-below="lg"],
     [data-slot="table-head"][data-hide-below="lg"],
     [data-slot="table-cell"][data-hide-below="lg"] {
@@ -1477,6 +1480,7 @@
 
   @media (width < 80rem) {
     .ui-flex[data-hide-below="xl"],
+    .app-topbar-brand[data-hide-below="xl"],
     .ui-topbar-item[data-hide-below="xl"],
     [data-slot="table-head"][data-hide-below="xl"],
     [data-slot="table-cell"][data-hide-below="xl"] {
@@ -1486,6 +1490,7 @@
 
   @media (width >= 40rem) {
     .ui-flex[data-hide-from="sm"],
+    .app-topbar-brand[data-hide-from="sm"],
     .ui-topbar-item-icon[data-hide-from="sm"] {
       display: none;
     }
@@ -1493,6 +1498,7 @@
 
   @media (width >= 48rem) {
     .ui-flex[data-hide-from="md"],
+    .app-topbar-brand[data-hide-from="md"],
     .ui-topbar-item-icon[data-hide-from="md"] {
       display: none;
     }
@@ -1500,6 +1506,7 @@
 
   @media (width >= 64rem) {
     .ui-flex[data-hide-from="lg"],
+    .app-topbar-brand[data-hide-from="lg"],
     .ui-topbar-item-icon[data-hide-from="lg"] {
       display: none;
     }
@@ -1507,6 +1514,7 @@
 
   @media (width >= 80rem) {
     .ui-flex[data-hide-from="xl"],
+    .app-topbar-brand[data-hide-from="xl"],
     .ui-topbar-item-icon[data-hide-from="xl"] {
       display: none;
     }

package/dist/styles/shell-layout.css

@@ -737,6 +737,28 @@
     align-items: center;
   }
 
+  .app-topbar-logo {
+    max-inline-size: var(--app-shell-brand-max-inline-size);
+    min-inline-size: 0;
+    flex: 0 1 auto;
+    overflow: clip;
+    overflow-clip-margin: var(--focus-ring-clip-margin);
+  }
+
+  .app-topbar-brand {
+    display: contents;
+  }
+
+  @media (width < 40rem) {
+    .app-topbar-logo {
+      max-inline-size: var(--app-shell-brand-compact-max-inline-size);
+    }
+
+    .app-topbar-logo [data-slot="logo-wordmark"] {
+      display: none;
+    }
+  }
+
   .app-topbar-custom {
     display: flex;
     min-width: 0;
@@ -1997,12 +2019,32 @@
     flex: 1 1 0%;
     justify-content: center;
   }
+
   .ui-topbar-end {
     max-width: 100%;
-    flex: 0 0 auto;
+    flex: 0 1 auto;
     margin-inline-start: auto;
   }
 
+  .ui-topbar[data-overflow="scroll"] {
+    overflow-x: auto;
+    overscroll-behavior-inline: contain;
+    scrollbar-width: none;
+  }
+
+  .ui-topbar[data-overflow="scroll"]::-webkit-scrollbar {
+    display: none;
+  }
+
+  .ui-topbar[data-overflow="scroll"] > .ui-topbar-end {
+    max-inline-size: none;
+    min-inline-size: auto;
+  }
+
+  .ui-topbar[data-overflow="scroll"] > .ui-topbar-start {
+    min-inline-size: var(--topbar-item-min-width);
+  }
+
   .ui-topbar-item {
     display: inline-flex;
     min-width: var(--topbar-item-min-width);

package/dist/styles/toggle.css

@@ -16,6 +16,11 @@
     font-variant-numeric: tabular-nums;
   }
 
+  .ui-toggle-soft .ui-toggle-count {
+    background: var(--toggle-soft-count-background, hsl(var(--background)));
+    color: var(--toggle-soft-count-color, hsl(var(--foreground)));
+  }
+
   .ui-toggle[data-state="on"] {
     border-color: var(--toggle-pressed-border-color, hsl(var(--primary)));
   }

package/dist/tokens/components/control.css

@@ -281,14 +281,17 @@
   --tree-select-empty-space-block: var(--space-6);
 
   --calendar-space-inset: var(--space-3);
+
   --calendar-month-space-gap: var(--space-4);
   --calendar-caption-space-inline: var(--space-8);
   --calendar-caption-font-size: var(--font-size-sm);
   --calendar-nav-space-block-start: var(--space-3);
-  --calendar-nav-space-inline: var(--space-1);
+
+  --calendar-nav-space-inline: var(--calendar-space-inset);
 
   --calendar-nav-rest-alpha: 0.7;
-  --calendar-grid-space-block-start: var(--space-4);
+
+  --calendar-grid-space-block-start: var(--space-3);
   --calendar-week-space-block-start: var(--space-2);
   --calendar-weekday-font-size: var(--font-size-xs);
   --calendar-weekday-radius: var(--radius-md);

package/dist/tokens/components/data-display.css

@@ -132,9 +132,12 @@
   --thumbnail-radius: var(--radius);
 
   --timeline-dot-done-background: initial;
+  --timeline-dot-done-foreground: initial;
   --timeline-dot-current-background: initial;
   --timeline-line-completed-background: initial;
 
+  --timeline-dot-current-ring-width: var(--stroke-xl);
+
   --qr-code-foreground: 0 0% 0%;
   --qr-code-background: 0 0% 100%;
   --qr-code-size-xs: 6rem;
@@ -173,9 +176,15 @@
 
 :root {
   --range-timeline-label-width: var(--app-shell-sidebar-width);
-  --range-timeline-unit-width: calc(var(--control-height-sm) * 2);
+
+  --range-timeline-unit-width: var(--range-timeline-unit-width-default);
+
+  --range-timeline-unit-width-compact: calc(var(--control-height-sm) * 1.5);
+  --range-timeline-unit-width-default: calc(var(--control-height-sm) * 2);
+  --range-timeline-unit-width-comfortable: calc(var(--control-height-sm) * 2.5);
   --range-timeline-row-height: var(--control-height-lg);
   --range-timeline-bar-height: var(--control-height-sm);
+
   --range-timeline-border-color: var(--border);
 
   --range-timeline-grid-color: initial;

package/dist/tokens/components/shell.css

@@ -43,6 +43,9 @@
   --app-shell-bar-inset-compact: var(--space-page-compact-x);
   --app-shell-bar-gap: var(--space-3);
 
+  --app-shell-brand-max-inline-size: none;
+  --app-shell-brand-compact-max-inline-size: var(--app-shell-bar-height);
+
   --app-shell-sidebar-width: 16rem;
   --app-shell-sidebar-collapsed-width: 4rem;
 

package/dist/tokens/components/toggle.css

@@ -11,6 +11,13 @@
   --toggle-count-background: initial;
   --toggle-count-color: initial;
 
+  --toggle-soft-background: initial;
+  --toggle-soft-color: initial;
+  --toggle-soft-hover-background: initial;
+
+  --toggle-soft-count-background: initial;
+  --toggle-soft-count-color: initial;
+
   --toggle-pressed-count-background: initial;
   --toggle-pressed-count-color: initial;
 

package/dist/tokens/components/tree.css

@@ -19,6 +19,8 @@
 
   --tree-line-color: initial;
 
+  --tree-divider-color: initial;
+
   --tree-node-hover-background: initial;
   --tree-node-selected-background: initial;
   --tree-node-selected-foreground: initial;

package/docs/DESIGN-AUTHORITY.md

@@ -298,6 +298,26 @@ bottomEnd | none` (`TablePaginationPositionProp`, default `['bottomEnd']`), the
   purpose: omitted, `flow="columns"` keeps `start` and `flow="rows"` keeps the grid's stretch, so
   no existing grid moves; antd's `Row` default is `top` in every case.
 
+- **`Tree.divided` — a new capability, named from this library, not from antd (gh#732).** antd's
+  `Tree` has no horizontal rule between nodes at all (only `showLine`, the VERTICAL parent/child
+  rail), so there is no antd spelling to port and nothing to be out of parity with. The name was
+  picked from the two the library already uses for the idea, and they are not interchangeable here:
+  **`bordered` means a GRID** — `Table` / `DataTable` "outer frame + vertical rules between
+  columns", `Descriptions` "bordered table with shaded label cells", `Calendar` "rule the day
+  grid", `RangeTimeline` "row rules, header rule, a vertical rule per column" — while the
+  horizontal hairline BETWEEN rows of a vertical list is called a **divider** everywhere it exists
+  (`--list-row-border` on `ListRow`, `--command-item-divider-color`, `--table-flush-divider-*`,
+  `--card-*-divider`). A `Tree` has no columns and no frame, so `bordered` would promise chrome the
+  prop does not draw and would collide with a real Tree frame later. `Command.split` is the same
+  hairline, but that name is antd `List.split` adopted verbatim (gh#699) and carries a second
+  meaning there — zero list padding, rows bled to the panel edge — which `Tree` must not inherit.
+  So: `divided`, matching the token `--tree-divider-color`, a positive boolean adjective like
+  `striped` (gh#700). It **defaults to `false`**, unlike `RangeTimeline bordered`: a Gantt body is
+  unreadable without a grid, whereas `Tree`'s documented chrome default is quiet (cardinal rule
+  #44 — `showLine` ships off for the same reason, and the token file states it), and default-on
+  would rule every existing tree, including the picker-sized and `size="xs"` outlines where a rule
+  every 24px is noise rather than structure. A tree used as page navigation opts in.
+
 - **`RangeTimeline` nested rows take `Tree`'s spelling, not antd's (gh#724).** antd has no Gantt;
   the nearest names are `Tree expandedKeys` / `defaultExpandedKeys` / `onExpand` and `Table
 expandable.expandedRowKeys` / `onExpandedRowsChange`. This library already mapped the Tree ones

package/docs/FRAME-COVERAGE-REPORT.md

@@ -45,7 +45,7 @@ Legend: ✓ covered · N/A reasoned skip · · UNTESTED (blank cell = UNTESTED).
 | CardBar | **✗** | N/A | N/A | N/A | · | · | · | · | · | · |
 | TimeRangePicker | ✓ | · | · | · | · | · | · | · | · | · |
 | VisuallyHidden | **✗** | N/A | N/A | N/A | · | · | · | · | · | · |
-| RangeTimeline | **✗** | N/A | N/A | N/A | · | · | · | · | · | · |
+| RangeTimeline | **✗** | · | N/A | N/A | · | · | · | · | · | · |
 | PageContainer | ✓ | ✓ | N/A | N/A | · | · | · | · | · | · |
 | Flex | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
 | ResponsiveGrid | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |