@refineui/react 0.2.0 → 0.3.0

package/dist/index.d.cts

@@ -6511,7 +6511,7 @@ type TableHeadProps = ThHTMLAttributes<HTMLTableCellElement>;
 type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
 type TableCaptionProps = HTMLAttributes<HTMLTableCaptionElement>;
 
-/** Dense semantic table — hover / selected via `refineui.css`. Overflow via composed `ScrollArea`. */
+/** Dense semantic table — state and surface chrome are encoded by its Tailwind styles. */
 declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLTableElement>>;
 declare function TableHeader({ className, ...props }: TableHeaderProps): react.JSX.Element;
 declare function TableBody({ className, ...props }: TableBodyProps): react.JSX.Element;
@@ -6850,7 +6850,7 @@ interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     disabled?: boolean;
 }
 
-/** Web Kit `Link` `226:158` — colors and underline via `refineui.css` `[data-refineui="link"]`. */
+/** Web Kit `Link` `226:158` — colors and interaction states live with the component recipe. */
 declare function Link({ showExternalIcon, target, disabled, children, className, ...props }: LinkProps): react.JSX.Element;
 
 type MenuPositioning = {
@@ -6934,6 +6934,17 @@ interface NavigationMenuTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButto
     children: ReactNode;
 }
 interface NavigationMenuContentProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Surface and positioning treatment for the panel. Compact dropdown is the
+     * default; floating and overlay let consuming navigation compose wider panels.
+     * @default "dropdown"
+     */
+    layout?: "dropdown" | "floating" | "overlay";
+    /**
+     * Optional portal boundary for embedded previews and contained experiences.
+     * Panels position themselves relative to this element when provided.
+     */
+    portalContainer?: Element | null;
 }
 interface NavigationMenuLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     /** Marks the current page (`aria-current="page"`). */
