@sanity/ui 1.7.9 → 1.7.10

package/dist/index.d.ts

@@ -1,20 +1,38 @@
 /// <reference types="react" />
 
+import {AnimationEventHandler} from 'react'
+import {AriaRole} from 'react'
+import {ClipboardEventHandler} from 'react'
 import {Component} from 'react'
-import {CSSObject} from 'styled-components'
+import {CompositionEventHandler} from 'react'
+import {CSSProperties} from 'react'
+import {DragEventHandler} from 'react'
 import {ElementType} from 'react'
+import {FocusEventHandler} from 'react'
+import {FormEventHandler} from 'react'
 import {ForwardRefExoticComponent} from 'react'
 import {HTMLProps} from 'react'
+import {IStyledComponent} from 'styled-components'
+import {Key} from 'react'
+import {KeyboardEventHandler} from 'react'
+import {LegacyRef} from 'react'
 import {MemoExoticComponent} from 'react'
+import {MouseEventHandler} from 'react'
 import {MutableRefObject} from 'react'
 import {NamedExoticComponent} from 'react'
+import {PointerEventHandler} from 'react'
 import {PropsWithChildren} from 'react'
 import {ReactElement} from 'react'
+import {ReactEventHandler} from 'react'
 import {ReactNode} from 'react'
 import {Ref} from 'react'
 import {RefAttributes} from 'react'
 import {RefCallback} from 'react'
-import {StyledComponent} from 'styled-components'
+import type {StyledObject} from 'styled-components'
+import {TouchEventHandler} from 'react'
+import {TransitionEventHandler} from 'react'
+import {UIEventHandler} from 'react'
+import {WheelEventHandler} from 'react'
 
 /** @beta */
 export declare type ArrayPropPrimitive = string | number | boolean | undefined | null
