@nulogy/components 14.8.2 → 15.0.1

package/dist/src/Box/Box.d.ts

@@ -1,268 +1,268 @@
-import { ComponentPropsWithRef } from "react";
-import { MotionProps } from "framer-motion";
-import { StyledProps } from "../StyledProps";
-export interface BoxProps extends StyledProps, ComponentPropsWithRef<"div"> {
-    as?: React.ElementType;
-}
-declare const Box: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>> & string;
-export interface AnimatedBoxProps extends MotionProps, Omit<BoxProps, "onAnimationStart" | "onDrag" | "onDragStart" | "onDragEnd" | "style" | "transition"> {
-}
-export declare const AnimatedBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
-    content?: string;
-    hidden?: boolean;
-    slot?: string;
-    title?: string;
-    defaultChecked?: boolean;
-    defaultValue?: string | number | readonly string[];
-    suppressContentEditableWarning?: boolean;
-    suppressHydrationWarning?: boolean;
-    accessKey?: string;
-    autoFocus?: boolean;
-    className?: string;
-    contentEditable?: "inherit" | (boolean | "true" | "false");
-    contextMenu?: string;
-    dir?: string;
-    draggable?: boolean | "true" | "false";
-    id?: string;
-    lang?: string;
-    nonce?: string;
-    placeholder?: string;
-    spellCheck?: boolean | "true" | "false";
-    tabIndex?: number;
-    translate?: "yes" | "no";
-    radioGroup?: string;
-    role?: import("react").AriaRole;
-    about?: string;
-    datatype?: string;
-    inlist?: any;
-    prefix?: string;
-    property?: string;
-    rel?: string;
-    resource?: string;
-    rev?: string;
-    typeof?: string;
-    vocab?: string;
-    autoCapitalize?: string;
-    autoCorrect?: string;
-    autoSave?: string;
-    color?: string;
-    itemProp?: string;
-    itemScope?: boolean;
-    itemType?: string;
-    itemID?: string;
-    itemRef?: string;
-    results?: number;
-    security?: string;
-    unselectable?: "on" | "off";
-    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
-    is?: string;
-    children?: import("react").ReactNode | Record<string, unknown>;
-    "aria-activedescendant"?: string;
-    "aria-atomic"?: boolean | "true" | "false";
-    "aria-autocomplete"?: "none" | "list" | "inline" | "both";
-    "aria-busy"?: boolean | "true" | "false";
-    "aria-checked"?: boolean | "true" | "false" | "mixed";
-    "aria-colcount"?: number;
-    "aria-colindex"?: number;
-    "aria-colspan"?: number;
-    "aria-controls"?: string;
-    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
-    "aria-describedby"?: string;
-    "aria-details"?: string;
-    "aria-disabled"?: boolean | "true" | "false";
-    "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup";
-    "aria-errormessage"?: string;
-    "aria-expanded"?: boolean | "true" | "false";
-    "aria-flowto"?: string;
-    "aria-grabbed"?: boolean | "true" | "false";
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
-    "aria-hidden"?: boolean | "true" | "false";
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
-    "aria-keyshortcuts"?: string;
-    "aria-label"?: string;
-    "aria-labelledby"?: string;
-    "aria-level"?: number;
-    "aria-live"?: "off" | "assertive" | "polite";
-    "aria-modal"?: boolean | "true" | "false";
-    "aria-multiline"?: boolean | "true" | "false";
-    "aria-multiselectable"?: boolean | "true" | "false";
-    "aria-orientation"?: "horizontal" | "vertical";
-    "aria-owns"?: string;
-    "aria-placeholder"?: string;
-    "aria-posinset"?: number;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed";
-    "aria-readonly"?: boolean | "true" | "false";
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
-    "aria-required"?: boolean | "true" | "false";
-    "aria-roledescription"?: string;
-    "aria-rowcount"?: number;
-    "aria-rowindex"?: number;
-    "aria-rowspan"?: number;
-    "aria-selected"?: boolean | "true" | "false";
-    "aria-setsize"?: number;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other";
-    "aria-valuemax"?: number;
-    "aria-valuemin"?: number;
-    "aria-valuenow"?: number;
-    "aria-valuetext"?: string;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    };
-    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement>;
-    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
-    onCut?: import("react").ClipboardEventHandler<HTMLDivElement>;
-    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
-    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement>;
-    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
-    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement>;
-    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
-    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement>;
-    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
-    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement>;
-    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
-    onFocus?: import("react").FocusEventHandler<HTMLDivElement>;
-    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement>;
-    onBlur?: import("react").FocusEventHandler<HTMLDivElement>;
-    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement>;
-    onChange?: import("react").FormEventHandler<HTMLDivElement>;
-    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement>;
-    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement>;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
-    onInput?: import("react").FormEventHandler<HTMLDivElement>;
-    onInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
-    onReset?: import("react").FormEventHandler<HTMLDivElement>;
-    onResetCapture?: import("react").FormEventHandler<HTMLDivElement>;
-    onSubmit?: import("react").FormEventHandler<HTMLDivElement>;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement>;
-    onInvalid?: import("react").FormEventHandler<HTMLDivElement>;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement>;
-    onLoad?: import("react").ReactEventHandler<HTMLDivElement>;
-    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onError?: import("react").ReactEventHandler<HTMLDivElement>;
-    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement>;
-    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement>;
-    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement>;
-    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
-    onAbort?: import("react").ReactEventHandler<HTMLDivElement>;
-    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement>;
-    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement>;
-    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement>;
-    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onEmptied?: import("react").ReactEventHandler<HTMLDivElement>;
-    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement>;
-    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onEnded?: import("react").ReactEventHandler<HTMLDivElement>;
-    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement>;
-    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement>;
-    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement>;
-    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onPause?: import("react").ReactEventHandler<HTMLDivElement>;
-    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onPlay?: import("react").ReactEventHandler<HTMLDivElement>;
-    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onPlaying?: import("react").ReactEventHandler<HTMLDivElement>;
-    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onProgress?: import("react").ReactEventHandler<HTMLDivElement>;
-    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onRateChange?: import("react").ReactEventHandler<HTMLDivElement>;
-    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onSeeked?: import("react").ReactEventHandler<HTMLDivElement>;
-    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onSeeking?: import("react").ReactEventHandler<HTMLDivElement>;
-    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onStalled?: import("react").ReactEventHandler<HTMLDivElement>;
-    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onSuspend?: import("react").ReactEventHandler<HTMLDivElement>;
-    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement>;
-    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement>;
-    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onWaiting?: import("react").ReactEventHandler<HTMLDivElement>;
-    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement>;
-    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement>;
-    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement>;
-    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement>;
-    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onDragCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragEnter?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragExit?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragLeave?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragOver?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onDrop?: import("react").DragEventHandler<HTMLDivElement>;
-    onDropCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onSelect?: import("react").ReactEventHandler<HTMLDivElement>;
-    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement>;
-    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement>;
-    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement>;
-    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement>;
-    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement>;
-    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement>;
-    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement>;
-    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement>;
-    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onScroll?: import("react").UIEventHandler<HTMLDivElement>;
-    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement>;
-    onWheel?: import("react").WheelEventHandler<HTMLDivElement>;
-    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement>;
-    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
-    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement>;
-    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
-    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement>;
-    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
-    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement>;
-    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
-} & MotionProps & import("react").RefAttributes<HTMLDivElement>, AnimatedBoxProps>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
-export default Box;
+import { ComponentPropsWithRef } from "react";
+import { MotionProps } from "framer-motion";
+import { StyledProps } from "../StyledProps";
+export interface BoxProps extends StyledProps, ComponentPropsWithRef<"div"> {
+    as?: React.ElementType;
+}
+declare const Box: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>> & string;
+export interface AnimatedBoxProps extends MotionProps, Omit<BoxProps, "onAnimationStart" | "onDrag" | "onDragStart" | "onDragEnd" | "style" | "transition"> {
+}
+export declare const AnimatedBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
+    children?: import("react").ReactNode | Record<string, unknown>;
+    slot?: string;
+    title?: string;
+    property?: string;
+    color?: string;
+    content?: string;
+    translate?: "yes" | "no";
+    hidden?: boolean;
+    defaultChecked?: boolean;
+    defaultValue?: string | number | readonly string[];
+    suppressContentEditableWarning?: boolean;
+    suppressHydrationWarning?: boolean;
+    accessKey?: string;
+    autoFocus?: boolean;
+    className?: string;
+    contentEditable?: "inherit" | (boolean | "true" | "false");
+    contextMenu?: string;
+    dir?: string;
+    draggable?: boolean | "true" | "false";
+    id?: string;
+    lang?: string;
+    nonce?: string;
+    placeholder?: string;
+    spellCheck?: boolean | "true" | "false";
+    tabIndex?: number;
+    radioGroup?: string;
+    role?: import("react").AriaRole;
+    about?: string;
+    datatype?: string;
+    inlist?: any;
+    prefix?: string;
+    rel?: string;
+    resource?: string;
+    rev?: string;
+    typeof?: string;
+    vocab?: string;
+    autoCapitalize?: string;
+    autoCorrect?: string;
+    autoSave?: string;
+    itemProp?: string;
+    itemScope?: boolean;
+    itemType?: string;
+    itemID?: string;
+    itemRef?: string;
+    results?: number;
+    security?: string;
+    unselectable?: "on" | "off";
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+    is?: string;
+    "aria-activedescendant"?: string;
+    "aria-atomic"?: boolean | "true" | "false";
+    "aria-autocomplete"?: "none" | "list" | "inline" | "both";
+    "aria-busy"?: boolean | "true" | "false";
+    "aria-checked"?: boolean | "true" | "false" | "mixed";
+    "aria-colcount"?: number;
+    "aria-colindex"?: number;
+    "aria-colspan"?: number;
+    "aria-controls"?: string;
+    "aria-current"?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
+    "aria-describedby"?: string;
+    "aria-details"?: string;
+    "aria-disabled"?: boolean | "true" | "false";
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup";
+    "aria-errormessage"?: string;
+    "aria-expanded"?: boolean | "true" | "false";
+    "aria-flowto"?: string;
+    "aria-grabbed"?: boolean | "true" | "false";
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree";
+    "aria-hidden"?: boolean | "true" | "false";
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
+    "aria-keyshortcuts"?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-level"?: number;
+    "aria-live"?: "off" | "assertive" | "polite";
+    "aria-modal"?: boolean | "true" | "false";
+    "aria-multiline"?: boolean | "true" | "false";
+    "aria-multiselectable"?: boolean | "true" | "false";
+    "aria-orientation"?: "horizontal" | "vertical";
+    "aria-owns"?: string;
+    "aria-placeholder"?: string;
+    "aria-posinset"?: number;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed";
+    "aria-readonly"?: boolean | "true" | "false";
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+    "aria-required"?: boolean | "true" | "false";
+    "aria-roledescription"?: string;
+    "aria-rowcount"?: number;
+    "aria-rowindex"?: number;
+    "aria-rowspan"?: number;
+    "aria-selected"?: boolean | "true" | "false";
+    "aria-setsize"?: number;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other";
+    "aria-valuemax"?: number;
+    "aria-valuemin"?: number;
+    "aria-valuenow"?: number;
+    "aria-valuetext"?: string;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    };
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement>;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement>;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement>;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement>;
+    onChange?: import("react").FormEventHandler<HTMLDivElement>;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement>;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onInput?: import("react").FormEventHandler<HTMLDivElement>;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onReset?: import("react").FormEventHandler<HTMLDivElement>;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement>;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement>;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onError?: import("react").ReactEventHandler<HTMLDivElement>;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement>;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement>;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement>;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement>;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement>;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement>;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement>;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement>;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement>;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement>;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement>;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement>;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement>;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement>;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement>;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement>;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement>;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement>;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
+} & MotionProps & import("react").RefAttributes<HTMLDivElement>, AnimatedBoxProps>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export default Box;

package/dist/src/Box/Box.js

@@ -0,0 +1,6 @@
+import styled from "styled-components";
+import { motion } from "framer-motion";
+import { addStyledProps } from "../StyledProps";
+const Box = styled.div(addStyledProps);
+export const AnimatedBox = styled(motion.div)(addStyledProps);
+export default Box;