raft-ui 0.0.15 → 0.0.16

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## [0.0.16](https://github.com/botiverse/rui/compare/v0.0.15...v0.0.16) (2026-07-07)
+
+### Bug Fixes
+
+- **docs:** hide color token theme switchers ([104f3cd](https://github.com/botiverse/rui/commit/104f3cd58f1a8d773aae78eca8ff097460af0a24))
+- **docs:** provide preview theme globally ([91b35a4](https://github.com/botiverse/rui/commit/91b35a49ea87c9ec6bce83bc0b13754183992896))
+- **dropdown-menu:** align brutal menu typography ([d93c940](https://github.com/botiverse/rui/commit/d93c940b15a9b392b6f8e5fa695f0117bec75fbb))
+- **dropdown-menu:** match brutal hover colors ([142692f](https://github.com/botiverse/rui/commit/142692f9dea4cd5ac4e73be768fb6380e7a480ce))
+- **dropdown-menu:** simplify radio item layout ([7a34b52](https://github.com/botiverse/rui/commit/7a34b520e7cb656c9b2a6c8edc9444309321ce74))
+
 ## [0.0.15](https://github.com/botiverse/rui/compare/v0.0.14...v0.0.15) (2026-07-07)
 
 ### Features

package/dist/index.mjs

@@ -2418,31 +2418,33 @@ const dropdownMenu = tv({
 		shortcut: ["ml-auto"],
 		itemCount: ["ml-auto inline-flex min-w-5 justify-center gap-0 px-1 tabular-nums"],
 		separator: ["border-t-2"],
-		indicator: ["pointer-events-none ml-auto flex size-3 shrink-0 items-center justify-center"]
+		indicator: ["pointer-events-none ml-auto flex size-3 shrink-0 items-center justify-center"],
+		radioLabel: []
 	},
 	variants: { theme: {
 		brutal: {
 			trigger: ["data-[popup-open]:translate-x-0 data-[popup-open]:translate-y-0", "data-[popup-open]:hover:translate-x-0 data-[popup-open]:hover:translate-y-0"],
 			content: ["border-2 border-black bg-white shadow-lg"],
 			item: [
-				"py-1.5 font-sans text-sm font-semibold leading-6 text-black hover:bg-brutal-yellow data-[highlighted]:bg-brutal-yellow",
+				"py-2 font-sans text-sm font-medium text-black hover:bg-soft-signal/30 data-[highlighted]:bg-soft-signal/30",
 				"data-[disabled]:pointer-events-none data-[disabled]:text-black/30",
-				"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:stroke-2 [&_svg_*]:stroke-2 [&_svg:not([class*='size-'])]:size-3.5"
+				"[&>svg]:pointer-events-none [&>svg]:shrink-0 [&>svg]:stroke-2 [&>svg_*]:stroke-2 [&>svg:not([class*='size-'])]:size-3.5"
 			],
 			radioItem: [
-				"h-9 overflow-hidden font-sans text-sm font-semibold leading-6 text-black",
+				"overflow-hidden py-2 font-sans text-sm font-medium leading-5 text-black",
 				"border-b border-black/10 last:border-b-0",
-				"hover:bg-brutal-yellow/30 data-[highlighted]:bg-brutal-yellow/30",
+				"hover:bg-soft-signal/30 data-[highlighted]:bg-soft-signal/30",
 				"data-[disabled]:pointer-events-none data-[disabled]:text-black/30",
-				"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:stroke-2 [&_svg_*]:stroke-2 [&_svg:not([class*='size-'])]:size-3.5"
+				"[&>svg]:pointer-events-none [&>svg]:shrink-0 [&>svg]:stroke-2 [&>svg_*]:stroke-2 [&>svg:not([class*='size-'])]:size-3.5"
 			],
+			radioLabel: ["min-w-0 flex-1 truncate"],
 			submenuTrigger: [
-				"py-1.5 font-sans text-sm font-semibold leading-6 text-black hover:bg-brutal-yellow data-[highlighted]:bg-brutal-yellow data-[popup-open]:bg-brutal-yellow",
+				"py-2 font-sans text-sm font-medium text-black hover:bg-soft-signal/30 data-[highlighted]:bg-soft-signal/30 data-[popup-open]:bg-soft-signal/30",
 				"data-[disabled]:pointer-events-none data-[disabled]:text-black/30",
-				"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:stroke-2 [&_svg_*]:stroke-2 [&_svg:not([class*='size-'])]:size-3.5"
+				"[&>svg]:pointer-events-none [&>svg]:shrink-0 [&>svg]:stroke-2 [&>svg_*]:stroke-2 [&>svg:not([class*='size-'])]:size-3.5"
 			],
 			label: ["border-b border-black px-3 py-2", "font-sans text-[10px] font-bold uppercase leading-none tracking-wide text-black/60"],
-			shortcut: ["font-sans text-sm font-semibold leading-6"],
+			shortcut: ["font-sans text-sm font-medium"],
 			itemCount: ["rounded border border-black bg-brutal-pink px-1 py-0.5", "font-sans text-[10px] leading-none font-bold text-white"],
 			separator: ["border-black"],
 			indicator: []
@@ -2484,6 +2486,7 @@ const dropdownMenu = tv({
 				"hover:[&>svg]:text-foreground-strong",
 				"data-[highlighted]:[&>svg]:text-foreground-strong"
 			],
+			radioLabel: ["min-w-0 flex-1 truncate"],
 			submenuTrigger: [
 				"gap-2.5 rounded-sm px-3 py-2 text-[13px] font-medium tracking-[-0.005em]",
 				"text-foreground-muted",
@@ -2645,17 +2648,30 @@ function DropdownMenuRadioGroup({ ...props }) {
 	});
 }
 function DropdownMenuRadioItem({ className, children, ...props }) {
-	const { radioItem, indicator } = dropdownMenu({ theme: useThemeFamily() });
+	const { radioItem, radioLabel, indicator } = dropdownMenu({ theme: useThemeFamily() });
 	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
 		"data-slot": "dropdown-menu-radio-item",
 		className: radioItem({ className }),
 		...props,
-		children: [children, /* @__PURE__ */ jsx("span", {
+		children: [renderRadioItemChildren(children, radioLabel()), /* @__PURE__ */ jsx("span", {
 			className: indicator(),
 			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(DropdownMenuCheckIcon, {}) })
 		})]
 	});
 }
+function renderRadioItemChildren(children, className) {
+	if (typeof children === "string" || typeof children === "number") return /* @__PURE__ */ jsx("span", {
+		"data-slot": "dropdown-menu-radio-item-label",
+		className,
+		children
+	});
+	if (Array.isArray(children) && children.every((child) => typeof child === "string")) return /* @__PURE__ */ jsx("span", {
+		"data-slot": "dropdown-menu-radio-item-label",
+		className,
+		children
+	});
+	return children;
+}
 function DropdownMenuRadioItemIndicator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Menu.RadioItemIndicator, {
 		"data-slot": "dropdown-menu-radio-item-indicator",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "raft-ui",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "React UI components for Raft.",
   "license": "MIT",
   "repository": {