welcome-ui 8.0.0-alpha.0 → 8.1.0-alpha.0

package/dist/types/components/Drawer/styles.d.ts

@@ -1,16 +1,16 @@
 import { DrawerOptions } from '.';
-import * as Ariakit from '@ariakit/react';
+import type * as Ariakit from '@ariakit/react';
 export declare const Drawer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, Pick<DrawerOptions, "size" | "placement">>> & string;
 export declare const Backdrop: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, {
     hideOnInteractOutside: Ariakit.DialogProps["hideOnInteractOutside"];
 }>> & string;
 export declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>> & string;
 export declare const Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>> & string;
-export declare const CloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import('../System').WuiProps>, "animation" | "animationDuration" | "animationTimingFunction" | "background" | "backgroundColor" | "bg" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "backgroundAttachment" | "backgroundClip" | "gradientFrom" | "gradientVia" | "gradientTo" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderBottomColor" | "borderLeftColor" | "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderStyle" | "borderTopStyle" | "borderRightStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRadius" | "outline" | "outlineColor" | "outlineWidth" | "outlineStyle" | "outlineOffset" | "divideX" | "divideY" | "divideXReverse" | "divideYReverse" | "divideColor" | "divideStyle" | "ring" | "ringInset" | "ringColor" | "opacity" | "boxShadow" | "textShadow" | "row" | "col" | "display" | "alignItems" | "alignContent" | "justifyContent" | "justifyItems" | "flexWrap" | "flexBasis" | "flexShrink" | "flexGrow" | "flexDirection" | "flex" | "justifySelf" | "alignSelf" | "order" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "appearance" | "cursor" | "pointerEvents" | "resize" | "userSelect" | "float" | "boxSizing" | "container" | "overflow" | "overflowX" | "overflowY" | "position" | "zIndex" | "top" | "right" | "bottom" | "left" | "visibility" | "overscrollBehavior" | "objectFit" | "w" | "h" | "maxWidth" | "maxW" | "maxHeight" | "maxH" | "minWidth" | "minHeight" | "minH" | "maskSize" | "margin" | "m" | "marginTop" | "mt" | "marginRight" | "mr" | "marginBottom" | "mb" | "marginLeft" | "ml" | "mx" | "my" | "padding" | "p" | "paddingTop" | "pt" | "paddingRight" | "pr" | "paddingBottom" | "pb" | "paddingLeft" | "pl" | "px" | "py" | "spaceX" | "spaceY" | "spaceXReverse" | "spaceYReverse" | "fill" | "stroke" | "borderCollapse" | "tableLayout" | "transform" | "transformOrigin" | "translateX" | "translateY" | "rotate" | "skewX" | "skewY" | "scale" | "scaleX" | "scaleY" | "transition" | "transitionProperty" | "transitionDuration" | "transitionTimingFunction" | "transitionDelay" | "fontFamily" | "fontSize" | "fontStyle" | "fontVariant" | "lineHeight" | "fontWeight" | "textAlign" | "letterSpacing" | "color" | "textTransform" | "textDecoration" | "verticalAlign" | "whiteSpace" | "textOverflow" | "listStyleType" | "listStylePosition" | "text" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "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" | "onResize" | "onResizeCapture" | "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" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | keyof import('react').ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "as" | "dataTestId" | keyof import('../Button').ButtonOptions> & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import('../System').WuiProps>, keyof import('../Button').ButtonOptions> & import('../Button').ButtonOptions & Omit<import('../System').WuiProps & import('../System').WuiTestProps & {
+export declare const CloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import('../System').WuiProps>, "col" | "form" | "p" | "slot" | "style" | "title" | "text" | "animation" | "animationDuration" | "animationTimingFunction" | "background" | "backgroundColor" | "bg" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "backgroundAttachment" | "backgroundClip" | "gradientFrom" | "gradientVia" | "gradientTo" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderBottomColor" | "borderLeftColor" | "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderStyle" | "borderTopStyle" | "borderRightStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRadius" | "outline" | "outlineColor" | "outlineWidth" | "outlineStyle" | "outlineOffset" | "divideX" | "divideY" | "divideXReverse" | "divideYReverse" | "divideColor" | "divideStyle" | "ring" | "ringInset" | "ringColor" | "opacity" | "boxShadow" | "textShadow" | "row" | "display" | "alignItems" | "alignContent" | "justifyContent" | "justifyItems" | "flexWrap" | "flexBasis" | "flexShrink" | "flexGrow" | "flexDirection" | "flex" | "justifySelf" | "alignSelf" | "order" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "appearance" | "cursor" | "pointerEvents" | "resize" | "userSelect" | "float" | "boxSizing" | "container" | "overflow" | "overflowX" | "overflowY" | "position" | "zIndex" | "top" | "right" | "bottom" | "left" | "visibility" | "overscrollBehavior" | "objectFit" | "w" | "h" | "maxWidth" | "maxW" | "maxHeight" | "maxH" | "minWidth" | "minHeight" | "minH" | "maskSize" | "margin" | "m" | "marginTop" | "mt" | "marginRight" | "mr" | "marginBottom" | "mb" | "marginLeft" | "ml" | "mx" | "my" | "padding" | "paddingTop" | "pt" | "paddingRight" | "pr" | "paddingBottom" | "pb" | "paddingLeft" | "pl" | "px" | "py" | "spaceX" | "spaceY" | "spaceXReverse" | "spaceYReverse" | "fill" | "stroke" | "borderCollapse" | "tableLayout" | "transform" | "transformOrigin" | "translateX" | "translateY" | "rotate" | "skewX" | "skewY" | "scale" | "scaleX" | "scaleY" | "transition" | "transitionProperty" | "transitionDuration" | "transitionTimingFunction" | "transitionDelay" | "fontFamily" | "fontSize" | "fontStyle" | "fontVariant" | "lineHeight" | "fontWeight" | "textAlign" | "letterSpacing" | "color" | "textTransform" | "textDecoration" | "verticalAlign" | "whiteSpace" | "textOverflow" | "listStyleType" | "listStylePosition" | "as" | "dataTestId" | "hidden" | "children" | "content" | "translate" | "name" | "onClick" | "suppressHydrationWarning" | "className" | "id" | "lang" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "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" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "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" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import('react').ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | keyof import('../Button').ButtonOptions> & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import('../System').WuiProps>, keyof import('../Button').ButtonOptions> & import('../Button').ButtonOptions & Omit<{
     as?: import('../System').As;
