@regardio/react 0.6.0 → 0.7.0

package/dist/grid/index.mjs

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../chunk-BTpB_u-K.mjs";
-import { createContext, forwardRef, useContext } from "react";
+import { createContext, useContext } from "react";
 import { tv } from "@regardio/tailwind/utils";
 import { jsx } from "react/jsx-runtime";
 
@@ -141,7 +141,7 @@ const gridItem = tv({
 		}
 	}
 });
-const GridItem = forwardRef(({ children, className, classNames, span, spanXs, spanSm, spanMd, spanLg, spanXl, start, end, rowSpan, ...props }, ref) => {
+const GridItem = function GridItem({ children, className, classNames, span, spanXs, spanSm, spanMd, spanLg, spanXl, start, end, rowSpan, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: gridItem({
 			end,
@@ -158,8 +158,7 @@ const GridItem = forwardRef(({ children, className, classNames, span, spanXs, sp
 		...props,
 		children
 	});
-});
-GridItem.displayName = "GridItem";
+};
 
 //#endregion
 //#region src/grid/grid-root.tsx
@@ -193,7 +192,7 @@ function useGrid() {
 	if (!context) throw new Error("useGrid must be used within a <Grid.Root />");
 	return context;
 }
-const GridRoot = forwardRef(({ children, className, classNames, flow, align, ...props }, ref) => {
+const GridRoot = function GridRoot({ children, className, classNames, flow, align, ref, ...props }) {
 	const styles = grid({
 		align,
 		flow
@@ -207,8 +206,7 @@ const GridRoot = forwardRef(({ children, className, classNames, flow, align, ...
 			children
 		})
 	});
-});
-GridRoot.displayName = "GridRoot";
+};
 
 //#endregion
 //#region src/grid/index.parts.ts

package/dist/heading/index.d.mts

@@ -1,5 +1,4 @@
 import { ElementType, HTMLAttributes } from "react";
-import * as react_jsx_runtime52 from "react/jsx-runtime";
 
 //#region src/heading/heading.d.ts
 declare const levelVariants: {
@@ -17,15 +16,12 @@ interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
   level?: HeadingLevel;
   locale?: string;
 }
-declare const Heading: {
-  ({
-    as,
-    children,
-    className,
-    level,
-    ...props
-  }: HeadingProps): react_jsx_runtime52.JSX.Element;
-  displayName: string;
-};
+declare const Heading: ({
+  as,
+  children,
+  className,
+  level,
+  ...props
+}: HeadingProps) => React.JSX.Element;
 //#endregion
 export { Heading, type HeadingLevel, type HeadingProps };

package/dist/heading/index.mjs

@@ -1,4 +1,4 @@
-import { r as shy, t as lowerCaseSzett } from "../text-CPlUND-Z.mjs";
+import { r as shy, t as lowerCaseSzett } from "../text-EQC4zJbE.mjs";
 import { cn, tv } from "@regardio/tailwind/utils";
 import { jsx } from "react/jsx-runtime";
 
@@ -15,7 +15,7 @@ const heading = tv({
 		6: ["text-xs"]
 	} }
 });
-const Heading = ({ as, children, className, level = 2, ...props }) => {
+const Heading = function Heading({ as, children, className, level = 2, ...props }) {
 	const word = lowerCaseSzett(shy(children));
 	return /* @__PURE__ */ jsx(as || `h${level}`, {
 		className: cn(heading({ level }), className),
@@ -23,7 +23,6 @@ const Heading = ({ as, children, className, level = 2, ...props }) => {
 		children: word
 	});
 };
-Heading.displayName = "Heading";
 
 //#endregion
 export { Heading };

package/dist/highlight/index.d.mts

@@ -1,18 +1,17 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime49 from "react/jsx-runtime";
 
 //#region src/highlight/highlight.d.ts
 declare const highlightVariants: {
   readonly primary: readonly ["highlight"];
 };
 type HighlightVariant = keyof typeof highlightVariants;
-interface HighlightProps extends ComponentProps<'mark'> {
+interface HighlightProps extends ComponentProps<"mark"> {
   variant?: HighlightVariant;
 }
 declare const Highlight: ({
   children,
   className,
   variant
-}: HighlightProps) => react_jsx_runtime49.JSX.Element;
+}: HighlightProps) => React.JSX.Element;
 //#endregion
 export { Highlight, type HighlightProps };

package/dist/hooks/use-current-route-data.d.mts

@@ -1,8 +1,8 @@
 //#region src/hooks/use-current-route-data.d.ts
 /**
- * This base hook is used to access data related to the current route
- * @returns {JSON|undefined} The router data or undefined if not found
- */
-declare function useCurrentRouteData<HeaderData>(): {} | HeaderData;
+* This base hook is used to access data related to the current route
+* @returns {JSON|undefined} The router data or undefined if not found
+*/
+declare function useCurrentRouteData<HeaderData>(): HeaderData | undefined;
 //#endregion
 export { useCurrentRouteData };

package/dist/hooks/use-current-route-data.mjs

@@ -1,3 +1,5 @@
+'use client';
+
 import { useMemo } from "react";
 import { useLocation, useMatches } from "react-router";
 
@@ -13,7 +15,7 @@ function useCurrentRouteData() {
 		return matchingRoutes.find((route) => {
 			return route.pathname === location.pathname;
 		});
-	}, [matchingRoutes, location])?.data || void 0;
+	}, [matchingRoutes, location])?.loaderData || void 0;
 }
 
 //#endregion

