@danxbot/ui 26.5.5 → 26.5.6

package/dist/index.js

@@ -14465,6 +14465,7 @@ function Pt({
     "div",
     {
       ref: l,
+      "data-slot": "callout",
       role: i ? "alert" : void 0,
       className: B(d.root(), a),
       ...c,
@@ -28489,22 +28490,18 @@ const PR = ht({
     readOnlyBlock: "flex flex-col gap-1",
     readOnlyValue: "font-mono text-sm text-secondary break-words",
     readOnlyReason: "flex items-start gap-1.5 text-2xs text-tertiary",
-    /* DX-5125: SPACING IS DECIDED BY THE RENDERED DOM CHILD, so it does not depend
-       on how a consumer groups its JSX (a component returning a fragment of
-       three rows is three rows here, not one).
-       - A `SettingRow` owns the group's rhythm as padding: `py-4`, a hairline
-         above every row but the first (one per row boundary, so a single row
-         gets no stray rule and the last none trailing), and the padding
-         cancelled at the two ends.
-       - Anything else (a `Callout`, a card, a bordered panel) owns its OWN
-         padding, so it is spaced with margins and its box is left alone. This
-         replaced `[&>*]:py-4`, which overwrote that padding: a Callout lost its
-         `p-3` and read as having no top padding as the first child. */
+    /* DX-5125: every rendered DOM child gets the group's rhythm as padding (`py-4`,
+       a hairline above all but the first, the padding cancelled at the two
+       ends), EXCEPT a boxed `Callout`. It owns its padding (`p-3`), which
+       `[&>*]:py-4` used to overwrite: it read as having no top padding as the
+       first child. A Callout is spaced with vertical margins instead, so its own
+       box is left alone. Selected by DOM and `data-slot`, never by React child,
+       so a component rendering a fragment of rows is still rows here. */
     rows: [
       "flex flex-col",
-      "[&>[data-slot=setting-row]]:py-4 [&>[data-slot=setting-row]:first-child]:pt-0 [&>[data-slot=setting-row]:last-child]:pb-0",
-      "[&>[data-slot=setting-row]:not(:first-child)]:border-t [&>[data-slot=setting-row]:not(:first-child)]:border-border-subtle",
-      "[&>:not([data-slot=setting-row])]:my-4 [&>:not([data-slot=setting-row]):first-child]:mt-0 [&>:not([data-slot=setting-row]):last-child]:mb-0"
+      "divide-y divide-border-subtle",
+      "[&>:not([data-slot=callout])]:py-4 [&>:not([data-slot=callout]):first-child]:pt-0 [&>:not([data-slot=callout]):last-child]:pb-0",
+      "[&>[data-slot=callout]]:my-4 [&>[data-slot=callout]:first-child]:mt-0 [&>[data-slot=callout]:last-child]:mb-0"
     ]
   },
   variants: {