@react95/core 8.0.0-alpha.9 → 8.0.0

package/types/Frame/Frame.d.ts

@@ -1,10 +1,13 @@
-import React, { ComponentPropsWithRef, ElementType } from 'react';
+import React from 'react';
+import type { ComponentPropsWithRef, ElementType, Ref, ReactNode, RefAttributes } from 'react';
 import { Sprinkles } from './Frame.css';
+type FixedForwardRef = <T, P = object>(render: (props: P, ref: Ref<T>) => ReactNode) => (props: P & RefAttributes<T>) => ReactNode;
+export declare const fixedForwardRef: FixedForwardRef;
 type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any ? Omit<T, TOmitted> : never;
-export type FrameProps<TAs extends ElementType = 'div'> = {
+export type FrameProps<TAs extends ElementType> = {
     as?: TAs;
 } & DistributiveOmit<ComponentPropsWithRef<ElementType extends TAs ? 'div' : TAs>, 'as'> & Sprinkles;
-export declare const Frame: <TAs extends React.ElementType>(props: {
+export declare const Frame: <TAs extends React.ElementType = "div">(props: {
     as?: TAs | undefined;
 } & DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends TAs ? "div" : TAs>, "as"> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
     readonly backgroundColor: {
@@ -2247,5 +2250,5 @@ export declare const Frame: <TAs extends React.ElementType>(props: {
             default: string;
         };
     };
-}> & React.RefAttributes<any>) => React.ReactNode;
+}> & React.RefAttributes<any>) => ReactNode;
 export {};

package/types/Input/Input.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { FrameProps } from '../Frame/Frame';
 export type InputProps = Omit<FrameProps<'input'>, 'as'>;
 export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/types/List/List.d.ts

@@ -1,7 +1,7 @@
+import React from 'react';
 import { ListItem } from './ListItem';
 import { Divider } from './ListDivider';
 import { FrameProps } from '../Frame/Frame';
-import React from 'react';
 export type ListProps = Omit<FrameProps<'ul'>, 'as'>;
 declare const ListRenderer: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
 export type IListProps = typeof ListRenderer & {

package/types/List/ListItem.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+import type { ReactElement, HtmlHTMLAttributes } from 'react';
 export type ListItemProps = {
-    icon?: React.ReactElement;
-} & React.HtmlHTMLAttributes<HTMLLIElement>;
+    icon?: ReactElement;
+} & HtmlHTMLAttributes<HTMLLIElement>;
 export declare const ListItem: React.ForwardRefExoticComponent<{
     icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
 } & React.HtmlHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;

package/types/Modal/Modal.d.ts

@@ -1,30 +1,30 @@
 /// <reference path="../../../../../types/draggable.d.ts" />
-import * as React from 'react';
+import React, { HTMLAttributes, ReactElement, MouseEvent } from 'react';
 import { DraggableProps } from 'react-draggable';
 import { List } from '../List/List';
 import { FrameProps } from '../Frame/Frame';
 export type ModalButtons = {
     value: string;
-    onClick(event: React.MouseEvent): void;
+    onClick(event: MouseEvent): void;
 };
 export type ModalMenu = {
     name: string;
-    list: React.ReactElement<typeof List>;
+    list: ReactElement<typeof List>;
 };
 export type ModalDefaultPosition = {
     x: number;
     y: number;
 };
 export type ModalProps = {
-    icon?: React.ReactElement;
-    onClose(event: React.MouseEvent): void;
-    onHelp?(event: React.MouseEvent): void;
+    icon?: ReactElement;
+    onClose(event: MouseEvent): void;
+    onHelp?(event: MouseEvent): void;
     title: string;
     buttons?: Array<ModalButtons>;
     menu?: Array<ModalMenu>;
     defaultPosition?: DraggableProps['defaultPosition'];
     positionOffset?: DraggableProps['positionOffset'];
     hasWindowButton?: boolean;
-    buttonsAlignment?: FrameProps['justifyContent'];
-} & Omit<FrameProps, 'as'> & React.HTMLAttributes<HTMLDivElement>;
+    buttonsAlignment?: FrameProps<'div'>['justifyContent'];
+} & Omit<FrameProps<'div'>, 'as'> & HTMLAttributes<HTMLDivElement>;
 export declare const Modal: React.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/types/Modal/ModalContext.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 export type Windows = {
-    icon?: React.ReactElement;
+    icon?: ReactElement;
     title: string;
     hasButton: boolean;
 };

package/types/Modal/ModalProvider.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import type { FC, PropsWithChildren } from 'react';
 export type ModalProviderProps = {};
-export declare const ModalProvider: React.FC<React.PropsWithChildren<ModalProviderProps>>;
+export declare const ModalProvider: FC<PropsWithChildren<ModalProviderProps>>;