package/dist/hooks/use-focus-search.mjs

@@ -1,3 +1,5 @@
+'use client';
+
 import { useEffect } from "react";
 
 //#region src/hooks/use-focus-search.ts

package/dist/hooks/use-matches-data.d.mts

@@ -1,10 +1,10 @@
 //#region src/hooks/use-matches-data.d.ts
 /**
- * This base hook is used in other hooks to quickly search for specific data
- * across all loader data using useMatches.
- * @param {string} id The route id
- * @returns {JSON|undefined} The router data or undefined if not found
- */
+* This base hook is used in other hooks to quickly search for specific data
+* across all loader data using useMatches.
+* @param {string} id The route id
+* @returns {JSON|undefined} The router data or undefined if not found
+*/
 declare function useMatchesData<T>(id: string): T | undefined;
 //#endregion
 export { useMatchesData };

package/dist/hooks/use-matches-data.mjs

@@ -1,3 +1,5 @@
+'use client';
+
 import { useMemo } from "react";
 import { useMatches } from "react-router";
 

package/dist/hooks/use-media-query.d.mts

@@ -1,9 +1,9 @@
 //#region src/hooks/use-media-query.d.ts
 /**
- * A hook that returns a boolean indicating whether the current viewport matches the provided media query
- * @param query The media query to check against (e.g. '(min-width: 768px)')
- * @returns A boolean indicating whether the media query matches
- */
+* A hook that returns a boolean indicating whether the current viewport matches the provided media query
+* @param query The media query to check against (e.g. '(min-width: 768px)')
+* @returns A boolean indicating whether the media query matches
+*/
 declare function useMediaQuery(query: string): boolean;
 //#endregion
 export { useMediaQuery };

package/dist/hooks/use-media-query.mjs

@@ -1,3 +1,5 @@
+'use client';
+
 import { useEffect, useState } from "react";
 
 //#region src/hooks/use-media-query.ts

package/dist/hooks/use-mobile.mjs

@@ -1,3 +1,5 @@
+'use client';
+
 import { useEffect, useState } from "react";
 
 //#region src/hooks/use-mobile.ts

package/dist/hooks/use-nonce.d.mts

@@ -1,8 +1,6 @@
-import * as react0 from "react";
-
 //#region src/hooks/use-nonce.d.ts
-declare const NonceContext: react0.Context<string>;
-declare const NonceProvider: react0.Provider<string>;
+declare const NonceContext: React.Context<string>;
+declare const NonceProvider: React.Provider<string>;
 declare const useNonce: () => string;
 //#endregion
 export { NonceContext, NonceProvider, useNonce };

package/dist/hooks/use-orientation.d.mts

