@pedidopago/ui 1.13.22 → 1.13.24

package/dist/components/NewDropzone/Preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDropzone/Preview/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAQ/C,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,SAAS,GACV,EAAE,oBAAoB,2CAkCtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDropzone/Preview/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAQ/C,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,SAAS,GACV,EAAE,oBAAoB,2CAiCtB"}

package/dist/components/NewDropzone/Preview/index.js

@@ -4,4 +4,4 @@
 // Types
 // Styles
 // Animations
-function DropzoneFilePreview(_ref){var file=_ref.file,removeFile=_ref.removeFile,disabled=_ref.disabled,isSingleFile=_ref.isSingleFile,hideRemoveButton=_ref.hideRemoveButton,isLoading=_ref.isLoading,_useTheme=(0,_theme.useTheme)(),theme=_useTheme.theme;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DropzoneFilePreviewContainer,{"aria-disabled":disabled||isLoading,title:file.fileName,className:(0,_classnames.default)({is_single_file:isSingleFile}),children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_content.DropzoneFilePreviewContent,{file:file}),!disabled&&/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:"actions_container",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{children:!hideRemoveButton&&!disabled&&!isLoading&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.RemoveFileIconContainer,_objectSpread(_objectSpread({title:"Remover arquivo",disabled:disabled,onClick:function onClick(event){event.stopPropagation(),null===removeFile||void 0===removeFile?void 0:removeFile()}},_opacityAnimation.opacityAnimation),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{size:18,name:"trash-2",color:theme.lightColors.neutral.white})}),"remove_file_button")})})]})}
+function DropzoneFilePreview(_ref){var file=_ref.file,removeFile=_ref.removeFile,disabled=_ref.disabled,isSingleFile=_ref.isSingleFile,hideRemoveButton=_ref.hideRemoveButton,isLoading=_ref.isLoading,_useTheme=(0,_theme.useTheme)(),theme=_useTheme.theme;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DropzoneFilePreviewContainer,{"aria-disabled":disabled||isLoading,title:file.fileName,className:(0,_classnames.default)({is_single_file:isSingleFile}),children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_content.DropzoneFilePreviewContent,{file:file}),!disabled&&/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:"actions_container",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{children:!hideRemoveButton&&!disabled&&!isLoading&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.RemoveFileIconContainer,_objectSpread(_objectSpread({title:"Remover arquivo",onClick:function onClick(event){event.stopPropagation(),null===removeFile||void 0===removeFile?void 0:removeFile()}},_opacityAnimation.opacityAnimation),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{size:18,name:"trash-2",color:theme.lightColors.neutral.white})}),"remove_file_button")})})]})}

package/dist/components/NewDropzone/Preview/styles.d.ts

