@botiverse/raft-ui 0.57.0 → 0.57.2

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [0.57.2](https://github.com/botiverse/raft-design/compare/v0.57.1...v0.57.2) (2026-11-02)
+
+### Fixed
+
+- **DrawerContent**: every bottom sheet (`swipeDirection="down"`, the default) draws the grab handle, not only one with `snapPoints`. ([#944](https://github.com/botiverse/raft-design/pull/944))
+  - Why: the rule is a grab handle on every bottom sheet; a content-sized sheet had none.
+  - Affects: content-sized bottom sheets gain the handle and are 8px taller (the header's `pt-2` under the handle); drawers from other edges without snap points are unchanged. The handle stays `aria-hidden`.
+  - Docs: https://raft-design.botiverse.build/components/drawer/
+
+## [0.57.1](https://github.com/botiverse/raft-design/compare/v0.57.0...v0.57.1) (2026-11-02)
+
+### Fixed
+
+- **SidebarSectionControls**: a section's controls are always shown, with a mouse as on a touch screen. ([#942](https://github.com/botiverse/raft-design/pull/942))
+  - Why: shown only on hover, they hid what the header can do, and a long title's room changed as the pointer passed (stdrc).
+  - Affects: the controls are no longer hidden at rest with a mouse; a collapsed section's attention mark sits before them in the row and hides only while the section is open.
+  - Docs: https://raft-design.botiverse.build/components/sidebar/
+- **Edge pull of a header's first and last control** (sidebar section controls, panel and dialog heads, Lightbox actions): it holds while that control's menu is open. ([#942](https://github.com/botiverse/raft-design/pull/942))
+  - Why: an open menu puts Base UI focus guards and a hidden portal span beside its trigger, so the trigger stopped being the last child, lost its 5px pull and moved left.
+  - Affects: the pull now skips `[data-base-ui-focus-guard]` and `[aria-owns]` siblings.
+  - Docs: https://raft-design.botiverse.build/foundations/alignment/
+
 ## [0.57.0](https://github.com/botiverse/raft-design/compare/v0.56.1...v0.57.0) (2026-11-01)
 
 ### Breaking Changes

package/dist/components/drawer/drawer.mjs

@@ -97,7 +97,7 @@ function DrawerContent({ className, children, portalProps, ...props }) {
 				"data-slot": "drawer-popup",
 				className: popup({ className }),
 				...props,
-				children: [hasSnapPoints ? /* @__PURE__ */ jsx(DrawerSwipeHandle, {}) : null, /* @__PURE__ */ jsx(Drawer.Content, {
+				children: [hasSnapPoints || swipeDirection === "down" ? /* @__PURE__ */ jsx(DrawerSwipeHandle, {}) : null, /* @__PURE__ */ jsx(Drawer.Content, {
 					"data-slot": "drawer-content",
 					className: content(),
 					children: /* @__PURE__ */ jsx(DialogSheetReset, { children })

package/dist/components/drawer/drawer.recipe.mjs

@@ -163,7 +163,6 @@ const drawer = tv({
 	},
 	compoundVariants: [{
 		side: "down",
-		snapPoints: true,
 		class: { header: ["pt-2"] }
 	}, {
 		axis: "y",

package/dist/components/lightbox/lightbox.mjs

@@ -45,7 +45,7 @@ const lightbox = tv({ slots: {
 	actions: [
 		"flex shrink-0 items-center",
 		"gap-1",
-		"[&>[data-icon-inset]:last-child]:-mr-icon-inset"
+		"[&>[data-icon-inset]:nth-last-child(1_of_:not([data-base-ui-focus-guard],[aria-owns]))]:-mr-icon-inset"
 	],
 	stage: ["pointer-events-none relative flex min-h-0 flex-1 items-center justify-center overflow-hidden"],
 	media: ["pointer-events-auto max-h-[80vh] max-w-[86vw] border-0 bg-transparent shadow-none"],

package/dist/components/sidebar/sidebar-section.recipe.mjs

@@ -26,23 +26,9 @@ const sidebarSectionRecipe = tv({ slots: {
 	],
 	sidebarSectionTitle: ["min-w-0 truncate"],
 	sidebarSectionCount: ["font-mono text-mono-meta font-normal tabular-nums text-foreground-hint"],
-	sidebarSectionAttention: [
-		"inline-flex min-w-4.5 shrink-0 items-center justify-center",
-		"pointer-fine:absolute pointer-fine:top-1/2 pointer-fine:right-0 pointer-fine:-translate-y-1/2",
-		"group-data-open/section:hidden",
-		"group-data-popup-open/section-header:hidden",
-		"group-hover/section-header:hidden"
-	],
+	sidebarSectionAttention: ["inline-flex min-w-4.5 shrink-0 items-center justify-center", "group-data-open/section:hidden"],
 	sidebarSectionTrailing: ["relative flex min-w-4.5 shrink-0 items-center justify-end"],
-	sidebarSectionControls: [
-		"flex shrink-0 items-center gap-1",
-		"pointer-events-none opacity-0",
-		"not-pointer-fine:pointer-events-auto not-pointer-fine:opacity-100",
-		"pointer-fine:group-hover/section-header:pointer-events-auto pointer-fine:group-hover/section-header:opacity-100",
-		"pointer-fine:focus-within:pointer-events-auto pointer-fine:focus-within:opacity-100",
-		"pointer-fine:has-data-popup-open:pointer-events-auto pointer-fine:has-data-popup-open:opacity-100",
-		"[&>[data-icon-inset]:last-child]:-mr-icon-inset"
-	],
+	sidebarSectionControls: ["flex shrink-0 items-center gap-1", "[&>[data-icon-inset]:nth-last-child(1_of_:not([data-base-ui-focus-guard],[aria-owns]))]:-mr-icon-inset"],
 	sidebarSectionControl: [
 		"relative flex h-6 w-auto min-w-6 shrink-0 items-center justify-center p-0 -my-1",
 		"[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",

package/dist/lib/head-edges.mjs

@@ -19,7 +19,7 @@
 * the pull holds when its last action is hidden at some width.
 */
 /** The pull alone, for a head whose padding is already its margin (a dialog's 20px). */
-const headEdgePull = ["[&>[data-icon-inset]:first-child]:-ml-icon-inset", "[&>[data-icon-inset]:last-child]:-mr-icon-inset"];
+const headEdgePull = ["[&>[data-icon-inset]:nth-child(1_of_:not([data-base-ui-focus-guard],[aria-owns]))]:-ml-icon-inset", "[&>[data-icon-inset]:nth-last-child(1_of_:not([data-base-ui-focus-guard],[aria-owns]))]:-mr-icon-inset"];
 /**
 * A panel's head: its column's margin, and the pull. The margin is
 * `--column-margin` (styles.css): 20px on a desktop and 16px on a phone,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botiverse/raft-ui",
-  "version": "0.57.0",
+  "version": "0.57.2",
   "description": "React components and CSS foundations for the Raft Design System.",
   "keywords": [
     "agent-skills",