-}, keyof import('../Button').ButtonOptions> & Omit<import('../System').WuiProps & import('../System').WuiTestProps & {
+} & import('../System').WuiProps & import('../System').WuiTestProps, keyof import('../Button').ButtonOptions> & Omit<{
     as?: import('../System').As;
-}, "animation" | "animationDuration" | "animationTimingFunction" | "background" | "backgroundColor" | "bg" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "backgroundAttachment" | "backgroundClip" | "gradientFrom" | "gradientVia" | "gradientTo" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderBottomColor" | "borderLeftColor" | "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderStyle" | "borderTopStyle" | "borderRightStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRadius" | "outline" | "outlineColor" | "outlineWidth" | "outlineStyle" | "outlineOffset" | "divideX" | "divideY" | "divideXReverse" | "divideYReverse" | "divideColor" | "divideStyle" | "ring" | "ringInset" | "ringColor" | "opacity" | "boxShadow" | "textShadow" | "row" | "col" | "display" | "alignItems" | "alignContent" | "justifyContent" | "justifyItems" | "flexWrap" | "flexBasis" | "flexShrink" | "flexGrow" | "flexDirection" | "flex" | "justifySelf" | "alignSelf" | "order" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "appearance" | "cursor" | "pointerEvents" | "resize" | "userSelect" | "float" | "boxSizing" | "container" | "overflow" | "overflowX" | "overflowY" | "position" | "zIndex" | "top" | "right" | "bottom" | "left" | "visibility" | "overscrollBehavior" | "objectFit" | "w" | "h" | "maxWidth" | "maxW" | "maxHeight" | "maxH" | "minWidth" | "minHeight" | "minH" | "maskSize" | "margin" | "m" | "marginTop" | "mt" | "marginRight" | "mr" | "marginBottom" | "mb" | "marginLeft" | "ml" | "mx" | "my" | "padding" | "p" | "paddingTop" | "pt" | "paddingRight" | "pr" | "paddingBottom" | "pb" | "paddingLeft" | "pl" | "px" | "py" | "spaceX" | "spaceY" | "spaceXReverse" | "spaceYReverse" | "fill" | "stroke" | "borderCollapse" | "tableLayout" | "transform" | "transformOrigin" | "translateX" | "translateY" | "rotate" | "skewX" | "skewY" | "scale" | "scaleX" | "scaleY" | "transition" | "transitionProperty" | "transitionDuration" | "transitionTimingFunction" | "transitionDelay" | "fontFamily" | "fontSize" | "fontStyle" | "fontVariant" | "lineHeight" | "fontWeight" | "textAlign" | "letterSpacing" | "color" | "textTransform" | "textDecoration" | "verticalAlign" | "whiteSpace" | "textOverflow" | "listStyleType" | "listStylePosition" | "text" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "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" | "onResize" | "onResizeCapture" | "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" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | keyof import('react').ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "as" | "dataTestId" | keyof import('../Button').ButtonOptions>, "ref"> & {
-    ref?: import('react').Ref<HTMLButtonElement>;
+} & import('../System').WuiProps & import('../System').WuiTestProps, "col" | "form" | "p" | "slot" | "style" | "title" | "text" | "animation" | "animationDuration" | "animationTimingFunction" | "background" | "backgroundColor" | "bg" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "backgroundAttachment" | "backgroundClip" | "gradientFrom" | "gradientVia" | "gradientTo" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderBottomColor" | "borderLeftColor" | "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderStyle" | "borderTopStyle" | "borderRightStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRadius" | "outline" | "outlineColor" | "outlineWidth" | "outlineStyle" | "outlineOffset" | "divideX" | "divideY" | "divideXReverse" | "divideYReverse" | "divideColor" | "divideStyle" | "ring" | "ringInset" | "ringColor" | "opacity" | "boxShadow" | "textShadow" | "row" | "display" | "alignItems" | "alignContent" | "justifyContent" | "justifyItems" | "flexWrap" | "flexBasis" | "flexShrink" | "flexGrow" | "flexDirection" | "flex" | "justifySelf" | "alignSelf" | "order" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "appearance" | "cursor" | "pointerEvents" | "resize" | "userSelect" | "float" | "boxSizing" | "container" | "overflow" | "overflowX" | "overflowY" | "position" | "zIndex" | "top" | "right" | "bottom" | "left" | "visibility" | "overscrollBehavior" | "objectFit" | "w" | "h" | "maxWidth" | "maxW" | "maxHeight" | "maxH" | "minWidth" | "minHeight" | "minH" | "maskSize" | "margin" | "m" | "marginTop" | "mt" | "marginRight" | "mr" | "marginBottom" | "mb" | "marginLeft" | "ml" | "mx" | "my" | "padding" | "paddingTop" | "pt" | "paddingRight" | "pr" | "paddingBottom" | "pb" | "paddingLeft" | "pl" | "px" | "py" | "spaceX" | "spaceY" | "spaceXReverse" | "spaceYReverse" | "fill" | "stroke" | "borderCollapse" | "tableLayout" | "transform" | "transformOrigin" | "translateX" | "translateY" | "rotate" | "skewX" | "skewY" | "scale" | "scaleX" | "scaleY" | "transition" | "transitionProperty" | "transitionDuration" | "transitionTimingFunction" | "transitionDelay" | "fontFamily" | "fontSize" | "fontStyle" | "fontVariant" | "lineHeight" | "fontWeight" | "textAlign" | "letterSpacing" | "color" | "textTransform" | "textDecoration" | "verticalAlign" | "whiteSpace" | "textOverflow" | "listStyleType" | "listStylePosition" | "as" | "dataTestId" | "hidden" | "children" | "content" | "translate" | "name" | "onClick" | "suppressHydrationWarning" | "className" | "id" | "lang" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "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" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "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" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import('react').ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | keyof import('../Button').ButtonOptions>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
 }, never>> & string & Omit<import('../System').CreateWuiComponent<"button", import('../Button').ButtonProps>, keyof import('react').Component<any, {}, any>>;
 export declare const Footer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>> & string;

