welcome-ui 7.4.0 → 8.0.0

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

@@ -1,9 +1,17 @@
 import { ActiveBarReturn } from './ActiveBar';
 import { SizeOptions } from './TabList';
 import * as Ariakit from '@ariakit/react';
-export declare const TabList: import('styled-components').StyledComponent<(props: Ariakit.TabListProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, {
+export declare const TabList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Ariakit.TabListOptions<"div"> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, keyof Ariakit.TabListOptions<T>> & {
+    [index: `data-${string}`]: unknown;
+}, {
     size: SizeOptions;
-}, never>;
-export declare const Tab: import('styled-components').StyledComponent<"button", import('@xstyled/system').Theme, {}, never>;
-export declare const TabPanel: import('styled-components').StyledComponent<(props: Ariakit.TabPanelProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, Pick<Ariakit.TabStoreState, "orientation">, never>;
-export declare const ActiveBar: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, ActiveBarReturn, never>;
+}>> & string & Omit<(props: Ariakit.TabListProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, keyof import('react').Component<any, {}, any>>;
+export declare const Tab: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const TabPanel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Ariakit.TabPanelOptions<"div"> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, keyof Ariakit.TabPanelOptions<T>> & {
+    [index: `data-${string}`]: unknown;
+}, Pick<Ariakit.TabStoreState, "orientation">>> & string & Omit<(props: Ariakit.TabPanelProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, keyof import('react').Component<any, {}, any>>;
+export declare const ActiveBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ActiveBarReturn>> & string;

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

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Size, Variant } from './theme';
 import { CreateWuiProps } from '../System';
 import * as S from './styles';
@@ -11,4 +12,4 @@ export interface TagOptions {
 }
 export type TagProps = CreateWuiProps<'div', TagOptions>;
 export declare const Tag: import('../System').CreateWuiComponent<"div", TagProps>;
-export declare const StyledTag: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, S.StyledTagProps & import('../System').WuiProps, never>;
+export declare const StyledTag: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, S.StyledTagProps & import('../System').WuiProps>> & string;

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

@@ -8,8 +8,8 @@ export interface StyledTagProps {
     size: TagOptions['size'];
     variant: TagOptions['variant'];
 }
-export declare const Tag: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, StyledTagProps & WuiProps, never>;
-export declare const ActionIcon: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+export declare const Tag: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTagProps & WuiProps>> & string;
+export declare const ActionIcon: 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>, {
     size: TagOptions["size"];
-}, never>;
-export declare const Button: import('styled-components').StyledComponent<"button", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+}>> & string;
+export declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>> & string;

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

@@ -1,2 +1,2 @@
 import { TextOptions } from './index';
-export declare const Text: import('styled-components').StyledComponent<"p", import('@xstyled/system').Theme, TextOptions, never>;
+export declare const Text: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, TextOptions>> & string;

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

@@ -1,2 +1,2 @@
 import { TextareaOptions } from './index';
-export declare const Textarea: import('styled-components').StyledComponent<"textarea", import('@xstyled/system').Theme, TextareaOptions, never>;
+export declare const Textarea: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, TextareaOptions>> & string;

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

@@ -1 +1 @@
-export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,19 +1,39 @@
 import { GrowlOptions } from './Growl';
 import { SnackbarProps } from './Snackbar';
-export declare const ToastWrapper: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {
+export declare const ToastWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 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" | keyof import('react').ClassAttributes<HTMLDivElement> | "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" | "as"> & import('../Box').BoxProps & Omit<import('../System').WuiProps & import('../System').WuiTestProps & {
+    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" | keyof import('react').ClassAttributes<HTMLDivElement> | "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" | "as">, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, {
     isBottom: boolean;
-}, never>;
-export declare const Growl: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Alert').AlertProps> & {
+}>> & string & Omit<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, keyof import('react').Component<any, {}, any>>;
+export declare const Growl: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 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" | keyof import('react').ClassAttributes<HTMLDivElement> | "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" | "as" | "dataTestId" | keyof import('../Alert').AlertOptions> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../System').WuiProps>, keyof import('../Alert').AlertOptions> & import('../Alert').AlertOptions & Omit<import('../System').WuiProps & import('../System').WuiTestProps & {
+    as?: import('../System').As;
+}, keyof import('../Alert').AlertOptions> & Omit<import('../System').WuiProps & import('../System').WuiTestProps & {
+    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" | keyof import('react').ClassAttributes<HTMLDivElement> | "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" | "as" | "dataTestId" | keyof import('../Alert').AlertOptions>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, GrowlOptions>> & string & Omit<import('../System').CreateWuiComponent<"div", import('../Alert').AlertProps> & {
     Title: import('react').FC<import('../Alert/Title').AlertTitleProps>;
     Button: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size">>;
     SecondaryButton: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size">>;
-}, import('@xstyled/system').Theme, GrowlOptions, never>;
-export declare const Title: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
-export declare const Snackbar: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Alert').AlertProps> & {
+}, keyof import('react').Component<any, {}, any>>;
+export declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 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" | keyof import('react').ClassAttributes<HTMLDivElement> | "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" | "as"> & import('../Box').BoxProps & Omit<import('../System').WuiProps & import('../System').WuiTestProps & {
+    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" | keyof import('react').ClassAttributes<HTMLDivElement> | "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" | "as">, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, never>> & string & Omit<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, keyof import('react').Component<any, {}, any>>;
+export declare const Snackbar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 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" | keyof import('react').ClassAttributes<HTMLDivElement> | "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" | "as" | "dataTestId" | keyof import('../Alert').AlertOptions> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../System').WuiProps>, keyof import('../Alert').AlertOptions> & import('../Alert').AlertOptions & Omit<import('../System').WuiProps & import('../System').WuiTestProps & {
+    as?: import('../System').As;
+}, keyof import('../Alert').AlertOptions> & Omit<import('../System').WuiProps & import('../System').WuiTestProps & {
+    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" | keyof import('react').ClassAttributes<HTMLDivElement> | "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" | "as" | "dataTestId" | keyof import('../Alert').AlertOptions>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, never>> & string & Omit<import('../System').CreateWuiComponent<"div", import('../Alert').AlertProps> & {
     Title: import('react').FC<import('../Alert/Title').AlertTitleProps>;
     Button: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size">>;
     SecondaryButton: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size">>;
-}, import('@xstyled/system').Theme, {}, never>;
-export declare const SnackbarSeparator: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+}, keyof import('react').Component<any, {}, any>>;
+export declare const SnackbarSeparator: 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: SnackbarProps["variant"];
-}, never>;
+}>> & string;

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

