welcome-ui 1.0.0-beta.9 → 7.0.0-alpha.7

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

@@ -1,6 +1,6 @@
 import { AlertTitleProps } from './Title';
 import { AlertOptions } from './index';
 export declare const Content: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
-export declare const Icon: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../VariantIcon').VariantIconProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Icon: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../VariantIcon').VariantIconProps>, import('@xstyled/system').Theme, {}, never>;
 export declare const Alert: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & AlertOptions, never>;
-export declare const Title: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"p", import('../Text').TextProps>, import('@xstyled/system').Theme, AlertTitleProps, never>;
+export declare const Title: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"p", import('../Text').TextProps>, import('@xstyled/system').Theme, AlertTitleProps, never>;

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

@@ -1,2 +1,2 @@
-export declare const Avatar: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Shape').ShapeProps>, import('@xstyled/system').Theme, {}, never>;
-export declare const Text: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"p", import('../Text').TextProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Avatar: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Shape').ShapeProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Text: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"p", import('../Text').TextProps>, import('@xstyled/system').Theme, {}, never>;

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

@@ -1,5 +1,5 @@
-import { WuiProps } from '../System';
 import { BadgeOptions } from '.';
+import { WuiProps } from '../System';
 export type StyledBadgeProps = Pick<BadgeOptions, 'disabled' | 'size' | 'variant'> & {
     length: number;
 };

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

@@ -1,6 +1,6 @@
 import { CSSObject } from '@xstyled/styled-components';
-import { ThemeValues } from '../../theme';
 import { ThemeFocus } from '../../theme/focus';
+import { ThemeValues } from '../../theme';
 type CommonAttributesButton = CSSObject;
 type SizeAttributesButton = CSSObject;
 type Variant = 'primary' | 'secondary' | 'tertiary' | 'ghost';

package/dist/types/components/Card/Cover.styles.d.ts

@@ -1 +1 @@
-export declare const Cover: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Shape').ShapeProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Cover: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Shape').ShapeProps>, import('@xstyled/system').Theme, {}, never>;

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

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

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

@@ -1 +1 @@
-export declare const ClearButton: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"button", import('../Button').ButtonProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const ClearButton: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"button", import('../Button').ButtonProps>, import('@xstyled/system').Theme, {}, never>;

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

@@ -1 +1 @@
-export declare const CloseButton: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"button", import('../Button').ButtonProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const CloseButton: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"button", import('../Button').ButtonProps>, import('@xstyled/system').Theme, {}, never>;

package/dist/types/components/DateTimePickerCommon/CustomInput.d.ts

@@ -14,4 +14,4 @@ export interface CustomInputOptions {
     value?: string | null;
 }
 export type CustomInputProps = Omit<React.ComponentProps<'input'>, keyof CustomInputOptions> & CustomInputOptions;
-export declare const CustomInput: React.ForwardRefExoticComponent<Pick<CustomInputProps, "width" | "height" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "name" | "onClick" | "type" | "className" | "id" | "lang" | "max" | "min" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "alt" | "hidden" | "multiple" | "disabled" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "src" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "step" | keyof CustomInputOptions> & React.RefAttributes<HTMLInputElement>>;
+export declare const CustomInput: React.ForwardRefExoticComponent<Pick<CustomInputProps, "form" | "slot" | "style" | "title" | "pattern" | "type" | "name" | "hidden" | "color" | "multiple" | "disabled" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "width" | "height" | "max" | "min" | "crossOrigin" | "alt" | "list" | "src" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "step" | keyof CustomInputOptions> & React.RefAttributes<HTMLInputElement>>;

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

@@ -31,7 +31,7 @@ export declare const Drawer: import('../System').CreateWuiComponent<"div", Drawe
     Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
     Backdrop: React.FC<DrawerBackdropOptions>;
     Close: React.FC<import('./Close').CloseProps>;
-    Title: React.FC<import('..').TextProps>;
+    Title: React.FC<import('../Text').TextProps>;
     Content: import('../System').CreateWuiComponent<"div", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../System').WuiProps>, never> & Omit<import('../System').WuiProps & import('../System').WuiTestProps & {
         as?: As;
     }, never>>;
