@react95/core 5.4.1 → 5.7.0

package/@types/Avatar/Avatar.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { FrameProps } from '../Frame/Frame';
+export interface AvatarProps extends Omit<React.ImgHTMLAttributes<HTMLDivElement>, 'width' | 'color' | 'height'>, FrameProps {
+    circle?: boolean;
+    size?: number;
+}
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+export default Avatar;

package/@types/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+import Avatar from "./Avatar";
+export default Avatar;

package/@types/Frame/Frame.d.ts

@@ -1,4 +1,5 @@
 import { BackgroundsProps, ColorProps, FlexboxesProps, LayoutProps, PositioningProps, ShadowsProps, SpaceProps, OverflowProps } from '@xstyled/system';
-export declare type FrameProps = BackgroundsProps & ColorProps & FlexboxesProps & LayoutProps & PositioningProps & ShadowsProps & SpaceProps & OverflowProps;
+export interface FrameProps extends BackgroundsProps, ColorProps, FlexboxesProps, LayoutProps, PositioningProps, ShadowsProps, SpaceProps, OverflowProps {
+}
 declare const Frame: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, FrameProps, never>;
 export default Frame;

package/@types/List/ListItem.d.ts

@@ -3,6 +3,6 @@ export declare type ListItemProps = {
     icon?: React.ReactElement;
 } & React.HtmlHTMLAttributes<HTMLLIElement>;
 declare const ListItem: React.ForwardRefExoticComponent<{
-    icon?: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | undefined;
+    icon?: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | undefined;
 } & React.HtmlHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
 export default ListItem;

package/@types/Modal/Modal.d.ts

@@ -31,7 +31,7 @@ export declare type ModalProps = {
     hasWindowButton?: boolean;
 } & Omit<WrapperProps, 'active'> & ButtonWrapperProps & React.HTMLAttributes<HTMLDivElement>;
 declare const Modal: React.ForwardRefExoticComponent<{
-    icon?: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | undefined;
+    icon?: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | undefined;
     closeModal(event: React.MouseEvent): void;
     title: string;
     buttons?: ModalButtons[] | undefined;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { PaddingProps, BorderProps, ShadowProps } from 'styled-system';
 export declare type TextAreaProps = PaddingProps & BorderProps & ShadowProps & React.HTMLProps<HTMLTextAreaElement>;
-declare const TextArea: React.ForwardRefExoticComponent<Pick<TextAreaProps, "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "default" | "type" | "name" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "manifest" | "list" | "step" | "width" | "height" | "max" | "media" | "method" | "min" | "target" | "crossOrigin" | "href" | "classID" | "useMap" | "wmode" | "download" | "hrefLang" | "rel" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "dateTime" | "open" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "sizes" | "srcSet" | "async" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "as" | "integrity" | "charSet" | "content" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "start" | "selected" | "defer" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "wrap" | "kind" | "srcLang" | "poster" | "boxShadow" | "textShadow" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "py" | "paddingY" | "paddingX" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft"> & React.RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: React.ForwardRefExoticComponent<Pick<TextAreaProps, "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "default" | "type" | "name" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "manifest" | "step" | "width" | "height" | "size" | "boxShadow" | "textShadow" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "py" | "max" | "media" | "method" | "min" | "target" | "crossOrigin" | "href" | "classID" | "useMap" | "wmode" | "download" | "hrefLang" | "rel" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "dateTime" | "open" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "sizes" | "srcSet" | "async" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "as" | "integrity" | "charSet" | "content" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "start" | "selected" | "defer" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "wrap" | "kind" | "srcLang" | "poster" | "paddingY" | "paddingX" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft"> & React.RefAttributes<HTMLTextAreaElement>>;
 export default TextArea;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { FrameProps } from '../Frame/Frame';
+declare const OptionsBox: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+declare const Option: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    as: string;
+}, "as">;
+interface TitleBarBackgroundProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, FrameProps {
+    active?: boolean;
+    icon?: React.ReactElement;
+    title?: string;
+}
+interface TitleBarOptions {
+    Option: typeof Option;
+    OptionsBox: typeof OptionsBox;
+}
+export interface ITitleBarProps extends TitleBarBackgroundProps, TitleBarOptions {
+}
+declare const TitleBar: ITitleBarProps & React.ForwardRefRenderFunction<HTMLDivElement, TitleBarBackgroundProps>;
+export default TitleBar;

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