package/dist/types/components/Drawer/theme.d.ts

@@ -1,6 +1,5 @@
 import { CSSObject } from '@xstyled/styled-components';
-import { ThemeValues } from '../../theme';
-type Size = 'sm' | 'md' | 'lg';
+import { ThemeValues } from '../theme';
 export type ThemeDrawers = {
     backdrop: CSSObject;
     closeButton: CSSObject;
@@ -13,5 +12,6 @@ export type ThemeDrawers = {
     };
     title: CSSObject;
 };
+type Size = 'lg' | 'md' | 'sm';
 export declare const getDrawers: (theme: ThemeValues) => ThemeDrawers;
 export {};

package/dist/types/components/DropdownMenu/index.d.ts

@@ -1,5 +1,5 @@
-import { ThemeValues } from '../../theme';
 import { CreateWuiProps, WuiProps } from '../System';
+import { ThemeValues } from '../theme';
 import * as Ariakit from '@ariakit/react';
 export interface DropdownMenuOptions extends Omit<Ariakit.MenuProps, 'gutter'> {
     /** default 4px (space.xs) */
@@ -11,15 +11,15 @@ export type DropdownMenuProps = CreateWuiProps<'div', DropdownMenuOptions>;
 export type UseDropdownMenu = Ariakit.MenuStore;
 export type UseDropdownMenuProps = Ariakit.MenuStoreProps;
 export type UseDropdownMenuState = Ariakit.MenuStoreState;
-export declare function useDropdownMenu(options?: UseDropdownMenuProps): UseDropdownMenu;
 type TriggerOptions = {
     store: UseDropdownMenu;
 };
 type TriggerProps = CreateWuiProps<'button', TriggerOptions>;
+export declare function useDropdownMenu(options?: UseDropdownMenuProps): UseDropdownMenu;
 export declare const DropdownMenu: import('../System').CreateWuiComponent<"div", DropdownMenuProps> & {
-    Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
+    Arrow: import('../System').CreateWuiComponent<"div", import('./Arrow').ArrowProps>;
     Item: import('../System').CreateWuiComponent<"button", import('./Item').ItemProps>;
     Separator: import('../System').CreateWuiComponent<"div", import('./Separator').SeparatorProps>;
-    Arrow: import('../System').CreateWuiComponent<"div", import('./Arrow').ArrowProps>;
+    Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
 };
 export {};

package/dist/types/components/DropdownMenu/theme.d.ts

@@ -1,5 +1,5 @@
 import { CSSObject } from '@xstyled/styled-components';
-import { ThemeValues } from '../../theme';
+import { ThemeValues } from '../theme';
 export type ThemeDropdownMenu = {
     inner: CSSObject;
     item: CSSObject;

package/dist/types/components/Field/index.d.ts

@@ -1,21 +1,21 @@
 import { default as React } from 'react';
-import { getBaseType } from './utils';
 import { CreateWuiProps } from '../System';
-type VariantProps = {
-    error?: string | JSX.Element;
-    success?: string | JSX.Element;
-    warning?: string | JSX.Element;
-};
+import { getBaseType } from './utils';
 export interface FieldOptions extends VariantProps {
     children: JSX.Element;
     disabled?: boolean;
     disabledIcon?: JSX.Element;
-    hint?: string | JSX.Element;
-    label?: string | JSX.Element;
+    hint?: JSX.Element | string;
+    label?: JSX.Element | string;
     required?: boolean;
     transparent?: boolean;
 }
 export type FieldProps = CreateWuiProps<'div', FieldOptions>;
+type VariantProps = {
+    error?: JSX.Element | string;
+    success?: JSX.Element | string;
+    warning?: JSX.Element | string;
+};
 export declare const Field: import('../System').CreateWuiComponent<"div", FieldProps>;
 export declare const IconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, {
     iconPlacement: "left" | "right";

package/dist/types/components/Field/styles.d.ts

@@ -1,5 +1,5 @@
-import { DefaultFieldIconSize } from '../../utils/field-styles';
 import { WuiProps } from '../System';
+import { DefaultFieldIconSize } from '../../utils/field-styles';
 type StyledFieldProps = {
     checked?: boolean;
     flexDirection: WuiProps['flexDirection'];

package/dist/types/components/Field/utils.d.ts

@@ -1,5 +1,5 @@
 import { FieldOptions } from '.';
 export declare const getBaseType: (type: string) => string;
-export declare const getVariant: ({ error, success, warning, }: Pick<FieldOptions, "error" | "success" | "warning">) => "danger" | "warning" | "success";
+export declare const getVariant: ({ error, success, warning, }: Pick<FieldOptions, "error" | "success" | "warning">) => "danger" | "success" | "warning" | undefined;
 export declare const generateRandomId: () => string;
 export declare const forwardedProps: string[];

package/dist/types/components/FileDrop/FilePreview.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-import { FileDropChildren } from './index';
 import { ForceFileType } from '../Files';
+import { FileDropChildren } from './index';
 export interface MessageProps {
     file: FileDropChildren['file'];
     fileName?: string;
     forceFileType?: ForceFileType;
 }
-export declare const FilePreview: React.FC<MessageProps & FileDropChildren['wordings']>;
+export declare const FilePreview: React.FC<FileDropChildren['wordings'] & MessageProps>;

package/dist/types/components/FileDrop/Message.d.ts

@@ -4,4 +4,4 @@ export interface MessageProps {
     disabled?: boolean;
     openFile?: FileDropChildren['openFile'];
 }
-export declare const Message: React.FC<MessageProps & FileDropChildren['wordings']>;
+export declare const Message: React.FC<FileDropChildren['wordings'] & MessageProps>;

package/dist/types/components/FileDrop/index.d.ts

@@ -1,26 +1,14 @@
-import { default as React } from 'react';
 import { Accept, DropEvent, DropzoneProps, DropzoneState } from 'react-dropzone';
-import { CreateEvent } from '../../utils/create-event';
+import { default as React } from 'react';
 import { ForceFileType } from '../Files';
 import { CreateWuiProps } from '../System';
-export interface FileWithPreview extends File {
-    preview?: string;
-}
-type FileType = string | FileWithPreview;
-type FileUrlType = string | URL;
-type OpenType = DropzoneState['open'];
-type WordingsType = {
-    fileButtonText?: string | JSX.Element;
-    hint?: string | JSX.Element;
-    previewButtonText?: string | JSX.Element;
-    title?: string | JSX.Element;
-};
+import { CreateEvent } from '../../utils/create-event';
 export type FileDropChildren = {
     disabled?: boolean;
-    error?: string;
-    file?: FileType;
+    error?: null | string;
+    file?: FileType | null;
     fileName?: string;
-    fileUrl?: FileUrlType;
+    fileUrl?: FileUrlType | null;
     forceFileType?: ForceFileType;
     isAnImage?: boolean;
     isHoverAccept?: DropzoneState['isDragAccept'];
@@ -34,19 +22,31 @@ export interface FileDropOptions {
     children?: (state: FileDropChildren) => JSX.Element;
     fileName?: string;
     forceFileType?: ForceFileType;
-    handleAddFile?: (event: DropEvent | React.ChangeEvent<HTMLInputElement> | CreateEvent) => void;
-    handleRemoveFile?: (event: DropEvent | React.ChangeEvent<HTMLInputElement> | CreateEvent) => void;
+    handleAddFile?: (event: CreateEvent | DropEvent | React.ChangeEvent<HTMLInputElement>) => void;
+    handleRemoveFile?: (event: CreateEvent | DropEvent | React.ChangeEvent<HTMLInputElement>) => void;
     isClearable?: boolean;
     isEditable?: boolean;
     name?: string;
     onBlur?: () => void;
-    onChange?: (event: DropEvent | React.ChangeEvent<HTMLInputElement> | CreateEvent) => void;
+    onChange?: (event: CreateEvent | DropEvent | React.ChangeEvent<HTMLInputElement>) => void;
     onError?: (event?: string) => void;
     value: FileType;
     /** Pass an object with optional fields title, hint, fileButtonText and/or previewButtonText (string or JSX.Element) */
     wordings?: WordingsType;
 }
 export type FileDropProps = CreateWuiProps<'div', FileDropOptions> & Omit<DropzoneProps, 'children'>;
+export interface FileWithPreview extends File {
+    preview?: string;
+}
+type FileType = FileWithPreview | string;
+type FileUrlType = string | URL;
+type OpenType = DropzoneState['open'];
+type WordingsType = {
+    fileButtonText?: JSX.Element | string;
+    hint?: JSX.Element | string;
+    previewButtonText?: JSX.Element | string;
+    title?: JSX.Element | string;
+};
 export declare const FileDrop: import('../System').CreateWuiComponent<"div", FileDropProps>;
 export declare const ImagePreview: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>> & string;
 export {};

package/dist/types/components/FileDrop/theme.d.ts

@@ -1,5 +1,5 @@
 import { CSSObject } from '@xstyled/styled-components';
-import { ThemeValues } from '../../theme';
+import { ThemeValues } from '../theme';
 export type ThemeFileDrops = {
     default: CSSObject;
     disabled: CSSObject;

package/dist/types/components/FileUpload/index.d.ts

@@ -1,18 +1,8 @@
 import { default as React } from 'react';
-import { createEvent } from '../../utils/create-event';
-import { CreateWuiProps } from '../System';
 import { FileType } from '../Files';
+import { CreateWuiProps } from '../System';
 import { TagProps } from '../Tag';
-type FileWithPreview = File & {
-    name?: string;
-    preview?: string;
-};
-type FileWithPreviewType = FileWithPreview | string;
-type HandleRemoveType = (file: FileWithPreviewType) => void;
-export type FileUploadPreviewProps = {
-    file: FileType;
-    onRemove: TagProps['onRemove'];
-};
+import { createEvent } from '../../utils/create-event';
 export interface FileUploadOptions {
     /** Pass a comma-separated string of file types e.g. "image/png" or "image/png,image/jpeg" */
     accept?: string;
@@ -22,14 +12,24 @@ export interface FileUploadOptions {
         onRemoveFile: HandleRemoveType;
         openFile: () => void;
     }) => React.ReactNode;
-    handleAddFile?: (files: FileWithPreviewType[] | FileWithPreviewType) => void;
+    handleAddFile?: (files: FileWithPreviewType | FileWithPreviewType[]) => void;
     handleRemoveFile?: HandleRemoveType;
     maxSize?: number;
     onBlur?: () => void;
     onChange?: (event: ReturnType<typeof createEvent>) => void;
     preview?: typeof DefaultPreview;
 }
+export type FileUploadPreviewProps = {
+    file: FileType;
+    onRemove: TagProps['onRemove'];
+};
 export type FileUploadProps = CreateWuiProps<'input', FileUploadOptions>;
+type FileWithPreview = {
+    name?: string;
+    preview?: string;
+} & File;
+type FileWithPreviewType = FileWithPreview | string;
+type HandleRemoveType = (file: FileWithPreviewType) => void;
 declare const DefaultPreview: React.FC<FileUploadPreviewProps>;
 export declare const FileUpload: import('../System').CreateWuiComponent<"input", FileUploadProps>;
 export {};

package/dist/types/components/Files/index.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { IconProps } from '../Icon';
-export type FileType = string | File;
-export type ForceFileType = 'image' | 'audio' | 'video';
-export declare function getFileName(file: FileType): string;
-export declare function getMimeType(file: FileType): string;
-export declare function getFileSize(file: FileType): string;
+export type FileType = File | string;
+export type ForceFileType = 'audio' | 'image' | 'video';
 export declare function getFileIcon(file: FileType, forceFileType?: ForceFileType): React.FC<IconProps>;
+export declare function getFileName(file: FileType): string | undefined;
+export declare function getFileSize(file: FileType): null | string;
+export declare function getMimeType(file: FileType): null | string;

package/dist/types/components/Files/types.d.ts

@@ -1,3 +1,4 @@
+export type Type = ({} & string) | Types[keyof Types];
 export interface Types {
     '7z': 'application/x-7z-compressed';
     aac: 'audio/aac';
@@ -64,7 +65,6 @@ export interface Types {
     xwd: 'image/x-xwindowdump';
     zip: 'application/zip';
 }
-export type Type = Types[keyof Types] | (string & {});
 interface TypesWithString extends Types {
     [key: string]: string;
 }

package/dist/types/components/Hint/index.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { CreateWuiProps } from '../System';
 export interface HintOptions {
     checkableField?: boolean;
@@ -6,6 +5,6 @@ export interface HintOptions {
 }
 export type HintProps = CreateWuiProps<'div', HintOptions>;
 export declare const Hint: import('../System').CreateWuiComponent<"div", HintProps>;
-export declare const StyledHint: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, {
+export declare const StyledHint: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, {
     variant: HintOptions["variant"];
 }>> & string;

package/dist/types/components/Hint/theme.d.ts

@@ -1,5 +1,5 @@
 import { CSSObject } from '@xstyled/styled-components';
-import { ThemeValues } from '../../theme';
+import { ThemeValues } from '../theme';
 export type ThemeHints = {
     danger: CSSObject;
     default: CSSObject;

package/dist/types/components/Icon/index.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { Size } from './theme';
 import { CreateWuiProps } from '../System';
+import { Size } from './theme';
 import * as S from './styles';
 export type IconContent = {
     block?: string;
@@ -19,7 +19,7 @@ export interface IconOptions {
 }
 export type IconProps = CreateWuiProps<typeof S.Icon, IconOptions>;
 export declare const Icon: import('../System').CreateWuiComponent<"svg", IconProps>;
-export declare const StyledIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<React.SVGProps<SVGSVGElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, Pick<IconOptions, "size"> & Pick<IconContent, "isFlag" | "stroked"> & import('../System').WuiProps & Partial<{
+export declare const StyledIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<React.SVGProps<SVGSVGElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, Partial<{
     alt: string;
     title: string;
-}>>> & string;
+}> & Pick<IconContent, "isFlag" | "stroked"> & Pick<IconOptions, "size"> & import('../System').WuiProps>> & string;

package/dist/types/components/Icon/styles.d.ts

@@ -1,8 +1,8 @@
-import { IconContent, IconOptions } from './index';
 import { WuiProps } from '../System';
-type StyledIconProps = Pick<IconOptions, 'size'> & Pick<IconContent, 'isFlag' | 'stroked'> & WuiProps & Partial<{
+import { IconContent, IconOptions } from './index';
+type StyledIconProps = Partial<{
     alt: string;
     title: string;
-}>;
+}> & Pick<IconContent, 'isFlag' | 'stroked'> & Pick<IconOptions, 'size'> & WuiProps;
 export declare const Icon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').SVGProps<SVGSVGElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, StyledIconProps>> & string;
 export {};

package/dist/types/components/Icon/theme.d.ts

@@ -1,7 +1,7 @@
-import { ThemeValues } from '../../theme';
-import { LiteralUnion } from '../../utils';
-type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+import { ThemeValues } from '../theme';
+import { LiteralUnion } from '../utils';
 export type Size = LiteralUnion<IconSize, number | string>;
 export type ThemeIcons = Record<IconSize, string>;
+type IconSize = 'lg' | 'md' | 'sm' | 'xl' | 'xs' | 'xxl';
 export declare const getIcons: ({ toRem }: ThemeValues) => ThemeIcons;
 export {};

package/dist/types/components/Icons/Sun/content.json.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
   "width": 15,
   "height": 15,
   "block": "<path fill=\"currentColor\" d=\"M47.328 18.243V7.85a2.851 2.851 0 0 1 5.7 0v10.393a2.851 2.851 0 0 1-5.7 0Zm5.345 63.87v10.393a2.494 2.494 0 1 1-4.989 0V82.114a2.494 2.494 0 0 1 4.989 0ZM18.565 56.648 8.173 57.834a2.85 2.85 0 1 1-.646-5.664l10.392-1.184a2.85 2.85 0 1 1 .646 5.664Zm74.224-8.814-10.393 1.184a2.493 2.493 0 0 1-2.76-2.196 2.495 2.495 0 0 1 2.196-2.76l10.392-1.184a2.484 2.484 0 0 1 2.76 2.195 2.492 2.492 0 0 1-2.195 2.76ZM14.26 21.684a2.495 2.495 0 1 1 3.306-3.733l10.592 9.386a2.492 2.492 0 1 1-3.307 3.732L14.26 21.685Zm71.835 56.988a2.495 2.495 0 1 1-3.306 3.734L72.198 73.02a2.494 2.494 0 0 1 3.308-3.734l10.59 9.385Zm-57.924-3.98a2.495 2.495 0 0 1 .19 3.522l-10.59 11.8a2.49 2.49 0 0 1-1.86.827 2.494 2.494 0 0 1-1.856-4.16L24.65 74.882a2.495 2.495 0 0 1 3.523-.19Zm44.013-49.027a2.495 2.495 0 0 1-.19-3.523l10.59-11.798a2.494 2.494 0 1 1 3.715 3.331l-10.592 11.8a2.489 2.489 0 0 1-1.858.827c-.593 0-1.19-.21-1.665-.637Zm-3.483 24.211c0 4.941-1.957 9.426-5.122 12.751a15.807 15.807 0 0 1-6.435.584c-9.47-1.078-17.175-9.655-17.175-19.117 0-5.176 2.336-9.647 6.398-12.343a18.563 18.563 0 0 1 3.81-.398c10.215 0 18.524 8.309 18.524 18.523Zm4.988 0c0-12.965-10.546-23.511-23.511-23.511-1.865 0-3.67.24-5.41.653-.016.002-.03.002-.046.007-.07.015-.136.04-.205.057a23.51 23.51 0 0 0-1.73.49c-.059.02-.114.044-.171.063-.723.246-1.429.526-2.117.838a23.83 23.83 0 0 0-1.462.705c-.106.057-.203.121-.307.18-.561.31-1.108.642-1.639.996l-.158.111a23.68 23.68 0 0 0-1.69 1.266l-.026.021a23.352 23.352 0 0 0-6.69 8.96l-.03.076a22.34 22.34 0 0 0-.7 1.91c-.05.15-.093.3-.139.45-.158.536-.3 1.08-.42 1.632-.046.205-.091.409-.131.617a22.892 22.892 0 0 0-.247 1.607c-.026.208-.06.415-.08.625-.07.74-.114 1.489-.114 2.247 0 .801.041 1.595.121 2.382.012.116.037.227.05.343.079.674.173 1.344.307 2.004a.45.45 0 0 1 .011.043A23.344 23.344 0 0 0 33.554 66.5a23.344 23.344 0 0 0 11.866 6.4l.028.007a23.69 23.69 0 0 0 2.043.312c.102.012.2.035.303.045a23.638 23.638 0 0 0 4.749.001c.192-.019.379-.06.57-.083a23.973 23.973 0 0 0 1.754-.269c.161-.033.317-.081.478-.118.6-.134 1.197-.278 1.783-.46.108-.033.21-.078.32-.113a23.502 23.502 0 0 0 1.849-.679c.071-.03.137-.067.208-.096a23.014 23.014 0 0 0 1.851-.894c.061-.033.12-.073.181-.107.597-.33 1.183-.681 1.752-1.066.09-.06.17-.13.26-.191a24.461 24.461 0 0 0 1.547-1.156c.127-.105.24-.22.365-.328.416-.357.835-.71 1.228-1.1.015-.014.02-.033.033-.047 4.299-4.263 6.968-10.166 6.968-16.683Z\"/>"
-};
+}
+;
 
 export default _default;

package/dist/types/components/Icons/index.d.ts

@@ -140,9 +140,9 @@ export { HeartShinyIcon } from './HeartShiny';
 export { HideIcon } from './Hide';
 export { HomeIcon } from './Home';
 export { HouseIcon } from './House';
-export { InProgressCandidateIcon } from './InProgressCandidate';
 export { InformationIcon } from './Information';
 export { InformationOutlineIcon } from './InformationOutline';
+export { InProgressCandidateIcon } from './InProgressCandidate';
 export { InstagramIcon } from './Instagram';
 export { ItalicIcon } from './Italic';
 export { JpegIcon } from './Jpeg';
@@ -200,8 +200,8 @@ export { PinIcon } from './Pin';
 export { PinterestIcon } from './Pinterest';
 export { PizzaIcon } from './Pizza';
 export { PlayIcon } from './Play';
-export { PlayOutlineIcon } from './PlayOutline';
 export { PlaylistIcon } from './Playlist';
+export { PlayOutlineIcon } from './PlayOutline';
 export { PngIcon } from './Png';
 export { PodcastIcon } from './Podcast';
 export { PositiveIcon } from './Positive';

package/dist/types/components/IconsFont/index.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
-import { StyledIconProps } from './styles';
 import { IconProps } from '../Icon';
+import { StyledIconProps } from './styles';
 export type IconsFontProps = StyledIconProps;
-export declare const IconsFontStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, StyledIconProps>> & string;
+export declare const IconsFontStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, StyledIconProps>> & string;
 type FormatIconJSX<S extends string> = S extends `${infer F}${infer R}` ? F extends '_' ? FormatIconJSX<Capitalize<R>> : `${F}${FormatIconJSX<R>}` : '';
 declare const unicodeMap: {
     actions: string;

package/dist/types/components/IconsFont/styles.d.ts

@@ -1,5 +1,5 @@
-import { default as unicodeMap } from './unicode.json';
 import { IconOptions } from '../Icon';
+import { default as unicodeMap } from './unicode.json';
 export type StyledIconProps = {
     name: keyof typeof unicodeMap;
     size: IconOptions['size'];

package/dist/types/components/InputText/index.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { DefaultFieldStylesProps } from '../../utils/field-styles';
 import { CreateWuiProps } from '../System';
+import { DefaultFieldStylesProps } from '../../utils/field-styles';
 export interface InputTextOptions extends DefaultFieldStylesProps {
     autoFocus?: boolean;
     disabled?: boolean;

package/dist/types/components/InputText/styles.d.ts

@@ -1,2 +1,2 @@
 import { InputTextOptions } from './index';
-export declare const InputText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, Pick<InputTextOptions, "size" | "transparent" | "iconPlacement" | "isClearable" | "variant">>> & string;
+export declare const InputText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, Pick<InputTextOptions, "transparent" | "iconPlacement" | "isClearable" | "size" | "variant">>> & string;

package/dist/types/components/Label/index.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { CreateWuiProps } from '../System';
 export interface LabelOptions {
     checkableField?: boolean;
@@ -7,11 +6,11 @@ export interface LabelOptions {
     htmlFor?: string;
     icon?: JSX.Element;
     required?: boolean;
-    variant?: 'success' | 'danger' | 'warning';
+    variant?: 'danger' | 'success' | 'warning';
     withDisabledIcon?: boolean;
 }
 export type LabelProps = CreateWuiProps<'label', LabelOptions>;
 export declare const Label: import('../System').CreateWuiComponent<"label", LabelProps>;
-export declare const StyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, {
+export declare const StyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, {
     required: boolean;
 }>> & string;

package/dist/types/components/Label/theme.d.ts

@@ -1,4 +1,4 @@
 import { CSSObject } from '@xstyled/styled-components';
-import { ThemeValues } from '../../theme';
+import { ThemeValues } from '../theme';
 export type ThemeLabels = CSSObject;
 export declare const getLabels: (theme: ThemeValues) => ThemeLabels;

package/dist/types/components/Link/index.d.ts

@@ -1,15 +1,15 @@
 import { default as React } from 'react';
-import { UniversalLinkOptions } from '../UniversalLink';
 import { CreateWuiProps } from '../System';
-type Variant = 'primary' | 'secondary';
+import { UniversalLinkOptions } from '../UniversalLink';
 export interface LinkOptions {
     disabled?: boolean;
     isExternal?: boolean;
     variant?: Variant;
 }
 export type LinkProps = CreateWuiProps<'a', LinkOptions & UniversalLinkOptions>;
-export type WrapWithTextProps = Pick<LinkOptions, 'isExternal'> & {
-    children: React.ReactNode | JSX.Element;
-};
+export type WrapWithTextProps = {
+    children: JSX.Element | React.ReactNode;
+} & Pick<LinkOptions, 'isExternal'>;
+type Variant = 'primary' | 'secondary';
 export declare const Link: import('../System').CreateWuiComponent<"a", LinkProps>;
 export {};