@react95/core 8.0.0-alpha.10 → 8.0.0-alpha.11

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;