@@ -0,0 +1,2 @@
+import TitleBar from './TitleBar';
+export default TitleBar;

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

@@ -1,13 +1,13 @@
 import * as React from 'react';
 export declare const icons: {
-    readonly FILE_MEDIA: React.FC<import("@react95/icons").MediaCdProps>;
-    readonly FILE_TEXT: React.FC<import("@react95/icons").FileTextProps>;
-    readonly FILE_UNKNOWN: React.FC<import("@react95/icons").BatProps>;
-    readonly FILE_FONT: React.FC<import("@react95/icons").FileFont2Props>;
-    readonly FILE_PEN: React.FC<import("@react95/icons").FilePenProps>;
-    readonly FILE_SETTINGS: React.FC<import("@react95/icons").FileSettingsProps>;
-    readonly FILE_TEXT_SETTINGS: React.FC<import("@react95/icons").FileTextSettingsProps>;
-    readonly FILE_EXECUTABLE: React.FC<import("@react95/icons").BatExecProps>;
+    readonly FILE_MEDIA: React.FC<import("@react95/icons/src").MediaCdProps>;
+    readonly FILE_TEXT: React.FC<import("@react95/icons/src").FileTextProps>;
+    readonly FILE_UNKNOWN: React.FC<import("@react95/icons/src").BatProps>;
+    readonly FILE_FONT: React.FC<import("@react95/icons/src").FileFont2Props>;
+    readonly FILE_PEN: React.FC<import("@react95/icons/src").FilePenProps>;
+    readonly FILE_SETTINGS: React.FC<import("@react95/icons/src").FileSettingsProps>;
+    readonly FILE_TEXT_SETTINGS: React.FC<import("@react95/icons/src").FileTextSettingsProps>;
+    readonly FILE_EXECUTABLE: React.FC<import("@react95/icons/src").BatExecProps>;
 };
 export declare type NodeProps = {
     label: string;

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

@@ -12,11 +12,12 @@ export declare type VideoRefs = {
     wrapper: React.Ref<HTMLDivElement>;
     playpause: React.Ref<HTMLButtonElement>;
     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;
-} & import("@xstyled/system").BackgroundsProps & import("@xstyled/system").ColorProps & import("@xstyled/system").FlexboxesProps & import("@xstyled/system").LayoutProps & import("@xstyled/system").PositioningProps & import("@xstyled/system").ShadowsProps & import("@xstyled/system").SpaceProps & import("@xstyled/system").OverflowProps & React.RefAttributes<VideoRefs>>;
+} & FrameProps & React.RefAttributes<VideoRefs>>;
 export default Video;

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

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

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

@@ -1,4 +1,5 @@
 import Play from './Play';
 import Pause from './Pause';
 import Stop from './Stop';
-export { Play, Pause, Stop };
+import Fullscreen from './Fullscreen';
+export { Play, Pause, Stop, Fullscreen };

package/@types/index.d.ts

@@ -1,6 +1,7 @@
 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';
@@ -17,6 +18,7 @@ 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, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, GlobalStyle, Input, List, Modal, ModalContext, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, ThemeProvider, 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, };

package/@types/shared/test/utils.d.ts

