@mcp-b/react-components 0.35.0 → 0.37.0

package/dist/components/foundations/Menubar.d.ts

@@ -6,57 +6,56 @@ import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
 /**
  * Props for the Menubar component.
  */
-interface MenubarProps extends React.ComponentPropsWithoutRef<typeof Menubar$1> {}
+interface MenubarProps extends React.ComponentPropsWithRef<typeof Menubar$1> {}
 /**
  * Props for the Menubar.Menu component.
  */
-interface MenubarMenuProps extends React.ComponentPropsWithoutRef<typeof Menu.Root> {}
+type MenubarMenuProps<Payload = unknown> = Menu.Root.Props<Payload>;
 /**
  * Props for the Menubar.Trigger component.
  */
-interface MenubarTriggerProps extends React.ComponentPropsWithoutRef<typeof Menu.Trigger> {
-  /** Skip the default Button chrome when a composed control owns its visuals. */
-  unstyled?: boolean;
-}
+type MenubarTriggerProps<Payload = unknown> = Menu.Trigger.Props<Payload> & React.RefAttributes<HTMLElement> & {
+  /** Skip the default Button chrome when a composed control owns its visuals. */unstyled?: boolean;
+};
 /**
  * Props for the Menubar.Portal component.
  */
-interface MenubarPortalProps extends React.ComponentPropsWithoutRef<typeof Menu.Portal> {}
+interface MenubarPortalProps extends React.ComponentPropsWithRef<typeof Menu.Portal> {}
 /**
  * Props for the Menubar.Positioner component.
  */
-interface MenubarPositionerProps extends React.ComponentPropsWithoutRef<typeof Menu.Positioner> {}
+interface MenubarPositionerProps extends React.ComponentPropsWithRef<typeof Menu.Positioner> {}
 /**
  * Props for the Menubar.Popup component.
  */
-interface MenubarPopupProps extends React.ComponentPropsWithoutRef<typeof Menu.Popup> {}
+interface MenubarPopupProps extends React.ComponentPropsWithRef<typeof Menu.Popup> {}
 /**
  * Props for the Menubar.Item component.
  */