package/types/ProgressBar/ProgressBar.d.ts

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

package/types/RadioButton/RadioButton.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-export type RadioButtonProps = React.InputHTMLAttributes<HTMLInputElement>;
+import type { InputHTMLAttributes } from 'react';
+export type RadioButtonProps = InputHTMLAttributes<HTMLInputElement>;
 export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;

package/types/Range/Range.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { FrameProps } from '../Frame/Frame';
 export type RangeProps = Omit<FrameProps<'input'>, 'as'>;
 export declare const Range: React.ForwardRefExoticComponent<Omit<RangeProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/types/Tabs/Tab.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
+import type { MouseEvent, HTMLProps } from 'react';
 import { FrameProps } from '../Frame/Frame';
 export type TabProps = {
     activeTab?: string;
     title: string;
     disabled?: boolean;
-    onClick?(e: React.MouseEvent): void;
-} & React.HTMLProps<HTMLLIElement> & Omit<FrameProps<'li'>, 'as'>;
+    onClick?(e: MouseEvent): void;
+} & HTMLProps<HTMLLIElement> & Omit<FrameProps<'li'>, 'as'>;
 export declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/types/Tabs/Tabs.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
+import type { MouseEvent, ReactElement } from 'react';
 import { TabProps } from './Tab';
 import { FrameProps } from '../Frame/Frame';
 export type TabsProps = {
     defaultActiveTab?: string;
-    children: React.ReactElement<TabProps> | Array<React.ReactElement<TabProps>>;
-    onChange?(title: string, e: React.MouseEvent): void;
+    children: ReactElement<TabProps> | Array<ReactElement<TabProps>>;
+    onChange?(title: string, e: MouseEvent): void;
 } & Omit<FrameProps<'ol'>, 'as'>;
 export declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLOListElement>>;

package/types/TaskBar/TaskBar.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import type { ReactElement } from 'react';
 import { List } from '../List/List';
 export type TaskBarProps = {
-    list?: React.ReactElement<typeof List>;
+    list?: ReactElement<typeof List>;
 };
 export declare const TaskBar: React.ForwardRefExoticComponent<TaskBarProps & React.RefAttributes<HTMLDivElement>>;