@@ -1,11 +1,15 @@
 import { Size } from './theme';
 import { ToggleOptions } from './index';
 import * as Ariakit from '@ariakit/react';
-export declare const Toggle: import('styled-components').StyledComponent<(props: Ariakit.CheckboxProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, ToggleOptions, never>;
-export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+export declare const Toggle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Ariakit.CheckboxOptions<"input"> & Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLInputElement>;
+}, keyof Ariakit.CheckboxOptions<T>> & {
+    [index: `data-${string}`]: unknown;
+}, ToggleOptions>> & string & Omit<(props: Ariakit.CheckboxProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, keyof import('react').Component<any, {}, any>>;
+export declare const Wrapper: 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>, {
     onClick: React.MouseEventHandler<HTMLInputElement>;
-}, never>;
-export declare const IconWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+}>> & string;
+export declare const IconWrapper: 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>, {
     checked: boolean;
     size: Size;
-}, never>;
+}>> & string;

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

@@ -5,6 +5,6 @@ type FadeIn = {
     popoverHeight: number;
     withArrow?: boolean;
 };
-export declare const FadeIn: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & FadeIn, never>;
-export declare const ChildItem: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const FadeIn: 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>, FadeIn>> & string;
+export declare const ChildItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export {};

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

@@ -1 +1 @@
-export declare const UniversalLink: import('styled-components').StyledComponent<"a", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const UniversalLink: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, keyof import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>> & string;

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

@@ -1,4 +1,4 @@
 import { VariantIconOptions } from '.';
-export declare const VariantIcon: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+export declare const VariantIcon: 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: VariantIconOptions["variant"] | string;
-}, never>;
+}>> & string;

package/dist/types/components/WelcomeLoader/loader.json.d.ts