@@ -4,7 +4,7 @@ declare const customRender: (ui: React.ReactElement, options?: Pick<RenderOption
 declare const waitRender: (ui: React.ReactElement, options?: Pick<RenderOptions<typeof import("@testing-library/dom/types/queries")>, "container" | "baseElement" | "hydrate" | "wrapper"> | undefined) => Promise<{
     baseElement: HTMLElement;
     debug: (baseElement?: HTMLElement | DocumentFragment | (HTMLElement | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format/build/types").OptionsReceived | undefined) => void;
-    rerender: (ui: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, string | any | (new (props: any) => import("react").Component<any, any, any>)> | null) | (new (props: any) => import("react").Component<any, any, any>)>) => void;
+    rerender: (ui: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>) => void;
     unmount: () => boolean;
     asFragment: () => DocumentFragment;
     getByLabelText: (text: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: unknown) => HTMLElement;

package/README.md

@@ -62,7 +62,10 @@ steps:
 
 ```javascript
 const withFonts = require('next-fonts');
-const withTM = require('next-transpile-modules')(['@react95/core']);
+const withTM = require('next-transpile-modules')([
+  '@react95/core',
+  '@react95/icons',
+]);
 
 module.exports = withTM(withFonts());
 ```

package/cjs/Alert/Alert.js

@@ -15,11 +15,15 @@ var _icons = require("@react95/icons");
 
 var _Modal = _interopRequireDefault(require("../Modal/Modal"));
 
+var _excluded = ["type", "message", "closeAlert", "hasSound"];
+
+var _templateObject, _templateObject2, _templateObject3;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -27,36 +31,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  padding: 7 15 7 7;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 /* babel-plugin-inline-import './assets/chord.mp3' */
@@ -89,11 +63,11 @@ var RenderImage = function RenderImage(_ref) {
   }
 };
 
-var Message = _styledComponents["default"].div(_templateObject());
+var Message = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
 
-var IconWrapper = _styledComponents["default"].div(_templateObject2());
+var IconWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 7 15 7 7;\n"])));
 
-var Dialog = _styledComponents["default"].div(_templateObject3());
+var Dialog = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n"])));
 
 var Alert = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var _ref2$type = _ref2.type,
@@ -101,7 +75,7 @@ var Alert = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
       message = _ref2.message,
       closeAlert = _ref2.closeAlert,
       hasSound = _ref2.hasSound,
-      rest = _objectWithoutProperties(_ref2, ["type", "message", "closeAlert", "hasSound"]);
+      rest = _objectWithoutProperties(_ref2, _excluded);
 
   if (hasSound) {
     (0, _react.useEffect)(function () {

package/cjs/Avatar/Avatar.js

@@ -0,0 +1,63 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
+
+var _Frame = _interopRequireDefault(require("../Frame/Frame"));
+
+var _excluded = ["src", "srcSet", "alt", "circle", "children"];
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var Image = _styledComponents["default"].img(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-width: 100%;\n"])));
+
+var StyledAvatar = (0, _styledComponents["default"])(_Frame["default"])(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-weight: bold;\n  overflow: hidden;\n  margin-right: 1;\n  margin-bottom: 1;\n\n  box-shadow: unset;\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+  var circle = _ref.circle,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 48 : _ref$size;
+  return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    border-radius: ", ";\n\n    width: ", ";\n    height: ", ";\n  "])), circle ? '50%' : 0, size, size);
+}, function (_ref2) {
+  var circle = _ref2.circle;
+  return circle ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          border-style: solid;\n          border-width: 1;\n          border-top-color: borderDark;\n          border-right-color: borderLightest;\n          border-bottom-color: borderLightest;\n          border-left-color: borderDark;\n        "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          box-shadow: in;\n          padding-left: 1;\n        "])));
+});
+var Avatar = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
+  var src = _ref3.src,
+      srcSet = _ref3.srcSet,
+      alt = _ref3.alt,
+      circle = _ref3.circle,
+      children = _ref3.children,
+      otherProps = _objectWithoutProperties(_ref3, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledAvatar, _extends({
+    circle: circle,
+    ref: ref
+  }, otherProps), src || srcSet ? /*#__PURE__*/React.createElement(Image, {
+    src: src,
+    srcSet: srcSet,
+    alt: alt
+  }) : children);
+});
+var _default = Avatar;
+exports["default"] = _default;