@@ -7,7 +7,6 @@ export declare const DropzoneFilePreviewContainer: import("@emotion/styled").Sty
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const RemoveFileIconContainer: import("@emotion/styled").StyledComponent<{
     content?: string | undefined;
-    form?: string | undefined;
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
@@ -110,172 +109,163 @@ export declare const RemoveFileIconContainer: import("@emotion/styled").StyledCo
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
-    onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCut?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCutCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onPaste?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onPasteCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCompositionEnd?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionStart?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-    onFocusCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onLoad?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onError?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onErrorCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onAbort?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onAbortCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlay?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayThrough?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onDurationChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onEmptied?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onEmptiedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onEncrypted?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onEncryptedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onEnded?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onEndedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedData?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedMetadata?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadStart?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadStartCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onPause?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onPauseCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlay?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlaying?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlayingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onProgress?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onProgressCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onRateChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onRateChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onResize?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onResizeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeeked?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeekedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeeking?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeekingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onStalled?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onStalledCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onSuspend?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onSuspendCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onTimeUpdate?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onVolumeChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onWaiting?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onWaitingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onAuxClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onAuxClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onContextMenu?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onContextMenuCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onDoubleClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onDragCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEndCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEnter?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEnterCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-    onDragExit?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-    onDragExitCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-    onDragLeave?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-    onDragLeaveCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-    onDragOver?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-    onDragOverCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-    onDragStartCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-    onDrop?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-    onDropCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-    onMouseDown?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseDownCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseMove?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOut?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOutCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOver?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOverCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseUp?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseUpCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onSelect?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onSelectCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onTouchCancel?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchEnd?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchEndCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchMove?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchStartCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-    onPointerDown?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerDownCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerMove?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerUp?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerUpCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerCancel?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerEnter?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerLeave?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOver?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOverCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOut?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOutCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onGotPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onLostPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
-    onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
-    onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
-    onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
-    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationEnd?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
-    onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
-    disabled?: boolean | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
-    formAction?: string | undefined;
-    formEncType?: string | undefined;
-    formMethod?: string | undefined;
-    formNoValidate?: boolean | undefined;
-    formTarget?: string | undefined;
-    name?: string | undefined;
-    value?: string | number | readonly string[] | undefined;
-} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLButtonElement> & {
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/NewDropzone/Preview/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDropzone/Preview/styles.ts"],"names":[],"mappings":";;;AAGA,eAAO,MAAM,4BAA4B;;;yGA8CxC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAmBnC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDropzone/Preview/styles.ts"],"names":[],"mappings":";;;AAGA,eAAO,MAAM,4BAA4B;;;yGA8CxC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAmBnC,CAAC"}

package/dist/components/NewDropzone/Preview/styles.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RemoveFileIconContainer=exports.DropzoneFilePreviewContainer=void 0;var _templateObject,_templateObject2,_styled=_interopRequireDefault(require("@emotion/styled")),_framerMotion=require("framer-motion");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var DropzoneFilePreviewContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  min-height: 152px;\n  border-radius: 0.75rem;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 2px solid ",";\n  overflow: hidden;\n  transition: all ease 0.2s;\n  user-select: none;\n\n  width: 50%;\n  height: auto;\n\n  @media (max-width: ",") {\n    width: 100%;\n  }\n\n  &:hover {\n    .actions_container {\n      opacity: 1;\n    }\n  }\n\n  .actions_container {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    padding: 0.65rem;\n    display: flex;\n    justify-content: space-between !important;\n    transition: all ease 0.2s;\n    opacity: 0;\n  }\n\n  &[aria-disabled='true'] {\n    border-color: ",";\n  }\n\n  img,\n  video {\n    width: 100%;\n    max-height: 450px;\n    object-fit: contain;\n  }\n"])),function(_ref){var theme=_ref.theme;return theme.colors.neutral.neutral1},function(_ref2){var theme=_ref2.theme;return theme.breakpoints.md},function(_ref3){var theme=_ref3.theme;return theme.colors.neutral.neutral2});exports.DropzoneFilePreviewContainer=DropzoneFilePreviewContainer;var RemoveFileIconContainer=(0,_styled.default)(_framerMotion.motion.button)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  cursor: pointer;\n  border: none;\n  border-radius: 50%;\n  min-width: 28px;\n  min-height: 28px;\n  display: grid;\n  place-items: center;\n\n  background-color: ",";\n  box-shadow: ",";\n\n  transition: all ease 0.2s;\n\n  margin-left: auto;\n\n  &:hover {\n    filter: brightness(0.9);\n  }\n"])),function(_ref4){var theme=_ref4.theme;return theme.colors.error.default},function(_ref5){var theme=_ref5.theme;return theme.shadow.level2});exports.RemoveFileIconContainer=RemoveFileIconContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RemoveFileIconContainer=exports.DropzoneFilePreviewContainer=void 0;var _templateObject,_templateObject2,_styled=_interopRequireDefault(require("@emotion/styled")),_framerMotion=require("framer-motion");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var DropzoneFilePreviewContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  min-height: 152px;\n  border-radius: 0.75rem;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 2px solid ",";\n  overflow: hidden;\n  transition: all ease 0.2s;\n  user-select: none;\n\n  width: 50%;\n  height: auto;\n\n  @media (max-width: ",") {\n    width: 100%;\n  }\n\n  &:hover {\n    .actions_container {\n      opacity: 1;\n    }\n  }\n\n  .actions_container {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    padding: 0.65rem;\n    display: flex;\n    justify-content: space-between !important;\n    transition: all ease 0.2s;\n    opacity: 0;\n  }\n\n  &[aria-disabled='true'] {\n    border-color: ",";\n  }\n\n  img,\n  video {\n    width: 100%;\n    max-height: 450px;\n    object-fit: contain;\n  }\n"])),function(_ref){var theme=_ref.theme;return theme.colors.neutral.neutral1},function(_ref2){var theme=_ref2.theme;return theme.breakpoints.md},function(_ref3){var theme=_ref3.theme;return theme.colors.neutral.neutral2});exports.DropzoneFilePreviewContainer=DropzoneFilePreviewContainer;var RemoveFileIconContainer=(0,_styled.default)(_framerMotion.motion.div)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  cursor: pointer;\n  border: none;\n  border-radius: 50%;\n  min-width: 28px;\n  min-height: 28px;\n  display: grid;\n  place-items: center;\n\n  background-color: ",";\n  box-shadow: ",";\n\n  transition: all ease 0.2s;\n\n  margin-left: auto;\n\n  &:hover {\n    filter: brightness(0.9);\n  }\n"])),function(_ref4){var theme=_ref4.theme;return theme.colors.error.default},function(_ref5){var theme=_ref5.theme;return theme.shadow.level2});exports.RemoveFileIconContainer=RemoveFileIconContainer;