@@ -0,0 +1,3 @@
+declare const _default: {"v":"5.7.6","fr":30,"ip":0,"op":80,"w":300,"h":300,"nm":"Loader_Wttj","ddd":0,"assets":[{"id":"comp_0","layers":[{"ddd":0,"ind":1,"ty":3,"nm":"LOGO SYMBOL NULL","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[426,218,0],"ix":2,"l":2},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0,0,0],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,5.083]},"t":0,"s":[150,150,100]},{"i":{"x":[0.836,0.836,0.836],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":26,"s":[96,96,100]},{"t":37,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"ip":0,"op":74,"st":-28,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"CIRCLE","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50.008,50,0],"ix":2,"l":2},"a":{"a":0,"k":[-297.641,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0},"t":15,"s":[{"i":[[51.047,0],[0,-51.047],[-51.047,0],[0,51.048]],"o":[[-51.047,0],[0,51.048],[51.047,0],[0,-51.047]],"v":[[-297.641,-92.578],[-390.218,0],[-297.641,92.578],[-205.063,0]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":1,"y":0},"t":60,"s":[{"i":[[51.047,0],[0,-51.047],[-51.047,0],[0,51.048]],"o":[[-51.047,0],[0,51.048],[51.047,0],[0,-51.047]],"v":[[-297.641,-92.578],[-390.218,0],[-297.641,92.578],[-205.063,0]],"c":true}]},{"t":73,"s":[{"i":[[0.689,0],[0,-0.689],[-0.689,0],[0,0.689]],"o":[[-0.689,0],[0,0.689],[0.689,0],[0,-0.689]],"v":[[-297.641,-1.25],[-298.891,0],[-297.641,1.25],[-296.391,0]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.01,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[51.524,0],[0,51.524],[-51.524,0],[0,-51.524]],"o":[[-51.524,0],[0,-51.524],[51.524,0],[0,51.524]],"v":[[-297.641,93.442],[-391.083,0],[-297.641,-93.442],[-204.199,0]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0},"t":15,"s":[{"i":[[55.817,0],[0,55.817],[-55.817,0],[0,-55.817]],"o":[[-55.817,0],[0,-55.817],[55.817,0],[0,55.817]],"v":[[-297.641,101.228],[-398.869,0],[-297.641,-101.228],[-196.413,0]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":1,"y":0},"t":60,"s":[{"i":[[55.817,0],[0,55.817],[-55.817,0],[0,-55.817]],"o":[[-55.817,0],[0,-55.817],[55.817,0],[0,55.817]],"v":[[-297.641,101.228],[-398.869,0],[-297.641,-101.228],[-196.413,0]],"c":true}]},{"t":73,"s":[{"i":[[1.93,0],[0,1.93],[-1.93,0],[0,-1.93]],"o":[[-1.93,0],[0,-1.93],[1.93,0],[0,1.93]],"v":[[-297.641,3.5],[-301.141,0],[-297.641,-3.5],[-294.141,0]],"c":true}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.803921568627,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":74,"st":-31,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"MASK","parent":2,"td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-297.641,0,0],"ix":2,"l":2},"a":{"a":0,"k":[-297.641,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.01,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[{"i":[[51.524,0],[0,51.524],[-51.524,0],[0,-51.524]],"o":[[-51.524,0],[0,-51.524],[51.524,0],[0,51.524]],"v":[[-297.641,93.442],[-391.083,0],[-297.641,-93.442],[-204.199,0]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0},"t":15,"s":[{"i":[[55.817,0],[0,55.817],[-55.817,0],[0,-55.817]],"o":[[-55.817,0],[0,-55.817],[55.817,0],[0,55.817]],"v":[[-297.641,101.228],[-398.869,0],[-297.641,-101.228],[-196.413,0]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":1,"y":0},"t":60,"s":[{"i":[[55.817,0],[0,55.817],[-55.817,0],[0,-55.817]],"o":[[-55.817,0],[0,-55.817],[55.817,0],[0,55.817]],"v":[[-297.641,101.228],[-398.869,0],[-297.641,-101.228],[-196.413,0]],"c":true}]},{"t":73,"s":[{"i":[[1.93,0],[0,1.93],[-1.93,0],[0,-1.93]],"o":[[-1.93,0],[0,-1.93],[1.93,0],[0,1.93]],"v":[[-297.641,3.5],[-301.141,0],[-297.641,-3.5],[-294.141,0]],"c":true}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":74,"st":-28,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"shape 06","parent":1,"tt":1,"refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[960,540,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":1920,"h":1080,"ip":1,"op":74,"st":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"MASK 7","parent":2,"td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-297.641,0,0],"ix":2,"l":2},"a":{"a":0,"k":[-297.641,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0},"t":15,"s":[{"i":[[51.047,0],[0,-51.047],[-51.047,0],[0,51.048]],"o":[[-51.047,0],[0,51.048],[51.047,0],[0,-51.047]],"v":[[-297.641,-92.578],[-390.218,0],[-297.641,92.578],[-205.063,0]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":1,"y":0},"t":60,"s":[{"i":[[51.047,0],[0,-51.047],[-51.047,0],[0,51.048]],"o":[[-51.047,0],[0,51.048],[51.047,0],[0,-51.047]],"v":[[-297.641,-92.578],[-390.218,0],[-297.641,92.578],[-205.063,0]],"c":true}]},{"t":73,"s":[{"i":[[0.689,0],[0,-0.689],[-0.689,0],[0,0.689]],"o":[[-0.689,0],[0,0.689],[0.689,0],[0,-0.689]],"v":[[-297.641,-1.25],[-298.891,0],[-297.641,1.25],[-296.391,0]],"c":true}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":74,"st":-28,"bm":0},{"ddd":0,"ind":6,"ty":0,"nm":"shape 06","parent":1,"tt":1,"refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":180,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2,"l":2},"a":{"a":0,"k":[960,540,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":1920,"h":1080,"ip":1,"op":74,"st":1,"bm":0}]},{"id":"comp_1","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"shape 01","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.39,"y":1},"o":{"x":0.167,"y":0.167},"t":2,"s":[959.994,382.752,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.39,"y":1},"o":{"x":0.61,"y":0},"t":10,"s":[959.994,465.647,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.28,"y":1},"o":{"x":0.61,"y":0},"t":30,"s":[959.994,452.915,0],"to":[0,0,0],"ti":[0,0,0]},{"t":49,"s":[959.994,478.752,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.39,"y":1},"o":{"x":0.167,"y":0.167},"t":7,"s":[{"i":[[12.082,-0.041],[0,0],[2.831,24.134],[3.126,-1.163],[-0.475,-4.54],[-16.959,-0.02],[0,0],[-5.68,23.24],[0,0],[3.029,1.09],[0.376,-5.674]],"o":[[0,0],[-12.082,-0.041],[-0.505,-6.674],[-2.703,1.006],[5.68,23.24],[0,0],[16.959,-0.02],[0,0],[0.845,-8.54],[-2.829,-1.018],[-2.831,24.134]],"v":[[0.005,22.774],[-0.005,22.774],[-22.684,-28.515],[-32.136,-40.778],[-40.215,-22.149],[-0.005,28.515],[0.005,28.515],[40.215,-22.149],[40.215,-22.149],[31.512,-41.12],[22.684,-28.515]],"c":true}]},{"i":{"x":0.39,"y":1},"o":{"x":0.61,"y":0},"t":14,"s":[{"i":[[34.816,-0.027],[0,0],[1.883,16.056],[2.08,-0.774],[-0.316,-3.021],[-37.722,-0.014],[0,0],[-3.779,15.461],[0,0],[2.015,0.725],[0.25,-3.775]],"o":[[0,0],[-35.314,-0.027],[-0.336,-4.44],[-1.798,0.669],[3.779,15.461],[0,0],[37.893,-0.014],[0,0],[0.562,-5.682],[-1.882,-0.677],[-1.883,16.056]],"v":[[0.005,21.519],[-0.005,21.519],[-46.677,-12.817],[-53.652,-21.733],[-61.697,-5.196],[-0.005,28.515],[0.005,28.515],[62.49,-5.196],[62.49,-5.196],[53.753,-22.075],[47.47,-12.817]],"c":true}]},{"i":{"x":0.28,"y":1},"o":{"x":0.61,"y":0},"t":28,"s":[{"i":[[12.082,-0.041],[0,0],[2.831,24.134],[3.126,-1.163],[2.577,-1.245],[-16.959,-0.02],[0,0],[-5.68,23.24],[0,0],[3.029,1.09],[2.95,0.743]],"o":[[0,0],[-12.082,-0.041],[-3.276,0.825],[-2.703,1.006],[5.68,23.24],[0,0],[16.959,-0.02],[0,0],[-2.873,-1.388],[-2.829,-1.018],[-2.831,24.134]],"v":[[0.004,20.274],[-0.006,20.274],[-15.434,-38.515],[-24.987,-35.778],[-32.965,-27.149],[-0.005,28.515],[0.005,28.515],[33.215,-27.149],[33.215,-27.149],[24.411,-36.12],[15.684,-38.515]],"c":true}]},{"t":51,"s":[{"i":[[12.082,-0.041],[0,0],[2.831,24.134],[3.126,-1.163],[-0.475,-4.54],[-16.959,-0.02],[0,0],[-5.68,23.24],[0,0],[3.029,1.09],[0.376,-5.674]],"o":[[0,0],[-12.082,-0.041],[-0.505,-6.674],[-2.703,1.006],[5.68,23.24],[0,0],[16.959,-0.02],[0,0],[0.845,-8.54],[-2.829,-1.018],[-2.831,24.134]],"v":[[0.005,22.774],[-0.005,22.774],[-22.684,-28.515],[-32.136,-40.778],[-40.215,-22.149],[-0.005,28.515],[0.005,28.515],[40.215,-22.149],[40.215,-22.149],[31.512,-41.12],[22.684,-28.515]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.803921568627,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":512,"st":-43,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"shape 02","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.39,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[960.008,401.942,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.39,"y":1},"o":{"x":0.61,"y":0},"t":10,"s":[960.008,489.836,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.28,"y":1},"o":{"x":0.61,"y":0},"t":29,"s":[960.008,468.105,0],"to":[0,0,0],"ti":[0,0,0]},{"t":48,"s":[960.008,492.942,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.39,"y":1},"o":{"x":0.167,"y":0.167},"t":6,"s":[{"i":[[-28.707,0],[-12.409,18.456],[0,0],[2.182,1.952],[5.667,-4.564],[0,0],[24.737,-0.682],[8.917,21.011],[0,0],[2.124,-1.811],[-4.021,-8.297],[0,0]],"o":[[28.707,0],[0,0],[3.11,-7.331],[-2.634,-2.357],[0,0],[-8.917,21.011],[-24.747,-0.682],[0,0],[-7.549,-6.562],[-2.784,2.373],[0,0],[12.409,18.456]],"v":[[-0.008,28.567],[67.92,-15.786],[67.937,-15.798],[67.214,-34.703],[53.38,-28.565],[53.364,-28.551],[-0.008,22.856],[-53.38,-28.561],[-53.404,-28.567],[-69.484,-33.674],[-67.932,-15.832],[-67.937,-15.796]],"c":true}]},{"i":{"x":0.39,"y":1},"o":{"x":0.61,"y":0},"t":13,"s":[{"i":[[-51.566,0],[-8.255,12.278],[0,0],[1.452,1.299],[3.77,-3.036],[0,0],[46.08,-0.454],[5.933,13.978],[0,0],[1.413,-1.205],[-2.675,-5.52],[0,0]],"o":[[53.407,0],[0,0],[2.069,-4.877],[-1.752,-1.568],[0,0],[-5.933,13.978],[-47.09,-0.454],[0,0],[-5.022,-4.365],[-1.852,1.579],[0,0],[8.255,12.278]],"v":[[-0.008,28.567],[83.584,-0.977],[83.601,-0.989],[81.037,-16.129],[69.044,-13.004],[69.028,-12.99],[-0.009,21.567],[-69.119,-13],[-69.143,-13.005],[-82.042,-15.937],[-83.671,-1.023],[-83.676,-0.988]],"c":true}]},{"i":{"x":0.28,"y":1},"o":{"x":0.61,"y":0},"t":27,"s":[{"i":[[-28.707,0],[-12.409,18.456],[0,0],[2.182,1.952],[2.893,2.047],[0,0],[24.737,-0.682],[8.917,21.011],[0,0],[2.124,-1.811],[2.486,-2.683],[0,0]],"o":[[28.707,0],[0,0],[-1.989,-2.149],[-2.634,-2.357],[0,0],[-8.917,21.011],[-24.747,-0.682],[0,0],[-2.285,1.616],[-2.784,2.373],[0,0],[12.409,18.456]],"v":[[-0.008,28.567],[60.42,-21.286],[60.437,-21.298],[54.214,-31.203],[45.88,-34.065],[45.863,-34.051],[-0.009,19.356],[-45.63,-34.061],[-45.654,-34.067],[-52.234,-32.674],[-60.182,-21.332],[-60.187,-21.296]],"c":true}]},{"t":50,"s":[{"i":[[-28.707,0],[-12.409,18.456],[0,0],[2.182,1.952],[5.667,-4.564],[0,0],[24.737,-0.682],[8.917,21.011],[0,0],[2.124,-1.811],[-4.021,-8.297],[0,0]],"o":[[28.707,0],[0,0],[3.11,-7.331],[-2.634,-2.357],[0,0],[-8.917,21.011],[-24.747,-0.682],[0,0],[-7.549,-6.562],[-2.784,2.373],[0,0],[12.409,18.456]],"v":[[-0.008,28.567],[67.92,-15.786],[67.937,-15.798],[67.214,-34.703],[53.38,-28.565],[53.364,-28.551],[-0.008,22.856],[-53.38,-28.561],[-53.404,-28.567],[-69.484,-33.674],[-67.932,-15.832],[-67.937,-15.796]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.803921568627,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":512,"st":-43,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"shape 03","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.39,"y":1},"o":{"x":0.167,"y":0.167},"t":0,"s":[959.997,421.305,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.39,"y":1},"o":{"x":0.61,"y":0},"t":10,"s":[959.997,517.199,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.28,"y":1},"o":{"x":0.61,"y":0},"t":28,"s":[959.997,494.493,0],"to":[0,0,0],"ti":[0,0,0]},{"t":46,"s":[959.997,512.305,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.39,"y":1},"o":{"x":0.167,"y":0.167},"t":5,"s":[{"i":[[-33.461,0],[-20.929,17.438],[0,0],[1.417,2.791],[1.967,2.966],[0,0],[36.535,0],[13.111,16.898],[0,0],[1.566,-3.047],[1.189,-3.088],[0,0]],"o":[[33.44,0],[0,0],[-1.134,-2.946],[-1.62,-3.192],[0,0],[-13.111,16.888],[-36.545,0],[0,0],[-1.883,2.84],[-1.5,2.918],[0,0],[20.929,17.448]],"v":[[0.002,23.404],[86.407,-5.536],[86.415,-5.539],[84.835,-16.399],[77.198,-23.392],[77.174,-23.392],[0.002,17.775],[-77.18,-23.402],[-77.196,-23.404],[-84.627,-16.069],[-86.415,-5.556],[-86.413,-5.547]],"c":true}]},{"i":{"x":0.39,"y":1},"o":{"x":0.61,"y":0},"t":12,"s":[{"i":[[-54.226,0],[-13.924,11.601],[0,0],[1.417,2.791],[1.967,2.966],[0,0],[52.925,0],[8.723,11.242],[0,0],[1.566,-3.047],[1.189,-3.088],[0,0]],"o":[[52.205,0],[0,0],[-1.134,-2.946],[-1.62,-3.192],[0,0],[-8.723,11.235],[-53.935,0],[0,0],[-1.883,2.84],[-1.5,2.918],[0,0],[13.924,11.608]],"v":[[0.002,23.404],[95.588,4.37],[95.596,4.367],[94.016,-4.066],[87.216,-11.059],[87.192,-11.059],[0.002,16.219],[-88.083,-11.069],[-88.099,-11.071],[-94.692,-3.736],[-96.481,4.351],[-96.479,4.36]],"c":true}]},{"i":{"x":0.28,"y":1},"o":{"x":0.61,"y":0},"t":26,"s":[{"i":[[-33.46,0],[-20.929,17.438],[0,0],[1.417,2.791],[1.967,2.966],[0,0],[36.535,0],[13.111,16.898],[0,0],[1.566,-3.047],[1.189,-3.088],[0,0]],"o":[[33.44,0],[0,0],[-1.134,-2.946],[-1.62,-3.192],[0,0],[-13.111,16.888],[-36.545,0],[0,0],[-1.883,2.84],[-1.5,2.918],[0,0],[20.929,17.448]],"v":[[0.002,23.404],[78.407,-18.286],[78.415,-18.289],[76.835,-29.149],[69.198,-36.142],[69.174,-36.142],[0.001,13.275],[-68.68,-36.152],[-68.696,-36.154],[-76.127,-28.819],[-77.915,-18.306],[-77.913,-18.297]],"c":true}]},{"t":48,"s":[{"i":[[-33.461,0],[-20.929,17.438],[0,0],[1.417,2.791],[1.967,2.966],[0,0],[36.535,0],[13.111,16.898],[0,0],[1.566,-3.047],[1.189,-3.088],[0,0]],"o":[[33.44,0],[0,0],[-1.134,-2.946],[-1.62,-3.192],[0,0],[-13.111,16.888],[-36.545,0],[0,0],[-1.883,2.84],[-1.5,2.918],[0,0],[20.929,17.448]],"v":[[0.002,23.404],[86.407,-5.536],[86.415,-5.539],[84.835,-16.399],[77.198,-23.392],[77.174,-23.392],[0.002,17.775],[-77.18,-23.402],[-77.196,-23.404],[-84.627,-16.069],[-86.415,-5.556],[-86.413,-5.547]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.803921568627,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformer "}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":512,"st":-43,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":0,"nm":"LOGO ANIMATION_FINAL","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[145,150,0],"ix":2,"l":2},"a":{"a":0,"k":[420.5,219,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":841,"h":438,"ip":0,"op":80,"st":0,"bm":0}],"markers":[]};
+
+export default _default;

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

@@ -9,7 +9,7 @@ export interface WuiProviderProps {
     useReset?: boolean;
 }
 export declare const WuiProvider: React.FC<WuiProviderProps>;
-declare const GlobalStyle: import('styled-components').GlobalStyleComponent<{
+declare const GlobalStyle: React.NamedExoticComponent<import('styled-components').ExecutionProps & {
     useReset?: boolean;
-}, import('styled-components').DefaultTheme>;
+}>;
 export { GlobalStyle };

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

@@ -1,5 +1,5 @@
-export declare const resetStyles: import('styled-components').FlattenSimpleInterpolation;
-export declare const normalizeStyle: import('styled-components').FlattenSimpleInterpolation;
-export declare const GlobalStyle: import('styled-components').GlobalStyleComponent<{
+export declare const resetStyles: import('styled-components').RuleSet<object>;
+export declare const normalizeStyle: import('styled-components').RuleSet<object>;
+export declare const GlobalStyle: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & {
     useReset?: boolean;
-}, import('styled-components').DefaultTheme>;
+}>;

package/dist/types/utils/overflow-ellipsis.d.ts

@@ -1 +1 @@
-export declare const overflowEllipsis: import('styled-components').FlattenSimpleInterpolation;
+export declare const overflowEllipsis: import('styled-components').RuleSet<object>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "7.4.0",
+  "version": "8.0.0",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
   "files": [
     "dist"
@@ -52,6 +52,7 @@
   "dependencies": {
     "@ariakit/react": "0.4.15",
     "@juggle/resize-observer": "^3.4.0",
+    "@emotion/is-prop-valid": "^1.3.1",
     "copy-to-clipboard": "^3.3.3",
     "date-fns": "^4.1.0",
     "downshift": "^7.4.1",
@@ -79,7 +80,7 @@
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
-    "@testing-library/user-event": "^14.5.2",
+    "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^29.5.13",
     "@types/lodash.capitalize": "^4.2.9",
     "@types/lodash.debounce": "^4.0.6",
@@ -89,9 +90,10 @@
     "@types/react": "18.3.12",
     "@types/react-datepicker": "^4.15.0",
     "@types/react-dom": "18.3.1",
-    "@xstyled/styled-components": "^3.7.3",
+    "@xstyled/styled-components": "^4.0.0",
     "babel-jest": "^29.7.0",
     "babel-plugin-annotate-pure-calls": "^0.4.0",
+    "babel-plugin-styled-components": "^2.1.4",
     "babel-plugin-transform-async-to-promises": "^0.8.18",
     "babel-preset-vite": "^1.1.3",
     "jest": "29.7.0",
@@ -101,7 +103,7 @@
     "react": "^18.3.1",
     "release-it": "^18.1.2",
     "rollup-preserve-directives": "^1.1.3",
-    "styled-components": "^5.3.9",
+    "styled-components": "^6.1.15",
     "typescript": "^5.6.3",
     "vite": "^5.4.10",
     "vite-plugin-dts": "^4.3.0",
@@ -109,9 +111,9 @@
     "wttj-config": "^3.0.1"
   },
   "peerDependencies": {
-    "@xstyled/styled-components": "^3.7.3",
+    "@xstyled/styled-components": "^4.0.0",
     "react": "^18.3.1",
-    "styled-components": "^5.3.9"
+    "styled-components": "^6.1.15"
   },
   "resolutions": {
     "@babel/traverse": ">=7.23.2"