@@ -1,12 +1,12 @@
 //#region src/hooks/use-orientation.d.ts
 /**
- * Orientation type representing device orientation
- */
-type Orientation = 'portrait' | 'landscape';
+* Orientation type representing device orientation
+*/
+type Orientation = "portrait" | "landscape";
 /**
- * Hook that tracks the current device orientation
- * @returns The current orientation ('portrait' or 'landscape')
- */
+* Hook that tracks the current device orientation
+* @returns The current orientation ('portrait' or 'landscape')
+*/
 declare function useOrientation(): Orientation;
 //#endregion
 export { Orientation, useOrientation };

package/dist/hooks/use-orientation.mjs

@@ -1,3 +1,5 @@
+'use client';
+
 import { useEffect, useState } from "react";
 
 //#region src/hooks/use-orientation.ts

package/dist/hooks/use-user.d.mts

@@ -1,55 +1,53 @@
-import * as react1 from "react";
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { User } from "@supabase/supabase-js";
 
 //#region src/hooks/use-user.d.ts
 /**
- * Context for storing and accessing the current authenticated user
- */
+* Context for storing and accessing the current authenticated user
+*/
 interface UserContextType {
   /**
-   * The current authenticated user, or null if not authenticated
-   */
+  	* The current authenticated user, or null if not authenticated
+  	*/
   user: User | null;
   /**
-   * Whether the user data is currently loading
-   */
+  	* Whether the user data is currently loading
+  	*/
   isLoading: boolean;
 }
 /**
- * Context for storing and accessing the current authenticated user
- */
-declare const UserContext: react1.Context<UserContextType>;
+* Context for storing and accessing the current authenticated user
+*/
+declare const UserContext: React.Context<UserContextType>;
 /**
- * Props for the UserContextProvider component
- */
+* Props for the UserContextProvider component
+*/
 interface UserContextProviderProps {
   /**
-   * The current authenticated user, or null if not authenticated
-   */
+  	* The current authenticated user, or null if not authenticated
+  	*/
   user: User | null;
   /**
-   * Whether the user data is currently loading
-   */
+  	* Whether the user data is currently loading
+  	*/
   isLoading?: boolean;
   /**
-   * Child components that will have access to the user context
-   */
+  	* Child components that will have access to the user context
+  	*/
   children: ReactNode;
 }
 /**
- * Provider component for the UserContext
- */
+* Provider component for the UserContext
+*/
 declare function UserContextProvider({
   user,
   isLoading,
   children
-}: UserContextProviderProps): react_jsx_runtime0.JSX.Element;
+}: UserContextProviderProps): React.JSX.Element;
 /**
- * Hook to access the current authenticated user from the UserContext
- * @returns The current user context containing the user object and loading state
- */
+* Hook to access the current authenticated user from the UserContext
+* @returns The current user context containing the user object and loading state
+*/
 declare function useUser(): UserContextType;
 //#endregion
 export { UserContext, UserContextProvider, UserContextProviderProps, UserContextType, useUser };

package/dist/icon-button/index.d.mts

