npm - @rocket.chat/fuselage - Versions diffs - 0.31.3 → 0.31.4 - Mend

@rocket.chat/fuselage 0.31.3 → 0.31.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (404) hide show

package/dist/components/Modal/index.d.ts CHANGED Viewed

@@ -10,866 +10,33 @@ import { ModalTitle } from './ModalTitle';
 declare const _default: import("react").ForwardRefExoticComponent<Pick<{
     is?: import("react").ElementType<any> | undefined;
     htmlSize?: number | undefined;
-} & {
-    border?: import("csstype").Property.Border<string | number> | undefined;
-    borderBlock?: import("csstype").Property.BorderBlock<string | number> | undefined;
-    borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | undefined;
-    borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | undefined;
-    borderInline?: import("csstype").Property.BorderInline<string | number> | undefined;
-    borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
-    borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
-    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-    borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | undefined;
-    borderBlockStartWidth?: import("csstype").Property.BorderBlockStartWidth<string | number> | undefined;
-    borderBlockEndWidth?: import("csstype").Property.BorderBlockEndWidth<string | number> | undefined;
-    borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number> | undefined;
-    borderInlineStartWidth?: import("csstype").Property.BorderInlineStartWidth<string | number> | undefined;
-    borderInlineEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | undefined;
-    borderStyle?: import("csstype").Property.BorderStyle | undefined;
-    borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
-    borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | undefined;
-    borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | undefined;
-    borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
-    borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
-    borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
-    borderColor?: import("csstype").Property.BorderColor | undefined;
-    borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
-    borderBlockStartColor?: import("csstype").Property.BorderBlockStartColor | undefined;
-    borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | undefined;
-    borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
-    borderInlineStartColor?: import("csstype").Property.BorderInlineStartColor | undefined;
-    borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
-    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-    borderStartStartRadius?: import("csstype").Property.BorderStartStartRadius<string | number> | undefined;
-    borderStartEndRadius?: import("csstype").Property.BorderStartEndRadius<string | number> | undefined;
-    borderEndStartRadius?: import("csstype").Property.BorderEndStartRadius<string | number> | undefined;
-    borderEndEndRadius?: import("csstype").Property.BorderEndEndRadius<string | number> | undefined;
-    color?: import("csstype").Property.Color | undefined;
-    backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
-    bg?: import("csstype").Property.BackgroundColor | undefined;
-    opacity?: import("csstype").Property.Opacity | undefined;
-    alignItems?: import("csstype").Property.AlignItems | undefined;
-    alignContent?: import("csstype").Property.AlignContent | undefined;
-    justifyItems?: import("csstype").Property.JustifyItems | undefined;
-    justifyContent?: import("csstype").Property.JustifyContent | undefined;
-    flexWrap?: import("csstype").Property.FlexWrap | undefined;
-    flexDirection?: import("csstype").Property.FlexDirection | undefined;
-    flexGrow?: import("csstype").Property.FlexGrow | undefined;
-    flexShrink?: import("csstype").Property.FlexShrink | undefined;
-    flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-    justifySelf?: import("csstype").Property.JustifySelf | undefined;
-    alignSelf?: import("csstype").Property.AlignSelf | undefined;
-    order?: import("csstype").Property.Order | undefined;
-    w?: import("csstype").Property.Width<string | number> | undefined;
-    width?: import("csstype").Property.Width<string | number> | undefined;
-    minWidth?: import("csstype").Property.MinWidth<string | number> | undefined;
-    maxWidth?: import("csstype").Property.MaxWidth<string | number> | undefined;
-    h?: import("csstype").Property.Height<string | number> | undefined;
-    height?: import("csstype").Property.Height<string | number> | undefined;
-    minHeight?: import("csstype").Property.MinHeight<string | number> | undefined;
-    maxHeight?: import("csstype").Property.MaxHeight<string | number> | undefined;
-    display?: import("csstype").Property.Display | undefined;
-    verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
-    overflow?: import("csstype").Property.Overflow | undefined;
-    overflowX?: import("csstype").Property.OverflowX | undefined;
-    overflowY?: import("csstype").Property.OverflowY | undefined;
-    position?: import("csstype").Property.Position | undefined;
-    zIndex?: import("csstype").Property.ZIndex | undefined;
-    inset?: import("csstype").Property.Inset<string | number> | undefined;
-    insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
-    insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-    insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
-    insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
-    insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
-    insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
-    m?: import("csstype").Property.Margin<string | number> | undefined;
-    margin?: import("csstype").Property.Margin<string | number> | undefined;
-    mb?: import("csstype").Property.MarginBlock<string | number> | undefined;
-    marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
-    mbs?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-    marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-    mbe?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-    marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-    mi?: import("csstype").Property.MarginInline<string | number> | undefined;
-    marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
-    mis?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-    marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-    mie?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-    marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-    p?: import("csstype").Property.Padding<string | number> | undefined;
-    padding?: import("csstype").Property.Padding<string | number> | undefined;
-    pb?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-    paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-    pbs?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-    paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-    pbe?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-    paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-    pi?: import("csstype").Property.PaddingInline<string | number> | undefined;
-    paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
-    pis?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-    paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-    pie?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-    paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-    fontFamily?: import("csstype").Property.FontFamily | ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-    fontSize?: string | number | (string & {}) | undefined;
-    fontStyle?: import("csstype").Property.FontStyle | undefined;
-    fontWeight?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | import("csstype").Property.FontWeight | undefined;
-    letterSpacing?: string | number | undefined;
-    lineHeight?: string | number | (string & {}) | (number & {}) | undefined;
-    textAlign?: import("csstype").Property.TextAlign | undefined;
-    textTransform?: import("csstype").Property.TextTransform | undefined;
-    textDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
-    animated?: boolean | undefined;
-    elevation?: "0" | "1" | "2" | undefined;
-    invisible?: boolean | undefined;
-    withRichContent?: string | boolean | undefined;
-    withTruncatedText?: boolean | undefined;
-    size?: import("csstype").Property.BlockSize<string | number> | undefined;
-    minSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-    maxSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-    fontScale?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-    className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | false | 0 | (<T extends readonly unknown[]>(...args: T) => string) | null | undefined)[] | undefined;
-} & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "string" | "y" | "r" | "default" | "disabled" | "type" | "is" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "defer" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPath" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filter" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "mask" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "htmlSize" | keyof {
-    border?: import("csstype").Property.Border<string | number> | undefined;
-    borderBlock?: import("csstype").Property.BorderBlock<string | number> | undefined;
-    borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | undefined;
-    borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | undefined;
-    borderInline?: import("csstype").Property.BorderInline<string | number> | undefined;
-    borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
-    borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
-    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-    borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | undefined;
-    borderBlockStartWidth?: import("csstype").Property.BorderBlockStartWidth<string | number> | undefined;
-    borderBlockEndWidth?: import("csstype").Property.BorderBlockEndWidth<string | number> | undefined;
-    borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number> | undefined;
-    borderInlineStartWidth?: import("csstype").Property.BorderInlineStartWidth<string | number> | undefined;
-    borderInlineEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | undefined;
-    borderStyle?: import("csstype").Property.BorderStyle | undefined;
-    borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
-    borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | undefined;
-    borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | undefined;
-    borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
-    borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
-    borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
-    borderColor?: import("csstype").Property.BorderColor | undefined;
-    borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
-    borderBlockStartColor?: import("csstype").Property.BorderBlockStartColor | undefined;
-    borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | undefined;
-    borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
-    borderInlineStartColor?: import("csstype").Property.BorderInlineStartColor | undefined;
-    borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
-    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-    borderStartStartRadius?: import("csstype").Property.BorderStartStartRadius<string | number> | undefined;
-    borderStartEndRadius?: import("csstype").Property.BorderStartEndRadius<string | number> | undefined;
-    borderEndStartRadius?: import("csstype").Property.BorderEndStartRadius<string | number> | undefined;
-    borderEndEndRadius?: import("csstype").Property.BorderEndEndRadius<string | number> | undefined;
-    color?: import("csstype").Property.Color | undefined;
-    backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
-    bg?: import("csstype").Property.BackgroundColor | undefined;
-    opacity?: import("csstype").Property.Opacity | undefined;
-    alignItems?: import("csstype").Property.AlignItems | undefined;
-    alignContent?: import("csstype").Property.AlignContent | undefined;
-    justifyItems?: import("csstype").Property.JustifyItems | undefined;
-    justifyContent?: import("csstype").Property.JustifyContent | undefined;
-    flexWrap?: import("csstype").Property.FlexWrap | undefined;
-    flexDirection?: import("csstype").Property.FlexDirection | undefined;
-    flexGrow?: import("csstype").Property.FlexGrow | undefined;
-    flexShrink?: import("csstype").Property.FlexShrink | undefined;
-    flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-    justifySelf?: import("csstype").Property.JustifySelf | undefined;
-    alignSelf?: import("csstype").Property.AlignSelf | undefined;
-    order?: import("csstype").Property.Order | undefined;
-    w?: import("csstype").Property.Width<string | number> | undefined;
-    width?: import("csstype").Property.Width<string | number> | undefined;
-    minWidth?: import("csstype").Property.MinWidth<string | number> | undefined;
-    maxWidth?: import("csstype").Property.MaxWidth<string | number> | undefined;
-    h?: import("csstype").Property.Height<string | number> | undefined;
-    height?: import("csstype").Property.Height<string | number> | undefined;
-    minHeight?: import("csstype").Property.MinHeight<string | number> | undefined;
-    maxHeight?: import("csstype").Property.MaxHeight<string | number> | undefined;
-    display?: import("csstype").Property.Display | undefined;
-    verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
-    overflow?: import("csstype").Property.Overflow | undefined;
-    overflowX?: import("csstype").Property.OverflowX | undefined;
-    overflowY?: import("csstype").Property.OverflowY | undefined;
-    position?: import("csstype").Property.Position | undefined;
-    zIndex?: import("csstype").Property.ZIndex | undefined;
-    inset?: import("csstype").Property.Inset<string | number> | undefined;
-    insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
-    insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-    insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
-    insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
-    insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
-    insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
-    m?: import("csstype").Property.Margin<string | number> | undefined;
-    margin?: import("csstype").Property.Margin<string | number> | undefined;
-    mb?: import("csstype").Property.MarginBlock<string | number> | undefined;
-    marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
-    mbs?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-    marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-    mbe?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-    marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-    mi?: import("csstype").Property.MarginInline<string | number> | undefined;
-    marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
-    mis?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-    marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-    mie?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-    marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-    p?: import("csstype").Property.Padding<string | number> | undefined;
-    padding?: import("csstype").Property.Padding<string | number> | undefined;
-    pb?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-    paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-    pbs?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-    paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-    pbe?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-    paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-    pi?: import("csstype").Property.PaddingInline<string | number> | undefined;
-    paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
-    pis?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-    paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-    pie?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-    paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-    fontFamily?: import("csstype").Property.FontFamily | ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-    fontSize?: string | number | (string & {}) | undefined;
-    fontStyle?: import("csstype").Property.FontStyle | undefined;
-    fontWeight?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | import("csstype").Property.FontWeight | undefined;
-    letterSpacing?: string | number | undefined;
-    lineHeight?: string | number | (string & {}) | (number & {}) | undefined;
-    textAlign?: import("csstype").Property.TextAlign | undefined;
-    textTransform?: import("csstype").Property.TextTransform | undefined;
-    textDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
-    animated?: boolean | undefined;
-    elevation?: "0" | "1" | "2" | undefined;
-    invisible?: boolean | undefined;
-    withRichContent?: string | boolean | undefined;
-    withTruncatedText?: boolean | undefined;
-    size?: import("csstype").Property.BlockSize<string | number> | undefined;
-    minSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-    maxSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-    fontScale?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-    className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | false | 0 | (<T extends readonly unknown[]>(...args: T) => string) | null | undefined)[] | undefined;
-} | "key"> & import("react").RefAttributes<HTMLDivElement>> & {
+} & import("../Box").BoxStylingProps & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "string" | "y" | "r" | "default" | "disabled" | "type" | "is" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "defer" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPath" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filter" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "mask" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "htmlSize" | keyof import("../Box").BoxStylingProps | "key"> & import("react").RefAttributes<HTMLDivElement>> & {
     Backdrop: (props: {
         is?: import("react").ElementType<any> | undefined;
         htmlSize?: number | undefined;
-    } & {
-        border?: import("csstype").Property.Border<string | number> | undefined;
-        borderBlock?: import("csstype").Property.BorderBlock<string | number> | undefined;
-        borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | undefined;
-        borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | undefined;
-        borderInline?: import("csstype").Property.BorderInline<string | number> | undefined;
-        borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
-        borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
-        borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-        borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | undefined;
-        borderBlockStartWidth?: import("csstype").Property.BorderBlockStartWidth<string | number> | undefined;
-        borderBlockEndWidth?: import("csstype").Property.BorderBlockEndWidth<string | number> | undefined;
-        borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number> | undefined;
-        borderInlineStartWidth?: import("csstype").Property.BorderInlineStartWidth<string | number> | undefined;
-        borderInlineEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | undefined;
-        borderStyle?: import("csstype").Property.BorderStyle | undefined;
-        borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
-        borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | undefined;
-        borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | undefined;
-        borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
-        borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
-        borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
-        borderColor?: import("csstype").Property.BorderColor | undefined;
-        borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
-        borderBlockStartColor?: import("csstype").Property.BorderBlockStartColor | undefined;
-        borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | undefined;
-        borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
-        borderInlineStartColor?: import("csstype").Property.BorderInlineStartColor | undefined;
-        borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
-        borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-        borderStartStartRadius?: import("csstype").Property.BorderStartStartRadius<string | number> | undefined;
-        borderStartEndRadius?: import("csstype").Property.BorderStartEndRadius<string | number> | undefined;
-        borderEndStartRadius?: import("csstype").Property.BorderEndStartRadius<string | number> | undefined;
-        borderEndEndRadius?: import("csstype").Property.BorderEndEndRadius<string | number> | undefined;
-        color?: import("csstype").Property.Color | undefined;
-        backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
-        bg?: import("csstype").Property.BackgroundColor | undefined;
-        opacity?: import("csstype").Property.Opacity | undefined;
-        alignItems?: import("csstype").Property.AlignItems | undefined;
-        alignContent?: import("csstype").Property.AlignContent | undefined;
-        justifyItems?: import("csstype").Property.JustifyItems | undefined;
-        justifyContent?: import("csstype").Property.JustifyContent | undefined;
-        flexWrap?: import("csstype").Property.FlexWrap | undefined;
-        flexDirection?: import("csstype").Property.FlexDirection | undefined;
-        flexGrow?: import("csstype").Property.FlexGrow | undefined;
-        flexShrink?: import("csstype").Property.FlexShrink | undefined;
-        flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-        justifySelf?: import("csstype").Property.JustifySelf | undefined;
-        alignSelf?: import("csstype").Property.AlignSelf | undefined;
-        order?: import("csstype").Property.Order | undefined;
-        w?: import("csstype").Property.Width<string | number> | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
-        minWidth?: import("csstype").Property.MinWidth<string | number> | undefined;
-        maxWidth?: import("csstype").Property.MaxWidth<string | number> | undefined;
-        h?: import("csstype").Property.Height<string | number> | undefined;
-        height?: import("csstype").Property.Height<string | number> | undefined;
-        minHeight?: import("csstype").Property.MinHeight<string | number> | undefined;
-        maxHeight?: import("csstype").Property.MaxHeight<string | number> | undefined;
-        display?: import("csstype").Property.Display | undefined;
-        verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
-        overflow?: import("csstype").Property.Overflow | undefined;
-        overflowX?: import("csstype").Property.OverflowX | undefined;
-        overflowY?: import("csstype").Property.OverflowY | undefined;
-        position?: import("csstype").Property.Position | undefined;
-        zIndex?: import("csstype").Property.ZIndex | undefined;
-        inset?: import("csstype").Property.Inset<string | number> | undefined;
-        insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
-        insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-        insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
-        insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
-        insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
-        insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
-        m?: import("csstype").Property.Margin<string | number> | undefined;
-        margin?: import("csstype").Property.Margin<string | number> | undefined;
-        mb?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        mbs?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        mbe?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        mi?: import("csstype").Property.MarginInline<string | number> | undefined;
-        marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
-        mis?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        mie?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        p?: import("csstype").Property.Padding<string | number> | undefined;
-        padding?: import("csstype").Property.Padding<string | number> | undefined;
-        pb?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        pbs?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        pbe?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        pi?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        pis?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        pie?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        fontFamily?: import("csstype").Property.FontFamily | ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-        fontSize?: string | number | (string & {}) | undefined;
-        fontStyle?: import("csstype").Property.FontStyle | undefined;
-        fontWeight?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | import("csstype").Property.FontWeight | undefined;
-        letterSpacing?: string | number | undefined;
-        lineHeight?: string | number | (string & {}) | (number & {}) | undefined;
-        textAlign?: import("csstype").Property.TextAlign | undefined;
-        textTransform?: import("csstype").Property.TextTransform | undefined;
-        textDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
-        animated?: boolean | undefined;
-        elevation?: "0" | "1" | "2" | undefined;
-        invisible?: boolean | undefined;
-        withRichContent?: string | boolean | undefined;
-        withTruncatedText?: boolean | undefined;
-        size?: import("csstype").Property.BlockSize<string | number> | undefined;
-        minSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        maxSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        fontScale?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-        className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | false | 0 | (<T extends readonly unknown[]>(...args: T) => string) | null | undefined)[] | undefined;
-    } & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>) => JSX.Element;
+    } & import("../Box").BoxStylingProps & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>) => JSX.Element;
     Close: (props: {
         is?: import("react").ElementType<any> | undefined;
         htmlSize?: number | undefined;
-    } & {
-        border?: import("csstype").Property.Border<string | number> | undefined;
-        borderBlock?: import("csstype").Property.BorderBlock<string | number> | undefined;
-        borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | undefined;
-        borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | undefined;
-        borderInline?: import("csstype").Property.BorderInline<string | number> | undefined;
-        borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
-        borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
-        borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-        borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | undefined;
-        borderBlockStartWidth?: import("csstype").Property.BorderBlockStartWidth<string | number> | undefined;
-        borderBlockEndWidth?: import("csstype").Property.BorderBlockEndWidth<string | number> | undefined;
-        borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number> | undefined;
-        borderInlineStartWidth?: import("csstype").Property.BorderInlineStartWidth<string | number> | undefined;
-        borderInlineEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | undefined;
-        borderStyle?: import("csstype").Property.BorderStyle | undefined;
-        borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
-        borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | undefined;
-        borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | undefined;
-        borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
-        borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
-        borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
-        borderColor?: import("csstype").Property.BorderColor | undefined;
-        borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
-        borderBlockStartColor?: import("csstype").Property.BorderBlockStartColor | undefined;
-        borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | undefined;
-        borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
-        borderInlineStartColor?: import("csstype").Property.BorderInlineStartColor | undefined;
-        borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
-        borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-        borderStartStartRadius?: import("csstype").Property.BorderStartStartRadius<string | number> | undefined;
-        borderStartEndRadius?: import("csstype").Property.BorderStartEndRadius<string | number> | undefined;
-        borderEndStartRadius?: import("csstype").Property.BorderEndStartRadius<string | number> | undefined;
-        borderEndEndRadius?: import("csstype").Property.BorderEndEndRadius<string | number> | undefined;
-        color?: import("csstype").Property.Color | undefined;
-        backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
-        bg?: import("csstype").Property.BackgroundColor | undefined;
-        opacity?: import("csstype").Property.Opacity | undefined;
-        alignItems?: import("csstype").Property.AlignItems | undefined;
-        alignContent?: import("csstype").Property.AlignContent | undefined;
-        justifyItems?: import("csstype").Property.JustifyItems | undefined;
-        justifyContent?: import("csstype").Property.JustifyContent | undefined;
-        flexWrap?: import("csstype").Property.FlexWrap | undefined;
-        flexDirection?: import("csstype").Property.FlexDirection | undefined;
-        flexGrow?: import("csstype").Property.FlexGrow | undefined;
-        flexShrink?: import("csstype").Property.FlexShrink | undefined;
-        flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-        justifySelf?: import("csstype").Property.JustifySelf | undefined;
-        alignSelf?: import("csstype").Property.AlignSelf | undefined;
-        order?: import("csstype").Property.Order | undefined;
-        w?: import("csstype").Property.Width<string | number> | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
-        minWidth?: import("csstype").Property.MinWidth<string | number> | undefined;
-        maxWidth?: import("csstype").Property.MaxWidth<string | number> | undefined;
-        h?: import("csstype").Property.Height<string | number> | undefined;
-        height?: import("csstype").Property.Height<string | number> | undefined;
-        minHeight?: import("csstype").Property.MinHeight<string | number> | undefined;
-        maxHeight?: import("csstype").Property.MaxHeight<string | number> | undefined;
-        display?: import("csstype").Property.Display | undefined;
-        verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
-        overflow?: import("csstype").Property.Overflow | undefined;
-        overflowX?: import("csstype").Property.OverflowX | undefined;
-        overflowY?: import("csstype").Property.OverflowY | undefined;
-        position?: import("csstype").Property.Position | undefined;
-        zIndex?: import("csstype").Property.ZIndex | undefined;
-        inset?: import("csstype").Property.Inset<string | number> | undefined;
-        insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
-        insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-        insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
-        insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
-        insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
-        insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
-        m?: import("csstype").Property.Margin<string | number> | undefined;
-        margin?: import("csstype").Property.Margin<string | number> | undefined;
-        mb?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        mbs?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        mbe?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        mi?: import("csstype").Property.MarginInline<string | number> | undefined;
-        marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
-        mis?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        mie?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        p?: import("csstype").Property.Padding<string | number> | undefined;
-        padding?: import("csstype").Property.Padding<string | number> | undefined;
-        pb?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        pbs?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        pbe?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        pi?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        pis?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        pie?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        fontFamily?: import("csstype").Property.FontFamily | ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-        fontSize?: string | number | (string & {}) | undefined;
-        fontStyle?: import("csstype").Property.FontStyle | undefined;
-        fontWeight?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | import("csstype").Property.FontWeight | undefined;
-        letterSpacing?: string | number | undefined;
-        lineHeight?: string | number | (string & {}) | (number & {}) | undefined;
-        textAlign?: import("csstype").Property.TextAlign | undefined;
-        textTransform?: import("csstype").Property.TextTransform | undefined;
-        textDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
-        animated?: boolean | undefined;
-        elevation?: "0" | "1" | "2" | undefined;
-        invisible?: boolean | undefined;
-        withRichContent?: string | boolean | undefined;
-        withTruncatedText?: boolean | undefined;
-        size?: import("csstype").Property.BlockSize<string | number> | undefined;
-        minSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        maxSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        fontScale?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-        className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | false | 0 | (<T extends readonly unknown[]>(...args: T) => string) | null | undefined)[] | undefined;
-    } & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>) => JSX.Element;
+    } & import("../Box").BoxStylingProps & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>) => JSX.Element;
     Content: ({ children, onScrollContent, ...props }: import("./ModalContent").ModalContentProps) => JSX.Element;
     Footer: ({ children }: {
         is?: import("react").ElementType<any> | undefined;
         htmlSize?: number | undefined;
-    } & {
-        border?: import("csstype").Property.Border<string | number> | undefined;
-        borderBlock?: import("csstype").Property.BorderBlock<string | number> | undefined;
-        borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | undefined;
-        borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | undefined;
-        borderInline?: import("csstype").Property.BorderInline<string | number> | undefined;
-        borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
-        borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
-        borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-        borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | undefined;
-        borderBlockStartWidth?: import("csstype").Property.BorderBlockStartWidth<string | number> | undefined;
-        borderBlockEndWidth?: import("csstype").Property.BorderBlockEndWidth<string | number> | undefined;
-        borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number> | undefined;
-        borderInlineStartWidth?: import("csstype").Property.BorderInlineStartWidth<string | number> | undefined;
-        borderInlineEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | undefined;
-        borderStyle?: import("csstype").Property.BorderStyle | undefined;
-        borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
-        borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | undefined;
-        borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | undefined;
-        borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
-        borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
-        borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
-        borderColor?: import("csstype").Property.BorderColor | undefined;
-        borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
-        borderBlockStartColor?: import("csstype").Property.BorderBlockStartColor | undefined;
-        borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | undefined;
-        borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
-        borderInlineStartColor?: import("csstype").Property.BorderInlineStartColor | undefined;
-        borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
-        borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-        borderStartStartRadius?: import("csstype").Property.BorderStartStartRadius<string | number> | undefined;
-        borderStartEndRadius?: import("csstype").Property.BorderStartEndRadius<string | number> | undefined;
-        borderEndStartRadius?: import("csstype").Property.BorderEndStartRadius<string | number> | undefined;
-        borderEndEndRadius?: import("csstype").Property.BorderEndEndRadius<string | number> | undefined;
-        color?: import("csstype").Property.Color | undefined;
-        backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
-        bg?: import("csstype").Property.BackgroundColor | undefined;
-        opacity?: import("csstype").Property.Opacity | undefined;
-        alignItems?: import("csstype").Property.AlignItems | undefined;
-        alignContent?: import("csstype").Property.AlignContent | undefined;
-        justifyItems?: import("csstype").Property.JustifyItems | undefined;
-        justifyContent?: import("csstype").Property.JustifyContent | undefined;
-        flexWrap?: import("csstype").Property.FlexWrap | undefined;
-        flexDirection?: import("csstype").Property.FlexDirection | undefined;
-        flexGrow?: import("csstype").Property.FlexGrow | undefined;
-        flexShrink?: import("csstype").Property.FlexShrink | undefined;
-        flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-        justifySelf?: import("csstype").Property.JustifySelf | undefined;
-        alignSelf?: import("csstype").Property.AlignSelf | undefined;
-        order?: import("csstype").Property.Order | undefined;
-        w?: import("csstype").Property.Width<string | number> | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
-        minWidth?: import("csstype").Property.MinWidth<string | number> | undefined;
-        maxWidth?: import("csstype").Property.MaxWidth<string | number> | undefined;
-        h?: import("csstype").Property.Height<string | number> | undefined;
-        height?: import("csstype").Property.Height<string | number> | undefined;
-        minHeight?: import("csstype").Property.MinHeight<string | number> | undefined;
-        maxHeight?: import("csstype").Property.MaxHeight<string | number> | undefined;
-        display?: import("csstype").Property.Display | undefined;
-        verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
-        overflow?: import("csstype").Property.Overflow | undefined;
-        overflowX?: import("csstype").Property.OverflowX | undefined;
-        overflowY?: import("csstype").Property.OverflowY | undefined;
-        position?: import("csstype").Property.Position | undefined;
-        zIndex?: import("csstype").Property.ZIndex | undefined;
-        inset?: import("csstype").Property.Inset<string | number> | undefined;
-        insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
-        insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-        insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
-        insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
-        insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
-        insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
-        m?: import("csstype").Property.Margin<string | number> | undefined;
-        margin?: import("csstype").Property.Margin<string | number> | undefined;
-        mb?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        mbs?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        mbe?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        mi?: import("csstype").Property.MarginInline<string | number> | undefined;
-        marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
-        mis?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        mie?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        p?: import("csstype").Property.Padding<string | number> | undefined;
-        padding?: import("csstype").Property.Padding<string | number> | undefined;
-        pb?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        pbs?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        pbe?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        pi?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        pis?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        pie?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        fontFamily?: import("csstype").Property.FontFamily | ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-        fontSize?: string | number | (string & {}) | undefined;
-        fontStyle?: import("csstype").Property.FontStyle | undefined;
-        fontWeight?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | import("csstype").Property.FontWeight | undefined;
-        letterSpacing?: string | number | undefined;
-        lineHeight?: string | number | (string & {}) | (number & {}) | undefined;
-        textAlign?: import("csstype").Property.TextAlign | undefined;
-        textTransform?: import("csstype").Property.TextTransform | undefined;
-        textDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
-        animated?: boolean | undefined;
-        elevation?: "0" | "1" | "2" | undefined;
-        invisible?: boolean | undefined;
-        withRichContent?: string | boolean | undefined;
-        withTruncatedText?: boolean | undefined;
-        size?: import("csstype").Property.BlockSize<string | number> | undefined;
-        minSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        maxSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        fontScale?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-        className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | false | 0 | (<T extends readonly unknown[]>(...args: T) => string) | null | undefined)[] | undefined;
-    } & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>) => JSX.Element;
+    } & import("../Box").BoxStylingProps & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>) => JSX.Element;
     Header: ({ children, ...props }: {
         is?: import("react").ElementType<any> | undefined;
         htmlSize?: number | undefined;
-    } & {
-        border?: import("csstype").Property.Border<string | number> | undefined;
-        borderBlock?: import("csstype").Property.BorderBlock<string | number> | undefined;
-        borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | undefined;
-        borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | undefined;
-        borderInline?: import("csstype").Property.BorderInline<string | number> | undefined;
-        borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
-        borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
-        borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-        borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | undefined;
-        borderBlockStartWidth?: import("csstype").Property.BorderBlockStartWidth<string | number> | undefined;
-        borderBlockEndWidth?: import("csstype").Property.BorderBlockEndWidth<string | number> | undefined;
-        borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number> | undefined;
-        borderInlineStartWidth?: import("csstype").Property.BorderInlineStartWidth<string | number> | undefined;
-        borderInlineEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | undefined;
-        borderStyle?: import("csstype").Property.BorderStyle | undefined;
-        borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
-        borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | undefined;
-        borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | undefined;
-        borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
-        borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
-        borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
-        borderColor?: import("csstype").Property.BorderColor | undefined;
-        borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
-        borderBlockStartColor?: import("csstype").Property.BorderBlockStartColor | undefined;
-        borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | undefined;
-        borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
-        borderInlineStartColor?: import("csstype").Property.BorderInlineStartColor | undefined;
-        borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
-        borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-        borderStartStartRadius?: import("csstype").Property.BorderStartStartRadius<string | number> | undefined;
-        borderStartEndRadius?: import("csstype").Property.BorderStartEndRadius<string | number> | undefined;
-        borderEndStartRadius?: import("csstype").Property.BorderEndStartRadius<string | number> | undefined;
-        borderEndEndRadius?: import("csstype").Property.BorderEndEndRadius<string | number> | undefined;
-        color?: import("csstype").Property.Color | undefined;
-        backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
-        bg?: import("csstype").Property.BackgroundColor | undefined;
-        opacity?: import("csstype").Property.Opacity | undefined;
-        alignItems?: import("csstype").Property.AlignItems | undefined;
-        alignContent?: import("csstype").Property.AlignContent | undefined;
-        justifyItems?: import("csstype").Property.JustifyItems | undefined;
-        justifyContent?: import("csstype").Property.JustifyContent | undefined;
-        flexWrap?: import("csstype").Property.FlexWrap | undefined;
-        flexDirection?: import("csstype").Property.FlexDirection | undefined;
-        flexGrow?: import("csstype").Property.FlexGrow | undefined;
-        flexShrink?: import("csstype").Property.FlexShrink | undefined;
-        flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-        justifySelf?: import("csstype").Property.JustifySelf | undefined;
-        alignSelf?: import("csstype").Property.AlignSelf | undefined;
-        order?: import("csstype").Property.Order | undefined;
-        w?: import("csstype").Property.Width<string | number> | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
-        minWidth?: import("csstype").Property.MinWidth<string | number> | undefined;
-        maxWidth?: import("csstype").Property.MaxWidth<string | number> | undefined;
-        h?: import("csstype").Property.Height<string | number> | undefined;
-        height?: import("csstype").Property.Height<string | number> | undefined;
-        minHeight?: import("csstype").Property.MinHeight<string | number> | undefined;
-        maxHeight?: import("csstype").Property.MaxHeight<string | number> | undefined;
-        display?: import("csstype").Property.Display | undefined;
-        verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
-        overflow?: import("csstype").Property.Overflow | undefined;
-        overflowX?: import("csstype").Property.OverflowX | undefined;
-        overflowY?: import("csstype").Property.OverflowY | undefined;
-        position?: import("csstype").Property.Position | undefined;
-        zIndex?: import("csstype").Property.ZIndex | undefined;
-        inset?: import("csstype").Property.Inset<string | number> | undefined;
-        insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
-        insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-        insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
-        insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
-        insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
-        insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
-        m?: import("csstype").Property.Margin<string | number> | undefined;
-        margin?: import("csstype").Property.Margin<string | number> | undefined;
-        mb?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        mbs?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        mbe?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        mi?: import("csstype").Property.MarginInline<string | number> | undefined;
-        marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
-        mis?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        mie?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        p?: import("csstype").Property.Padding<string | number> | undefined;
-        padding?: import("csstype").Property.Padding<string | number> | undefined;
-        pb?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        pbs?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        pbe?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        pi?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        pis?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        pie?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        fontFamily?: import("csstype").Property.FontFamily | ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-        fontSize?: string | number | (string & {}) | undefined;
-        fontStyle?: import("csstype").Property.FontStyle | undefined;
-        fontWeight?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | import("csstype").Property.FontWeight | undefined;
-        letterSpacing?: string | number | undefined;
-        lineHeight?: string | number | (string & {}) | (number & {}) | undefined;
-        textAlign?: import("csstype").Property.TextAlign | undefined;
-        textTransform?: import("csstype").Property.TextTransform | undefined;
-        textDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
-        animated?: boolean | undefined;
-        elevation?: "0" | "1" | "2" | undefined;
-        invisible?: boolean | undefined;
-        withRichContent?: string | boolean | undefined;
-        withTruncatedText?: boolean | undefined;
-        size?: import("csstype").Property.BlockSize<string | number> | undefined;
-        minSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        maxSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        fontScale?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-        className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | false | 0 | (<T extends readonly unknown[]>(...args: T) => string) | null | undefined)[] | undefined;
-    } & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>) => JSX.Element;
+    } & import("../Box").BoxStylingProps & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>) => JSX.Element;
     Icon: ({ size, ...props }: Pick<Omit<{
         is?: import("react").ElementType<any> | undefined;
         htmlSize?: number | undefined;
-    } & {
-        border?: import("csstype").Property.Border<string | number> | undefined;
-        borderBlock?: import("csstype").Property.BorderBlock<string | number> | undefined;
-        borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | undefined;
-        borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | undefined;
-        borderInline?: import("csstype").Property.BorderInline<string | number> | undefined;
-        borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
-        borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
-        borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-        borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | undefined;
-        borderBlockStartWidth?: import("csstype").Property.BorderBlockStartWidth<string | number> | undefined;
-        borderBlockEndWidth?: import("csstype").Property.BorderBlockEndWidth<string | number> | undefined;
-        borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number> | undefined;
-        borderInlineStartWidth?: import("csstype").Property.BorderInlineStartWidth<string | number> | undefined;
-        borderInlineEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | undefined;
-        borderStyle?: import("csstype").Property.BorderStyle | undefined;
-        borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
-        borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | undefined;
-        borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | undefined;
-        borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
-        borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
-        borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
-        borderColor?: import("csstype").Property.BorderColor | undefined;
-        borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
-        borderBlockStartColor?: import("csstype").Property.BorderBlockStartColor | undefined;
-        borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | undefined;
-        borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
-        borderInlineStartColor?: import("csstype").Property.BorderInlineStartColor | undefined;
-        borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
-        borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-        borderStartStartRadius?: import("csstype").Property.BorderStartStartRadius<string | number> | undefined;
-        borderStartEndRadius?: import("csstype").Property.BorderStartEndRadius<string | number> | undefined;
-        borderEndStartRadius?: import("csstype").Property.BorderEndStartRadius<string | number> | undefined;
-        borderEndEndRadius?: import("csstype").Property.BorderEndEndRadius<string | number> | undefined;
-        color?: import("csstype").Property.Color | undefined;
-        backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
-        bg?: import("csstype").Property.BackgroundColor | undefined;
-        opacity?: import("csstype").Property.Opacity | undefined;
-        alignItems?: import("csstype").Property.AlignItems | undefined;
-        alignContent?: import("csstype").Property.AlignContent | undefined;
-        justifyItems?: import("csstype").Property.JustifyItems | undefined;
-        justifyContent?: import("csstype").Property.JustifyContent | undefined;
-        flexWrap?: import("csstype").Property.FlexWrap | undefined;
-        flexDirection?: import("csstype").Property.FlexDirection | undefined;
-        flexGrow?: import("csstype").Property.FlexGrow | undefined;
-        flexShrink?: import("csstype").Property.FlexShrink | undefined;
-        flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-        justifySelf?: import("csstype").Property.JustifySelf | undefined;
-        alignSelf?: import("csstype").Property.AlignSelf | undefined;
-        order?: import("csstype").Property.Order | undefined;
-        w?: import("csstype").Property.Width<string | number> | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
-        minWidth?: import("csstype").Property.MinWidth<string | number> | undefined;
-        maxWidth?: import("csstype").Property.MaxWidth<string | number> | undefined;
-        h?: import("csstype").Property.Height<string | number> | undefined;
-        height?: import("csstype").Property.Height<string | number> | undefined;
-        minHeight?: import("csstype").Property.MinHeight<string | number> | undefined;
-        maxHeight?: import("csstype").Property.MaxHeight<string | number> | undefined;
-        display?: import("csstype").Property.Display | undefined;
-        verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
-        overflow?: import("csstype").Property.Overflow | undefined;
-        overflowX?: import("csstype").Property.OverflowX | undefined;
-        overflowY?: import("csstype").Property.OverflowY | undefined;
-        position?: import("csstype").Property.Position | undefined;
-        zIndex?: import("csstype").Property.ZIndex | undefined;
-        inset?: import("csstype").Property.Inset<string | number> | undefined;
-        insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
-        insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-        insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
-        insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
-        insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
-        insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
-        m?: import("csstype").Property.Margin<string | number> | undefined;
-        margin?: import("csstype").Property.Margin<string | number> | undefined;
-        mb?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        mbs?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        mbe?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        mi?: import("csstype").Property.MarginInline<string | number> | undefined;
-        marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
-        mis?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        mie?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        p?: import("csstype").Property.Padding<string | number> | undefined;
-        padding?: import("csstype").Property.Padding<string | number> | undefined;
-        pb?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        pbs?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        pbe?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        pi?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        pis?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        pie?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        fontFamily?: import("csstype").Property.FontFamily | ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-        fontSize?: string | number | (string & {}) | undefined;
-        fontStyle?: import("csstype").Property.FontStyle | undefined;
-        fontWeight?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | import("csstype").Property.FontWeight | undefined;
-        letterSpacing?: string | number | undefined;
-        lineHeight?: string | number | (string & {}) | (number & {}) | undefined;
-        textAlign?: import("csstype").Property.TextAlign | undefined;
-        textTransform?: import("csstype").Property.TextTransform | undefined;
-        textDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
-        animated?: boolean | undefined;
-        elevation?: "0" | "1" | "2" | undefined;
-        invisible?: boolean | undefined;
-        withRichContent?: string | boolean | undefined;
-        withTruncatedText?: boolean | undefined;
-        size?: import("csstype").Property.BlockSize<string | number> | undefined;
-        minSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        maxSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        fontScale?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-        className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | false | 0 | (<T extends readonly unknown[]>(...args: T) => string) | null | undefined)[] | undefined;
-    } & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "size" | "name"> & {
-        name: "info" | "warning" | "link" | "download" | "list" | "clip" | "italic" | "bold" | "key" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "underline" | "user" | "bell" | "bell-off" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-up-box" | "at" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "book" | "brush" | "burger" | "burger-arrow-left" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "clipboard" | "clock" | "cloud-arrow-up" | "cloud-plus" | "cog" | "condensed-view" | "contact" | "copy" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "desktop" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "folder" | "globe" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "language" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "moon" | "musical-note" | "new-window" | "pause" | "pause-unfilled" | "pencil" | "pencil-box" | "phone" | "phone-disabled" | "phone-in" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "send" | "send-filled" | "sheet" | "shield" | "shield-check" | "shredder" | "signal" | "sms" | "sort" | "sort-az" | "squares" | "stack" | "star" | "star-filled" | "strike" | "success-circle" | "sun" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "undo" | "user-arrow-right" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "twitter";
+    } & import("../Box").BoxStylingProps & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "size" | "name"> & {
+        name: "info" | "warning" | "link" | "download" | "list" | "clip" | "italic" | "bold" | "key" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "user" | "bell" | "bell-off" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-up-box" | "at" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "book" | "brush" | "burger" | "burger-arrow-left" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "clipboard" | "clock" | "cloud-arrow-up" | "cloud-plus" | "cog" | "condensed-view" | "contact" | "copy" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "desktop" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "folder" | "globe" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "language" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "moon" | "musical-note" | "new-window" | "pause" | "pause-unfilled" | "pencil" | "pencil-box" | "phone" | "phone-disabled" | "phone-in" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "send" | "send-filled" | "sheet" | "shield" | "shield-check" | "signal" | "sms" | "sort" | "sort-az" | "squares" | "stack" | "star" | "star-filled" | "stopwatch" | "strike" | "success-circle" | "sun" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "twitter";
         size?: (import("csstype").Property.Width<string | number> & (string | number)) | undefined;
     }, "string" | "y" | "r" | "default" | "disabled" | "type" | "color" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "is" | "className" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "defer" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPath" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filter" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "mask" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "htmlSize" | "border" | "borderBlock" | "borderBlockStart" | "borderBlockEnd" | "borderInline" | "borderInlineStart" | "borderInlineEnd" | "borderWidth" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderStyle" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "borderColor" | "borderBlockColor" | "borderBlockStartColor" | "borderBlockEndColor" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderRadius" | "borderStartStartRadius" | "borderStartEndRadius" | "borderEndStartRadius" | "borderEndEndRadius" | "backgroundColor" | "bg" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "w" | "minWidth" | "maxWidth" | "h" | "minHeight" | "maxHeight" | "verticalAlign" | "overflowX" | "overflowY" | "position" | "zIndex" | "inset" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "m" | "margin" | "mb" | "marginBlock" | "mbs" | "marginBlockStart" | "mbe" | "marginBlockEnd" | "mi" | "marginInline" | "mis" | "marginInlineStart" | "mie" | "marginInlineEnd" | "p" | "padding" | "pb" | "paddingBlock" | "pbs" | "paddingBlockStart" | "pbe" | "paddingBlockEnd" | "pi" | "paddingInline" | "pis" | "paddingInlineStart" | "pie" | "paddingInlineEnd" | "textAlign" | "textTransform" | "textDecorationLine" | "animated" | "invisible" | "withRichContent" | "withTruncatedText" | "minSize" | "maxSize" | "fontScale" | "key"> & import("react").RefAttributes<HTMLElement>) => JSX.Element;
     Thumb: (props: {
-        size?: "x16" | "x20" | "x24" | "x32" | "x40" | "x18" | "x28" | "x36" | "x48" | "x124" | "x200" | "x332" | undefined;
+        size?: "x16" | "x18" | "x20" | "x24" | "x28" | "x32" | "x36" | "x40" | "x48" | "x124" | "x200" | "x332" | undefined;
         rounded?: boolean | undefined;
         objectFit?: boolean | undefined;
         url: string;
@@ -877,126 +44,7 @@ declare const _default: import("react").ForwardRefExoticComponent<Pick<{
     Title: ({ children, ...props }: {
         is?: import("react").ElementType<any> | undefined;
         htmlSize?: number | undefined;
-    } & {
-        border?: import("csstype").Property.Border<string | number> | undefined;
-        borderBlock?: import("csstype").Property.BorderBlock<string | number> | undefined;
-        borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | undefined;
-        borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | undefined;
-        borderInline?: import("csstype").Property.BorderInline<string | number> | undefined;
-        borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
-        borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
-        borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-        borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | undefined;
-        borderBlockStartWidth?: import("csstype").Property.BorderBlockStartWidth<string | number> | undefined;
-        borderBlockEndWidth?: import("csstype").Property.BorderBlockEndWidth<string | number> | undefined;
-        borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number> | undefined;
-        borderInlineStartWidth?: import("csstype").Property.BorderInlineStartWidth<string | number> | undefined;
-        borderInlineEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | undefined;
-        borderStyle?: import("csstype").Property.BorderStyle | undefined;
-        borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
-        borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | undefined;
-        borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | undefined;
-        borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
-        borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
-        borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
-        borderColor?: import("csstype").Property.BorderColor | undefined;
-        borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
-        borderBlockStartColor?: import("csstype").Property.BorderBlockStartColor | undefined;
-        borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | undefined;
-        borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
-        borderInlineStartColor?: import("csstype").Property.BorderInlineStartColor | undefined;
-        borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
-        borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-        borderStartStartRadius?: import("csstype").Property.BorderStartStartRadius<string | number> | undefined;
-        borderStartEndRadius?: import("csstype").Property.BorderStartEndRadius<string | number> | undefined;
-        borderEndStartRadius?: import("csstype").Property.BorderEndStartRadius<string | number> | undefined;
-        borderEndEndRadius?: import("csstype").Property.BorderEndEndRadius<string | number> | undefined;
-        color?: import("csstype").Property.Color | undefined;
-        backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
-        bg?: import("csstype").Property.BackgroundColor | undefined;
-        opacity?: import("csstype").Property.Opacity | undefined;
-        alignItems?: import("csstype").Property.AlignItems | undefined;
-        alignContent?: import("csstype").Property.AlignContent | undefined;
-        justifyItems?: import("csstype").Property.JustifyItems | undefined;
-        justifyContent?: import("csstype").Property.JustifyContent | undefined;
-        flexWrap?: import("csstype").Property.FlexWrap | undefined;
-        flexDirection?: import("csstype").Property.FlexDirection | undefined;
-        flexGrow?: import("csstype").Property.FlexGrow | undefined;
-        flexShrink?: import("csstype").Property.FlexShrink | undefined;
-        flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-        justifySelf?: import("csstype").Property.JustifySelf | undefined;
-        alignSelf?: import("csstype").Property.AlignSelf | undefined;
-        order?: import("csstype").Property.Order | undefined;
-        w?: import("csstype").Property.Width<string | number> | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
-        minWidth?: import("csstype").Property.MinWidth<string | number> | undefined;
-        maxWidth?: import("csstype").Property.MaxWidth<string | number> | undefined;
-        h?: import("csstype").Property.Height<string | number> | undefined;
-        height?: import("csstype").Property.Height<string | number> | undefined;
-        minHeight?: import("csstype").Property.MinHeight<string | number> | undefined;
-        maxHeight?: import("csstype").Property.MaxHeight<string | number> | undefined;
-        display?: import("csstype").Property.Display | undefined;
-        verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
-        overflow?: import("csstype").Property.Overflow | undefined;
-        overflowX?: import("csstype").Property.OverflowX | undefined;
-        overflowY?: import("csstype").Property.OverflowY | undefined;
-        position?: import("csstype").Property.Position | undefined;
-        zIndex?: import("csstype").Property.ZIndex | undefined;
-        inset?: import("csstype").Property.Inset<string | number> | undefined;
-        insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
-        insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-        insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
-        insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
-        insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
-        insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
-        m?: import("csstype").Property.Margin<string | number> | undefined;
-        margin?: import("csstype").Property.Margin<string | number> | undefined;
-        mb?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        mbs?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        mbe?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        mi?: import("csstype").Property.MarginInline<string | number> | undefined;
-        marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
-        mis?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        mie?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        p?: import("csstype").Property.Padding<string | number> | undefined;
-        padding?: import("csstype").Property.Padding<string | number> | undefined;
-        pb?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        pbs?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        pbe?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        pi?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        pis?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        pie?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        fontFamily?: import("csstype").Property.FontFamily | ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-        fontSize?: string | number | (string & {}) | undefined;
-        fontStyle?: import("csstype").Property.FontStyle | undefined;
-        fontWeight?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | import("csstype").Property.FontWeight | undefined;
-        letterSpacing?: string | number | undefined;
-        lineHeight?: string | number | (string & {}) | (number & {}) | undefined;
-        textAlign?: import("csstype").Property.TextAlign | undefined;
-        textTransform?: import("csstype").Property.TextTransform | undefined;
-        textDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
-        animated?: boolean | undefined;
-        elevation?: "0" | "1" | "2" | undefined;
-        invisible?: boolean | undefined;
-        withRichContent?: string | boolean | undefined;
-        withTruncatedText?: boolean | undefined;
-        size?: import("csstype").Property.BlockSize<string | number> | undefined;
-        minSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        maxSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        fontScale?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-        className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | false | 0 | (<T extends readonly unknown[]>(...args: T) => string) | null | undefined)[] | undefined;
-    } & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>) => JSX.Element;
+    } & import("../Box").BoxStylingProps & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>) => JSX.Element;
 };
 export default _default;
 export { ModalBackdrop, ModalClose, ModalContent, ModalFooter, ModalHeader, ModalThumb, ModalTitle, ModalIcon, };