-interface MenubarItemProps extends React.ComponentPropsWithoutRef<typeof Menu.Item> {
+interface MenubarItemProps extends React.ComponentPropsWithRef<typeof Menu.Item> {
   inset?: boolean;
   variant?: "default" | "destructive";
 }
 /**
  * Props for the Menubar.Separator component.
  */
-interface MenubarSeparatorProps extends React.ComponentPropsWithoutRef<typeof Menu.Separator> {}
+interface MenubarSeparatorProps extends React.ComponentPropsWithRef<typeof Menu.Separator> {}
 /**
  * Props for the Menubar.Group component.
  */
-interface MenubarGroupProps extends React.ComponentPropsWithoutRef<typeof Menu.Group> {}
+interface MenubarGroupProps extends React.ComponentPropsWithRef<typeof Menu.Group> {}
 /**
  * Props for the Menubar.GroupLabel component.
  */
-interface MenubarGroupLabelProps extends React.ComponentPropsWithoutRef<typeof Menu.GroupLabel> {
+interface MenubarGroupLabelProps extends React.ComponentPropsWithRef<typeof Menu.GroupLabel> {
   inset?: boolean;
 }
-interface MenubarCheckboxItemProps extends React.ComponentPropsWithoutRef<typeof Menu.CheckboxItem> {}
-interface MenubarRadioGroupProps extends React.ComponentPropsWithoutRef<typeof Menu.RadioGroup> {}
-interface MenubarRadioItemProps extends React.ComponentPropsWithoutRef<typeof Menu.RadioItem> {}
-interface MenubarShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}
-interface MenubarSubmenuRootProps extends React.ComponentPropsWithoutRef<typeof Menu.SubmenuRoot> {}
-interface MenubarSubmenuTriggerProps extends React.ComponentPropsWithoutRef<typeof Menu.SubmenuTrigger> {
+interface MenubarCheckboxItemProps extends React.ComponentPropsWithRef<typeof Menu.CheckboxItem> {}
+interface MenubarRadioGroupProps extends React.ComponentPropsWithRef<typeof Menu.RadioGroup> {}
+interface MenubarRadioItemProps extends React.ComponentPropsWithRef<typeof Menu.RadioItem> {}
+interface MenubarShortcutProps extends React.ComponentPropsWithRef<"span"> {}
+interface MenubarSubmenuRootProps extends Menu.SubmenuRoot.Props {}
+interface MenubarSubmenuTriggerProps extends React.ComponentPropsWithRef<typeof Menu.SubmenuTrigger> {
   inset?: boolean;
 }
 /**
@@ -86,20 +85,16 @@ declare function MenubarRoot({
   className,
   ref,
   ...props
-}: MenubarProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarProps): React.JSX.Element;
 /**
  * Button that opens the menu.
  */
-declare function MenubarTrigger({
+declare function MenubarTrigger<Payload>({
   unstyled,
   className,
   ref,
   ...props
-}: MenubarTriggerProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
+}: MenubarTriggerProps<Payload>): React.JSX.Element;
 /**
  * Positions the menu popup.
  */
@@ -107,9 +102,7 @@ declare function MenubarPositioner({
   className,
   ref,
   ...props
-}: MenubarPositionerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarPositionerProps): React.JSX.Element;
 /**
  * Container for menu items.
  */
@@ -117,9 +110,7 @@ declare function MenubarPopup({
   className,
   ref,
   ...props
-}: MenubarPopupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarPopupProps): React.JSX.Element;
 /**
  * Interactive menu item.
  */
@@ -129,9 +120,7 @@ declare function MenubarItem({
   variant,
   ref,
   ...props
-}: MenubarItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarItemProps): React.JSX.Element;
 /**
  * Visual separator between menu sections.
  */
@@ -139,9 +128,7 @@ declare function MenubarSeparator({
   className,
   ref,
   ...props
-}: MenubarSeparatorProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarSeparatorProps): React.JSX.Element;
 /**
  * Groups related menu items.
  */
@@ -149,9 +136,7 @@ declare function MenubarGroup({
   className,
   ref,
   ...props
-}: MenubarGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarGroupProps): React.JSX.Element;
 /**
  * Label for a menu item group.
  */
@@ -160,16 +145,12 @@ declare function MenubarGroupLabel({
   inset,
   ref,
   ...props
-}: MenubarGroupLabelProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarGroupLabelProps): React.JSX.Element;
 declare function MenubarCheckboxItem({
   className,
   ref,
   ...props
-}: MenubarCheckboxItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarCheckboxItemProps): React.JSX.Element;
 declare function MenubarCheckboxItemIndicator({
   children,
   className,
@@ -179,16 +160,12 @@ declare function MenubarRadioGroup({
   className,
   ref,
   ...props
-}: MenubarRadioGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarRadioGroupProps): React.JSX.Element;
 declare function MenubarRadioItem({
   className,
   ref,
   ...props
-}: MenubarRadioItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarRadioItemProps): React.JSX.Element;
 declare function MenubarRadioItemIndicator({
   children,
   className,
@@ -198,18 +175,13 @@ declare function MenubarShortcut({
   className,
   ref,
   ...props
-}: MenubarShortcutProps & {
-  ref?: React.Ref<HTMLSpanElement>;
-}): React.JSX.Element;
-declare function MenubarSubmenuRoot(props: MenubarSubmenuRootProps): React.JSX.Element;
+}: MenubarShortcutProps): React.JSX.Element;
 declare function MenubarSubmenuTrigger({
   className,
   inset,
   ref,
   ...props
-}: MenubarSubmenuTriggerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenubarSubmenuTriggerProps): React.JSX.Element;
 /**
  * A horizontal menu bar component typically used for application menus.
  * Provides keyboard navigation and supports nested submenus.
@@ -253,13 +225,12 @@ declare function MenubarSubmenuTrigger({
  */
 declare const Menubar: {
   Root: typeof MenubarRoot;
-  Menu: (props: MenubarMenuProps) => React.JSX.Element;
+  Menu: <Payload>(props: Menu.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
   Trigger: typeof MenubarTrigger;
-  Portal: (props: MenubarPortalProps) => React.JSX.Element;
+  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Positioner: typeof MenubarPositioner;
   Popup: typeof MenubarPopup;
   Backdrop: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-  Arrow: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Item: typeof MenubarItem;
   Separator: typeof MenubarSeparator;
   Group: typeof MenubarGroup;
@@ -271,7 +242,7 @@ declare const Menubar: {
   RadioItem: typeof MenubarRadioItem;
   RadioItemIndicator: typeof MenubarRadioItemIndicator;
   Shortcut: typeof MenubarShortcut;
-  SubmenuRoot: typeof MenubarSubmenuRoot;
+  SubmenuRoot: typeof Menu.SubmenuRoot;
   SubmenuTrigger: typeof MenubarSubmenuTrigger;
 };
 //#endregion

package/dist/components/foundations/Menubar.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, v as DotIcon } from "../../icons-B1Qw05te.js";
+import { d as CheckIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
@@ -38,12 +38,6 @@ function MenubarRoot({ className, ref, ...props }) {
 	});
 }
 /**
-* Individual menu within the menubar.
-*/
-const MenubarMenu = (props) => {
-	return /* @__PURE__ */ jsx(Menu.Root, { ...props });
-};
-/**
 * Button that opens the menu.
 */
 function MenubarTrigger({ unstyled = false, className, ref, ...props }) {
@@ -62,15 +56,6 @@ function MenubarTrigger({ unstyled = false, className, ref, ...props }) {
 	});
 }
 /**
-* Renders menu content in a portal.
-*/
-const MenubarPortal = (props) => {
-	return /* @__PURE__ */ jsx(Menu.Portal, {
-		"data-slot": "menubar-portal",
-		...props
-	});
-};
-/**
 * Positions the menu popup.
 */
 function MenubarPositioner({ className, ref, ...props }) {
@@ -196,9 +181,6 @@ function MenubarShortcut({ className, ref, ...props }) {
 		...props
 	});
 }
-function MenubarSubmenuRoot(props) {
-	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, { ...props });
-}
 function MenubarSubmenuTrigger({ className, inset, ref, ...props }) {
 	const classes = mergeBaseClassName(cx("menubar__submenu-trigger", inset && "menubar__item--inset"), className);
 	return /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
@@ -252,13 +234,12 @@ function MenubarSubmenuTrigger({ className, inset, ref, ...props }) {
 */
 const Menubar = {
 	Root: MenubarRoot,
-	Menu: MenubarMenu,
+	Menu: Menu.Root,
 	Trigger: MenubarTrigger,
-	Portal: MenubarPortal,
+	Portal: Menu.Portal,
 	Positioner: MenubarPositioner,
 	Popup: MenubarPopup,
 	Backdrop: Menu.Backdrop,
-	Arrow: Menu.Arrow,
 	Item: MenubarItem,
 	Separator: MenubarSeparator,
 	Group: MenubarGroup,
@@ -270,7 +251,7 @@ const Menubar = {
 	RadioItem: MenubarRadioItem,
 	RadioItemIndicator: MenubarRadioItemIndicator,
 	Shortcut: MenubarShortcut,
-	SubmenuRoot: MenubarSubmenuRoot,
+	SubmenuRoot: Menu.SubmenuRoot,
 	SubmenuTrigger: MenubarSubmenuTrigger
 };
 //#endregion

package/dist/components/foundations/Popover.d.ts

@@ -5,15 +5,13 @@ import { Popover as Popover$1 } from "@base-ui/react/popover";
 /**
  * Props for the Popover.Root component.
  */
-interface PopoverProps extends React.ComponentPropsWithoutRef<typeof Popover$1.Root> {}
+type PopoverProps<Payload = unknown> = Popover$1.Root.Props<Payload>;
 /**
  * Props for the Popover.Trigger component.
  */
-interface PopoverTriggerProps extends React.ComponentPropsWithoutRef<typeof Popover$1.Trigger> {
-  /** Keep Base UI trigger behavior without the default popover trigger chrome. */
-  unstyled?: boolean;
-}
-interface PopoverAnchorProps extends React.HTMLAttributes<HTMLDivElement> {}
+type PopoverTriggerProps<Payload = unknown> = Popover$1.Trigger.Props<Payload> & React.RefAttributes<HTMLElement> & {
+  /** Keep Base UI trigger behavior without the default popover trigger chrome. */unstyled?: boolean;
+};
 /**
  * Props for the Popover.Portal component.
  */
@@ -52,25 +50,16 @@ interface PopoverDescriptionProps extends React.ComponentPropsWithoutRef<typeof
  */
 interface PopoverCloseProps extends React.ComponentPropsWithoutRef<typeof Popover$1.Close> {}
 interface PopoverHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
-declare function PopoverAnchor({
-  className,
-  ref,
-  ...props
-}: PopoverAnchorProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
 /**
  * Button that toggles the popover visibility.
  * Renders a `<button>` element.
  */
-declare function PopoverTrigger({
+declare function PopoverTrigger<Payload>({
   className,
   unstyled,
   ref,
   ...props
-}: PopoverTriggerProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
+}: PopoverTriggerProps<Payload>): React.JSX.Element;
 /**
  * Optional backdrop that appears behind the popover.
  */
@@ -94,7 +83,6 @@ declare function PopoverBackdrop({
  */
 declare function PopoverPositioner({
   className,
-  anchor,
   ref,
   ...props
 }: PopoverPositionerProps & {
@@ -215,8 +203,7 @@ declare function PopoverClose({
  */
 declare const Popover: {
   createHandle: typeof Popover$1.createHandle;
-  Root: (props: PopoverProps) => React.JSX.Element;
-  Anchor: typeof PopoverAnchor;
+  Root: typeof Popover$1.Root;
   Trigger: typeof PopoverTrigger;
   Portal: (props: PopoverPortalProps) => React.JSX.Element;
   Backdrop: typeof PopoverBackdrop;
@@ -230,4 +217,4 @@ declare const Popover: {
   Close: typeof PopoverClose;
 };
 //#endregion
-export { Popover, PopoverAnchorProps, PopoverArrowProps, PopoverBackdropProps, PopoverCloseProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, PopoverViewportProps };
+export { Popover, PopoverArrowProps, PopoverBackdropProps, PopoverCloseProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, PopoverViewportProps };

package/dist/components/foundations/Popover.js

@@ -1,51 +1,9 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
 import { buttonVariants } from "./Button.js";
-import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
-import * as React from "react";
+import "react";
 import { jsx } from "react/jsx-runtime";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 //#region src/components/foundations/Popover.tsx
-const PopoverAnchorContext = React.createContext(null);
-/**
-* Controls the popover's open state and manages triggers.
-*
-* @example
-* ```tsx
-* <Popover.Root>
-*   <Popover.Trigger>Open</Popover.Trigger>
-*   <Popover.Portal>
-*     <Popover.Positioner>
-*       <Popover.Popup>
-*         <Popover.Title>Popover Title</Popover.Title>
-*         <Popover.Description>Content here</Popover.Description>
-*       </Popover.Popup>
-*     </Popover.Positioner>
-*   </Popover.Portal>
-* </Popover.Root>
-* ```
-*
-* @see {@link https://base-ui.com/react/components/popover | Base UI Popover}
-*/
-const PopoverRoot = (props) => {
-	const anchorRef = React.useRef(null);
-	return /* @__PURE__ */ jsx(PopoverAnchorContext.Provider, {
-		value: anchorRef,
-		children: /* @__PURE__ */ jsx(Popover$1.Root, {
-			"data-slot": "popover",
-			...props
-		})
-	});
-};
-function PopoverAnchor({ className, ref, ...props }) {
-	const anchorRef = React.useContext(PopoverAnchorContext);
-	const classes = mergeBaseClassName("popover__anchor", className);
-	return /* @__PURE__ */ jsx("div", {
-		ref: mergeRefs(anchorRef ?? void 0, ref),
-		"data-slot": "popover-anchor",
-		className: classes,
-		...props
-	});
-}
 /**
 * Button that toggles the popover visibility.
 * Renders a `<button>` element.
@@ -89,12 +47,10 @@ function PopoverBackdrop({ className, ref, ...props }) {
 * </Popover.Positioner>
 * ```
 */
-function PopoverPositioner({ className, anchor, ref, ...props }) {
-	const anchorRef = React.useContext(PopoverAnchorContext);
+function PopoverPositioner({ className, ref, ...props }) {
 	const classes = mergeBaseClassName("popover__positioner base-ui-positioner", className);
 	return /* @__PURE__ */ jsx(Popover$1.Positioner, {
 		ref,
-		anchor: anchor ?? anchorRef ?? void 0,
 		className: classes,
 		...props
 	});
@@ -232,8 +188,7 @@ function PopoverClose({ render, className, ref, ...props }) {
 */
 const Popover = {
 	createHandle: Popover$1.createHandle,
-	Root: PopoverRoot,
-	Anchor: PopoverAnchor,
+	Root: Popover$1.Root,
 	Trigger: PopoverTrigger,
 	Portal: PopoverPortal,
 	Backdrop: PopoverBackdrop,

package/dist/components/foundations/PreviewCard.d.ts

@@ -5,46 +5,71 @@ import { PreviewCard as PreviewCard$1 } from "@base-ui/react/preview-card";
 /**
  * Props for the PreviewCard.Root component.
  */
-interface PreviewCardProps extends React.ComponentPropsWithoutRef<typeof PreviewCard$1.Root> {}
+type PreviewCardProps<Payload = unknown> = PreviewCard$1.Root.Props<Payload>;
 /**
  * Props for the PreviewCard.Trigger component.
  */
-interface PreviewCardTriggerProps extends React.ComponentPropsWithoutRef<typeof PreviewCard$1.Trigger> {}
+type PreviewCardTriggerProps<Payload = unknown> = PreviewCard$1.Trigger.Props<Payload> & React.RefAttributes<HTMLElement>;
 /**
  * Props for the PreviewCard.Portal component.
  */
-interface PreviewCardPortalProps extends React.ComponentPropsWithoutRef<typeof PreviewCard$1.Portal> {}
+interface PreviewCardPortalProps extends React.ComponentPropsWithRef<typeof PreviewCard$1.Portal> {}
 /**
  * Props for the PreviewCard.Backdrop component.
  */
-interface PreviewCardBackdropProps extends React.ComponentPropsWithoutRef<typeof PreviewCard$1.Backdrop> {}
+interface PreviewCardBackdropProps extends React.ComponentPropsWithRef<typeof PreviewCard$1.Backdrop> {}
 /**
  * Props for the PreviewCard.Positioner component.
  */
-interface PreviewCardPositionerProps extends React.ComponentPropsWithoutRef<typeof PreviewCard$1.Positioner> {}
+interface PreviewCardPositionerProps extends React.ComponentPropsWithRef<typeof PreviewCard$1.Positioner> {}
 /**
  * Props for the PreviewCard.Popup component.
  */
-interface PreviewCardPopupProps extends React.ComponentPropsWithoutRef<typeof PreviewCard$1.Popup> {}
+interface PreviewCardPopupProps extends React.ComponentPropsWithRef<typeof PreviewCard$1.Popup> {}
 /**
  * Props for the PreviewCard.Viewport component. Use this only when one
  * preview card moves between triggers and its content changes in place.
  */
-interface PreviewCardViewportProps extends React.ComponentPropsWithoutRef<typeof PreviewCard$1.Viewport> {}
+interface PreviewCardViewportProps extends React.ComponentPropsWithRef<typeof PreviewCard$1.Viewport> {}
 /**
  * Props for the PreviewCard.Arrow component.
  */
-interface PreviewCardArrowProps extends React.ComponentPropsWithoutRef<typeof PreviewCard$1.Arrow> {}
+interface PreviewCardArrowProps extends React.ComponentPropsWithRef<typeof PreviewCard$1.Arrow> {}
+/**
+ * Root component that manages preview card state.
+ *
+ * @example
+ * ```tsx
+ * <PreviewCard.Root>
+ *   <PreviewCard.Trigger href="/profile">
+ *     View Profile
+ *   </PreviewCard.Trigger>
+ *   <PreviewCard.Portal>
+ *     <PreviewCard.Positioner>
+ *       <PreviewCard.Popup>
+ *         <img src="/avatar.jpg" alt="User avatar" />
+ *         <h3>John Doe</h3>
+ *         <p>Software Engineer</p>
+ *       </PreviewCard.Popup>
+ *     </PreviewCard.Positioner>
+ *   </PreviewCard.Portal>
+ * </PreviewCard.Root>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/preview-card | Base UI PreviewCard}
+ */
 /**
  * Link element that triggers the preview card on hover.
  */
-declare function PreviewCardTrigger({
+declare function PreviewCardTrigger<Payload>({
   className,
   ref,
   ...props
-}: PreviewCardTriggerProps & {
-  ref?: React.Ref<HTMLAnchorElement>;
-}): React.JSX.Element;
+}: PreviewCardTriggerProps<Payload>): React.JSX.Element;
+/**
+ * Renders preview card content in a portal.
+ */
+declare function PreviewCardPortal(props: PreviewCardPortalProps): React.JSX.Element;
 /**
  * Optional backdrop behind the preview card.
  */
@@ -52,9 +77,7 @@ declare function PreviewCardBackdrop({
   className,
   ref,
   ...props
-}: PreviewCardBackdropProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: PreviewCardBackdropProps): React.JSX.Element;
 /**
  * Positions the preview card relative to the trigger.
  */
@@ -62,9 +85,7 @@ declare function PreviewCardPositioner({
   className,
   ref,
   ...props
-}: PreviewCardPositionerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: PreviewCardPositionerProps): React.JSX.Element;
 /**
  * Container for preview card content.
  */
@@ -72,9 +93,7 @@ declare function PreviewCardPopup({
   className,
   ref,
   ...props
-}: PreviewCardPopupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: PreviewCardPopupProps): React.JSX.Element;
 /**
  * Transition container for content that changes as a preview card moves
  * between triggers. Pair the adaptive classes from `base-ui-motion.css` with
@@ -84,9 +103,7 @@ declare function PreviewCardViewport({
   className,
   ref,
   ...props
-}: PreviewCardViewportProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: PreviewCardViewportProps): React.JSX.Element;
 /**
  * Decorative arrow pointing to the trigger.
  */
@@ -94,9 +111,7 @@ declare function PreviewCardArrow({
   className,
   ref,
   ...props
-}: PreviewCardArrowProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: PreviewCardArrowProps): React.JSX.Element;
 /**
  * A popup that appears when a link is hovered, showing a preview for sighted users.
  * Useful for showing user profiles, link previews, or additional context.
@@ -127,9 +142,9 @@ declare function PreviewCardArrow({
  */
 declare const PreviewCard: {
   createHandle: typeof PreviewCard$1.createHandle;
-  Root: (props: PreviewCardProps) => React.JSX.Element;
+  Root: <Payload>(props: PreviewCard$1.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
   Trigger: typeof PreviewCardTrigger;
-  Portal: (props: PreviewCardPortalProps) => React.JSX.Element;
+  Portal: typeof PreviewCardPortal;
   Backdrop: typeof PreviewCardBackdrop;
   Positioner: typeof PreviewCardPositioner;
   Popup: typeof PreviewCardPopup;

package/dist/components/foundations/PreviewCard.js

@@ -26,9 +26,6 @@ import { PreviewCard as PreviewCard$1 } from "@base-ui/react/preview-card";
 *
 * @see {@link https://base-ui.com/react/components/preview-card | Base UI PreviewCard}
 */
-const PreviewCardRoot = (props) => {
-	return /* @__PURE__ */ jsx(PreviewCard$1.Root, { ...props });
-};
 /**
 * Link element that triggers the preview card on hover.
 */
@@ -44,12 +41,12 @@ function PreviewCardTrigger({ className, ref, ...props }) {
 /**
 * Renders preview card content in a portal.
 */
-const PreviewCardPortal = (props) => {
+function PreviewCardPortal(props) {
 	return /* @__PURE__ */ jsx(PreviewCard$1.Portal, {
 		"data-slot": "hover-card-portal",
 		...props
 	});
-};
+}
 /**
 * Optional backdrop behind the preview card.
 */
@@ -142,7 +139,7 @@ function PreviewCardArrow({ className, ref, ...props }) {
 */
 const PreviewCard = {
 	createHandle: PreviewCard$1.createHandle,
-	Root: PreviewCardRoot,
+	Root: PreviewCard$1.Root,
 	Trigger: PreviewCardTrigger,
 	Portal: PreviewCardPortal,
 	Backdrop: PreviewCardBackdrop,

package/dist/components/foundations/RadioGroup.d.ts

@@ -3,13 +3,13 @@ import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
 import { Radio as Radio$1 } from "@base-ui/react/radio";
 
 //#region src/components/foundations/RadioGroup.d.ts
-interface RadioGroupProps extends React.ComponentPropsWithRef<typeof RadioGroup$1> {
+type RadioGroupProps<Value = unknown> = RadioGroup$1.Props<Value> & {
   /**
    * The orientation of the radio group.
    * @default 'vertical'
    */
   orientation?: "horizontal" | "vertical";
-}
+};
 interface RadioProps extends React.ComponentPropsWithRef<typeof Radio$1.Root> {}
 interface RadioIndicatorProps extends React.ComponentPropsWithRef<typeof Radio$1.Indicator> {}
 /**
@@ -35,14 +35,12 @@ interface RadioIndicatorProps extends React.ComponentPropsWithRef<typeof Radio$1
  *
  * @see {@link https://base-ui.com/react/components/radio-group | Base UI Radio Group}
  */
-declare function RadioGroupRoot({
+declare function RadioGroupRoot<Value>({
   orientation,
   className,
   ref,
   ...props
-}: RadioGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: RadioGroupProps<Value>): React.JSX.Element;
 /**
  * A single radio button within a RadioGroup.
  */

package/dist/components/foundations/SearchField.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { G as SearchIcon } from "../../icons-B1Qw05te.js";
+import { G as SearchIcon } from "../../icons-B4mGvCvc.js";
 import { Field } from "./Field.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/foundations/SearchField.tsx