@@ -43,7 +43,7 @@ export declare const AssetDrawer: import('../System').CreateWuiComponent<"div",
     Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
     Header: React.FC<{
         action?: React.ReactNode;
-        icon?: React.FC<import('..').IconProps>;
+        icon?: React.FC<import('../Icon').IconProps>;
         onBackButtonClick?: (props?: unknown) => void;
         subtitle?: React.ReactNode;
         title: React.ReactNode;

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

@@ -6,5 +6,5 @@ export declare const Backdrop: import('styled-components').StyledComponent<strin
 }, never>;
 export declare const Title: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
 export declare const Content: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
-export declare const CloseButton: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"button", import('..').ButtonProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const CloseButton: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"button", import('../Button').ButtonProps>, import('@xstyled/system').Theme, {}, never>;
 export declare const Footer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -1,5 +1,5 @@
-import { CreateWuiProps, WuiProps } from '../System';
 import { ThemeValues } from '../../theme';
+import { CreateWuiProps, WuiProps } from '../System';
 import * as Ariakit from '@ariakit/react';
 export interface DropdownMenuOptions extends Omit<Ariakit.MenuProps, 'gutter'> {
     /** default 4px (space.xs) */

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

@@ -1 +1 @@
-export declare const Inner: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Inner: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;

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

@@ -1,5 +1,5 @@
-import { CreateWuiProps } from '../System';
 import { getBaseType } from './utils';
+import { CreateWuiProps } from '../System';
 type VariantProps = {
     error?: string | JSX.Element;
     success?: string | JSX.Element;

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

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

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { ForceFileType } from '../Files';
 import { FileDropChildren } from './index';
+import { ForceFileType } from '../Files';
 export interface MessageProps {
     file: FileDropChildren['file'];
     fileName?: string;

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

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { Accept, DropEvent, DropzoneProps, DropzoneState } from 'react-dropzone';
+import { CreateEvent } from '../../utils/create-event';
 import { ForceFileType } from '../Files';
 import { CreateWuiProps } from '../System';
-import { CreateEvent } from '../../utils/create-event';
 export interface FileWithPreview extends File {
     preview?: string;
 }

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { CreateWuiProps } from '../System';
 import { createEvent } from '../../utils/create-event';
+import { CreateWuiProps } from '../System';
 import { FileType } from '../Files';
 import { TagProps } from '../Tag';
 type FileWithPreview = File & {

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

@@ -1,6 +1,6 @@
 import { Theme } from '@xstyled/styled-components';
-import { WuiProps } from '../System';
 import { IconOptions } from './index';
+import { WuiProps } from '../System';
 type StyledIconProps = Pick<IconOptions, 'size'> & Pick<IconOptions['content'], 'isFlag' | 'stroked'> & WuiProps & Partial<{
     alt: string;
     title: string;

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

@@ -0,0 +1 @@
+export declare const FONT_HASH = "f19d0de47a5f6f7446d37111f075c0901835bf12";

package/dist/types/components/{IconFont → IconsFont}/index.d.ts

@@ -1,7 +1,7 @@
-import { IconProps } from '../Icon';
 import { StyledIconProps } from './styles';
-export type IconFontProps = StyledIconProps;
-export declare const IconFontStyled: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, StyledIconProps, never>;
+import { IconProps } from '../Icon';
+export type IconsFontProps = StyledIconProps;
+export declare const IconsFontStyled: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, StyledIconProps, never>;
 type FormatIconJSX<S extends string> = S extends `${infer F}${infer R}` ? F extends '_' ? FormatIconJSX<Capitalize<R>> : `${F}${FormatIconJSX<R>}` : '';
 declare const unicodeMap: {
     actions: string;
@@ -307,5 +307,5 @@ declare const unicodeMap: {
 export type IconKey = keyof typeof unicodeMap;
 export type IconKeyFormatted = FormatIconJSX<Capitalize<IconKey>>;
 export type IconsType = Record<IconKeyFormatted, (props: IconProps) => JSX.Element>;
-export declare const IconFont: IconsType;
+export declare const IconsFont: IconsType;
 export {};

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

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

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

@@ -1,7 +1,7 @@
-import { BoxProps } from '../Box';
 import { Symbol } from './Symbol';
 import { SolutionsSymbol } from './Solutions';
 import { WelcomeUI as WelcomeUILogo } from './Wui';
 import { Welcome as Logo } from './Welcome';
+import { BoxProps } from '../Box';
 export type LogoProps = Pick<BoxProps, 'w' | 'h'>;
 export { Logo, Symbol, SolutionsSymbol, WelcomeUILogo };

package/dist/types/components/Modal/Assets/index.d.ts

@@ -1,17 +1,17 @@
 export declare const Assets: string & import('styled-components').StyledComponentBase<string, import('@xstyled/system').Theme, {}, never> & import('hoist-non-react-statics').NonReactStatics<never, {}> & {
-    AssetWithTitle: import('../..').CreateWuiComponent<"div", {
+    AssetWithTitle: import('../../System').CreateWuiComponent<"div", {
         children: React.ReactNode;
         customContent?: JSX.Element | string;
         subtitle?: JSX.Element | string;
         title?: JSX.Element | string;
     }>;
-    Backdrop: import('../..').CreateWuiComponent<"div", import('./Backdrop').BackdropProps>;
+    Backdrop: import('../../System').CreateWuiComponent<"div", import('./Backdrop').BackdropProps>;
     Content: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
     Iframe: ({ children }: {
         children: JSX.Element;
     }) => JSX.Element;
-    Title: import('styled-components').StyledComponent<import('../..').CreateWuiComponent<"p", import('../..').TextProps>, import('@xstyled/system').Theme, {
+    Title: import('styled-components').StyledComponent<import('../../System').CreateWuiComponent<"p", import('../../Text').TextProps>, import('@xstyled/system').Theme, {
         lines: 2;
         variant: "h4";
-    }, "variant" | "lines">;
+    }, "lines" | "variant">;
 };

package/dist/types/components/Modal/Assets/styles.d.ts

@@ -1,7 +1,7 @@
 export declare const Iframe: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
 export declare const Content: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
 export declare const Dialog: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
-export declare const Title: import('styled-components').StyledComponent<import('../..').CreateWuiComponent<"p", import('../../Text').TextProps>, import('@xstyled/system').Theme, {
+export declare const Title: import('styled-components').StyledComponent<import('../../System').CreateWuiComponent<"p", import('../../Text').TextProps>, import('@xstyled/system').Theme, {
     lines: 2;
     variant: "h4";
-}, "variant" | "lines">;
+}, "lines" | "variant">;

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

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { ShapeProps } from '../Shape';
-import { BoxProps } from '../Box';
 import { As, CreateWuiProps } from '../System';
+import { BoxProps } from '../Box';
+import { ShapeProps } from '../Shape';
 import * as Ariakit from '@ariakit/react';
 type Size = 'xs' | 'sm' | 'md' | 'lg' | 'auto';
 export interface ModalOptions extends Omit<Ariakit.DialogOptions<'div'>, 'as'> {
@@ -45,9 +45,9 @@ export declare const AssetModal: string & import('styled-components').StyledComp
     Iframe: ({ children }: {
         children: JSX.Element;
     }) => JSX.Element;
-    Title: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"p", import('..').TextProps>, import('@xstyled/system').Theme, {
+    Title: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"p", import('../Text').TextProps>, import('@xstyled/system').Theme, {
         lines: 2;
         variant: "h4";
-    }, "variant" | "lines">;
+    }, "lines" | "variant">;
 };
 export {};

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

@@ -4,7 +4,7 @@ export declare const Backdrop: import('styled-components').StyledComponent<"div"
 export declare const Dialog: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & Pick<ModalOptions, "size">, never>;
 export declare const Body: import('styled-components').StyledComponent<"section", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
 export declare const Header: import('styled-components').StyledComponent<"header", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
-export declare const HeaderSubtitle: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"p", import('../Text').TextProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const HeaderSubtitle: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"p", import('../Text').TextProps>, import('@xstyled/system').Theme, {}, never>;
 export declare const Footer: import('styled-components').StyledComponent<"footer", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
-export declare const FooterChildrenWrapper: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const FooterChildrenWrapper: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
 export declare const FooterInformation: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -1,5 +1,5 @@
-import { CreateWuiProps } from '../System';
 import { UsePopover } from './usePopover';
+import { CreateWuiProps } from '../System';
 import * as Ariakit from '@ariakit/react';
 export interface PopoverOptions extends Ariakit.PopoverProps {
     /** call a function when popover closed */

package/dist/types/components/Popover/PopoverHover.d.ts

@@ -1,5 +1,5 @@
-import { CreateWuiProps } from '../System';
 import { UsePopoverHover } from './usePopover';
+import { CreateWuiProps } from '../System';
 import * as Ariakit from '@ariakit/react';
 export interface PopoverHoverOptions extends Ariakit.HovercardProps {
     /** call a function when popover closed */

package/dist/types/components/Popover/Trigger.d.ts

@@ -1,5 +1,5 @@
-import { CreateWuiProps } from '../System';
 import { UsePopover } from './usePopover';
+import { CreateWuiProps } from '../System';
 export type PopoverTriggerProps = CreateWuiProps<'button', {
     store: UsePopover;
 }>;

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

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
+import { DefaultFieldStylesProps } from '../../utils/field-styles';
 import { CreateWuiProps } from '../System';
 import { LabelOptions } from '../Label';
-import { DefaultFieldStylesProps } from '../../utils/field-styles';
 export type RadioOptions = {
     hint?: string;
     label?: string;

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { CreateWuiProps } from '../System';
 import { DefaultFieldStylesProps } from '../../utils/field-styles';
+import { CreateWuiProps } from '../System';
 import * as Ariakit from '@ariakit/react';
 export interface RadioTabsOptions extends DefaultFieldStylesProps {
     checked?: boolean;

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

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { DownshiftProps } from 'downshift';
-import { CreateWuiProps } from '../System';
 import { createEvent } from '../../utils/create-event';
 import { DefaultFieldStylesProps } from '../../utils/field-styles';
+import { CreateWuiProps } from '../System';
 export type SearchOption = {
     label: string;
     value: string;

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

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { DownshiftProps } from 'downshift';
-import { CreateWuiProps } from '../System';
 import { CreateEvent } from '../../utils/create-event';
 import { DefaultFieldStylesProps } from '../../utils/field-styles';
+import { CreateWuiProps } from '../System';
 export type SelectOptionValue = string | number;
 export type SelectOption = {
     disabled?: boolean;
@@ -49,6 +49,6 @@ export interface SelectOptions extends DefaultFieldStylesProps {
 export type SelectProps = CreateWuiProps<'input', SelectOptions & Omit<DownshiftProps<SelectOption>, keyof SelectOptions | 'children'>>;
 /** We need to add autoComplete off to avoid select UI issues when is an input */
 export declare const Select: import('../System').CreateWuiComponent<"input", SelectProps>;
-export declare const StyledSelect: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('..').BoxProps>, import('@xstyled/system').Theme, {
+export declare const StyledSelect: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {
     disabled: boolean;
 }, never>;

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

@@ -1,2 +1,2 @@
 import { ShapeOptions } from './index';
-export declare const Shape: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, ShapeOptions, never>;
+export declare const Shape: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, ShapeOptions, never>;

package/dist/types/components/Slider/Range.d.ts

@@ -1,5 +1,5 @@
-import { CreateWuiProps } from '../System';
 import { SliderOptions } from './index';
+import { CreateWuiProps } from '../System';
 export declare const thumbWidth = 20;
 export type Range = {
     max: number;

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { CreateWuiProps } from '../System';
 import { Range as RangeType } from './Range';
+import { CreateWuiProps } from '../System';
 export type Type = 'left-field' | 'right-field' | 'inline';
 export type { RangeType };
 export declare const thumbWidth = 20;

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

@@ -4,16 +4,16 @@ type BorderProps = {
 };
 export declare const Slider: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, BorderProps, never>;
 export declare const RangeInput: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, BorderProps, never>;
-export declare const Track: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Track: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
 type RangeProps = {
     disabled?: boolean;
 };
-export declare const Range: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, RangeProps, never>;
-export declare const Thick: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
-export declare const ThickLabel: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Hint').HintProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Range: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, RangeProps, never>;
+export declare const Thick: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const ThickLabel: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Hint').HintProps>, import('@xstyled/system').Theme, {}, never>;
 type OutputProps = {
     isVisible?: boolean;
 };
 export declare const Output: import('styled-components').StyledComponent<"output", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & OutputProps, never>;
-export declare const Tooltip: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Tooltip: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
 export {};

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

@@ -1,5 +1,5 @@
-import { CreateWuiProps } from '../System';
 import { UseTab } from '.';
+import { CreateWuiProps } from '../System';
 export interface SizeOptions {
     size?: 'sm' | 'md';
 }

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

@@ -1,5 +1,5 @@
-import { CreateWuiProps } from '../System';
 import { UseTab } from '.';
+import { CreateWuiProps } from '../System';
 import * as Ariakit from '@ariakit/react';
 export type TabPanelOptions = {
     store: UseTab;

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

@@ -1,5 +1,5 @@
-import { CreateWuiProps } from '../System';
 import { ThemeSecondaryColors } from '../../theme/colors';
+import { CreateWuiProps } from '../System';
 import * as S from './styles';
 type Size = 'xs' | 'sm' | 'md';
 type Variant = ThemeSecondaryColors | 'default' | 'info' | 'success' | 'danger' | 'warning' | 'primary';

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

@@ -1,5 +1,5 @@
-import { WuiProps } from '../System';
 import { TagOptions } from './index';
+import { WuiProps } from '../System';
 export interface StyledTagProps {
     hasClickAction: boolean;
     hasLink: boolean;

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

@@ -1,6 +1,6 @@
 import { CSSObject } from '@xstyled/styled-components';
-import { ThemeValues } from '../../theme';
 import { ThemeSecondaryColors } from '../../theme/colors';
+import { ThemeValues } from '../../theme';
 export type Size = 'xs' | 'sm' | 'md';
 export type Variant = ThemeSecondaryColors | 'default' | 'danger' | 'info' | 'success' | 'warning' | 'primary';
 export type ThemeTags = {

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

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

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

@@ -20,8 +20,8 @@ export declare const dismiss: (id?: string) => void;
 export declare const useToast: () => (component: JSX.Element, options?: ToastOptions) => string;
 export declare const Toast: {
     Title: React.FC<TextProps>;
-    Growl: import('..').CreateWuiComponent<"div", import('./Growl').GrowlProps>;
-    Snackbar: import('..').CreateWuiComponent<"div", import('./Snackbar').SnackbarProps>;
-    SnackbarAction: import('..').CreateWuiComponent<"button", import('..').ButtonProps>;
+    Growl: import('../System').CreateWuiComponent<"div", import('./Growl').GrowlProps>;
+    Snackbar: import('../System').CreateWuiComponent<"div", import('./Snackbar').SnackbarProps>;
+    SnackbarAction: import('../System').CreateWuiComponent<"button", import('../Button').ButtonProps>;
 };
 export {};

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

@@ -1,18 +1,18 @@
 import { GrowlOptions } from './Growl';
 import { SnackbarProps } from './Snackbar';
-export declare const ToastWrapper: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {
+export declare const ToastWrapper: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {
     isBottom: boolean;
 }, never>;
-export declare const Growl: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Alert').AlertProps> & {
+export declare const Growl: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Alert').AlertProps> & {
     Title: import('react').FC<import('../Alert/Title').AlertTitleProps>;
-    Button: import('..').CreateWuiComponent<"button", Omit<import('..').ButtonProps, "size" | "variant">>;
-    SecondaryButton: import('..').CreateWuiComponent<"button", Omit<import('..').ButtonProps, "size" | "variant">>;
+    Button: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size" | "variant">>;
+    SecondaryButton: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size" | "variant">>;
 }, import('@xstyled/system').Theme, GrowlOptions, never>;
-export declare const Title: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
-export declare const Snackbar: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Alert').AlertProps> & {
+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> & {
     Title: import('react').FC<import('../Alert/Title').AlertTitleProps>;
-    Button: import('..').CreateWuiComponent<"button", Omit<import('..').ButtonProps, "size" | "variant">>;
-    SecondaryButton: import('..').CreateWuiComponent<"button", Omit<import('..').ButtonProps, "size" | "variant">>;
+    Button: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size" | "variant">>;
+    SecondaryButton: import('../System').CreateWuiComponent<"button", Omit<import('../Button').ButtonProps, "size" | "variant">>;
 }, 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> & {
     variant: SnackbarProps["variant"];

package/dist/types/utils/index.d.ts

@@ -1 +1,3 @@
 export * from './use-copy-text';
+export * from './throttle';
+export * from './hex-to-rgba';

package/dist/utils.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),m=require("./_commonjsHelpers-DvH0V_XJ.js"),y=require("./throttle-BB1Y3bfD.js"),g=require("./hex-to-rgba-cCYXRc5D.js");var b=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,r=[],o=0;o<e.rangeCount;o++)r.push(e.getRangeAt(o));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return e.removeAllRanges(),function(){e.type==="Caret"&&e.removeAllRanges(),e.rangeCount||r.forEach(function(s){e.addRange(s)}),t&&t.focus()}},v=b,f={"text/plain":"Text","text/html":"Url",default:"Text"},C="Copy to clipboard: #{key}, Enter";function w(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}function D(e,t){var r,o,s,n,l,a,i=!1;t||(t={}),r=t.debug||!1;try{s=v(),n=document.createRange(),l=document.getSelection(),a=document.createElement("span"),a.textContent=e,a.ariaHidden="true",a.style.all="unset",a.style.position="fixed",a.style.top=0,a.style.clip="rect(0, 0, 0, 0)",a.style.whiteSpace="pre",a.style.webkitUserSelect="text",a.style.MozUserSelect="text",a.style.msUserSelect="text",a.style.userSelect="text",a.addEventListener("copy",function(c){if(c.stopPropagation(),t.format)if(c.preventDefault(),typeof c.clipboardData>"u"){r&&console.warn("unable to use e.clipboardData"),r&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var u=f[t.format]||f.default;window.clipboardData.setData(u,e)}else c.clipboardData.clearData(),c.clipboardData.setData(t.format,e);t.onCopy&&(c.preventDefault(),t.onCopy(c.clipboardData))}),document.body.appendChild(a),n.selectNodeContents(a),l.addRange(n);var p=document.execCommand("copy");if(!p)throw new Error("copy command was unsuccessful");i=!0}catch(c){r&&console.error("unable to copy using execCommand: ",c),r&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),i=!0}catch(u){r&&console.error("unable to copy using clipboardData: ",u),r&&console.error("falling back to prompt"),o=w("message"in t?t.message:C),window.prompt(o,e)}}finally{l&&(typeof l.removeRange=="function"?l.removeRange(n):l.removeAllRanges()),a&&document.body.removeChild(a),s()}return i}var x=D;const T=m.getDefaultExportFromCjs(x);function h(e,t){const[r,o]=d.useState();return[d.useCallback(()=>{let n;typeof e=="number"||typeof e=="string"?n=e.toString():e.current instanceof HTMLInputElement?n=e.current.value:e.current instanceof HTMLElement&&(n=e.current.textContent);const l=T(n);o(l),t&&setTimeout(o,t)},[e,t]),r]}exports.throttle=y.throttle;exports.hexToRGBA=g.hexToRGBA;exports.useCopyText=h;