@react95/core 7.0.2 → 8.0.0-alpha.1

package/@types/Tabs/Tabs.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
 import { TabProps } from './Tab';
-export interface TabsProps {
-    style?: React.CSSProperties;
+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;
-}
-declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLOListElement>>;
-export default Tabs;
+} & Omit<FrameProps<'ol'>, 'as'>;
+export declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLOListElement>>;

package/@types/TaskBar/Clock.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
-declare const Clock: () => React.JSX.Element;
-export default Clock;
+export declare const Clock: () => React.JSX.Element;

package/@types/TaskBar/TaskBar.css.d.ts

@@ -0,0 +1,21 @@
+export declare const truncate: string;
+export declare const tooltip: string;
+export declare const windowsButton: import("@vanilla-extract/recipes").RuntimeFn<{
+    small: {
+        true: {
+            paddingInline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        false: {
+            width: "100%";
+        };
+    };
+    active: {
+        true: {
+            boxShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        false: {
+            boxShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const icon: string;

package/@types/TaskBar/TaskBar.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import List from '../List';
+import { List } from '../List/List';
 export type TaskBarProps = {
     list?: React.ReactElement<typeof List>;
 };
-declare const TaskBar: React.ForwardRefExoticComponent<TaskBarProps & React.RefAttributes<HTMLDivElement>>;
-export default TaskBar;
+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 { FrameProps } from '../Frame/Frame';
 import { Windows } from '../Modal/ModalContext';
 export type WindowButtonProps = {
     small?: boolean;
     active?: boolean;
-} & Pick<Windows, 'icon'> & React.HTMLAttributes<HTMLButtonElement> & FrameProps;
-declare const WindowButton: React.FC<WindowButtonProps>;
-export default WindowButton;
+} & Pick<Windows, 'icon'> & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const WindowButton: React.ForwardRefExoticComponent<{
+    small?: boolean | undefined;
+    active?: boolean | undefined;
+} & Pick<Windows, "icon"> & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/@types/TextArea/TextArea.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import { PaddingProps, BorderProps, ShadowProps } from 'styled-system';
-export type TextAreaProps = PaddingProps & BorderProps & ShadowProps & React.HTMLProps<HTMLTextAreaElement>;
-declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;
+import * as 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.css.d.ts

@@ -0,0 +1,15 @@
+export declare const optionsBox: string;
+export declare const option: string;
+export declare const titleBarBackground: import("@vanilla-extract/recipes").RuntimeFn<{
+    active: {
+        true: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        false: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const title: string;

package/@types/TitleBar/TitleBar.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
 import { FrameProps } from '../Frame/Frame';
-declare const OptionsBox: import("styled-components").StyledComponent<"ul", import("@xstyled/system").Theme, {}, never>;
-declare const Option: import("styled-components").StyledComponent<"button", import("@xstyled/system").Theme, {
-    as: string;
-}, "as">;
+declare const OptionsBox: React.ForwardRefExoticComponent<Omit<FrameProps, "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 {
     active?: boolean;
     icon?: React.ReactElement;
@@ -13,7 +11,7 @@ interface TitleBarOptions {
     Option: typeof Option;
     OptionsBox: typeof OptionsBox;
 }
-export interface ITitleBarProps extends TitleBarBackgroundProps, TitleBarOptions {
+export interface TitleBarProps extends TitleBarBackgroundProps, TitleBarOptions, FrameProps {
 }
-declare const TitleBar: ITitleBarProps & React.ForwardRefRenderFunction<HTMLDivElement, TitleBarBackgroundProps>;
-export default TitleBar;
+export declare const TitleBar: TitleBarProps & React.ForwardRefRenderFunction<HTMLDivElement, TitleBarBackgroundProps>;
+export {};

package/@types/Tooltip/Tooltip.css.d.ts

@@ -0,0 +1,2 @@
+export declare const tip: string;
+export declare const wrapper: string;

package/@types/Tooltip/Tooltip.d.ts

@@ -3,8 +3,7 @@ export type TooltipProps = {
     text?: string;
     delay?: number;
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const Tooltip: React.ForwardRefExoticComponent<{
+export declare const Tooltip: React.ForwardRefExoticComponent<{
     text?: string | undefined;
     delay?: number | undefined;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export default Tooltip;

package/@types/Tree/Node.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { FrameProps } from '../Frame/Frame';
 export declare const icons: {
     readonly FILE_MEDIA: React.FC<import("@react95/icons").MediaCdProps>;
     readonly FILE_TEXT: React.FC<import("@react95/icons").FileTextProps>;
@@ -15,6 +16,7 @@ export type NodeProps = {
     id: number;
     children?: Array<NodeProps>;
     onClick?(event: React.MouseEvent | React.KeyboardEvent, props: NodeProps): void;
-};
-declare const Node: React.FC<NodeProps>;
-export default Node;
+} & Omit<FrameProps, 'id' | 'children'>;
+export type NodeRootProps = Omit<NodeProps, 'children'>;
+export declare const Node: React.FC<NodeProps>;
+export declare const NodeRoot: React.FC<NodeRootProps>;

package/@types/Tree/Tree.css.d.ts

@@ -0,0 +1,16 @@
+export declare const tree: string;
+export declare const node: string;
+export declare const nodeRoot: string;
+export declare const nodeContent: string;
+export declare const label: string;
+export declare const folderStatus: string;
+export declare const iconContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+    hasChildren: {
+        true: {
+            marginLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        false: {
+            marginLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;

package/@types/Tree/Tree.d.ts

@@ -1,10 +1,12 @@
 import React 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>> & {
     icons: typeof icons;
-};
-declare const Tree: TreeComposition;
-export default Tree;
+} & Omit<FrameProps<'ul'>, 'as'>;
+export declare const Tree: TreeComposition;
+export {};

package/@types/Video/Video.css.d.ts

@@ -0,0 +1,18 @@
+export declare const videoTag: import("@vanilla-extract/recipes").RuntimeFn<{
+    visible: {
+        true: {
+            display: "block";
+        };
+        false: {
+            display: "none";
+        };
+    };
+}>;
+export declare const controls: string;
+export declare const countDownContainer: string;
+export declare const videoFont: string;
+export declare const currentTime: string;
+export declare const elapsedTime: string;
+export declare const divider: string;
+export declare const controlBtn: string;
+export declare const range: string;

package/@types/Video/Video.d.ts

@@ -3,8 +3,7 @@ import { FrameProps } from '../Frame/Frame';
 export type VideoProps = {
     name?: string;
     src: string;
-    videoProps?: React.HTMLAttributes<HTMLVideoElement>;
-    style?: React.CSSProperties;
+    videoProps?: React.HTMLProps<HTMLVideoElement>;
 } & FrameProps;
 export type VideoRefs = {
     video: React.Ref<HTMLVideoElement>;
@@ -14,10 +13,4 @@ export type VideoRefs = {
     stop: React.Ref<HTMLButtonElement>;
     fullScreen: React.Ref<HTMLButtonElement>;
 };
-declare const Video: React.ForwardRefExoticComponent<{
-    name?: string | undefined;
-    src: string;
-    videoProps?: React.HTMLAttributes<HTMLVideoElement> | undefined;
-    style?: React.CSSProperties | undefined;
-} & FrameProps & React.RefAttributes<VideoRefs>>;
-export default Video;
+export declare const Video: React.ForwardRefExoticComponent<Omit<VideoProps, "ref"> & React.RefAttributes<VideoRefs>>;

package/@types/index.d.ts

@@ -1,24 +1,25 @@
-import { Modal, ModalContext } from './Modal';
-import { Tab, Tabs } from './Tabs';
-import Alert from './Alert';
-import Avatar from './Avatar';
-import Button from './Button';
-import Checkbox from './Checkbox';
-import Cursor from './Cursor';
-import Dropdown from './Dropdown';
-import Fieldset from './Fieldset';
-import Frame from './Frame';
-import GlobalStyle from './GlobalStyle';
-import Input from './Input';
-import List from './List';
-import ProgressBar from './ProgressBar';
-import RadioButton from './RadioButton';
-import Range from './Range';
-import TaskBar from './TaskBar';
-import TextArea from './TextArea';
-import Tree from './Tree';
-import Tooltip from './Tooltip';
-import TitleBar from './TitleBar';
-import ThemeProvider from './ThemeProvider';
-import Video from './Video';
-export { Alert, Avatar, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, GlobalStyle, Input, List, Modal, ModalContext, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, TitleBar, ThemeProvider, Video, };
+import { Modal } from './Modal/Modal';
+import { ModalContext } from './Modal/ModalContext';
+import { ModalProvider } from './Modal/ModalProvider';
+import { Tabs } from './Tabs/Tabs';
+import { Tab } from './Tabs/Tab';
+import { Alert } from './Alert/Alert';
+import { Avatar } from './Avatar/Avatar';
+import { Button } from './Button/Button';
+import { Checkbox } from './Checkbox/Checkbox';
+import { Cursor } from './Cursor/Cursor.css';
+import { Dropdown } from './Dropdown/Dropdown';
+import { Fieldset } from './Fieldset/Fieldset';
+import { Frame } from './Frame/Frame';
+import { Input } from './Input/Input';
+import { List } from './List/List';
+import { ProgressBar } from './ProgressBar/ProgressBar';
+import { RadioButton } from './RadioButton/RadioButton';
+import { Range } from './Range/Range';
+import { TaskBar } from './TaskBar/TaskBar';
+import { TextArea } from './TextArea/TextArea';
+import { Tree } from './Tree/Tree';
+import { Tooltip } from './Tooltip/Tooltip';
+import { TitleBar } from './TitleBar/TitleBar';
+import { Video } from './Video/Video';
+export { Alert, Avatar, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, Input, List, Modal, ModalContext, ModalProvider, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, TitleBar, Video, };

package/@types/shared/font-names.d.ts

@@ -0,0 +1,2 @@
+export declare const MSSansSerif = "MS Sans Serif";
+export declare const R95VideoNumbers = "React95Video-Numbers";

package/@types/themes/all.d.ts

@@ -0,0 +1,36 @@
+import * as win95 from './win95.css';
+import * as counterStrike from './counterStrike.css';
+import * as bee from './bee.css';
+import * as pamelaAnderson from './pamelaAnderson.css';
+import * as azureOrange from './azureOrange.css';
+import * as olive from './olive.css';
+import * as vaporTeal from './vaporTeal.css';
+import * as matrix from './matrix.css';
+import * as vermillion from './vermillion.css';
+import * as tooSexy from './tooSexy.css';
+import * as ninjaTurtles from './ninjaTurtles.css';
+import * as tokyoDark from './tokyoDark.css';
+import * as molecule from './molecule.css';
+import * as travel from './travel.css';
+import * as theSixtiesUSA from './theSixtiesUSA.css';
+import * as candy from './candy.css';
+import * as modernDark from './modernDark.css';
+import * as storm from './storm.css';
+import * as millenium from './millenium.css';
+import * as spruce from './spruce.css';
+import * as slate from './slate.css';
+import * as rose from './rose.css';
+import * as rainyDay from './rainyDay.css';
+import * as plum from './plum.css';
+import * as marine from './marine.css';
+import * as maple from './maple.css';
+import * as lilac from './lilac.css';
+import * as blackAndWhite from './blackAndWhite.css';
+import * as highContrast from './highContrast.css';
+import * as eggplant from './eggplant.css';
+import * as brick from './brick.css';
+import * as water from './water.css';
+import * as coldGray from './coldGray.css';
+import * as lilacRoseDark from './lilacRoseDark.css';
+import * as violetDark from './violetDark.css';
+export { win95, counterStrike, bee, pamelaAnderson, azureOrange, olive, vaporTeal, matrix, vermillion, tooSexy, ninjaTurtles, tokyoDark, molecule, travel, theSixtiesUSA, candy, modernDark, storm, millenium, spruce, slate, rose, rainyDay, plum, marine, maple, lilac, blackAndWhite, highContrast, eggplant, brick, water, coldGray, lilacRoseDark, violetDark, };

package/@types/themes/azureOrange.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/baseTheme.d.ts

@@ -0,0 +1,88 @@
+declare const colors: {
+    anchor: string;
+    anchorVisited: string;
+    borderDark: string;
+    borderDarkest: string;
+    borderLight: string;
+    borderLighter: string;
+    borderLightest: string;
+    canvas: string;
+    canvasText: string;
+    headerBackground: string;
+    headerNotActiveBackground: string;
+    headerNotActiveText: string;
+    headerText: string;
+    material: string;
+    materialText: string;
+    materialTextDisabled: string;
+    materialTextDisabledShadow: string;
+    materialTextInvert: string;
+    progress: string;
+    inputBackground: string;
+    inputBackgroundDisabled: string;
+};
+type IColors = typeof colors;
+export declare const zIndices: {
+    modal: string;
+    tooltip: string;
+    taskbar: string;
+};
+export declare const generateShadows: (colors: IColors) => {
+    out: string;
+    in: string;
+    input: string;
+};
+export declare const theme: {
+    zIndices: {
+        modal: string;
+        tooltip: string;
+        taskbar: string;
+    };
+    space: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '13': string;
+        '14': string;
+        '15': string;
+        '16': string;
+        '17': string;
+        '18': string;
+        '19': string;
+        '20': string;
+    };
+    colors: {
+        anchor: string;
+        anchorVisited: string;
+        borderDark: string;
+        borderDarkest: string;
+        borderLight: string;
+        borderLighter: string;
+        borderLightest: string;
+        canvas: string;
+        canvasText: string;
+        headerBackground: string;
+        headerNotActiveBackground: string;
+        headerNotActiveText: string;
+        headerText: string;
+        material: string;
+        materialText: string;
+        materialTextDisabled: string;
+        materialTextDisabledShadow: string;
+        materialTextInvert: string;
+        progress: string;
+        inputBackground: string;
+        inputBackgroundDisabled: string;
+    };
+};
+export {};

package/@types/themes/bee.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/blackAndWhite.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/brick.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/candy.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/coldGray.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/contract.css.d.ts

@@ -0,0 +1,116 @@
+export declare const zIndices: {
+    modal: string;
+    tooltip: string;
+    taskbar: string;
+};
+export declare const theme: {
+    space: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '13': string;
+        '14': string;
+        '15': string;
+        '16': string;
+        '17': string;
+        '18': string;
+        '19': string;
+        '20': string;
+    };
+    colors: {
+        anchor: string;
+        anchorVisited: string;
+        borderDark: string;
+        borderDarkest: string;
+        borderLight: string;
+        borderLighter: string;
+        borderLightest: string;
+        canvas: string;
+        canvasText: string;
+        headerBackground: string;
+        headerNotActiveBackground: string;
+        headerNotActiveText: string;
+        headerText: string;
+        material: string;
+        materialText: string;
+        materialTextDisabled: string;
+        materialTextDisabledShadow: string;
+        materialTextInvert: string;
+        progress: string;
+        inputBackground: string;
+        inputBackgroundDisabled: string;
+    };
+    zIndices: {
+        modal: string;
+        tooltip: string;
+        taskbar: string;
+    };
+};
+export declare const contract: {
+    space: {
+        '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    colors: {
+        anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    zIndices: {
+        modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        taskbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    shadows: {
+        out: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        in: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};

package/@types/themes/counterStrike.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/eggplant.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/highContrast.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/lilac.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/lilacRoseDark.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/maple.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/marine.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/matrix.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/millenium.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/modernDark.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/molecule.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/ninjaTurtles.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/olive.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/pamelaAnderson.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/plum.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/rainyDay.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/rose.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/slate.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/spruce.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/storm.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/theSixtiesUSA.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/tokyoDark.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/tooSexy.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/travel.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/themes/vaporTeal.css.d.ts

@@ -0,0 +1 @@
+export {};