@autoguru/overdrive 4.44.2 → 4.44.3

package/dist/components/Box/useBox/useBox.d.ts

@@ -0,0 +1,389 @@
+import type { AllHTMLAttributes, ElementType } from 'react';
+import { type ElementStylesProps } from '../../../styles/elementStyles';
+import type { ConsistentComponentProps, OdComponent } from '../../../types';
+type FilteredAttributes = Omit<AllHTMLAttributes<HTMLElement>, 'as' | 'className' | 'color' | 'height' | 'is' | 'size' | 'width'>;
+export interface UseBoxProps extends FilteredAttributes, ConsistentComponentProps, OdComponent, ElementStylesProps {
+}
+export declare const useBox: ({ as, className: incomingClassName, odComponent, testId, display, height, maxWidth, minWidth, overflow, overflowX, overflowY, pointerEvents, position, size, userSelect, useVar, width, bg, backgroundColor, backgroundColour, boxShadow, color, colour, fg, opacity, fontSize, fontWeight, lineHeight, text, textAlign, textTransform, textWrap, wordBreak, borderRadius, borderColor, borderColorX, borderColorY, borderStyle, borderWidth, borderWidthX, borderWidthY, borderBottomColor, borderBottomStyle, borderBottomWidth, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRightColor, borderRightStyle, borderRightWidth, borderStyleBottom, borderStyleLeft, borderStyleRight, borderStyleTop, borderTopColor, borderTopStyle, borderTopWidth, borderWidthTop, borderWidthRight, borderWidthBottom, borderWidthLeft, borderColour, borderColourX, borderColourY, borderBottomColour, borderLeftColour, borderRightColour, borderTopColour, alignContent, alignItems, alignSelf, columnGap, flexDirection, flexGrow, flexShrink, flexWrap, gap, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumns, justifyContent, placeItems, rowGap, order, m, mb, ml, mr, mt, mx, my, margin, marginX, marginY, marginBottom, marginLeft, marginRight, marginTop, p, pb, pl, pr, pt, px, py, padding, paddingX, paddingY, paddingBottom, paddingLeft, paddingRight, paddingTop, ...elementProps }: UseBoxProps) => {
+    Component: ElementType;
+    componentProps: {
+        className: string;
+        content?: string | undefined | undefined;
+        placeholder?: string | undefined | undefined;
+        min?: number | string | undefined | undefined;
+        muted?: boolean | undefined | undefined;
+        name?: string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        start?: number | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
+        style?: import("react").CSSProperties | undefined;
+        default?: boolean | undefined | undefined;
+        wrap?: string | undefined | undefined;
+        open?: boolean | undefined | undefined;
+        multiple?: boolean | undefined | undefined;
+        disabled?: boolean | undefined | undefined;
+        span?: number | undefined | undefined;
+        label?: string | undefined | undefined;
+        cite?: string | undefined | undefined;
+        data?: string | undefined | undefined;
+        form?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        summary?: string | undefined | undefined;
+        title?: string | undefined | undefined;
+        pattern?: string | undefined | undefined;
+        value?: string | number | readonly string[] | undefined;
+        accept?: string | undefined | undefined;
+        acceptCharset?: string | undefined | undefined;
+        action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+        allowFullScreen?: boolean | undefined | undefined;
+        allowTransparency?: boolean | undefined | undefined;
+        alt?: string | undefined | undefined;
+        async?: boolean | undefined | undefined;
+        autoComplete?: string | undefined | undefined;
+        autoPlay?: boolean | undefined | undefined;
+        capture?: boolean | "user" | "environment" | undefined | undefined;
+        cellPadding?: number | string | undefined | undefined;
+        cellSpacing?: number | string | undefined | undefined;
+        charSet?: string | undefined | undefined;
+        challenge?: string | undefined | undefined;
+        checked?: boolean | undefined | undefined;
+        classID?: string | undefined | undefined;
+        cols?: number | undefined | undefined;
+        colSpan?: number | undefined | undefined;
+        controls?: boolean | undefined | undefined;
+        coords?: string | undefined | undefined;
+        crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
+        dateTime?: string | undefined | undefined;
+        defer?: boolean | undefined | undefined;
+        download?: any;
+        encType?: string | undefined | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+        formEncType?: string | undefined | undefined;
+        formMethod?: string | undefined | undefined;
+        formNoValidate?: boolean | undefined | undefined;
+        formTarget?: string | undefined | undefined;
+        frameBorder?: number | string | undefined | undefined;
+        headers?: string | undefined | undefined;
+        high?: number | undefined | undefined;
+        href?: string | undefined | undefined;
+        hrefLang?: string | undefined | undefined;
+        htmlFor?: string | undefined | undefined;
+        httpEquiv?: string | undefined | undefined;
+        integrity?: string | undefined | undefined;
+        keyParams?: string | undefined | undefined;
+        keyType?: string | undefined | undefined;
+        kind?: string | undefined | undefined;
+        list?: string | undefined | undefined;
+        loop?: boolean | undefined | undefined;
+        low?: number | undefined | undefined;
+        manifest?: string | undefined | undefined;
+        marginHeight?: number | undefined | undefined;
+        marginWidth?: number | undefined | undefined;
+        max?: number | string | undefined | undefined;
+        maxLength?: number | undefined | undefined;
+        media?: string | undefined | undefined;
+        mediaGroup?: string | undefined | undefined;
+        method?: string | undefined | undefined;
+        minLength?: number | undefined | undefined;
+        noValidate?: boolean | undefined | undefined;
+        optimum?: number | undefined | undefined;
+        playsInline?: boolean | undefined | undefined;
+        poster?: string | undefined | undefined;
+        preload?: string | undefined | undefined;
+        readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined | undefined;
+        reversed?: boolean | undefined | undefined;
+        rows?: number | undefined | undefined;
+        rowSpan?: number | undefined | undefined;
+        sandbox?: string | undefined | undefined;
+        scope?: string | undefined | undefined;
+        scoped?: boolean | undefined | undefined;
+        scrolling?: string | undefined | undefined;
+        seamless?: boolean | undefined | undefined;
+        selected?: boolean | undefined | undefined;
+        shape?: string | undefined | undefined;
+        sizes?: string | undefined | undefined;
+        src?: string | undefined | undefined;
+        srcDoc?: string | undefined | undefined;
+        srcLang?: string | undefined | undefined;
+        srcSet?: string | undefined | undefined;
+        step?: number | string | undefined | undefined;
+        target?: string | undefined | undefined;
+        type?: string | undefined | undefined;
+        useMap?: string | undefined | undefined;
+        wmode?: string | undefined | undefined;
+        defaultChecked?: boolean | undefined | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
+        draggable?: (boolean | "false" | "true") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        nonce?: string | undefined | undefined;
+        spellCheck?: (boolean | "false" | "true") | undefined;
+        tabIndex?: number | undefined | undefined;
+        radioGroup?: string | undefined | undefined;
+        role?: import("react").AriaRole | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        prefix?: string | undefined | undefined;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        popover?: "" | "auto" | "manual" | undefined | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+        popoverTarget?: string | undefined | undefined;
+        inert?: boolean | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-flowto"?: string | undefined | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
+        children?: import("react").ReactNode;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined | undefined;
+        onCopy?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+        onCopyCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+        onCut?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+        onCutCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+        onPaste?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+        onPasteCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+        onCompositionEnd?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+        onCompositionStart?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLElement> | undefined;
+        onFocusCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
+        onBlurCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
+        onChange?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onChangeCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onBeforeInput?: import("react").InputEventHandler<HTMLElement> | undefined;
+        onBeforeInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onInput?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onReset?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onResetCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onSubmit?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onSubmitCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onInvalidCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
+        onLoad?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onLoadCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onError?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onErrorCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+        onKeyPress?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+        onAbort?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onAbortCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onCanPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onCanPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onCanPlayThrough?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onDurationChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onEmptied?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onEmptiedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onEncrypted?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onEncryptedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onEnded?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onEndedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onLoadedData?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onLoadedMetadata?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onLoadStart?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onLoadStartCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onPause?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onPauseCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onPlaying?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onPlayingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onProgress?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onProgressCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onRateChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onRateChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onSeeked?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onSeekedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onSeeking?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onSeekingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onStalled?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onStalledCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onSuspend?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onSuspendCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onTimeUpdate?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onVolumeChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onWaiting?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onWaitingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onAuxClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onAuxClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onContextMenu?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onContextMenuCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onDoubleClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onDrag?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragEnd?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragEndCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragEnter?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragEnterCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragExit?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragExitCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragLeave?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragLeaveCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragOver?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragOverCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragStart?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDragStartCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDrop?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onDropCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+        onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseDownCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseLeave?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseMove?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseOutCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseOver?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseOverCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseUpCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onSelect?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onSelectCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+        onTouchCancel?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onTouchEnd?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onTouchEndCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onTouchMove?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onTouchStart?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onTouchStartCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+        onPointerDown?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerDownCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerMove?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerUp?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerUpCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerOver?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerOut?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onPointerOutCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onGotPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onLostPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+        onScroll?: import("react").UIEventHandler<HTMLElement> | undefined;
+        onScrollCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
+        onScrollEnd?: import("react").UIEventHandler<HTMLElement> | undefined;
+        onScrollEndCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
+        onWheel?: import("react").WheelEventHandler<HTMLElement> | undefined;
+        onWheelCapture?: import("react").WheelEventHandler<HTMLElement> | undefined;
+        onAnimationStart?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+        onAnimationEnd?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+        onAnimationIteration?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+        onToggle?: import("react").ToggleEventHandler<HTMLElement> | undefined;
+        onBeforeToggle?: import("react").ToggleEventHandler<HTMLElement> | undefined;
+        onTransitionCancel?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+        onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+        onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+        onTransitionRun?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+        onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+        onTransitionStart?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+        onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    };
+};
+export {};
+//# sourceMappingURL=useBox.d.ts.map