package/cjs/Avatar/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Avatar = _interopRequireDefault(require("./Avatar"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _Avatar["default"];
+exports["default"] = _default;

package/cjs/Button/Button.js

@@ -9,21 +9,13 @@ var _styledComponents = _interopRequireDefault(require("@xstyled/styled-componen
 
 var _system = require("@xstyled/system");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  background-color: material;\n  padding: 7 20 5;\n  border: none;\n  color: materialText;\n\n  font-size: 12px;\n\n  box-shadow: inset 1px 1px 0px 1px ", ",\n    inset 0 0 0 1px ", ",\n    1px 1px 0 0px ", ";\n\n  &:disabled {\n    color: materialTextDisabled;\n  }\n\n  &:focus {\n    outline: ", "px dotted ", ";\n    outline-offset: -", "px;\n\n    box-shadow: inset 1px 1px 0px 1px ", ",\n      inset -0.5px -0.5px 0px 1px ", ",\n      1px 1px 0 1px ", ";\n  }\n\n  &:active {\n    padding: 8 20 4;\n\n    outline: ", "px dotted ", ";\n    outline-offset: -", "px;\n\n    box-shadow: inset 0 0 0 1px ", ",\n      0 0 0 1px ", ";\n  }\n"]);
+var _templateObject;
 
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Button = _styledComponents["default"].button(_templateObject(), (0, _system.th)('colors.borderLightest'), (0, _system.th)('colors.borderDark'), (0, _system.th)('colors.borderDarkest'), (0, _system.th)('space.1'), (0, _system.th)('colors.materialText'), (0, _system.th)('space.5'), (0, _system.th)('colors.borderLightest'), (0, _system.th)('colors.borderDark'), (0, _system.th)('colors.borderDarkest'), (0, _system.th)('space.1'), (0, _system.th)('colors.borderDarkest'), (0, _system.th)('space.5'), (0, _system.th)('colors.borderDark'), (0, _system.th)('colors.borderDarkest'));
+var Button = _styledComponents["default"].button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: material;\n  padding: 7 20 5;\n  border: none;\n  color: materialText;\n\n  font-size: 12px;\n\n  box-shadow: inset 1px 1px 0px 1px ", ",\n    inset 0 0 0 1px ", ",\n    1px 1px 0 0px ", ";\n\n  &:disabled {\n    color: materialTextDisabled;\n  }\n\n  &:focus {\n    outline: ", "px dotted ", ";\n    outline-offset: -", "px;\n\n    box-shadow: inset 1px 1px 0px 1px ", ",\n      inset -0.5px -0.5px 0px 1px ", ",\n      1px 1px 0 1px ", ";\n  }\n\n  &:active {\n    padding: 8 20 4;\n\n    outline: ", "px dotted ", ";\n    outline-offset: -", "px;\n\n    box-shadow: inset 0 0 0 1px ", ",\n      0 0 0 1px ", ";\n  }\n"])), (0, _system.th)('colors.borderLightest'), (0, _system.th)('colors.borderDark'), (0, _system.th)('colors.borderDarkest'), (0, _system.th)('space.1'), (0, _system.th)('colors.materialText'), (0, _system.th)('space.5'), (0, _system.th)('colors.borderLightest'), (0, _system.th)('colors.borderDark'), (0, _system.th)('colors.borderDarkest'), (0, _system.th)('space.1'), (0, _system.th)('colors.borderDarkest'), (0, _system.th)('space.5'), (0, _system.th)('colors.borderDark'), (0, _system.th)('colors.borderDarkest'));
 
 Button.defaultProps = {
   children: 'Ok'

package/cjs/Checkbox/Checkbox.js

@@ -17,11 +17,15 @@ var _check = _interopRequireDefault(require("./imgs/check.svg"));
 
 var _checkDisabled = _interopRequireDefault(require("./imgs/check-disabled.svg"));
 
+var _excluded = ["children", "style", "checked", "label", "disabled"];
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -29,71 +33,21 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n      color: borderDark;\n      text-shadow: 0.5px 0.5px ", ";\n    "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n  display: inline-block;\n  height: 15px;\n\n  line-height: 1.5;\n\n  position: relative;\n\n  margin: 4 0;\n  padding-left: 20;\n\n  ", "\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  width: 12px;\n  height: 12px;\n\n  margin: 0;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  opacity: 0;\n\n  &:focus ~ ", ", &:active ~ ", " {\n    border-width: 1;\n    border-style: dotted;\n    padding: 0;\n  }\n\n  &:checked + ", " {\n    background-image: url('", "');\n  }\n\n  &:checked &:disabled + ", " {\n    background-image: url('", "');\n    background-size: 7px 7px, 1.9px 1.9px;\n  }\n\n  &:disabled + ", " {\n    background-color: inputBackgroundDisabled;\n  }\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  padding: 1;\n  user-select: none;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  width: 12px;\n  height: 12px;\n\n  content: '';\n  display: inline-block;\n\n  position: absolute;\n  left: 0;\n\n  border-left: 1;\n  border-left-color: borderDark;\n  border-top: 1;\n  border-top-color: borderDark;\n\n  box-shadow: inset -1px -1px 0 0 ", ",\n    inset 1px 1px 0 0 ", ",\n    0.5px 0.5px 0 0.5px ", ";\n\n  background-color: inputBackground;\n\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 7px 7px;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Icon = _styledComponents["default"].span(_templateObject(), (0, _system.th)('colors.material'), (0, _system.th)('colors.borderDarkest'), (0, _system.th)('colors.borderLightest'));
+var Icon = _styledComponents["default"].span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 12px;\n  height: 12px;\n\n  content: '';\n  display: inline-block;\n\n  position: absolute;\n  left: 0;\n\n  border-left: 1;\n  border-left-color: borderDark;\n  border-top: 1;\n  border-top-color: borderDark;\n\n  box-shadow: inset -1px -1px 0 0 ", ",\n    inset 1px 1px 0 0 ", ",\n    0.5px 0.5px 0 0.5px ", ";\n\n  background-color: inputBackground;\n\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 7px 7px;\n"])), (0, _system.th)('colors.material'), (0, _system.th)('colors.borderDarkest'), (0, _system.th)('colors.borderLightest'));
 
-var Text = _styledComponents["default"].span(_templateObject2());
+var Text = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 1;\n  user-select: none;\n"])));
 
 var Field = _styledComponents["default"].input.attrs({
   type: 'checkbox'
-})(_templateObject3(), Text, Text, Icon, _check["default"], Icon, _checkDisabled["default"], Icon);
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 12px;\n  height: 12px;\n\n  margin: 0;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  opacity: 0;\n\n  &:focus ~ ", ", &:active ~ ", " {\n    border-width: 1;\n    border-style: dotted;\n    padding: 0;\n  }\n\n  &:checked + ", " {\n    background-image: url('", "');\n  }\n\n  &:checked &:disabled + ", " {\n    background-image: url('", "');\n    background-size: 7px 7px, 1.9px 1.9px;\n  }\n\n  &:disabled + ", " {\n    background-color: inputBackgroundDisabled;\n  }\n"])), Text, Text, Icon, _check["default"], Icon, _checkDisabled["default"], Icon);
 
 Field.displayName = 'Field';
 
-var Label = _styledComponents["default"].label(_templateObject4(), function (_ref) {
+var Label = _styledComponents["default"].label(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: inline-block;\n  height: 15px;\n\n  line-height: 1.5;\n\n  position: relative;\n\n  margin: 4 0;\n  padding-left: 20;\n\n  ", "\n"])), function (_ref) {
   var disabled = _ref.disabled;
-  return disabled && (0, _styledComponents.css)(_templateObject5(), (0, _system.th)('colors.borderLight'));
+  return disabled && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      color: borderDark;\n      text-shadow: 0.5px 0.5px ", ";\n    "])), (0, _system.th)('colors.borderLight'));
 });
 
 var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
@@ -103,7 +57,7 @@ var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
       label = _ref2.label,
       _ref2$disabled = _ref2.disabled,
       disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-      rest = _objectWithoutProperties(_ref2, ["children", "style", "checked", "label", "disabled"]);
+      rest = _objectWithoutProperties(_ref2, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement(Label, {
     style: style,

package/cjs/Dropdown/Dropdown.js

@@ -15,11 +15,15 @@ var _system = require("@xstyled/system");
 
 var _downcaret = _interopRequireDefault(require("./imgs/downcaret.png"));
 
+var _excluded = ["options"];
+
+var _templateObject, _templateObject2;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -27,35 +31,15 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n  outline: none;\n  border: none;\n  border-radius: 0;\n  width: 100%;\n  height: 20px;\n\n  padding: 3;\n\n  color: materialText;\n  background-color: inputBackground;\n\n  border-left: 1;\n  border-left-color: borderDark;\n  border-top: 1;\n  border-top-color: borderDark;\n\n  box-shadow: inset -1px -1px 0 0 ", ",\n    inset 1px 1px 0 0 ", ",\n    0.5px 0.5px 0 0.5px ", ";\n\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n  width: 200px;\n  height: 20px;\n\n  &:after {\n    display: flex;\n    justify-content: center;\n    width: 17px;\n    height: 16px;\n    font-size: 14px;\n    line-height: 1.1;\n    content: '';\n    pointer-events: none;\n    position: absolute;\n    right: 1px;\n    top: 2px;\n\n    background-color: material;\n    box-shadow: inset 0.5px 0.7px 0px 0.7px ", ",\n      inset -1px 0px 0 1px ", ", inset 1.5px 1.5px 0px 1.5px ", ";\n\n    border-right: 1;\n    border-bottom: 1;\n\n    background-image: url('", "');\n    background-position: 60% 60%;\n    background-repeat: no-repeat;\n  }\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Wrapper = _styledComponents["default"].div(_templateObject(), (0, _system.th)('colors.material'), (0, _system.th)('colors.borderDark'), (0, _system.th)('colors.borderLightest'), _downcaret["default"]);
+var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  width: 200px;\n  height: 20px;\n\n  &:after {\n    display: flex;\n    justify-content: center;\n    width: 17px;\n    height: 16px;\n    font-size: 14px;\n    line-height: 1.1;\n    content: '';\n    pointer-events: none;\n    position: absolute;\n    right: 1px;\n    top: 2px;\n\n    background-color: material;\n    box-shadow: inset 0.5px 0.7px 0px 0.7px ", ",\n      inset -1px 0px 0 1px ", ", inset 1.5px 1.5px 0px 1.5px ", ";\n\n    border-right: 1;\n    border-bottom: 1;\n\n    background-image: url('", "');\n    background-position: 60% 60%;\n    background-repeat: no-repeat;\n  }\n"])), (0, _system.th)('colors.material'), (0, _system.th)('colors.borderDark'), (0, _system.th)('colors.borderLightest'), _downcaret["default"]);
 
-var Select = _styledComponents["default"].select(_templateObject2(), (0, _system.th)('colors.material'), (0, _system.th)('colors.borderDarkest'), (0, _system.th)('colors.borderLightest'));
+var Select = _styledComponents["default"].select(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  outline: none;\n  border: none;\n  border-radius: 0;\n  width: 100%;\n  height: 20px;\n\n  padding: 3;\n\n  color: materialText;\n  background-color: inputBackground;\n\n  border-left: 1;\n  border-left-color: borderDark;\n  border-top: 1;\n  border-top-color: borderDark;\n\n  box-shadow: inset -1px -1px 0 0 ", ",\n    inset 1px 1px 0 0 ", ",\n    0.5px 0.5px 0 0.5px ", ";\n\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n"])), (0, _system.th)('colors.material'), (0, _system.th)('colors.borderDarkest'), (0, _system.th)('colors.borderLightest'));
 
 var Dropdown = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var options = _ref.options,
-      rest = _objectWithoutProperties(_ref, ["options"]);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement(Wrapper, null, /*#__PURE__*/_react["default"].createElement(Select, _extends({}, rest, {
     ref: ref