package/dist/components/NewDropzone/index.d.ts

@@ -1,3 +1,3 @@
 import { NewDropzoneProps } from './types';
-export declare function NewDropzone({ label, ...props }: NewDropzoneProps): import("react/jsx-runtime").JSX.Element;
+export declare function NewDropzone({ label, description, ...props }: NewDropzoneProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/NewDropzone/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NewDropzone/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAahE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NewDropzone/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAoB7E"}

package/dist/components/NewDropzone/index.js

@@ -1,3 +1,3 @@
-"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.NewDropzone=NewDropzone;var _Flex=_interopRequireDefault(require("../Flex")),_Typography=_interopRequireDefault(require("../Typography")),_MultipleDropzone=require("./MultipleDropzone"),_SingleDropzone=require("./SingleDropzone"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["label"];// Components
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.NewDropzone=NewDropzone;var _Flex=_interopRequireDefault(require("../Flex")),_Typography=_interopRequireDefault(require("../Typography")),_MultipleDropzone=require("./MultipleDropzone"),_SingleDropzone=require("./SingleDropzone"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["label","description"];// Components
 // Types
-function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function NewDropzone(_ref){var label=_ref.label,props=_objectWithoutProperties(_ref,_excluded),isMultiple="number"==typeof props.maxFiles;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"0.5rem",children:[label&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontWeight:"600",color:"neutral.neutral6",children:label}),isMultiple?/*#__PURE__*/(0,_jsxRuntime.jsx)(_MultipleDropzone.MultipleDropzone,_objectSpread({},props)):/*#__PURE__*/(0,_jsxRuntime.jsx)(_SingleDropzone.SingleDropzone,_objectSpread({},props))]})}
+function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function NewDropzone(_ref){var label=_ref.label,description=_ref.description,props=_objectWithoutProperties(_ref,_excluded),isMultiple="number"==typeof props.maxFiles;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"0.5rem",children:[label&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"0.25rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontWeight:"600",color:"neutral.neutral6",children:label}),description&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontWeight:"500",color:"neutral.neutral4",children:description})]}),isMultiple?/*#__PURE__*/(0,_jsxRuntime.jsx)(_MultipleDropzone.MultipleDropzone,_objectSpread({},props)):/*#__PURE__*/(0,_jsxRuntime.jsx)(_SingleDropzone.SingleDropzone,_objectSpread({},props))]})}

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

@@ -18,6 +18,7 @@ export interface NewDropzoneCommonProps extends Omit<HTMLAttributes<HTMLDivEleme
     hideRemoveButton?: boolean;
     label?: string;
     dropzoneOptions?: Omit<DropzoneOptions, 'accept' | 'maxFiles'>;
+    description?: string;
 }
 export type SingleDropzoneProps = NewDropzoneCommonProps & {
     onDropRejected?: (fileRejection: FileRejection) => void;

package/dist/components/NewDropzone/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NewDropzone/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG3E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9F,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;CAChE;AAED,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GAAG;IACzD,cAAc,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,GAAG,SAAS,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,GAAG;IAC3D,cAAc,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAE3E,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;CAC1B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NewDropzone/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG3E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9F,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GAAG;IACzD,cAAc,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,GAAG,SAAS,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,GAAG;IAC3D,cAAc,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAE3E,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;CAC1B"}

package/dist/components/Responsive/Examples/BasicUse.example.d.ts

@@ -0,0 +1,3 @@
+import { ResponsiveProps } from '../types';
+export declare function ResponsiveBasicUseExample(props: ResponsiveProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BasicUse.example.d.ts.map

package/dist/components/Responsive/Examples/BasicUse.example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicUse.example.d.ts","sourceRoot":"","sources":["../../../../src/components/Responsive/Examples/BasicUse.example.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,eAAe,2CAW/D"}

package/dist/components/Responsive/Examples/BasicUse.example.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponsiveBasicUseExample=ResponsiveBasicUseExample;var _=require(".."),_jsxRuntime=require("react/jsx-runtime");function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}// Components
+// Types
+function ResponsiveBasicUseExample(props){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Responsive,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("h1",{children:"Resize the window to see the effect"}),/*#__PURE__*/(0,_jsxRuntime.jsxs)("p",{children:["Current breakpoint: ",props.min||"base"," - ",props.max||"max"]})]})}))}