package/types/TaskBar/WindowButton.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
+import type { ButtonHTMLAttributes } from 'react';
 import { Windows } from '../Modal/ModalContext';
 export type WindowButtonProps = {
     small?: boolean;
     active?: boolean;
-} & Pick<Windows, 'icon'> & React.ButtonHTMLAttributes<HTMLButtonElement>;
+} & Pick<Windows, 'icon'> & ButtonHTMLAttributes<HTMLButtonElement>;
 export declare const WindowButton: React.ForwardRefExoticComponent<{
     small?: boolean | undefined;
     active?: boolean | undefined;

package/types/TextArea/TextArea.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { FrameProps } from '../Frame/Frame';
 export type TextAreaProps = Omit<FrameProps<'textarea'>, 'as'>;
 export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;

package/types/TitleBar/TitleBar.d.ts

@@ -1,17 +1,18 @@
 import React from 'react';
+import type { ReactElement, HTMLAttributes } from 'react';
 import { FrameProps } from '../Frame/Frame';
-declare const OptionsBox: React.ForwardRefExoticComponent<Omit<FrameProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const OptionsBox: React.ForwardRefExoticComponent<Omit<FrameProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const Option: React.ForwardRefExoticComponent<Omit<FrameProps<"button">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export interface TitleBarBackgroundProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, FrameProps {
+export interface TitleBarBackgroundProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, FrameProps<'div'> {
     active?: boolean;
-    icon?: React.ReactElement;
+    icon?: ReactElement;
     title?: string;
 }
 interface TitleBarOptions {
     Option: typeof Option;
     OptionsBox: typeof OptionsBox;
 }
-export interface TitleBarProps extends TitleBarBackgroundProps, TitleBarOptions, FrameProps {
+export interface TitleBarProps extends TitleBarBackgroundProps, TitleBarOptions, FrameProps<'div'> {
 }
 export declare const TitleBar: TitleBarProps & React.ForwardRefRenderFunction<HTMLDivElement, TitleBarBackgroundProps>;
 export {};

package/types/Tooltip/Tooltip.d.ts

@@ -1,8 +1,9 @@
-import * as React from 'react';
+import React from 'react';
+import type { HTMLAttributes } from 'react';
 export type TooltipProps = {
     text?: string;
     delay?: number;
-} & React.HTMLAttributes<HTMLDivElement>;
+} & HTMLAttributes<HTMLDivElement>;
 export declare const Tooltip: React.ForwardRefExoticComponent<{
     text?: string | undefined;
     delay?: number | undefined;

package/types/Tree/Node.d.ts

@@ -1,4 +1,5 @@
-import * as React from 'react';
+import React from 'react';
+import type { FC, ReactElement, MouseEvent, KeyboardEvent } from 'react';
 import { FrameProps } from '../Frame/Frame';
 export declare const icons: {
     readonly FILE_MEDIA: React.FC<import("@react95/icons").MediaCdProps>;
@@ -12,11 +13,11 @@ export declare const icons: {
 };
 export type NodeProps = {
     label: string;
-    icon?: React.ReactElement;
+    icon?: ReactElement;
     id: number;
     children?: Array<NodeProps>;
-    onClick?(event: React.MouseEvent | React.KeyboardEvent, props: NodeProps): void;
-} & Omit<FrameProps, 'id' | 'children'>;
+    onClick?(event: MouseEvent | KeyboardEvent, props: NodeProps): void;
+} & Omit<FrameProps<'li'>, 'id' | 'children'>;
 export type NodeRootProps = Omit<NodeProps, 'children'>;
-export declare const Node: React.FC<NodeProps>;
-export declare const NodeRoot: React.FC<NodeRootProps>;
+export declare const Node: FC<NodeProps>;
+export declare const NodeRoot: FC<NodeRootProps>;

package/types/Tree/Tree.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { icons, NodeProps } from './Node';
 import { FrameProps } from '../Frame/Frame';
 export type TreeProps = {
     data: Array<NodeProps>;
     root?: Omit<NodeProps, 'children'>;
 };
-type TreeComposition = React.ForwardRefExoticComponent<TreeProps & React.RefAttributes<HTMLUListElement>> & {
+type TreeComposition = ForwardRefExoticComponent<TreeProps & RefAttributes<HTMLUListElement>> & {
     icons: typeof icons;
 } & Omit<FrameProps<'ul'>, 'as'>;
 export declare const Tree: TreeComposition;

package/types/Video/Video.d.ts

@@ -1,16 +1,17 @@
-import * as React from 'react';
+import React from 'react';
+import type { Ref, HTMLProps } from 'react';
 import { FrameProps } from '../Frame/Frame';
 export type VideoProps = {
     name?: string;
     src: string;
-    videoProps?: React.HTMLProps<HTMLVideoElement>;
-} & FrameProps;
+    videoProps?: HTMLProps<HTMLVideoElement>;
+} & FrameProps<'div'>;
 export type VideoRefs = {
-    video: React.Ref<HTMLVideoElement>;
-    progress: React.Ref<HTMLInputElement>;
-    wrapper: React.Ref<HTMLDivElement>;
-    playpause: React.Ref<HTMLButtonElement>;
-    stop: React.Ref<HTMLButtonElement>;
-    fullScreen: React.Ref<HTMLButtonElement>;
+    video: Ref<HTMLVideoElement>;
+    progress: Ref<HTMLInputElement>;
+    wrapper: Ref<HTMLDivElement>;
+    playpause: Ref<HTMLButtonElement>;
+    stop: Ref<HTMLButtonElement>;
+    fullScreen: Ref<HTMLButtonElement>;
 };
 export declare const Video: React.ForwardRefExoticComponent<Omit<VideoProps, "ref"> & React.RefAttributes<VideoRefs>>;

package/types/Video/buttons/Fullscreen.d.ts

@@ -1,3 +1,4 @@
-import * as React from 'react';
-declare const Fullscreen: (props: React.HTMLAttributes<SVGElement>) => React.JSX.Element;
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+declare const Fullscreen: (props: HTMLAttributes<SVGElement>) => React.JSX.Element;
 export default Fullscreen;

package/types/Video/buttons/Pause.d.ts

@@ -1,3 +1,4 @@
-import * as React from 'react';
-declare const Pause: (props: React.HTMLAttributes<SVGElement>) => React.JSX.Element;
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+declare const Pause: (props: HTMLAttributes<SVGElement>) => React.JSX.Element;
 export default Pause;

package/types/Video/buttons/Play.d.ts

@@ -1,3 +1,4 @@
-import * as React from 'react';
-declare const Play: (props: React.HTMLAttributes<SVGElement>) => React.JSX.Element;
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+declare const Play: (props: HTMLAttributes<SVGElement>) => React.JSX.Element;
 export default Play;

package/types/Video/buttons/Stop.d.ts

@@ -1,3 +1,4 @@
-import * as React from 'react';
-declare const Stop: (props: React.HTMLAttributes<SVGElement>) => React.JSX.Element;
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+declare const Stop: (props: HTMLAttributes<SVGElement>) => React.JSX.Element;
 export default Stop;