@react95/core 9.6.2 → 9.6.3-alpha.0

package/types/List/List.d.ts

@@ -1,12 +1,15 @@
-import React from 'react';
+import type { ElementRef, ElementType, ForwardedRef, HTMLAttributes, ReactElement } from 'react';
 import { ListItem } from './ListItem';
 import { Divider } from './ListDivider';
-import { FrameProps } from '../Frame/Frame';
-export type ListProps = Omit<FrameProps<'ul'>, 'as'>;
-declare const ListRenderer: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
-export type IListProps = typeof ListRenderer & {
+import { FrameProps, Polymorphic } from '../Frame/Frame';
+export type ListProps<TAs extends ElementType = 'ul'> = HTMLAttributes<HTMLUListElement> & Polymorphic<TAs, FrameProps>;
+type ListReturnType = <TAs extends ElementType = 'ul'>(props: ListProps<TAs> & {
+    ref?: ForwardedRef<ElementRef<TAs>>;
+}) => ReactElement;
+interface ListStatics {
     Item: typeof ListItem;
     Divider: typeof Divider;
-};
-export declare const List: IListProps;
+}
+type ListWithStatics = ListReturnType & ListStatics;
+export declare const List: ListWithStatics;
 export {};

package/types/List/ListDivider.d.ts

@@ -1,4 +1,6 @@
-import React from 'react';
-import { FrameProps } from '../Frame/Frame';
-export type DividerProps = Omit<FrameProps<'li'>, 'as'>;
-export declare const Divider: React.ForwardRefExoticComponent<Omit<DividerProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+import type { ElementRef, ElementType, ForwardedRef, LiHTMLAttributes, ReactElement } from 'react';
+import { FrameProps, Polymorphic } from '../Frame/Frame';
+export type DividerProps<TAs extends ElementType = 'li'> = LiHTMLAttributes<HTMLLIElement> & Polymorphic<TAs, FrameProps>;
+export declare const Divider: <TAs extends ElementType = "li">(props: DividerProps<TAs> & {
+    ref?: ForwardedRef<ElementRef<TAs>>;
+}) => ReactElement;

package/types/List/ListItem.d.ts

@@ -1,8 +1,10 @@
-import React from 'react';
-import type { ReactElement, HtmlHTMLAttributes } from 'react';
-export type ListItemProps = {
+import type { ElementRef, ElementType, ForwardedRef, LiHTMLAttributes, ReactElement } from 'react';
+import { FrameProps, Polymorphic } from '../Frame/Frame';
+type ItemProps<TAs extends ElementType = 'li'> = LiHTMLAttributes<HTMLLIElement> & Polymorphic<TAs, FrameProps>;
+export type ListItemProps<TAs extends ElementType = 'li'> = {
     icon?: ReactElement;
-} & HtmlHTMLAttributes<HTMLLIElement>;
-export declare const ListItem: React.ForwardRefExoticComponent<{
-    icon?: ReactElement;
-} & React.HtmlHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+} & ItemProps<TAs>;
+export declare const ListItem: <TAs extends ElementType = "li">(props: ListItemProps<TAs> & {
+    ref?: ForwardedRef<ElementRef<TAs>>;
+}) => ReactElement;
+export {};

package/types/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes, MouseEvent, ReactElement, Ref } from 'react';
+import React, { ForwardedRef, HTMLAttributes, MouseEvent, ReactElement } from 'react';
 import { DragOptions } from '@neodrag/react';
 import { FrameProps } from '../Frame/Frame';
 import { List } from '../List/List';
@@ -22,14 +22,10 @@ export type ModalProps = {
     menu?: Array<ModalMenu>;
     dragOptions?: Omit<DragOptions, 'handle'>;
     hasWindowButton?: boolean;
-    buttonsAlignment?: FrameProps<'div'>['justifyContent'];
+    buttonsAlignment?: FrameProps['justifyContent'];
     titleBarOptions?: ReactElement<TitleBarOptions> | ReactElement<TitleBarOptions>[];
-} & Omit<FrameProps<'div'>, 'as'> & HTMLAttributes<HTMLDivElement> & Pick<TitleBarBackgroundProps<'div'>, 'title' | 'icon'>;
-declare const ModalContent: (props: {
-    as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "as"> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
+} & Omit<FrameProps, 'as'> & HTMLAttributes<HTMLDivElement> & Pick<TitleBarBackgroundProps, 'title' | 'icon'>;
+declare const ModalContent: (props: React.HTMLAttributes<HTMLDivElement> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
     readonly backgroundColor: {
         dynamic: {
             default: string;
@@ -2392,8 +2388,9 @@ declare const ModalContent: (props: {
     };
 }> & React.RefAttributes<HTMLDivElement>) => React.ReactNode;
 declare const ModalMinimize: OptionReturnType;
-declare const ModalRenderer: ({ id: providedId, hasWindowButton: hasButton, buttons, buttonsAlignment, children, icon, menu, title, dragOptions, titleBarOptions, className, ...rest }: ModalProps, ref: Ref<HTMLDivElement | null>) => React.JSX.Element;
-type ModalComponent = typeof ModalRenderer & {
+type ModalComponent = ((props: ModalProps & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReactElement) & {
     Content: typeof ModalContent;
     Minimize: typeof ModalMinimize;
 };

package/types/ProgressBar/ProgressBar.d.ts

@@ -1,8 +1,8 @@
 import type { ElementType, ReactElement, ElementRef, ForwardedRef } from 'react';
-import { FrameProps } from '../Frame/Frame';
+import { FrameProps, Polymorphic } from '../Frame/Frame';
 export type ProgressBarProps<TAs extends ElementType> = {
     percent?: number;
-} & FrameProps<TAs>;
+} & Polymorphic<TAs, FrameProps>;
 export declare const ProgressBar: <TAs extends ElementType = "div">(props: ProgressBarProps<TAs> & {
     ref?: ForwardedRef<ElementRef<TAs>>;
 }) => ReactElement;