package/dist/components/Responsive/Examples/constants.d.ts

@@ -0,0 +1,3 @@
+import { ResponsiveBreakpoints } from '../types';
+export declare const RESPONSIVE_MDX_BREAKPOINTS: (ResponsiveBreakpoints | undefined)[];
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/Responsive/Examples/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Responsive/Examples/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,0BAA0B,EAAE,CAAC,qBAAqB,GAAG,SAAS,CAAC,EAO3E,CAAC"}

package/dist/components/Responsive/Examples/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RESPONSIVE_MDX_BREAKPOINTS=void 0;var RESPONSIVE_MDX_BREAKPOINTS=["lg","md","sm","xl","xxl",void 0];exports.RESPONSIVE_MDX_BREAKPOINTS=RESPONSIVE_MDX_BREAKPOINTS;

package/dist/components/Responsive/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const RESPONSIVE_DEFAULT_BREAKPOINTS: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/Responsive/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Responsive/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,8BAA8B;;;;;;CAM1C,CAAC"}

package/dist/components/Responsive/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RESPONSIVE_DEFAULT_BREAKPOINTS=void 0;var RESPONSIVE_DEFAULT_BREAKPOINTS={sm:480,md:800,lg:1042,xl:1681,xxl:1900};exports.RESPONSIVE_DEFAULT_BREAKPOINTS=RESPONSIVE_DEFAULT_BREAKPOINTS;

package/dist/components/Responsive/index.d.ts