package/dist/components/Box/useBox/useBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBox.d.ts","sourceRoot":"","sources":["../../../../lib/components/Box/useBox/useBox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAEN,KAAK,kBAAkB,EACvB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG5E,KAAK,kBAAkB,GAAG,IAAI,CAC7B,iBAAiB,CAAC,WAAW,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CACjE,CAAC;AAEF,MAAM,WAAW,WAChB,SAAQ,kBAAkB,EACzB,wBAAwB,EACxB,WAAW,EACX,kBAAkB;CAAG;AAEvB,eAAO,MAAM,MAAM,GAAI,+0CA8HpB,WAAW;eAqIK,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI7B,CAAC"}

package/dist/components/Box/useBox/useBox.js

@@ -0,0 +1,255 @@
+"use strict";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["as", "className", "odComponent", "testId", "display", "height", "maxWidth", "minWidth", "overflow", "overflowX", "overflowY", "pointerEvents", "position", "size", "userSelect", "useVar", "width", "bg", "backgroundColor", "backgroundColour", "boxShadow", "color", "colour", "fg", "opacity", "fontSize", "fontWeight", "lineHeight", "text", "textAlign", "textTransform", "textWrap", "wordBreak", "borderRadius", "borderColor", "borderColorX", "borderColorY", "borderStyle", "borderWidth", "borderWidthX", "borderWidthY", "borderBottomColor", "borderBottomStyle", "borderBottomWidth", "borderLeftColor", "borderLeftStyle", "borderLeftWidth", "borderRightColor", "borderRightStyle", "borderRightWidth", "borderStyleBottom", "borderStyleLeft", "borderStyleRight", "borderStyleTop", "borderTopColor", "borderTopStyle", "borderTopWidth", "borderWidthTop", "borderWidthRight", "borderWidthBottom", "borderWidthLeft", "borderColour", "borderColourX", "borderColourY", "borderBottomColour", "borderLeftColour", "borderRightColour", "borderTopColour", "alignContent", "alignItems", "alignSelf", "columnGap", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "gridAutoColumns", "gridAutoFlow", "gridAutoRows", "gridColumns", "justifyContent", "placeItems", "rowGap", "order", "m", "mb", "ml", "mr", "mt", "mx", "my", "margin", "marginX", "marginY", "marginBottom", "marginLeft", "marginRight", "marginTop", "p", "pb", "pl", "pr", "pt", "px", "py", "padding", "paddingX", "paddingY", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { elementStyles } from "../../../styles/elementStyles.js";
+import { dataAttrs } from "../../../utils/dataAttrs.js";
+export const useBox = _ref => {
+  let {
+      as = 'div',
+      className: incomingClassName,
+      odComponent,
+      testId,
+      // style props
+      display,
+      height,
+      maxWidth,
+      minWidth,
+      overflow,
+      overflowX,
+      overflowY,
+      pointerEvents,
+      position,
+      size,
+      userSelect,
+      useVar,
+      width,
+      bg,
+      backgroundColor,
+      backgroundColour,
+      boxShadow,
+      color,
+      // modern semantic colour tokens
+      colour,
+      // legacy colours
+      fg,
+      opacity,
+      fontSize,
+      fontWeight,
+      lineHeight,
+      text,
+      textAlign,
+      textTransform,
+      textWrap,
+      wordBreak,
+      borderRadius,
+      borderColor,
+      borderColorX,
+      borderColorY,
+      borderStyle,
+      borderWidth,
+      borderWidthX,
+      borderWidthY,
+      borderBottomColor,
+      borderBottomStyle,
+      borderBottomWidth,
+      borderLeftColor,
+      borderLeftStyle,
+      borderLeftWidth,
+      borderRightColor,
+      borderRightStyle,
+      borderRightWidth,
+      borderStyleBottom,
+      borderStyleLeft,
+      borderStyleRight,
+      borderStyleTop,
+      borderTopColor,
+      borderTopStyle,
+      borderTopWidth,
+      borderWidthTop,
+      borderWidthRight,
+      borderWidthBottom,
+      borderWidthLeft,
+      // legacy border colours
+      borderColour,
+      borderColourX,
+      borderColourY,
+      borderBottomColour,
+      borderLeftColour,
+      borderRightColour,
+      borderTopColour,
+      alignContent,
+      alignItems,
+      alignSelf,
+      columnGap,
+      flexDirection,
+      flexGrow,
+      flexShrink,
+      flexWrap,
+      gap,
+      gridAutoColumns,
+      gridAutoFlow,
+      gridAutoRows,
+      gridColumns,
+      justifyContent,
+      placeItems,
+      rowGap,
+      order,
+      m,
+      mb,
+      ml,
+      mr,
+      mt,
+      mx,
+      my,
+      margin,
+      marginX,
+      marginY,
+      marginBottom,
+      marginLeft,
+      marginRight,
+      marginTop,
+      p,
+      pb,
+      pl,
+      pr,
+      pt,
+      px,
+      py,
+      padding,
+      paddingX,
+      paddingY,
+      paddingBottom,
+      paddingLeft,
+      paddingRight,
+      paddingTop
+    } = _ref,
+    elementProps = _objectWithoutProperties(_ref, _excluded);
+  const className = elementStyles({
+    as,
+    className: incomingClassName,
+    display,
+    height,
+    maxWidth,
+    minWidth,
+    overflow,
+    overflowX,
+    overflowY,
+    pointerEvents,
+    position,
+    size,
+    userSelect,
+    useVar,
+    width,
+    bg,
+    backgroundColor,
+    backgroundColour,
+    boxShadow,
+    color,
+    colour,
+    fg,
+    opacity,
+    fontSize,
+    fontWeight,
+    lineHeight,
+    text,
+    textAlign,
+    textTransform,
+    textWrap,
+    wordBreak,
+    borderRadius,
+    borderColor,
+    borderColorX,
+    borderColorY,
+    borderStyle,
+    borderWidth,
+    borderWidthX,
+    borderWidthY,
+    borderBottomColor,
+    borderBottomStyle,
+    borderBottomWidth,
+    borderLeftColor,
+    borderLeftStyle,
+    borderLeftWidth,
+    borderRightColor,
+    borderRightStyle,
+    borderRightWidth,
+    borderStyleBottom,
+    borderStyleLeft,
+    borderStyleRight,
+    borderStyleTop,
+    borderTopColor,
+    borderTopStyle,
+    borderTopWidth,
+    borderWidthTop,
+    borderWidthRight,
+    borderWidthBottom,
+    borderWidthLeft,
+    borderColour,
+    borderColourX,
+    borderColourY,
+    borderBottomColour,
+    borderLeftColour,
+    borderRightColour,
+    borderTopColour,
+    alignContent,
+    alignItems,
+    alignSelf,
+    columnGap,
+    flexDirection,
+    flexGrow,
+    flexShrink,
+    flexWrap,
+    gap,
+    gridAutoColumns,
+    gridAutoFlow,
+    gridAutoRows,
+    gridColumns,
+    justifyContent,
+    placeItems,
+    rowGap,
+    order,
+    m,
+    mb,
+    ml,
+    mr,
+    mt,
+    mx,
+    my,
+    margin,
+    marginX,
+    marginY,
+    marginBottom,
+    marginLeft,
+    marginRight,
+    marginTop,
+    p,
+    pb,
+    pl,
+    pr,
+    pt,
+    px,
+    py,
+    padding,
+    paddingX,
+    paddingY,
+    paddingBottom,
+    paddingLeft,
+    paddingRight,
+    paddingTop
+  });
+  const componentProps = _objectSpread(_objectSpread(_objectSpread({}, dataAttrs({
+    'od-component': odComponent === null || odComponent === void 0 ? void 0 : odComponent.toLocaleLowerCase(),
+    testid: testId
+  })), elementProps), {}, {
+    className
+  });
+  return {
+    Component: as,
+    componentProps
+    // In future we may want to calc a child tag for semantic nested children
+  };
+};

package/dist/components/EditableText/EditableText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../lib/components/EditableText/EditableText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAGb,KAAK,mBAAmB,EAKxB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpD,KAAK,cAAc,GAAG,IAAI,CACzB,QAAQ,EACR,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAC9C,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAC5B,SAAS,EACT,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAC1D,CAAC;AAEF,KAAK,UAAU,GAAG,IAAI,CACrB,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,IAAI,GACJ,WAAW,GACX,OAAO,GACP,QAAQ,GACR,IAAI,GACJ,SAAS,GACT,QAAQ,GACR,WAAW,GACX,OAAO,GACP,OAAO,GACP,MAAM,iBAAiB,GACvB,MAAM,cAAc,CACtB,CAAC;AAEF,MAAM,WAAW,iBAChB,SAAQ,iBAAiB,EACxB,UAAU,EACV,OAAO,CAAC,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAClC,eAAO,MAAM,YAAY,0FAyHxB,CAAC"}
+{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../lib/components/EditableText/EditableText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAGb,KAAK,mBAAmB,EAKxB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpD,KAAK,cAAc,GAAG,IAAI,CACzB,QAAQ,EACR,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAC9C,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAC5B,SAAS,EACT,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAC1D,CAAC;AAEF,KAAK,UAAU,GAAG,IAAI,CACrB,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,IAAI,GACJ,WAAW,GACX,OAAO,GACP,QAAQ,GACR,IAAI,GACJ,SAAS,GACT,QAAQ,GACR,WAAW,GACX,OAAO,GACP,OAAO,GACP,MAAM,iBAAiB,GACvB,MAAM,cAAc,CACtB,CAAC;AAEF,MAAM,WAAW,iBAChB,SAAQ,iBAAiB,EACxB,UAAU,EACV,OAAO,CAAC,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAClC,eAAO,MAAM,YAAY,0FAwIxB,CAAC"}