raft-ui 0.0.11 → 0.0.13

package/CHANGELOG.md

@@ -1,45 +1,10 @@
-## [0.0.10](https://github.com/botiverse/rui/compare/v0.0.9...v0.0.10) (2026-07-03)
+## [0.0.13](https://github.com/botiverse/rui/compare/v0.0.12...v0.0.13) (2026-07-06)
 
 ### Features
 
-- **lightbox:** add navigation and info slots ([84b273d](https://github.com/botiverse/rui/commit/84b273ddac4b0e3bec94ce19c311dbd9562ec2cb))
-- **lightbox:** refine preview chrome styling ([d441ace](https://github.com/botiverse/rui/commit/d441ace1740f3010cfbb5aa8b1c54e94fdb3f8ec))
-- **preview-card:** add hover preview card docs ([e91545c](https://github.com/botiverse/rui/commit/e91545c32a594dc4e7c10e6e6113914dea6f6063))
-- **separator:** support labeled content ([3d3509b](https://github.com/botiverse/rui/commit/3d3509bf1b5098788c99276401c6f553aa269f14))
-- **skeleton:** add skeleton primitive ([a64471b](https://github.com/botiverse/rui/commit/a64471be70cf00457a4376fd37dd308034f378f8))
-- **toast:** add ToastActions slot and refine theme layouts ([c4e06c0](https://github.com/botiverse/rui/commit/c4e06c0464e399fc2cf0b6e9165f5823b841bf81))
-- **toast:** add wip toast docs and primitives ([894ea03](https://github.com/botiverse/rui/commit/894ea031527801716cb75105a5be9ba5d4ba9574))
-- **toast:** polish toast component and docs ([fa70814](https://github.com/botiverse/rui/commit/fa7081441205283af80d1a89f859cbf8645c3636))
-- **toast:** promote toast api ([c2701db](https://github.com/botiverse/rui/commit/c2701db58409115e985c83adc8cb94c33e55e11b))
-- **toast:** refine composition previews ([5177704](https://github.com/botiverse/rui/commit/51777044ec4950dc10639960bc917027da4d513d))
-- **toast:** refine elegant glass styling ([e047a66](https://github.com/botiverse/rui/commit/e047a66ae8dfc0eb0f1f1cf4fc1fa86ff55265ff))
-- **ui:** add Progress component ([135ec9c](https://github.com/botiverse/rui/commit/135ec9c19493d139f352ecf7d0811a5281d53ba1))
+- **message-item:** add wip composition docs ([e122875](https://github.com/botiverse/rui/commit/e1228758f553d343bb9ff0212d996b9caca19e08))
 
 ### Bug Fixes
 
-- **home:** improve dialog gallery previews ([6da45e8](https://github.com/botiverse/rui/commit/6da45e8af605680f73dc5943c32f98720273c3b4))
-- **preview-card:** point mention links to docs route ([50ea8c3](https://github.com/botiverse/rui/commit/50ea8c389c1255a7cc3b45415f0c357a4eedae03))
-- **toast:** align source comparison variants ([041820c](https://github.com/botiverse/rui/commit/041820c3277a25ca548672ea696bb73d65733b96))
-- **toast:** refine layout variants ([88f443f](https://github.com/botiverse/rui/commit/88f443f281480c9515b669f107dce22324f35f67))
-- **tooltip:** loosen elegant trigger offset ([4955a67](https://github.com/botiverse/rui/commit/4955a67ad50944e3f804f312ee1eaf8aff76236e))
-- **tooltip:** refine elegant tooltip styling ([750a9d3](https://github.com/botiverse/rui/commit/750a9d38db802b2b51125d1d621b5983db4af712))
-- **ui:** preserve separator semantics ([78c3096](https://github.com/botiverse/rui/commit/78c3096ced4506292fdfe3a5c72f1fdeb7029983))
-
-## [0.0.9](https://github.com/botiverse/rui/compare/v0.0.8...v0.0.9) (2026-06-30)
-
-### Features
-
-- **bottom-sheet:** rebuild sheet with vaul ([86f626a](https://github.com/botiverse/rui/commit/86f626a59225c8b1b972c793776d1536cd98ad06))
-- **bottom-sheet:** refine sheet composition and previews ([01db061](https://github.com/botiverse/rui/commit/01db06136c6de020d347f83bda177f9a53cc2b2f))
-- **overlays:** refine elegant modal surfaces ([09d4cd3](https://github.com/botiverse/rui/commit/09d4cd33a65c8fcd2cd38be2e92a3f7191f1d090))
-
-### Bug Fixes
-
-- **bottom-sheet:** align themed action order ([56d4a00](https://github.com/botiverse/rui/commit/56d4a00aef12324aef495765409908d72af46599))
-- **button:** align elegant button sizing ([95ef82a](https://github.com/botiverse/rui/commit/95ef82aa29484b9ac63cc30cf56e97489f6c1080))
-- **button:** align elegant outline visual height ([2f82b41](https://github.com/botiverse/rui/commit/2f82b412e0aa7859365a5bce316520aa29557559))
-- **button:** tighten inline icon padding ([50c4d20](https://github.com/botiverse/rui/commit/50c4d2061757a65560e632e1dba3715acefd3585))
-- **dialog:** align source comparison previews ([fc7da30](https://github.com/botiverse/rui/commit/fc7da30adad1bc96e299d662af0e9a7df092fd5c))
-- **dialog:** smooth modal transitions ([7ca0707](https://github.com/botiverse/rui/commit/7ca0707ddd83a84850430ff6d29d21320ae88b33))
-- **docs:** stabilize hydration and font imports ([45b272b](https://github.com/botiverse/rui/commit/45b272b520381d8ce6e818cb692c4240cb3a778c))
-- **overlays:** use themed backdrop tokens ([de06dd7](https://github.com/botiverse/rui/commit/de06dd7fd5552db56f847e0c1eb6542505760a6e))
+- **segmented-control:** make selection updates immediate ([87e1d05](https://github.com/botiverse/rui/commit/87e1d05e6b6a0c2e9a911898d18d0d9f9fcde91d))
+- **tooltip:** tighten content padding ([ce37fde](https://github.com/botiverse/rui/commit/ce37fde21b8be7adab49e81723b331e01a87c2df))

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, {
@@ -2913,7 +2924,7 @@ const tooltip = tv({
 		trigger: ["select-none"],
 		positioner: ["isolate z-50 outline-none"],
 		content: [
-			"relative inline-block max-w-[min(20rem,var(--available-width,20rem))] min-w-0 px-3 py-2",
+			"relative inline-block max-w-[min(20rem,var(--available-width,20rem))] min-w-0 px-2.5 py-1",
 			"text-[13px] leading-[18px] whitespace-normal break-words",
 			"origin-[var(--transform-origin)] outline-none",
 			"transition-[opacity,transform] duration-150 ease-[cubic-bezier(0.22,1,0.36,1)]",
@@ -4603,7 +4614,7 @@ const segmentedControl = tv({
 		root: ["inline-flex max-w-full flex-wrap items-center gap-1"],
 		item: [
 			"inline-flex min-w-0 shrink-0 items-center gap-1.5",
-			"text-xs leading-4 transition-colors",
+			"text-xs leading-4",
 			"outline-none disabled:pointer-events-none",
 			"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5"
 		],