@@ -0,0 +1,3 @@
+import { ResponsiveProps } from './types';
+export declare function Responsive({ children, breakpoints: breakpointsProp, min, max }: ResponsiveProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Responsive/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Responsive/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK1C,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,eAAe,2CAkB/F"}

package/dist/components/Responsive/index.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Responsive=Responsive;var _styles=require("./styles"),_makeMediaQuery=require("./utils/makeMediaQuery"),_constants=require("./constants"),_jsxRuntime=require("react/jsx-runtime");// Styles
+// Utils
+// Types
+// Constants
+function Responsive(_ref){var children=_ref.children,breakpointsProp=_ref.breakpoints,min=_ref.min,max=_ref.max,breakpoints=breakpointsProp||_constants.RESPONSIVE_DEFAULT_BREAKPOINTS,_getSelectedBreakpoin=function(){var maxWidth=max?"number"==typeof max?max:breakpoints[max]:void 0,minWidth=min?"number"==typeof min?min:breakpoints[min]:void 0;return{minWidth:minWidth,maxWidth:maxWidth}}(),minWidth=_getSelectedBreakpoin.minWidth,maxWidth=_getSelectedBreakpoin.maxWidth,mediaQuery=(0,_makeMediaQuery.makeMediaQuery)({maxWidth:maxWidth,minWidth:minWidth});return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ResponsiveContainer,{mediaQuery:mediaQuery,children:children})}

package/dist/components/Responsive/styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const ResponsiveContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    mediaQuery: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/Responsive/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Responsive/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,mBAAmB;;;;gBAA4B,MAAM;yGAMjE,CAAC"}

package/dist/components/Responsive/styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponsiveContainer=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var ResponsiveContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: none;\n\n  @media (",") {\n    display: contents;\n  }\n"])),function(_ref){var mediaQuery=_ref.mediaQuery;return mediaQuery});exports.ResponsiveContainer=ResponsiveContainer;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type ResponsiveBreakpoints = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export type ResponsiveProps = {
+    children: React.ReactNode;
+    max?: ResponsiveBreakpoints | number;
+    min?: ResponsiveBreakpoints | number;
+    breakpoints?: {
+        [key in ResponsiveBreakpoints]: number;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Responsive/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Responsive/types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,qBAAqB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,GAAG,CAAC,EAAE,qBAAqB,GAAG,MAAM,CAAC;IACrC,GAAG,CAAC,EAAE,qBAAqB,GAAG,MAAM,CAAC;IAErC,WAAW,CAAC,EAAE;SAEX,GAAG,IAAI,qBAAqB,GAAG,MAAM;KACvC,CAAC;CACH,CAAC"}

package/dist/components/Responsive/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/Responsive/utils/makeMediaQuery.d.ts

@@ -0,0 +1,5 @@
+export declare function makeMediaQuery({ maxWidth, minWidth }: {
+    maxWidth?: number;
+    minWidth?: number;
+}): string;
+//# sourceMappingURL=makeMediaQuery.d.ts.map

package/dist/components/Responsive/utils/makeMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeMediaQuery.d.ts","sourceRoot":"","sources":["../../../../src/components/Responsive/utils/makeMediaQuery.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,UAc9F"}

package/dist/components/Responsive/utils/makeMediaQuery.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.makeMediaQuery=makeMediaQuery;function makeMediaQuery(_ref){var maxWidth=_ref.maxWidth,minWidth=_ref.minWidth;return minWidth&&maxWidth?"(min-width: ".concat(minWidth,"px) and (max-width: ").concat(maxWidth,"px)"):minWidth?"(min-width: ".concat(minWidth,"px)"):maxWidth?"(max-width: ".concat(maxWidth,"px)"):""}

package/dist/index.d.ts

@@ -43,6 +43,7 @@ export * from './components/IllustrationCard';
 export * from './components/PdfPreview';
 export * from './components/NewDropzone';
 export * from './components/NewTable';
+export * from './components/Responsive';
 export { default as Input } from './components/Input';
 export { DateInput } from './components/DateInput';
 export { TimeInput } from './components/TimeInput';