@@ -372,7 +390,7 @@ export declare interface BoundaryElementProviderProps {
  * @public
  */
 export declare const Box: ForwardRefExoticComponent<
-  Omit<BoxProps & Omit<HTMLProps<HTMLDivElement>, 'as' | 'height'>, 'ref'> &
+  Omit<BoxProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as'>, 'ref'> &
     RefAttributes<HTMLDivElement>
 >
 
@@ -401,6 +419,7 @@ export declare interface BoxProps
     ResponsiveMarginProps,
     ResponsivePaddingProps {
   as?: React.ElementType | keyof JSX.IntrinsicElements
+  forwardedAs?: React.ElementType | keyof JSX.IntrinsicElements
 }
 
 /**
@@ -481,7 +500,7 @@ export declare type ButtonTone = 'default' | 'primary' | 'positive' | 'caution'
  * @public
  */
 export declare const Card: ForwardRefExoticComponent<
-  Omit<CardProps & Omit<HTMLProps<HTMLDivElement>, 'as' | 'height'>, 'ref'> &
+  Omit<CardProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as'>, 'ref'> &
     RefAttributes<HTMLDivElement>
 >
 
@@ -566,7 +585,7 @@ export declare interface CodeProps {
  */
 export declare const CodeSkeleton: ForwardRefExoticComponent<
   Omit<
-    CodeSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'as' | 'height'>,
+    CodeSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
     'ref'
   > &
     RefAttributes<HTMLDivElement>
@@ -584,7 +603,7 @@ export declare interface CodeSkeletonProps extends SkeletonProps {
  * @public
  */
 export declare const Container: ForwardRefExoticComponent<
-  Omit<ContainerProps & Omit<HTMLProps<HTMLDivElement>, 'width' | 'as' | 'height'>, 'ref'> &
+  Omit<ContainerProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'width' | 'as'>, 'ref'> &
     RefAttributes<HTMLDivElement>
 >
 
@@ -605,6 +624,9 @@ export declare function createColorTheme(
   partialOpts?: PartialThemeColorBuilderOpts,
 ): ThemeColorSchemes
 
+/** @internal */
+export declare type CSSObject = StyledObject<any>
+
 /**
  * @public
  */
@@ -847,7 +869,7 @@ export declare function _getResponsiveSpace(
  * @public
  */
 export declare const Grid: ForwardRefExoticComponent<
-  Omit<GridProps & Omit<HTMLProps<HTMLDivElement>, 'as' | 'height' | 'rows'>, 'ref'> &
+  Omit<GridProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as' | 'rows'>, 'ref'> &
     RefAttributes<HTMLDivElement>
 >
 
@@ -938,7 +960,7 @@ export declare interface HeadingProps {
  */
 export declare const HeadingSkeleton: ForwardRefExoticComponent<
   Omit<
-    HeadingSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'as' | 'height'>,
+    HeadingSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
     'ref'
   > &
     RefAttributes<HTMLDivElement>
@@ -1097,7 +1119,7 @@ export declare interface LabelProps {
  */
 export declare const LabelSkeleton: ForwardRefExoticComponent<
   Omit<
-    LabelSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'as' | 'height'>,
+    LabelSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
     'ref'
   > &
     RefAttributes<HTMLDivElement>
@@ -1172,7 +1194,7 @@ export declare interface _MediaStore {
  * @public
  */
 export declare const Menu: ForwardRefExoticComponent<
-  Omit<MenuProps & Omit<HTMLProps<HTMLDivElement>, 'tabIndex' | 'role' | 'as' | 'height'>, 'ref'> &
+  Omit<MenuProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'tabIndex' | 'role' | 'as'>, 'ref'> &
     RefAttributes<HTMLDivElement>
 >
 
@@ -1227,7 +1249,321 @@ export declare interface MenuButtonProps {
 /**
  * @public
  */
-export declare const MenuDivider: StyledComponent<'hr', Theme>
+export declare const MenuDivider: IStyledComponent<
+  'web',
+  {
+    ref?: LegacyRef<HTMLHRElement> | undefined
+    key?: Key | null | undefined
+    defaultChecked?: boolean | undefined
+    defaultValue?: string | number | readonly string[] | undefined
+    suppressContentEditableWarning?: boolean | undefined
+    suppressHydrationWarning?: boolean | undefined
+    accessKey?: string | undefined
+    autoFocus?: boolean | undefined
+    className?: string | undefined
+    contentEditable?: 'inherit' | (boolean | 'false' | 'true') | undefined
+    contextMenu?: string | undefined
+    dir?: string | undefined
+    draggable?: (boolean | 'false' | 'true') | undefined
+    hidden?: boolean | undefined
+    id?: string | undefined
+    lang?: string | undefined
+    nonce?: string | undefined
+    placeholder?: string | undefined
+    slot?: string | undefined
+    spellCheck?: (boolean | 'false' | 'true') | undefined
+    style?: CSSProperties | undefined
+    tabIndex?: number | undefined
+    title?: string | undefined
+    translate?: 'yes' | 'no' | undefined
+    radioGroup?: string | undefined
+    role?: AriaRole | undefined
+    about?: string | undefined
+    content?: string | undefined
+    datatype?: string | undefined
+    inlist?: any
+    prefix?: string | undefined
+    property?: string | undefined
+    rel?: string | undefined
+    resource?: string | undefined
+    rev?: string | undefined
+    typeof?: string | undefined
+    vocab?: string | undefined
+    autoCapitalize?: string | undefined
+    autoCorrect?: string | undefined
+    autoSave?: string | undefined
+    color?: string | undefined
+    itemProp?: string | undefined
+    itemScope?: boolean | undefined
+    itemType?: string | undefined
+    itemID?: string | undefined
+    itemRef?: string | undefined
+    results?: number | undefined
+    security?: string | undefined
+    unselectable?: 'on' | 'off' | undefined
+    inputMode?:
+      | 'text'
+      | 'search'
+      | 'none'
+      | 'tel'
+      | 'url'
+      | 'email'
+      | 'numeric'
+      | 'decimal'
+      | undefined
+    is?: string | undefined
+    'aria-activedescendant'?: string | undefined
+    'aria-atomic'?: (boolean | 'false' | 'true') | undefined
+    'aria-autocomplete'?: 'both' | 'none' | 'inline' | 'list' | undefined
+    'aria-braillelabel'?: string | undefined
+    'aria-brailleroledescription'?: string | undefined
+    'aria-busy'?: (boolean | 'false' | 'true') | undefined
+    'aria-checked'?: boolean | 'mixed' | 'false' | 'true' | undefined
+    'aria-colcount'?: number | undefined
+    'aria-colindex'?: number | undefined
+    'aria-colindextext'?: string | undefined
+    'aria-colspan'?: number | undefined
+    'aria-controls'?: string | undefined
+    'aria-current'?:
+      | boolean
+      | 'time'
+      | 'page'
+      | 'false'
+      | 'true'
+      | 'step'
+      | 'location'
+      | 'date'
+      | undefined
+    'aria-describedby'?: string | undefined
+    'aria-description'?: string | undefined
+    'aria-details'?: string | undefined
+    'aria-disabled'?: (boolean | 'false' | 'true') | undefined
+    'aria-dropeffect'?: 'link' | 'none' | 'copy' | 'move' | 'execute' | 'popup' | undefined
+    'aria-errormessage'?: string | undefined
+    'aria-expanded'?: (boolean | 'false' | 'true') | undefined
+    'aria-flowto'?: string | undefined
+    'aria-grabbed'?: (boolean | 'false' | 'true') | undefined
+    'aria-haspopup'?:
+      | boolean
+      | 'dialog'
+      | 'menu'
+      | 'listbox'
+      | 'grid'
+      | 'false'
+      | 'true'
+      | 'tree'
+      | undefined
+    'aria-hidden'?: (boolean | 'false' | 'true') | undefined
+    'aria-invalid'?: boolean | 'false' | 'true' | 'grammar' | 'spelling' | undefined
+    'aria-keyshortcuts'?: string | undefined
+    'aria-label'?: string | undefined
+    'aria-labelledby'?: string | undefined
+    'aria-level'?: number | undefined
+    'aria-live'?: 'off' | 'assertive' | 'polite' | undefined
+    'aria-modal'?: (boolean | 'false' | 'true') | undefined
+    'aria-multiline'?: (boolean | 'false' | 'true') | undefined
+    'aria-multiselectable'?: (boolean | 'false' | 'true') | undefined
+    'aria-orientation'?: 'horizontal' | 'vertical' | undefined
+    'aria-owns'?: string | undefined
+    'aria-placeholder'?: string | undefined
+    'aria-posinset'?: number | undefined
+    'aria-pressed'?: boolean | 'mixed' | 'false' | 'true' | undefined
+    'aria-readonly'?: (boolean | 'false' | 'true') | undefined
+    'aria-relevant'?:
+      | 'text'
+      | 'all'
+      | 'additions'
+      | 'additions removals'
+      | 'additions text'
+      | 'removals'
+      | 'removals additions'
+      | 'removals text'
+      | 'text additions'
+      | 'text removals'
+      | undefined
+    'aria-required'?: (boolean | 'false' | 'true') | undefined
+    'aria-roledescription'?: string | undefined
+    'aria-rowcount'?: number | undefined
+    'aria-rowindex'?: number | undefined
+    'aria-rowindextext'?: string | undefined
+    'aria-rowspan'?: number | undefined
+    'aria-selected'?: (boolean | 'false' | 'true') | undefined
+    'aria-setsize'?: number | undefined
+    'aria-sort'?: 'none' | 'ascending' | 'descending' | 'other' | undefined
+    'aria-valuemax'?: number | undefined
+    'aria-valuemin'?: number | undefined
+    'aria-valuenow'?: number | undefined
+    'aria-valuetext'?: string | undefined
+    children?: ReactNode
+    dangerouslySetInnerHTML?:
+      | {
+          __html: string | TrustedHTML
+        }
+      | undefined
+    onCopy?: ClipboardEventHandler<HTMLHRElement> | undefined
+    onCopyCapture?: ClipboardEventHandler<HTMLHRElement> | undefined
+    onCut?: ClipboardEventHandler<HTMLHRElement> | undefined
+    onCutCapture?: ClipboardEventHandler<HTMLHRElement> | undefined
+    onPaste?: ClipboardEventHandler<HTMLHRElement> | undefined
+    onPasteCapture?: ClipboardEventHandler<HTMLHRElement> | undefined
+    onCompositionEnd?: CompositionEventHandler<HTMLHRElement> | undefined
+    onCompositionEndCapture?: CompositionEventHandler<HTMLHRElement> | undefined
+    onCompositionStart?: CompositionEventHandler<HTMLHRElement> | undefined
+    onCompositionStartCapture?: CompositionEventHandler<HTMLHRElement> | undefined
+    onCompositionUpdate?: CompositionEventHandler<HTMLHRElement> | undefined
+    onCompositionUpdateCapture?: CompositionEventHandler<HTMLHRElement> | undefined
+    onFocus?: FocusEventHandler<HTMLHRElement> | undefined
+    onFocusCapture?: FocusEventHandler<HTMLHRElement> | undefined
+    onBlur?: FocusEventHandler<HTMLHRElement> | undefined
+    onBlurCapture?: FocusEventHandler<HTMLHRElement> | undefined
+    onChange?: FormEventHandler<HTMLHRElement> | undefined
+    onChangeCapture?: FormEventHandler<HTMLHRElement> | undefined
+    onBeforeInput?: FormEventHandler<HTMLHRElement> | undefined
+    onBeforeInputCapture?: FormEventHandler<HTMLHRElement> | undefined
+    onInput?: FormEventHandler<HTMLHRElement> | undefined
+    onInputCapture?: FormEventHandler<HTMLHRElement> | undefined
+    onReset?: FormEventHandler<HTMLHRElement> | undefined
+    onResetCapture?: FormEventHandler<HTMLHRElement> | undefined
+    onSubmit?: FormEventHandler<HTMLHRElement> | undefined
+    onSubmitCapture?: FormEventHandler<HTMLHRElement> | undefined
+    onInvalid?: FormEventHandler<HTMLHRElement> | undefined
+    onInvalidCapture?: FormEventHandler<HTMLHRElement> | undefined
+    onLoad?: ReactEventHandler<HTMLHRElement> | undefined
+    onLoadCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onError?: ReactEventHandler<HTMLHRElement> | undefined
+    onErrorCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onKeyDown?: KeyboardEventHandler<HTMLHRElement> | undefined
+    onKeyDownCapture?: KeyboardEventHandler<HTMLHRElement> | undefined
+    onKeyPress?: KeyboardEventHandler<HTMLHRElement> | undefined
+    onKeyPressCapture?: KeyboardEventHandler<HTMLHRElement> | undefined
+    onKeyUp?: KeyboardEventHandler<HTMLHRElement> | undefined
+    onKeyUpCapture?: KeyboardEventHandler<HTMLHRElement> | undefined
+    onAbort?: ReactEventHandler<HTMLHRElement> | undefined
+    onAbortCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onCanPlay?: ReactEventHandler<HTMLHRElement> | undefined
+    onCanPlayCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onCanPlayThrough?: ReactEventHandler<HTMLHRElement> | undefined
+    onCanPlayThroughCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onDurationChange?: ReactEventHandler<HTMLHRElement> | undefined
+    onDurationChangeCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onEmptied?: ReactEventHandler<HTMLHRElement> | undefined
+    onEmptiedCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onEncrypted?: ReactEventHandler<HTMLHRElement> | undefined
+    onEncryptedCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onEnded?: ReactEventHandler<HTMLHRElement> | undefined
+    onEndedCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onLoadedData?: ReactEventHandler<HTMLHRElement> | undefined
+    onLoadedDataCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onLoadedMetadata?: ReactEventHandler<HTMLHRElement> | undefined
+    onLoadedMetadataCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onLoadStart?: ReactEventHandler<HTMLHRElement> | undefined
+    onLoadStartCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onPause?: ReactEventHandler<HTMLHRElement> | undefined
+    onPauseCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onPlay?: ReactEventHandler<HTMLHRElement> | undefined
+    onPlayCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onPlaying?: ReactEventHandler<HTMLHRElement> | undefined
+    onPlayingCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onProgress?: ReactEventHandler<HTMLHRElement> | undefined
+    onProgressCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onRateChange?: ReactEventHandler<HTMLHRElement> | undefined
+    onRateChangeCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onResize?: ReactEventHandler<HTMLHRElement> | undefined
+    onResizeCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onSeeked?: ReactEventHandler<HTMLHRElement> | undefined
+    onSeekedCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onSeeking?: ReactEventHandler<HTMLHRElement> | undefined
+    onSeekingCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onStalled?: ReactEventHandler<HTMLHRElement> | undefined
+    onStalledCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onSuspend?: ReactEventHandler<HTMLHRElement> | undefined
+    onSuspendCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onTimeUpdate?: ReactEventHandler<HTMLHRElement> | undefined
+    onTimeUpdateCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onVolumeChange?: ReactEventHandler<HTMLHRElement> | undefined
+    onVolumeChangeCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onWaiting?: ReactEventHandler<HTMLHRElement> | undefined
+    onWaitingCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onAuxClick?: MouseEventHandler<HTMLHRElement> | undefined
+    onAuxClickCapture?: MouseEventHandler<HTMLHRElement> | undefined
+    onClick?: MouseEventHandler<HTMLHRElement> | undefined
+    onClickCapture?: MouseEventHandler<HTMLHRElement> | undefined
+    onContextMenu?: MouseEventHandler<HTMLHRElement> | undefined
+    onContextMenuCapture?: MouseEventHandler<HTMLHRElement> | undefined
+    onDoubleClick?: MouseEventHandler<HTMLHRElement> | undefined
+    onDoubleClickCapture?: MouseEventHandler<HTMLHRElement> | undefined
+    onDrag?: DragEventHandler<HTMLHRElement> | undefined
+    onDragCapture?: DragEventHandler<HTMLHRElement> | undefined
+    onDragEnd?: DragEventHandler<HTMLHRElement> | undefined
+    onDragEndCapture?: DragEventHandler<HTMLHRElement> | undefined
+    onDragEnter?: DragEventHandler<HTMLHRElement> | undefined
+    onDragEnterCapture?: DragEventHandler<HTMLHRElement> | undefined
+    onDragExit?: DragEventHandler<HTMLHRElement> | undefined
+    onDragExitCapture?: DragEventHandler<HTMLHRElement> | undefined
+    onDragLeave?: DragEventHandler<HTMLHRElement> | undefined
+    onDragLeaveCapture?: DragEventHandler<HTMLHRElement> | undefined
+    onDragOver?: DragEventHandler<HTMLHRElement> | undefined
+    onDragOverCapture?: DragEventHandler<HTMLHRElement> | undefined
+    onDragStart?: DragEventHandler<HTMLHRElement> | undefined
+    onDragStartCapture?: DragEventHandler<HTMLHRElement> | undefined
+    onDrop?: DragEventHandler<HTMLHRElement> | undefined
+    onDropCapture?: DragEventHandler<HTMLHRElement> | undefined
+    onMouseDown?: MouseEventHandler<HTMLHRElement> | undefined
+    onMouseDownCapture?: MouseEventHandler<HTMLHRElement> | undefined
+    onMouseEnter?: MouseEventHandler<HTMLHRElement> | undefined
+    onMouseLeave?: MouseEventHandler<HTMLHRElement> | undefined
+    onMouseMove?: MouseEventHandler<HTMLHRElement> | undefined
+    onMouseMoveCapture?: MouseEventHandler<HTMLHRElement> | undefined
+    onMouseOut?: MouseEventHandler<HTMLHRElement> | undefined
+    onMouseOutCapture?: MouseEventHandler<HTMLHRElement> | undefined
+    onMouseOver?: MouseEventHandler<HTMLHRElement> | undefined
+    onMouseOverCapture?: MouseEventHandler<HTMLHRElement> | undefined
+    onMouseUp?: MouseEventHandler<HTMLHRElement> | undefined
+    onMouseUpCapture?: MouseEventHandler<HTMLHRElement> | undefined
+    onSelect?: ReactEventHandler<HTMLHRElement> | undefined
+    onSelectCapture?: ReactEventHandler<HTMLHRElement> | undefined
+    onTouchCancel?: TouchEventHandler<HTMLHRElement> | undefined
+    onTouchCancelCapture?: TouchEventHandler<HTMLHRElement> | undefined
+    onTouchEnd?: TouchEventHandler<HTMLHRElement> | undefined
+    onTouchEndCapture?: TouchEventHandler<HTMLHRElement> | undefined
+    onTouchMove?: TouchEventHandler<HTMLHRElement> | undefined
+    onTouchMoveCapture?: TouchEventHandler<HTMLHRElement> | undefined
+    onTouchStart?: TouchEventHandler<HTMLHRElement> | undefined
+    onTouchStartCapture?: TouchEventHandler<HTMLHRElement> | undefined
+    onPointerDown?: PointerEventHandler<HTMLHRElement> | undefined
+    onPointerDownCapture?: PointerEventHandler<HTMLHRElement> | undefined
+    onPointerMove?: PointerEventHandler<HTMLHRElement> | undefined
+    onPointerMoveCapture?: PointerEventHandler<HTMLHRElement> | undefined
+    onPointerUp?: PointerEventHandler<HTMLHRElement> | undefined
+    onPointerUpCapture?: PointerEventHandler<HTMLHRElement> | undefined
+    onPointerCancel?: PointerEventHandler<HTMLHRElement> | undefined
+    onPointerCancelCapture?: PointerEventHandler<HTMLHRElement> | undefined
+    onPointerEnter?: PointerEventHandler<HTMLHRElement> | undefined
+    onPointerEnterCapture?: PointerEventHandler<HTMLHRElement> | undefined
+    onPointerLeave?: PointerEventHandler<HTMLHRElement> | undefined
+    onPointerLeaveCapture?: PointerEventHandler<HTMLHRElement> | undefined
+    onPointerOver?: PointerEventHandler<HTMLHRElement> | undefined
+    onPointerOverCapture?: PointerEventHandler<HTMLHRElement> | undefined
+    onPointerOut?: PointerEventHandler<HTMLHRElement> | undefined
+    onPointerOutCapture?: PointerEventHandler<HTMLHRElement> | undefined
+    onGotPointerCapture?: PointerEventHandler<HTMLHRElement> | undefined
+    onGotPointerCaptureCapture?: PointerEventHandler<HTMLHRElement> | undefined
+    onLostPointerCapture?: PointerEventHandler<HTMLHRElement> | undefined
+    onLostPointerCaptureCapture?: PointerEventHandler<HTMLHRElement> | undefined
+    onScroll?: UIEventHandler<HTMLHRElement> | undefined
+    onScrollCapture?: UIEventHandler<HTMLHRElement> | undefined
+    onWheel?: WheelEventHandler<HTMLHRElement> | undefined
+    onWheelCapture?: WheelEventHandler<HTMLHRElement> | undefined
+    onAnimationStart?: AnimationEventHandler<HTMLHRElement> | undefined
+    onAnimationStartCapture?: AnimationEventHandler<HTMLHRElement> | undefined
+    onAnimationEnd?: AnimationEventHandler<HTMLHRElement> | undefined
+    onAnimationEndCapture?: AnimationEventHandler<HTMLHRElement> | undefined
+    onAnimationIteration?: AnimationEventHandler<HTMLHRElement> | undefined
+    onAnimationIterationCapture?: AnimationEventHandler<HTMLHRElement> | undefined
+    onTransitionEnd?: TransitionEventHandler<HTMLHRElement> | undefined
+    onTransitionEndCapture?: TransitionEventHandler<HTMLHRElement> | undefined
+  }
+>
 
 /**
  * @public
@@ -1257,7 +1593,7 @@ export declare interface MenuGroupProps {
  */
 export declare const MenuItem: ForwardRefExoticComponent<
   MenuItemProps &
-    Omit<HTMLProps<HTMLDivElement>, 'selected' | 'ref' | 'tabIndex' | 'as' | 'height'> &
+    Omit<HTMLProps<HTMLDivElement>, 'selected' | 'ref' | 'height' | 'tabIndex' | 'as'> &
     RefAttributes<HTMLDivElement>
 >
 
@@ -1846,7 +2182,7 @@ export declare const Tab: ForwardRefExoticComponent<
  * @public
  */
 export declare const TabList: ForwardRefExoticComponent<
-  Omit<TabListProps & Omit<HTMLProps<HTMLDivElement>, 'as' | 'height'>, 'ref'> &
+  Omit<TabListProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as'>, 'ref'> &
     RefAttributes<unknown>
 >
 
@@ -2011,7 +2347,7 @@ export declare interface TextProps {
  */
 export declare const TextSkeleton: ForwardRefExoticComponent<
   Omit<
-    TextSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'as' | 'height'>,
+    TextSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
     'ref'
   > &
     RefAttributes<HTMLDivElement>
@@ -2679,7 +3015,7 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
 export declare const Tree: MemoExoticComponent<
   ForwardRefExoticComponent<
     TreeProps &
-      Omit<HTMLProps<HTMLDivElement>, 'ref' | 'wrap' | 'role' | 'as' | 'height' | 'align'> &
+      Omit<HTMLProps<HTMLDivElement>, 'ref' | 'wrap' | 'height' | 'role' | 'as' | 'align'> &
       RefAttributes<HTMLDivElement>
   >
 >

package/dist/index.esm.js

@@ -3983,6 +3983,7 @@ function avatarArrowStyle() {
       top: "-5px",
       left: "50%",
       transform: "translateX(-6px)",
+      // @ts-expect-error -- TODO wait for CSSObject types to be fixed in `styled-components` itself
       "&:not([hidden])": {
         display: "block"
       }
@@ -4019,13 +4020,14 @@ function avatarRootStyle(props) {
       opacity: 0.5
     },
     "&>svg": {
+      // @ts-expect-error -- TODO wait for CSSObject types to be fixed in `styled-components` itself
       "&:not([hidden])": {
         display: "block"
       }
     },
     /* &:is(button) */
     '&[data-as="button"]': {
-      "-webkit-font-smoothing": "inherit",
+      WebkitFontSmoothing: "inherit",
       appearance: "none",
       margin: 0,
       padding: 0,
@@ -4033,6 +4035,7 @@ function avatarRootStyle(props) {
       font: "inherit",
       color: "inherit",
       outline: "none",
+      // @ts-expect-error -- TODO wait for CSSObject types to be fixed in `styled-components` itself
       "&:focus": {
         boxShadow: focusRingStyle({
           focusRing
@@ -4097,7 +4100,7 @@ function avatarStrokeStyle() {
   return {
     strokeWidth: "3px",
     '[data-status="editing"] &': {
-      strokeSasharray: "2 4",
+      strokeDasharray: "2 4",
       strokeLinecap: "round"
     }
   };
@@ -4514,17 +4517,21 @@ const Flex = forwardRef(function Flex2(props, ref) {
     wrap,
     ...restProps
   } = props;
-  return /* @__PURE__ */jsx(Root$x, {
-    "data-ui": "Flex",
-    ...restProps,
-    $align: useArrayProp(align),
-    $direction: useArrayProp(direction),
-    $gap: useArrayProp(gap),
-    $justify: useArrayProp(justify),
-    $wrap: useArrayProp(wrap),
-    forwardedAs: as,
-    ref
-  });
+  return (
+    // @ts-expect-error -- some dollar prefixed typings aren't inferred correctly https://github.com/styled-components/styled-components/issues/4062
+    /* @__PURE__ */
+    jsx(Root$x, {
+      "data-ui": "Flex",
+      ...restProps,
+      $align: useArrayProp(align),
+      $direction: useArrayProp(direction),
+      $gap: useArrayProp(gap),
+      $justify: useArrayProp(justify),
+      $wrap: useArrayProp(wrap),
+      forwardedAs: as,
+      ref
+    })
+  );
 });
 var __freeze$w = Object.freeze;
 var __defProp$x = Object.defineProperty;