@@ -1,6 +1,5 @@
-import { t as Button } from "../index-YT2CkvL6.mjs";
+import { t as Button } from "../index-C_evL5vG.mjs";
 import { ComponentProps, ReactNode } from "react";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/icon-button/icon-button.d.ts
 declare const iconButtonVariants: {
@@ -10,11 +9,11 @@ declare const iconButtonVariants: {
   readonly sm: readonly ["p-1"];
 };
 type IconButtonSize = keyof typeof iconButtonVariants;
-interface IconButtonProps extends Omit<ComponentProps<typeof Button>, 'size'> {
+interface IconButtonProps extends Omit<ComponentProps<typeof Button>, "size"> {
   icon: ReactNode;
   size?: IconButtonSize;
   title?: string;
-  'aria-label'?: string;
+  "aria-label"?: string;
   children?: never;
 }
 declare const IconButton: ({
@@ -24,6 +23,6 @@ declare const IconButton: ({
   "aria-label": ariaLabel,
   className,
   ...props
-}: IconButtonProps) => react_jsx_runtime22.JSX.Element;
+}: IconButtonProps) => React.JSX.Element;
 //#endregion
 export { IconButton, type IconButtonProps };

package/dist/if/index.d.mts

@@ -1,7 +1,5 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
-
 //#region src/if/if.d.ts
-type Condition<Value = unknown> = Value | false | null | undefined | 0 | '';
+type Condition<Value = unknown> = Value | false | null | undefined | 0 | "";
 declare function If<Value = unknown>({
   condition,
   children,
@@ -10,6 +8,6 @@ declare function If<Value = unknown>({
   condition: Condition<Value>;
   children: React.ReactNode | ((value: Value) => React.ReactNode);
   fallback?: React.ReactNode;
-}>): react_jsx_runtime6.JSX.Element | null;
+}>): React.JSX.Element | null;
 //#endregion
 export { If };

package/dist/if/index.mjs

@@ -1,14 +1,14 @@
 import { useMemo } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 
 //#region src/if/if.tsx
 function If({ condition, children, fallback }) {
 	return useMemo(() => {
 		if (condition) {
-			if (typeof children === "function") return /* @__PURE__ */ jsx(Fragment, { children: children(condition) });
-			return /* @__PURE__ */ jsx(Fragment, { children });
+			if (typeof children === "function") return /* @__PURE__ */ jsx(Fragment$1, { children: children(condition) });
+			return /* @__PURE__ */ jsx(Fragment$1, { children });
 		}
-		if (fallback) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+		if (fallback) return /* @__PURE__ */ jsx(Fragment$1, { children: fallback });
 		return null;
 	}, [
 		condition,

package/dist/{index-Bm-tWhsb.d.mts → index-Bj5_XfEC.d.mts}

@@ -1,5 +1,4 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { Input } from "@base-ui/react/input";
 
 //#region src/input/input.d.ts
@@ -15,7 +14,7 @@ declare const inputSizes: {
 };
 type InputVariant = keyof typeof inputVariants;
 type InputSize = keyof typeof inputSizes;
-interface InputProps extends Omit<ComponentProps<typeof Input>, 'className' | 'size'> {
+interface InputProps extends Omit<ComponentProps<typeof Input>, "className" | "size"> {
   className?: string;
   variant?: InputVariant;
   size?: InputSize;
@@ -25,6 +24,6 @@ declare const Input$1: ({
   variant,
   size,
   ...props
-}: InputProps) => react_jsx_runtime5.JSX.Element;
+}: InputProps) => React.JSX.Element;
 //#endregion
 export { InputVariant as i, InputProps as n, InputSize as r, Input$1 as t };

package/dist/{index-YT2CkvL6.d.mts → index-C_evL5vG.d.mts}

@@ -1,5 +1,4 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
 
 //#region src/button/button.d.ts
@@ -11,7 +10,7 @@ declare const buttonVariants: {
   readonly secondary: readonly ["bg-gray-100", "text-gray-900", "border-gray-300", "hover:bg-gray-200", "hover:border-gray-400", "focus-visible:ring-2", "focus-visible:ring-gray-500", "focus-visible:ring-offset-2"];
 };
 declare const buttonSizes: {
-  readonly '2xl': readonly ["px-10", "py-5", "text-2xl", "font-medium", "rounded-lg"];
+  readonly "2xl": readonly ["px-10", "py-5", "text-2xl", "font-medium", "rounded-lg"];
   readonly lg: readonly ["px-6", "py-3", "text-lg", "font-medium", "rounded-lg"];
   readonly md: readonly ["px-4", "py-2", "text-base", "font-medium", "rounded-md"];
   readonly sm: readonly ["px-3", "py-1.5", "text-sm", "font-medium", "rounded-md"];
@@ -19,11 +18,11 @@ declare const buttonSizes: {
 };
 type ButtonVariant = keyof typeof buttonVariants;
 type ButtonSize = keyof typeof buttonSizes;
-interface ButtonProps extends Omit<ComponentProps<typeof Button>, 'className'> {
+interface ButtonProps extends Omit<ComponentProps<typeof Button>, "className"> {
   variant?: ButtonVariant;
   size?: ButtonSize;
   className?: string;
-  type?: 'button' | 'submit' | 'reset';
+  type?: "button" | "submit" | "reset";
 }
 declare const Button$1: ({
   children,
@@ -31,6 +30,6 @@ declare const Button$1: ({
   variant,
   size,
   ...props
-}: ButtonProps) => react_jsx_runtime46.JSX.Element;
+}: ButtonProps) => React.JSX.Element;
 //#endregion
 export { ButtonVariant as i, ButtonProps as n, ButtonSize as r, Button$1 as t };

package/dist/input/index.d.mts

@@ -1,2 +1,2 @@
-import { i as InputVariant, n as InputProps, r as InputSize, t as Input } from "../index-Bm-tWhsb.mjs";
+import { i as InputVariant, n as InputProps, r as InputSize, t as Input } from "../index-Bj5_XfEC.mjs";
 export { Input, InputProps, InputSize, InputVariant };

package/dist/link/index.d.mts

@@ -1,16 +1,14 @@
-import * as react10 from "react";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
 import { NavLinkProps } from "react-router";
 
 //#region src/link/link.d.ts
 /**
- * Context for providing a path resolver function.
- * This allows projects to inject their own localization logic.
- */
+* Context for providing a path resolver function.
+* This allows projects to inject their own localization logic.
+*/
 type PathResolver = (routeKey: string) => string;
-declare const PathResolverProvider: react10.Provider<PathResolver | null>;
+declare const PathResolverProvider: React.Provider<PathResolver | null>;
 declare function usePathResolver(): PathResolver | null;
-interface LinkBaseProps extends Omit<NavLinkProps, 'to'> {
+interface LinkBaseProps extends Omit<NavLinkProps, "to"> {
   to?: string | Partial<{
     pathname?: string;
     search?: string;
@@ -27,7 +25,7 @@ declare const LinkBase: ({
   onClick,
   viewTransition,
   ...props
-}: LinkBaseProps) => react_jsx_runtime43.JSX.Element;
+}: LinkBaseProps) => React.JSX.Element;
 declare const arrowVariants: {
   readonly darr: "darr";
   readonly larr: "larr";
@@ -44,7 +42,7 @@ declare const linkVariants: {
 };
 type LinkArrow = keyof typeof arrowVariants;
 type LinkVariant = keyof typeof linkVariants;
-interface LinkProps extends Omit<NavLinkProps, 'to'> {
+interface LinkProps extends Omit<NavLinkProps, "to"> {
   arrow?: LinkArrow;
   to?: string | Partial<{
     pathname?: string;
@@ -64,8 +62,8 @@ declare const Link: ({
   variant,
   viewTransition,
   ...props
-}: LinkProps) => react_jsx_runtime43.JSX.Element;
-interface MarkdownLinkProps extends Omit<LinkProps, 'to'> {
+}: LinkProps) => React.JSX.Element;
+interface MarkdownLinkProps extends Omit<LinkProps, "to"> {
   href?: string;
 }
 declare const MarkdownLink: React.FC<MarkdownLinkProps>;

package/dist/link/index.mjs

@@ -1,7 +1,7 @@
-import { t as lowerCaseSzett } from "../text-CPlUND-Z.mjs";
+import { t as lowerCaseSzett } from "../text-EQC4zJbE.mjs";
 import { createContext, useCallback, useContext } from "react";
 import { tv } from "@regardio/tailwind/utils";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 import { NavLink } from "react-router";
 
 //#region src/link/link.tsx
@@ -37,7 +37,7 @@ const LinkBase = ({ className, to, routeKey, children, onClick, viewTransition =
 			return;
 		}
 	}, [onClick, path]);
-	if (!path) return /* @__PURE__ */ jsx(Fragment, { children: typeof children === "function" ? null : children });
+	if (!path) return /* @__PURE__ */ jsx(Fragment$1, { children: typeof children === "function" ? null : children });
 	if (isExternal) {
 		const externalState = {
 			isActive: false,

package/dist/list/index.d.mts

@@ -1,68 +1,69 @@
-import { ComponentPropsWithoutRef, ForwardedRef, ReactNode } from "react";
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 
 //#region src/list/list-item.d.ts
-type ListItemElement = 'li' | 'dd' | 'dt' | 'div' | 'span';
-type ListItemProps<T extends ListItemElement = 'li'> = Omit<ComponentPropsWithoutRef<T>, 'children'> & {
+type ListItemElement = "li" | "dd" | "dt" | "div" | "span";
+type ListItemProps<T extends ListItemElement = "li"> = Omit<ComponentPropsWithoutRef<T>, "children"> & {
   /**
-   * The element type to render.
-   * Falls back to the defaultItemElement from ListRoot context, or 'li'.
-   */
+  	* The element type to render.
+  	* Falls back to the defaultItemElement from ListRoot context, or 'li'.
+  	*/
   render?: T;
   /**
-   * The content of the list item.
-   */
+  	* The content of the list item.
+  	*/
   children?: ReactNode;
+  /**
+  	* Ref to the root element.
+  	*/
+  ref?: React.Ref<HTMLElement>;
 };
-declare function ListItemImpl<T extends ListItemElement = 'li'>(props: ListItemProps<T>, ref: ForwardedRef<HTMLElement>): react_jsx_runtime45.JSX.Element;
-declare const ListItem: <T extends ListItemElement = "li">(props: ListItemProps<T> & {
-  ref?: ForwardedRef<HTMLElement>;
-}) => ReturnType<typeof ListItemImpl>;
+declare const ListItem: <T extends ListItemElement = "li">(props: ListItemProps<T>) => React.JSX.Element;
 declare namespace ListItem {
-  type Props<T extends ListItemElement = 'li'> = ListItemProps<T>;
+  type Props<T extends ListItemElement = "li"> = ListItemProps<T>;
 }
 //#endregion
 //#region src/list/list-root-context.d.ts
 interface ListRootContextValue {
   /**
-   * Default element type for list items.
-   * @default 'li'
-   */
-  defaultItemElement: 'li' | 'dd' | 'dt' | 'div' | 'span';
+  	* Default element type for list items.
+  	* @default 'li'
+  	*/
+  defaultItemElement: "li" | "dd" | "dt" | "div" | "span";
   /**
-   * Default className to apply to all list items.
-   */
+  	* Default className to apply to all list items.
+  	*/
   defaultItemClassName?: string;
 }
 //#endregion
 //#region src/list/list-root.d.ts
-type ListRootElement = 'ul' | 'ol' | 'dl' | 'div' | 'menu' | 'nav';
-type ListRootProps<T extends ListRootElement = 'ul'> = Omit<ComponentPropsWithoutRef<T>, 'children'> & {
+type ListRootElement = "ul" | "ol" | "dl" | "div" | "menu" | "nav";
+type ListRootProps<T extends ListRootElement = "ul"> = Omit<ComponentPropsWithoutRef<T>, "children"> & {
   /**
-   * The element type to render.
-   * @default 'ul'
-   */
+  	* The element type to render.
+  	* @default 'ul'
+  	*/
   render?: T;
   /**
-   * The content of the list.
-   */
+  	* The content of the list.
+  	*/
   children?: ReactNode;
   /**
-   * Default element type for list items.
-   * When render is 'dl', defaults to 'dd'. Otherwise defaults to 'li'.
-   */
-  defaultItemElement?: ListRootContextValue['defaultItemElement'];
+  	* Default element type for list items.
+  	* When render is 'dl', defaults to 'dd'. Otherwise defaults to 'li'.
+  	*/
+  defaultItemElement?: ListRootContextValue["defaultItemElement"];
   /**
-   * Default className to apply to all list items.
-   */
+  	* Default className to apply to all list items.
+  	*/
   defaultItemClassName?: string;
+  /**
+  	* Ref to the root element.
+  	*/
+  ref?: React.Ref<HTMLElement>;
 };
-declare function ListRootImpl<T extends ListRootElement = 'ul'>(props: ListRootProps<T>, ref: ForwardedRef<HTMLElement>): react_jsx_runtime45.JSX.Element;
-declare const ListRoot: <T extends ListRootElement = "ul">(props: ListRootProps<T> & {
-  ref?: ForwardedRef<HTMLElement>;
-}) => ReturnType<typeof ListRootImpl>;
+declare const ListRoot: <T extends ListRootElement = "ul">(props: ListRootProps<T>) => React.JSX.Element;
 declare namespace ListRoot {
-  type Props<T extends ListRootElement = 'ul'> = ListRootProps<T>;
+  type Props<T extends ListRootElement = "ul"> = ListRootProps<T>;
 }
 declare namespace index_parts_d_exports {
   export { ListItem as Item, ListRoot as Root };