@@ -6946,7 +6957,7 @@ declare function NavigationMenu({ children, className, value: valueControlled, d
 declare function NavigationMenuList({ className, onKeyDown, ...props }: NavigationMenuListProps): react.JSX.Element;
 declare function NavigationMenuItem({ children, className, value: valueProp, onPointerEnter, onPointerLeave, ...props }: NavigationMenuItemProps): react.JSX.Element;
 declare function NavigationMenuTrigger({ children, className, disabled, onClick, onKeyDown, ...props }: NavigationMenuTriggerProps): react.JSX.Element;
-declare function NavigationMenuContent({ children, className, onKeyDown, style, ...props }: NavigationMenuContentProps): react.JSX.Element | null;
+declare function NavigationMenuContent(props: NavigationMenuContentProps): react.JSX.Element;
 declare function NavigationMenuLink({ children, className, active, onClick, onFocus, "aria-disabled": ariaDisabled, ...props }: NavigationMenuLinkProps): react.JSX.Element;
 declare function NavigationMenuIndicator({ className, style, ...props }: NavigationMenuIndicatorProps): react.JSX.Element | null;
 
@@ -7238,7 +7249,7 @@ declare function ResizableHandle({ className, style, withHandle, disabled, onKey
 
 type ScrollAreaOrientation = "vertical" | "horizontal";
 /** When the custom scrollbar is visible. */
-type ScrollAreaType = "hover" | "always";
+type ScrollAreaType = "hover" | "scroll" | "always";
 /**
  * Rows marked `data-scroll-edge-item` always blur as they cross an edge that hides more content
  * (picker-style); see the ScrollArea docs. Elements between the viewport and those rows must
@@ -7255,7 +7266,7 @@ type ScrollAreaThumbProps = HTMLAttributes<HTMLDivElement>;
 
 declare const ScrollArea: react.ForwardRefExoticComponent<ScrollAreaProps & react.RefAttributes<HTMLDivElement>>;
 declare const ScrollAreaViewport: react.ForwardRefExoticComponent<ScrollAreaViewportProps & react.RefAttributes<HTMLDivElement>>;
-declare function ScrollAreaScrollbar({ orientation, className, children, onPointerDown, ...props }: ScrollAreaScrollbarProps): react.JSX.Element;
+declare function ScrollAreaScrollbar({ orientation, className, children, onPointerDown, onPointerEnter, onPointerLeave, ...props }: ScrollAreaScrollbarProps): react.JSX.Element;
 declare function ScrollAreaThumb({ className, style, ...props }: ScrollAreaThumbProps): react.JSX.Element;
 
 interface SpinButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {

package/dist/index.d.ts

@@ -6511,7 +6511,7 @@ type TableHeadProps = ThHTMLAttributes<HTMLTableCellElement>;
 type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
 type TableCaptionProps = HTMLAttributes<HTMLTableCaptionElement>;
 
-/** Dense semantic table — hover / selected via `refineui.css`. Overflow via composed `ScrollArea`. */
+/** Dense semantic table — state and surface chrome are encoded by its Tailwind styles. */
 declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLTableElement>>;
 declare function TableHeader({ className, ...props }: TableHeaderProps): react.JSX.Element;
 declare function TableBody({ className, ...props }: TableBodyProps): react.JSX.Element;
@@ -6850,7 +6850,7 @@ interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     disabled?: boolean;
 }
 
-/** Web Kit `Link` `226:158` — colors and underline via `refineui.css` `[data-refineui="link"]`. */
+/** Web Kit `Link` `226:158` — colors and interaction states live with the component recipe. */
 declare function Link({ showExternalIcon, target, disabled, children, className, ...props }: LinkProps): react.JSX.Element;
 
 type MenuPositioning = {
@@ -6934,6 +6934,17 @@ interface NavigationMenuTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButto
     children: ReactNode;
 }
 interface NavigationMenuContentProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Surface and positioning treatment for the panel. Compact dropdown is the
+     * default; floating and overlay let consuming navigation compose wider panels.
+     * @default "dropdown"
+     */
+    layout?: "dropdown" | "floating" | "overlay";
+    /**
+     * Optional portal boundary for embedded previews and contained experiences.
+     * Panels position themselves relative to this element when provided.
+     */
+    portalContainer?: Element | null;
 }
 interface NavigationMenuLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     /** Marks the current page (`aria-current="page"`). */
@@ -6946,7 +6957,7 @@ declare function NavigationMenu({ children, className, value: valueControlled, d
 declare function NavigationMenuList({ className, onKeyDown, ...props }: NavigationMenuListProps): react.JSX.Element;
 declare function NavigationMenuItem({ children, className, value: valueProp, onPointerEnter, onPointerLeave, ...props }: NavigationMenuItemProps): react.JSX.Element;
 declare function NavigationMenuTrigger({ children, className, disabled, onClick, onKeyDown, ...props }: NavigationMenuTriggerProps): react.JSX.Element;
-declare function NavigationMenuContent({ children, className, onKeyDown, style, ...props }: NavigationMenuContentProps): react.JSX.Element | null;
+declare function NavigationMenuContent(props: NavigationMenuContentProps): react.JSX.Element;
 declare function NavigationMenuLink({ children, className, active, onClick, onFocus, "aria-disabled": ariaDisabled, ...props }: NavigationMenuLinkProps): react.JSX.Element;
 declare function NavigationMenuIndicator({ className, style, ...props }: NavigationMenuIndicatorProps): react.JSX.Element | null;
 
@@ -7238,7 +7249,7 @@ declare function ResizableHandle({ className, style, withHandle, disabled, onKey
 
 type ScrollAreaOrientation = "vertical" | "horizontal";
 /** When the custom scrollbar is visible. */
-type ScrollAreaType = "hover" | "always";
+type ScrollAreaType = "hover" | "scroll" | "always";
 /**
  * Rows marked `data-scroll-edge-item` always blur as they cross an edge that hides more content
  * (picker-style); see the ScrollArea docs. Elements between the viewport and those rows must
@@ -7255,7 +7266,7 @@ type ScrollAreaThumbProps = HTMLAttributes<HTMLDivElement>;
 
 declare const ScrollArea: react.ForwardRefExoticComponent<ScrollAreaProps & react.RefAttributes<HTMLDivElement>>;
 declare const ScrollAreaViewport: react.ForwardRefExoticComponent<ScrollAreaViewportProps & react.RefAttributes<HTMLDivElement>>;
-declare function ScrollAreaScrollbar({ orientation, className, children, onPointerDown, ...props }: ScrollAreaScrollbarProps): react.JSX.Element;
+declare function ScrollAreaScrollbar({ orientation, className, children, onPointerDown, onPointerEnter, onPointerLeave, ...props }: ScrollAreaScrollbarProps): react.JSX.Element;
 declare function ScrollAreaThumb({ className, style, ...props }: ScrollAreaThumbProps): react.JSX.Element;
 
 interface SpinButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {