@aveonline/ui-react 2.30.21 → 2.31.0

package/dist/ui/molecules/Dropdowns/DropdownFilter/Command.d.ts

@@ -12,7 +12,7 @@ declare const Command: React.ForwardRefExoticComponent<Pick<{
 declare const CommandInput: React.ForwardRefExoticComponent<Pick<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange"> & {
     value?: string | undefined;
     onValueChange?: ((search: string) => void) | undefined;
-} & React.RefAttributes<HTMLInputElement>, "size" | "className" | "color" | "disabled" | "children" | "form" | "slot" | "style" | "title" | "pattern" | "src" | "alt" | "onClick" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "checked" | "key" | "accept" | "autoComplete" | "capture" | "crossOrigin" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "width" | "enterKeyHint" | "onValueChange"> & React.RefAttributes<HTMLInputElement>>;
+} & React.RefAttributes<HTMLInputElement>, "size" | "className" | "color" | "disabled" | "children" | "src" | "alt" | "form" | "slot" | "style" | "title" | "pattern" | "onClick" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "checked" | "key" | "accept" | "autoComplete" | "capture" | "crossOrigin" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "width" | "enterKeyHint" | "onValueChange"> & React.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React.ForwardRefExoticComponent<Pick<{
     children?: React.ReactNode;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;

package/dist/ui/molecules/Dropdowns/DropdownFilter/DropdownFilter.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IDropdownFilter } from '.';
 export default function DropdownFilter({ title, titleNotFound, placeholderSearch, titleClearFilter, hasButtonWithBorder, variantButton, options, icon, sizeIcon, showCountSelected, onSelected }: IDropdownFilter): JSX.Element;

package/dist/ui/molecules/Dropdowns/DropdownFilter/Popover.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const PopoverContent: import("react").ForwardRefExoticComponent<Pick<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "className" | "color" | "children" | "slot" | "style" | "title" | "onClick" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "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" | "align" | "key" | "asChild" | "sticky" | "side" | "sideOffset" | "alignOffset" | "arrowPadding" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "avoidCollisions" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onOpenAutoFocus" | "onCloseAutoFocus" | "forceMount"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: import("react").ForwardRefExoticComponent<Pick<Pick<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, string | number | symbol>, string | number | symbol> & import("react").RefAttributes<HTMLDivElement>>;
 export { Popover, PopoverTrigger, PopoverContent };

package/dist/ui/molecules/Dropdowns/DropdownFilterMultiple/DropdownFilterMultiple.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IDropdownFilterMultiple } from './IDropdownFilterMultiple';
 export default function DropdownFilterMultiple({ icon, options, onSelected, title, placement, sizeIcon }: IDropdownFilterMultiple): JSX.Element;

package/dist/ui/molecules/Dropdowns/DropdownSummary/DropdownSummary.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IPropsDropdown } from './IDropdownSummary';
 /**
  * Page actions let merchants take key actions at the bottom of specific pages in the interface. This is important because sometimes the primary call to action is hard to access when merchants are at the bottom of a page, that’s why this component is fixed.

package/dist/ui/molecules/Dropdowns/DropdownSummary/IDropdownSummary.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IChildren, IClassName } from '../../../../types';
 declare type IElement = string | JSX.Element;
 declare type IContent = {

package/dist/ui/molecules/Dropdowns/DropdownUser/DropdownUser.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IDropdownUser } from './IDropdownUser';
 declare function DropdownUser({ name, email, items, footer, avatar, zIndex }: IDropdownUser): JSX.Element;
 export default DropdownUser;

package/dist/ui/molecules/EmptyState/BoxSvg.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function BoxSvg(): JSX.Element;

package/dist/ui/molecules/EmptyState/EmptyState.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { IPropsEmptyState } from './IEmptyState';
 /**
  * Molecule: EmptyState

package/dist/ui/molecules/EmptyState/PadlockSvg.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function PadlockSvg(): JSX.Element;

package/dist/ui/molecules/Field/Container.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IChildren } from '../../../types';
 export declare function Container({ children, renderIconLeft, renderInput }: IChildren & {
     renderInput?: JSX.Element;

package/dist/ui/molecules/Field/Field.d.ts

@@ -1,7 +1,4 @@
+/// <reference types="react" />
 import type { IField } from './IField';
-/**
- * Molecule: Field
- * A text field is an input field that merchants can type into. It has a range of options and supports several text formats including numbers. The compound fields apply to all the types of field (text, number, password).
- */
 declare const Field: import("react").ForwardRefExoticComponent<IField & import("react").RefAttributes<HTMLInputElement>>;
 export default Field;

package/dist/ui/molecules/Field/Footer.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IField } from './IField';
 export declare function Footer({ logo, helpText, error, showErrorText }: IField): JSX.Element;

package/dist/ui/molecules/Field/IField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IColor, IKind } from '../../atoms/Icon';
 import { ITooltipProps } from '../../atoms/Tooltip/ITooltip';
 import type { IFieldCustom } from './IFieldCustom';

package/dist/ui/molecules/Flag/Flag.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { IPropsFlag } from './IFlag';
 /**
  * Atom: Flag

package/dist/ui/molecules/Flag/IFlag.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IKind as IKindIcon } from '../..';
 import { IChildren } from '../../../types';
 declare type IKindFlag = 'default' | 'success' | 'warning' | 'error' | 'active' | 'subdued';

package/dist/ui/molecules/Header/Header.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IHeader } from './IHeader';
 import { IChildren } from '../../../types';
 /**

package/dist/ui/molecules/Header/IHeader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IKindLogo } from '@/ui/atoms/Logo';
 declare type IModalMenuMovil = {
     isOpen: boolean;

package/dist/ui/molecules/Header/NavigationMovil.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IKindLogo } from '../..';
 import { IChildren } from '../../../types';
 import { IModalMenuMovil } from './IHeader';

package/dist/ui/molecules/Indicator/Bar/Bar.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IPropsBar } from './IBar';
 export default function Bar<T>({ className, data, cells, paintLastCellForKey, width, height, margin, xAxis, yAxis, isLoading, legend, tooltipItems, customTooltip, displayCursor, cornerRadius, cartesianGrid }: IPropsBar<T>): JSX.Element;

package/dist/ui/molecules/Indicator/Graphic/Graphic.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IGraphic } from './IGraphic';
 export default function Graphic({ variant, width, height, margin, data, dataKey, linearGradientId }: IGraphic): JSX.Element;

package/dist/ui/molecules/Indicator/Line/Line.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IPropsLine, IDataWithSymbol } from './ILine';
 export default function Line<T extends IDataWithSymbol>({ data, width, height, linesConfig, xaxis, yaxis, type, strokeDasharray, isLoading }: IPropsLine<T>): JSX.Element;

package/dist/ui/molecules/Indicator/Pie/IPie.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface IPropsPie<T> {
     data: T[];
     width: number;

package/dist/ui/molecules/Indicator/Pie/Pie.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IPropsPie } from '.';
 interface PieData {
     name: string;

package/dist/ui/molecules/Indicator/TimeLine/TimeLine.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ITimeLine } from './ITimeline';
 declare function TimeLine({ isLoading, data, paddingTickY, positionY, classContainer, scatterChart }: ITimeLine): JSX.Element;
 export default TimeLine;

package/dist/ui/molecules/Indicator/TimeLine/atoms/CustomShap.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface CustomShapeProps {
     x: number;
     y: number;

package/dist/ui/molecules/Indicator/TimeLine/atoms/TickX.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ICustomizedAxisTickX } from './ITickX';
 export default function TickX({ x, y, payload, date }: ICustomizedAxisTickX): JSX.Element;

package/dist/ui/molecules/Indicator/TimeLine/atoms/TickY.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ICustomizedAxisTickY } from './ITickY';
 export default function TickY({ group, positionY, tick }: ICustomizedAxisTickY): JSX.Element;

package/dist/ui/molecules/Indicator/TimeLine/atoms/Tooltip.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NameType, Payload, ValueType } from 'recharts/types/component/DefaultTooltipContent';
 import { DayInfo } from '../useDays';
 interface Props<TValue extends ValueType, TName extends NameType> {

package/dist/ui/molecules/Indicator/TinyBar/TinyBar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ITinyBar } from '.';
 declare function TinyBar<T>({ data, width, height, dataKey, isLoading }: ITinyBar<T>): JSX.Element;
 export default TinyBar;

package/dist/ui/molecules/InlineError/InlineError.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { IInlineError } from './IInlineError';
 /**
  * Inline errors are brief, in-context messages that tell merchants something went wrong with a single or group of inputs in a form. Use inline errors to help merchants understand why a form input may not be valid and how to fix it.

package/dist/ui/molecules/Modal/IModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IChildren, IClassName } from '../../../types';
 interface IPropsModal extends IChildren, IClassName {
     /**

package/dist/ui/molecules/Modal/Modal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { IPropsModal } from './IModal';
 declare function Modal({ title, iconTitle, subtitle, footer, isOpen, hasBorder, showClose, onClose, className, disableOverlayClick, children }: IPropsModal): JSX.Element;
 export default Modal;

package/dist/ui/molecules/Navigation/Navigation.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { INavigation } from './INavigation';
 declare function Navigation({ children, isSmall, onClick, className, classNameLogo, kindLogo, ...rest }: INavigation): JSX.Element;
 export default Navigation;

package/dist/ui/molecules/Selectable/AsyncCreatableSelect/AsyncCreatableSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { IAsyncCreatableSelect } from './IAsyncCreatableSelect';
 /**
  * Molecule: AsyncCreatableSelect

package/dist/ui/molecules/Selectable/AsyncSelect/AsyncSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { IAsyncSelect } from './IAsyncSelect';
 /**
  * Molecule: AsyncSelect

package/dist/ui/molecules/Selectable/Select/ISelect.d.ts

@@ -3,6 +3,7 @@ import { IKindLogo, ITooltipProps, IKind as IKindIcon } from '../../..';
 export declare type IOption = {
     label: string | number;
     value: string | number;
+    image?: string;
     prefix?: string;
 };
 export declare type ITooltipSelect = Omit<ITooltipProps, 'children' | 'initialOpen'> & {

package/dist/ui/molecules/Selectable/Select/Select.d.ts

@@ -1,7 +1,4 @@
+/// <reference types="react" />
 import type { ISelect } from './ISelect';
-/**
- * Molecule: Select
- * Select lets merchants choose one option from an options menu. Consider select when you have 4 or more options, to avoid cluttering the interface.
- */
 declare function Select({ options, placeholder, defaultValue, defaultValueMulti, isDisabled, id, name, helpText, hasLabelPlaceholder, onChange, onChangeMulti, isSearchable, isClearable, error, isError, showErrorText, onBlur, value, instanceId, menuIsOpen, loadingMessage, noOptionsMessage, logo, iconTooltip, isActiveDropdownIndicator, isMulti, closeMenuOnSelect }: ISelect): JSX.Element;
 export default Select;

package/dist/ui/molecules/Selectable/SelectButton/Option.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Align } from '../../../atoms/Button';
 export declare const Option: ({ alignButton, ...allProps }: {
     alignButton: Align;

package/dist/ui/molecules/Selectable/SelectButton/SelectButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ISelectButton } from './ISelectButton';
 /**
  * Molecule: SelectButton

package/dist/ui/molecules/Selectable/SelectCountry/Option.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { OptionProps } from 'react-select';
 export declare const Option: (props: OptionProps) => JSX.Element;

package/dist/ui/molecules/Selectable/SelectCountry/Prefix.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as Flags from 'country-flag-icons/react/3x2';
 export declare type CountryCodeISO = keyof typeof Flags;
 export declare const Prefix: ({ codeIso, isDisabled }: {

package/dist/ui/molecules/Selectable/SelectCountry/SelectCountry.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ISelect } from '../Select/ISelect';
 import { ISelectCountry } from './ISelectCountry';
 /**

package/dist/ui/molecules/Selectable/SelectCountry/SingleValue.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const SingleValue: ({ isDisabled, ...allProps }: {
     isDisabled?: boolean | undefined;
 }) => JSX.Element;

package/dist/ui/molecules/Selectable/atoms/ClearIndicator.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { ClearIndicatorProps } from 'react-select';
 export declare const ClearIndicator: (props: ClearIndicatorProps) => JSX.Element;

package/dist/ui/molecules/Selectable/atoms/Container.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IKindLogo } from '../../..';
 import { IChildren } from '../../../../types';
 declare type IProps = {

package/dist/ui/molecules/Selectable/atoms/Control.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { ControlProps } from 'react-select';
 export declare const Control: ({ children, ...props }: ControlProps) => JSX.Element;

package/dist/ui/molecules/Selectable/atoms/DropdownIndicator.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { DropdownIndicatorProps } from 'react-select';
 export declare const DropdownIndicator: (props: DropdownIndicatorProps) => JSX.Element;

package/dist/ui/molecules/Selectable/atoms/Option.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { OptionProps } from 'react-select';
 export declare const Option: (props: OptionProps) => JSX.Element;

package/dist/ui/molecules/Selectable/atoms/Placeholder.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { PlaceholderProps } from 'react-select';
 export declare const Placeholder: (props: PlaceholderProps) => JSX.Element;

package/dist/ui/molecules/Selectable/atoms/SingleValue.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SingleValueProps } from 'react-select';
 export declare const SingleValue: (props: SingleValueProps) => JSX.Element;

package/dist/ui/molecules/Stepper/IStepper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface StepProps {
     nextStep: () => void;
     prevStep: () => void;

package/dist/ui/molecules/Stepper/Stepper.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IStepper } from './IStepper';
 export default function Stepper({ steps }: IStepper): JSX.Element;

package/dist/ui/molecules/Summary/Summary.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ITemplate } from '../../../types';
 /**
  * Molecule: Summary

package/dist/ui/molecules/Tab/ITab.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ITab {
     children?: string | number | JSX.Element;
     isDisabled?: boolean;
@@ -8,6 +9,7 @@ export interface ITab {
      * option for fitted variant with total
      */
     colorTotal?: 'neutral' | 'critical';
+    image?: string;
 }
 export declare type IStateTab = {
     selected: boolean;

package/dist/ui/molecules/Tab/Tab.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ITabs } from './ITab';
 /**
  * Use to alternate among related views within the same context.

package/dist/ui/molecules/TabNav/TabNav.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ITabNav } from './ITabNav';
 /**
  * Molecule: TabNav

package/dist/ui/molecules/Table/AsyncTable/AsyncTable.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IAsyncPropsTable } from './IAsyncTable';
 /**
  * Data tables are used to organize and display all information from a data set. While a data visualization represents

package/dist/ui/molecules/Table/AsyncTable/atoms/ButtonPagination.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IButtonPagination } from './pagination';
 declare function ButtonPagination({ pageIndex, currentPage, onClick, position, lastCount }: IButtonPagination): JSX.Element;
 export default ButtonPagination;

package/dist/ui/molecules/Table/AsyncTable/atoms/InputSearch.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type Props = {
     onChange: (value: string) => void;
     placeholder?: string;

package/dist/ui/molecules/Table/AsyncTable/atoms/SortTable.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RowData } from '@tanstack/react-table';
 import type { ISortTable } from './ISortTable';
 declare function SortTable<T extends RowData>({ table, sortItem, checkBoxSelect, titleSortTable }: ISortTable<T>): JSX.Element;

package/dist/ui/molecules/Table/AsyncTable/atoms/pagination/Pagination.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type IPagination } from './IPagination';
 declare function Pagination<TData>({ table, options, optionPagination }: IPagination<TData>): JSX.Element;
 export default Pagination;

package/dist/ui/molecules/Table/Table/Table.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IPropsTable } from './ITable';
 /**
  * Data tables are used to organize and display all information from a data set. While a data visualization represents

package/dist/ui/molecules/Table/Table/atoms/ButtonPagination.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IButtonPagination } from './IPagination';
 declare const ButtonPagination: import("react").MemoExoticComponent<({ pageIndex, currentPage, onClick, position, lastCount }: IButtonPagination) => JSX.Element>;
 export default ButtonPagination;

package/dist/ui/molecules/Table/Table/atoms/InputSearch.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type Props = {
     value: string;
     onChange: (value: string) => void;

package/dist/ui/molecules/Table/Table/atoms/Pagination.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type IPagination } from './IPagination';
 declare function Pagination<TData>({ table, options }: IPagination<TData>): JSX.Element;
 export default Pagination;

package/dist/ui/molecules/Table/Table/atoms/SortTable.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RowData } from '@tanstack/react-table';
 import type { ISortTable } from './ISortTable';
 declare function SortTable<T extends RowData>({ table, sortItem, checkBoxSelect, titleSortTable }: ISortTable<T>): JSX.Element;

package/dist/ui/molecules/TextArea/Footer.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ITextArea } from './ITextArea';
 export declare function Footer({ helpText, error, showErrorText }: ITextArea): JSX.Element;

package/dist/ui/molecules/TextArea/ITextArea.d.ts

@@ -1,4 +1,4 @@
-import { HTMLProps } from 'react';
+import { TextareaHTMLAttributes } from 'react';
 export declare type ITextArea = {
     error?: string;
     isError?: boolean;
@@ -6,4 +6,4 @@ export declare type ITextArea = {
     showErrorText?: boolean;
     resizable?: boolean;
     onChangeValue?: (value: string) => void;
-} & HTMLProps<HTMLTextAreaElement>;
+} & TextareaHTMLAttributes<HTMLTextAreaElement>;

package/dist/ui/molecules/TextArea/TextArea.d.ts

@@ -1,3 +1,10 @@
-import { ITextArea } from './ITextArea';
-declare const TextArea: import("react").ForwardRefExoticComponent<Pick<ITextArea, "error" | "size" | "className" | "color" | "disabled" | "default" | "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "src" | "alt" | "as" | "type" | "onClick" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "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" | "start" | "list" | "step" | "helpText" | "isError" | "checked" | "target" | "htmlFor" | "kind" | "download" | "key" | "content" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "width" | "wmode" | "wrap" | "showErrorText" | "resizable" | "onChangeValue"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+/// <reference types="react" />
+declare const TextArea: import("react").ForwardRefExoticComponent<{
+    error?: string | undefined;
+    isError?: boolean | undefined;
+    helpText?: string | undefined;
+    showErrorText?: boolean | undefined;
+    resizable?: boolean | undefined;
+    onChangeValue?: ((value: string) => void) | undefined;
+} & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;
 export default TextArea;

package/dist/ui/templates/Main/Main.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ITemplate } from '../../../types';
 /**
  * Template: Layout main