raft-ui 0.0.11 → 0.0.12

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [0.0.12](https://github.com/botiverse/rui/compare/v0.0.11...v0.0.12) (2026-07-03)
+
+### Features
+
+- **dropdown-menu:** refine trigger defaults ([d6d3745](https://github.com/botiverse/rui/commit/d6d3745b90b5d5a3ea56cc19fcffce09077df56e))
+
 ## [0.0.10](https://github.com/botiverse/rui/compare/v0.0.9...v0.0.10) (2026-07-03)
 
 ### Features

package/dist/index.d.mts

@@ -1036,6 +1036,7 @@ declare function DropdownMenuSubmenu(props: DropdownMenuSubmenuProps): import("r
 type DropdownMenuTriggerProps = StyledProps<Menu.Trigger.Props>;
 declare function DropdownMenuTrigger({
   className,
+  render,
   ...props
 }: DropdownMenuTriggerProps): import("react").JSX.Element;
 type DropdownMenuPortalProps = Menu.Portal.Props;

package/dist/index.mjs

@@ -2448,6 +2448,11 @@ const dropdownMenu = tv({
 			indicator: []
 		},
 		elegant: {
+			trigger: [
+				"hover:bg-[color-mix(in_oklch,var(--line-subtle)_22%,var(--layer-panel))]",
+				"data-[popup-open]:[--button-focus-outline:transparent] focus-visible:[--button-focus-outline:transparent]",
+				"data-[popup-open]:shadow-[0_0_0_0.5px_oklch(0.21_0.006_285_/_0.14),0_0_0_3px_color-mix(in_oklch,var(--primary-400)_35%,transparent)] focus-visible:shadow-[0_0_0_0.5px_oklch(0.21_0.006_285_/_0.14),0_0_0_3px_color-mix(in_oklch,var(--primary-400)_35%,transparent)]"
+			],
 			content: [
 				"gap-0.5 rounded-md bg-layer-popover p-1",
 				"shadow-lg outline-none",
@@ -2514,10 +2519,14 @@ function DropdownMenuSubmenu(props) {
 		...props
 	});
 }
-function DropdownMenuTrigger({ className, ...props }) {
+function DropdownMenuTrigger({ className, render = /* @__PURE__ */ jsx(Button, {
+	variant: "outline",
+	size: "md"
+}), ...props }) {
 	const { trigger } = dropdownMenu({ theme: useThemeFamily() });
 	return /* @__PURE__ */ jsx(Menu.Trigger, {
 		"data-slot": "dropdown-menu-trigger",
+		render,
 		className: trigger({ className }),
 		...props
 	});
@@ -2536,8 +2545,10 @@ function DropdownMenuPopup({ className, ...props }) {
 		...props
 	});
 }
-function DropdownMenuContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking = false, positionMethod = "fixed", side = "bottom", sideOffset = 4, sticky, portalProps, className, ...props }) {
-	const { positioner, content } = dropdownMenu({ theme: useThemeFamily() });
+function DropdownMenuContent({ align = "start", alignOffset = 0, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, disableAnchorTracking = false, positionMethod = "fixed", side = "bottom", sideOffset, sticky, portalProps, className, ...props }) {
+	const theme = useThemeFamily();
+	const resolvedSideOffset = sideOffset ?? (theme === "elegant" ? 6 : 4);
+	const { positioner, content } = dropdownMenu({ theme });
 	return /* @__PURE__ */ jsx(Menu.Portal, {
 		...portalProps,
 		children: /* @__PURE__ */ jsx(Menu.Positioner, {
@@ -2551,7 +2562,7 @@ function DropdownMenuContent({ align = "start", alignOffset = 0, anchor, arrowPa
 			disableAnchorTracking,
 			positionMethod,
 			side,
-			sideOffset,
+			sideOffset: resolvedSideOffset,
 			sticky,
 			className: positioner(),
 			children: /* @__PURE__ */ jsx(Menu.Popup, {

package/package.json

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