@nextui-org/react 1.0.0-beta.7 → 1.0.0-beta.8

package/types/dropdown/dropdown-button.d.ts

@@ -0,0 +1,3689 @@
+import React from 'react';
+import { ButtonProps } from '../index';
+export declare type DropdownButtonProps = ButtonProps;
+declare const _default: React.ForwardRefExoticComponent<import("../button/button").Props & {
+    form?: string | undefined;
+    slot?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    hidden?: boolean | undefined;
+    dir?: string | undefined;
+    value?: string | number | readonly string[] | undefined;
+    onChange?: React.FormEventHandler<unknown> | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contextMenu?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    lang?: string | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: 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?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "mixed" | "true" | "false" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-current'?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | 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;
+    dangerouslySetInnerHTML?: {
+        __html: string;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<unknown> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<unknown> | undefined;
+    onCut?: React.ClipboardEventHandler<unknown> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<unknown> | undefined;
+    onPaste?: React.ClipboardEventHandler<unknown> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<unknown> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<unknown> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<unknown> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<unknown> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<unknown> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<unknown> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<unknown> | undefined;
+    onFocusCapture?: React.FocusEventHandler<unknown> | undefined;
+    onBlurCapture?: React.FocusEventHandler<unknown> | undefined;
+    onChangeCapture?: React.FormEventHandler<unknown> | undefined;
+    onBeforeInput?: React.FormEventHandler<unknown> | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<unknown> | undefined;
+    onInput?: React.FormEventHandler<unknown> | undefined;
+    onInputCapture?: React.FormEventHandler<unknown> | undefined;
+    onReset?: React.FormEventHandler<unknown> | undefined;
+    onResetCapture?: React.FormEventHandler<unknown> | undefined;
+    onSubmit?: React.FormEventHandler<unknown> | undefined;
+    onSubmitCapture?: React.FormEventHandler<unknown> | undefined;
+    onInvalid?: React.FormEventHandler<unknown> | undefined;
+    onInvalidCapture?: React.FormEventHandler<unknown> | undefined;
+    onLoad?: React.ReactEventHandler<unknown> | undefined;
+    onLoadCapture?: React.ReactEventHandler<unknown> | undefined;
+    onError?: React.ReactEventHandler<unknown> | undefined;
+    onErrorCapture?: React.ReactEventHandler<unknown> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<unknown> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<unknown> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<unknown> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<unknown> | undefined;
+    onAbort?: React.ReactEventHandler<unknown> | undefined;
+    onAbortCapture?: React.ReactEventHandler<unknown> | undefined;
+    onCanPlay?: React.ReactEventHandler<unknown> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<unknown> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<unknown> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<unknown> | undefined;
+    onDurationChange?: React.ReactEventHandler<unknown> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<unknown> | undefined;
+    onEmptied?: React.ReactEventHandler<unknown> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<unknown> | undefined;
+    onEncrypted?: React.ReactEventHandler<unknown> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<unknown> | undefined;
+    onEnded?: React.ReactEventHandler<unknown> | undefined;
+    onEndedCapture?: React.ReactEventHandler<unknown> | undefined;
+    onLoadedData?: React.ReactEventHandler<unknown> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<unknown> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<unknown> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<unknown> | undefined;
+    onLoadStart?: React.ReactEventHandler<unknown> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<unknown> | undefined;
+    onPause?: React.ReactEventHandler<unknown> | undefined;
+    onPauseCapture?: React.ReactEventHandler<unknown> | undefined;
+    onPlay?: React.ReactEventHandler<unknown> | undefined;
+    onPlayCapture?: React.ReactEventHandler<unknown> | undefined;
+    onPlaying?: React.ReactEventHandler<unknown> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<unknown> | undefined;
+    onProgress?: React.ReactEventHandler<unknown> | undefined;
+    onProgressCapture?: React.ReactEventHandler<unknown> | undefined;
+    onRateChange?: React.ReactEventHandler<unknown> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<unknown> | undefined;
+    onSeeked?: React.ReactEventHandler<unknown> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<unknown> | undefined;
+    onSeeking?: React.ReactEventHandler<unknown> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<unknown> | undefined;
+    onStalled?: React.ReactEventHandler<unknown> | undefined;
+    onStalledCapture?: React.ReactEventHandler<unknown> | undefined;
+    onSuspend?: React.ReactEventHandler<unknown> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<unknown> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<unknown> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<unknown> | undefined;
+    onVolumeChange?: React.ReactEventHandler<unknown> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<unknown> | undefined;
+    onWaiting?: React.ReactEventHandler<unknown> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<unknown> | undefined;
+    onAuxClick?: React.MouseEventHandler<unknown> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<unknown> | undefined;
+    onClickCapture?: React.MouseEventHandler<unknown> | undefined;
+    onContextMenu?: React.MouseEventHandler<unknown> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<unknown> | undefined;
+    onDoubleClick?: React.MouseEventHandler<unknown> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<unknown> | undefined;
+    onDrag?: React.DragEventHandler<unknown> | undefined;
+    onDragCapture?: React.DragEventHandler<unknown> | undefined;
+    onDragEnd?: React.DragEventHandler<unknown> | undefined;
+    onDragEndCapture?: React.DragEventHandler<unknown> | undefined;
+    onDragEnter?: React.DragEventHandler<unknown> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<unknown> | undefined;
+    onDragExit?: React.DragEventHandler<unknown> | undefined;
+    onDragExitCapture?: React.DragEventHandler<unknown> | undefined;
+    onDragLeave?: React.DragEventHandler<unknown> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<unknown> | undefined;
+    onDragOver?: React.DragEventHandler<unknown> | undefined;
+    onDragOverCapture?: React.DragEventHandler<unknown> | undefined;
+    onDragStart?: React.DragEventHandler<unknown> | undefined;
+    onDragStartCapture?: React.DragEventHandler<unknown> | undefined;
+    onDrop?: React.DragEventHandler<unknown> | undefined;
+    onDropCapture?: React.DragEventHandler<unknown> | undefined;
+    onMouseDown?: React.MouseEventHandler<unknown> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<unknown> | undefined;
+    onMouseEnter?: React.MouseEventHandler<unknown> | undefined;
+    onMouseLeave?: React.MouseEventHandler<unknown> | undefined;
+    onMouseMove?: React.MouseEventHandler<unknown> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<unknown> | undefined;
+    onMouseOut?: React.MouseEventHandler<unknown> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<unknown> | undefined;
+    onMouseOver?: React.MouseEventHandler<unknown> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<unknown> | undefined;
+    onMouseUp?: React.MouseEventHandler<unknown> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<unknown> | undefined;
+    onSelect?: React.ReactEventHandler<unknown> | undefined;
+    onSelectCapture?: React.ReactEventHandler<unknown> | undefined;
+    onTouchCancel?: React.TouchEventHandler<unknown> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<unknown> | undefined;
+    onTouchEnd?: React.TouchEventHandler<unknown> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<unknown> | undefined;
+    onTouchMove?: React.TouchEventHandler<unknown> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<unknown> | undefined;
+    onTouchStart?: React.TouchEventHandler<unknown> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<unknown> | undefined;
+    onPointerDown?: React.PointerEventHandler<unknown> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<unknown> | undefined;
+    onPointerMove?: React.PointerEventHandler<unknown> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<unknown> | undefined;
+    onPointerUp?: React.PointerEventHandler<unknown> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<unknown> | undefined;
+    onPointerCancel?: React.PointerEventHandler<unknown> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<unknown> | undefined;
+    onPointerEnter?: React.PointerEventHandler<unknown> | undefined;
+    onPointerEnterCapture?: React.PointerEventHandler<unknown> | undefined;
+    onPointerLeave?: React.PointerEventHandler<unknown> | undefined;
+    onPointerLeaveCapture?: React.PointerEventHandler<unknown> | undefined;
+    onPointerOver?: React.PointerEventHandler<unknown> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<unknown> | undefined;
+    onPointerOut?: React.PointerEventHandler<unknown> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<unknown> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<unknown> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<unknown> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<unknown> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<unknown> | undefined;
+    onScroll?: React.UIEventHandler<unknown> | undefined;
+    onScrollCapture?: React.UIEventHandler<unknown> | undefined;
+    onWheel?: React.WheelEventHandler<unknown> | undefined;
+    onWheelCapture?: React.WheelEventHandler<unknown> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<unknown> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<unknown> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<unknown> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<unknown> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<unknown> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<unknown> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<unknown> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<unknown> | undefined;
+    name?: string | undefined;
+    formAction?: string | undefined;
+    formEncType?: string | undefined;
+    formMethod?: string | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+} & Omit<import("@stitches/react/types/styled-component").TransformProps<import("@stitches/react/types/styled-component").StyledComponentProps<[{
+    [x: string]: string | number | ({
+        isPressed: true;
+        animated: true;
+        css: {
+            transform: string;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            bg?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        color?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        auto: true;
+        isChildLess: false;
+        size: string;
+        css: {
+            px: string;
+            minWidth: string;
+            transform?: undefined;
+            normalShadow?: undefined;
+            bg?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        shadow?: undefined;
+        color?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        shadow: true;
+        color: string;
+        css: {
+            normalShadow: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            bg?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        light: true;
+        color: string;
+        css: {
+            [x: string]: string | {
+                '.nextui-drip-filler': {
+                    opacity: number;
+                    fill: string;
+                };
+            };
+            bg: string;
+            color: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        bordered: true;
+        color: string;
+        css: {
+            [x: string]: string | {
+                '.nextui-drip-filler': {
+                    fill: string;
+                };
+            };
+            bg: string;
+            borderColor: string;
+            color: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        light?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        bordered: true;
+        color: string;
+        css: {
+            [x: string]: string | {
+                '.nextui-drip-filler': {
+                    fill: string;
+                };
+            };
+            bg: string;
+            color: string;
+            padding: string;
+            bgClip: string;
+            borderColor: string;
+            backgroundImage: string;
+            border: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        light?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        ghost: true;
+        isHovered: true;
+        color: string;
+        css: {
+            bg: string;
+            color: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        flat: true;
+        color: string;
+        css: {
+            [x: string]: string | {
+                '.nextui-drip-filler': {
+                    opacity: number;
+                    fill: string;
+                };
+            };
+            bg: string;
+            color: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        rounded?: undefined;
+    } | {
+        flat: true;
+        isHovered: true;
+        color: string;
+        css: {
+            bg: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        rounded?: undefined;
+    } | {
+        flat: true;
+        isPressed: true;
+        color: string;
+        css: {
+            bg: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        rounded?: undefined;
+    } | {
+        auto: true;
+        color: string;
+        bordered: true;
+        css: {
+            '.nextui-button-text': {
+                px: string;
+            };
+            '.nextui-button-icon': {
+                ml: string;
+            };
+            '.nextui-button-icon-right': {
+                mr: string;
+            };
+            '.nextui-button-text-left': {
+                pl: number;
+            };
+            '.nextui-button-text-right': {
+                pr: number;
+            };
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            bg?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        light?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        rounded: true;
+        size: string;
+        css: {
+            br: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            bg?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        shadow?: undefined;
+        color?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+    })[] | {
+        transition: string;
+        dflex?: undefined;
+        zIndex?: undefined;
+        'p, pre, div'?: undefined;
+        '.nextui-drip-filler'?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        color?: undefined;
+        size?: undefined;
+        borderWeight?: undefined;
+        flat?: undefined;
+        light?: undefined;
+        shadow?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        rounded?: undefined;
+        isPressed?: undefined;
+        isHovered?: undefined;
+        isChildLess?: undefined;
+    } | {
+        dflex: string;
+        zIndex: string;
+        'p, pre, div': {
+            margin: number;
+        };
+        transition?: undefined;
+        '.nextui-drip-filler'?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        color?: undefined;
+        size?: undefined;
+        borderWeight?: undefined;
+        flat?: undefined;
+        light?: undefined;
+        shadow?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        rounded?: undefined;
+        isPressed?: undefined;
+        isHovered?: undefined;
+        isChildLess?: undefined;
+    } | {
+        zIndex: string;
+        '.nextui-drip-filler': {
+            opacity: number;
+            fill: string;
+        };
+        transition?: undefined;
+        dflex?: undefined;
+        'p, pre, div'?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        color?: undefined;
+        size?: undefined;
+        borderWeight?: undefined;
+        flat?: undefined;
+        light?: undefined;
+        shadow?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        rounded?: undefined;
+        isPressed?: undefined;
+        isHovered?: undefined;
+        isChildLess?: undefined;
+    } | {
+        bordered: {
+            true: {
+                bg: string;
+                borderStyle: string;
+                color: string;
+            };
+        };
+        ghost: {
+            true: {};
+        };
+        color: {
+            default: {
+                bg: string;
+                color: string;
+            };
+            primary: {
+                bg: string;
+                color: string;
+            };
+            secondary: {
+                bg: string;
+                color: string;
+            };
+            success: {
+                bg: string;
+                color: string;
+            };
+            warning: {
+                bg: string;
+                color: string;
+            };
+            error: {
+                bg: string;
+                color: string;
+            };
+            gradient: {
+                bg: string;
+                color: string;
+            };
+        };
+        size: {
+            xs: {
+                $$buttonPadding: string;
+                $$buttonBorderRadius: string;
+                $$buttonHeight: string;
+                px: string;
+                height: string;
+                lh: string;
+                width: string;
+                minWidth: string;
+                fontSize: string;
+            };
+            sm: {
+                $$buttonPadding: string;
+                $$buttonBorderRadius: string;
+                $$buttonHeight: string;
+                px: string;
+                height: string;
+                lh: string;
+                width: string;
+                minWidth: string;
+                fontSize: string;
+            };
+            md: {
+                $$buttonPadding: string;
+                $$buttonBorderRadius: string;
+                $$buttonHeight: string;
+                px: string;
+                height: string;
+                lh: string;
+                width: string;
+                minWidth: string;
+                fontSize: string;
+            };
+            lg: {
+                $$buttonPadding: string;
+                $$buttonBorderRadius: string;
+                $$buttonHeight: string;
+                px: string;
+                height: string;
+                lh: string;
+                width: string;
+                minWidth: string;
+                fontSize: string;
+            };
+            xl: {
+                $$buttonPadding: string;
+                $$buttonBorderRadius: string;
+                $$buttonHeight: string;
+                px: string;
+                height: string;
+                lh: string;
+                width: string;
+                minWidth: string;
+                fontSize: string;
+            };
+        };
+        borderWeight: {
+            light: {
+                bw: string;
+                $$buttonBorderWeight: string;
+            };
+            normal: {
+                bw: string;
+                $$buttonBorderWeight: string;
+            };
+            bold: {
+                bw: string;
+                $$buttonBorderWeight: string;
+            };
+            extrabold: {
+                bw: string;
+                $$buttonBorderWeight: string;
+            };
+            black: {
+                bw: string;
+                $$buttonBorderWeight: string;
+            };
+        };
+        flat: {
+            true: {
+                color: string;
+            };
+        };
+        light: {
+            true: {
+                [x: string]: string | {
+                    '.nextui-drip-filler': {
+                        opacity: number;
+                        fill: string;
+                    };
+                };
+                bg: string;
+            };
+        };
+        shadow: {
+            true: {
+                bs: string;
+            };
+        };
+        animated: {
+            false: {
+                transition: string;
+            };
+        };
+        auto: {
+            true: {
+                width: string;
+                minWidth: string;
+            };
+        };
+        rounded: {
+            true: {
+                $$buttonBorderRadius: string;
+            };
+        };
+        isPressed: {
+            true: {};
+        };
+        isHovered: {
+            true: {};
+        };
+        isChildLess: {
+            true: {
+                p: number;
+                width: string;
+                height: string;
+            };
+        };
+        transition?: undefined;
+        dflex?: undefined;
+        zIndex?: undefined;
+        'p, pre, div'?: undefined;
+        '.nextui-drip-filler'?: undefined;
+    } | {
+        color: "default";
+        borderWeight: "normal";
+        animated: true;
+        size: "md";
+        transition?: undefined;
+        dflex?: undefined;
+        zIndex?: undefined;
+        'p, pre, div'?: undefined;
+        '.nextui-drip-filler'?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        flat?: undefined;
+        light?: undefined;
+        shadow?: undefined;
+        auto?: undefined;
+        rounded?: undefined;
+        isPressed?: undefined;
+        isHovered?: undefined;
+        isChildLess?: undefined;
+    };
+    $$buttonBorderRadius: string;
+    $$buttonPressedScale: number;
+    dflex: string;
+    appearance: string;
+    boxSizing: string;
+    fontWeight: string;
+    us: string;
+    lineHeight: string;
+    ta: string;
+    whiteSpace: string;
+    transition: string;
+    position: string;
+    overflow: string;
+    border: string;
+    cursor: string;
+    pe: string;
+    p: number;
+    br: string;
+    '@motion': {
+        transition: string;
+    };
+    '.nextui-button-text': {
+        dflex: string;
+        zIndex: string;
+        'p, pre, div': {
+            margin: number;
+        };
+    };
+    variants: {
+        bordered: {
+            true: {
+                bg: string;
+                borderStyle: string;
+                color: string;
+            };
+        };
+        ghost: {
+            true: {};
+        };
+        color: {
+            default: {
+                bg: string;
+                color: string;
+            };
+            primary: {
+                bg: string;
+                color: string;
+            };
+            secondary: {
+                bg: string;
+                color: string;
+            };
+            success: {
+                bg: string;
+                color: string;
+            };
+            warning: {
+                bg: string;
+                color: string;
+            };
+            error: {
+                bg: string;
+                color: string;
+            };
+            gradient: {
+                bg: string;
+                color: string;
+            };
+        };
+        size: {
+            xs: {
+                $$buttonPadding: string;
+                $$buttonBorderRadius: string;
+                $$buttonHeight: string;
+                px: string;
+                height: string;
+                lh: string;
+                width: string;
+                minWidth: string;
+                fontSize: string;
+            };
+            sm: {
+                $$buttonPadding: string;
+                $$buttonBorderRadius: string;
+                $$buttonHeight: string;
+                px: string;
+                height: string;
+                lh: string;
+                width: string;
+                minWidth: string;
+                fontSize: string;
+            };
+            md: {
+                $$buttonPadding: string;
+                $$buttonBorderRadius: string;
+                $$buttonHeight: string;
+                px: string;
+                height: string;
+                lh: string;
+                width: string;
+                minWidth: string;
+                fontSize: string;
+            };
+            lg: {
+                $$buttonPadding: string;
+                $$buttonBorderRadius: string;
+                $$buttonHeight: string;
+                px: string;
+                height: string;
+                lh: string;
+                width: string;
+                minWidth: string;
+                fontSize: string;
+            };
+            xl: {
+                $$buttonPadding: string;
+                $$buttonBorderRadius: string;
+                $$buttonHeight: string;
+                px: string;
+                height: string;
+                lh: string;
+                width: string;
+                minWidth: string;
+                fontSize: string;
+            };
+        };
+        borderWeight: {
+            light: {
+                bw: string;
+                $$buttonBorderWeight: string;
+            };
+            normal: {
+                bw: string;
+                $$buttonBorderWeight: string;
+            };
+            bold: {
+                bw: string;
+                $$buttonBorderWeight: string;
+            };
+            extrabold: {
+                bw: string;
+                $$buttonBorderWeight: string;
+            };
+            black: {
+                bw: string;
+                $$buttonBorderWeight: string;
+            };
+        };
+        flat: {
+            true: {
+                color: string;
+            };
+        };
+        light: {
+            true: {
+                [x: string]: string | {
+                    '.nextui-drip-filler': {
+                        opacity: number;
+                        fill: string;
+                    };
+                };
+                bg: string;
+            };
+        };
+        shadow: {
+            true: {
+                bs: string;
+            };
+        };
+        animated: {
+            false: {
+                transition: string;
+            };
+        };
+        auto: {
+            true: {
+                width: string;
+                minWidth: string;
+            };
+        };
+        rounded: {
+            true: {
+                $$buttonBorderRadius: string;
+            };
+        };
+        isPressed: {
+            true: {};
+        };
+        isHovered: {
+            true: {};
+        };
+        isChildLess: {
+            true: {
+                p: number;
+                width: string;
+                height: string;
+            };
+        };
+    };
+    compoundVariants: ({
+        isPressed: true;
+        animated: true;
+        css: {
+            transform: string;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            bg?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        color?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        auto: true;
+        isChildLess: false;
+        size: string;
+        css: {
+            px: string;
+            minWidth: string;
+            transform?: undefined;
+            normalShadow?: undefined;
+            bg?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        shadow?: undefined;
+        color?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        shadow: true;
+        color: string;
+        css: {
+            normalShadow: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            bg?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        light: true;
+        color: string;
+        css: {
+            [x: string]: string | {
+                '.nextui-drip-filler': {
+                    opacity: number;
+                    fill: string;
+                };
+            };
+            bg: string;
+            color: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        bordered: true;
+        color: string;
+        css: {
+            [x: string]: string | {
+                '.nextui-drip-filler': {
+                    fill: string;
+                };
+            };
+            bg: string;
+            borderColor: string;
+            color: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        light?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        bordered: true;
+        color: string;
+        css: {
+            [x: string]: string | {
+                '.nextui-drip-filler': {
+                    fill: string;
+                };
+            };
+            bg: string;
+            color: string;
+            padding: string;
+            bgClip: string;
+            borderColor: string;
+            backgroundImage: string;
+            border: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        light?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        ghost: true;
+        isHovered: true;
+        color: string;
+        css: {
+            bg: string;
+            color: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        flat: true;
+        color: string;
+        css: {
+            [x: string]: string | {
+                '.nextui-drip-filler': {
+                    opacity: number;
+                    fill: string;
+                };
+            };
+            bg: string;
+            color: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        rounded?: undefined;
+    } | {
+        flat: true;
+        isHovered: true;
+        color: string;
+        css: {
+            bg: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        rounded?: undefined;
+    } | {
+        flat: true;
+        isPressed: true;
+        color: string;
+        css: {
+            bg: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+            br?: undefined;
+        };
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        rounded?: undefined;
+    } | {
+        auto: true;
+        color: string;
+        bordered: true;
+        css: {
+            '.nextui-button-text': {
+                px: string;
+            };
+            '.nextui-button-icon': {
+                ml: string;
+            };
+            '.nextui-button-icon-right': {
+                mr: string;
+            };
+            '.nextui-button-text-left': {
+                pl: number;
+            };
+            '.nextui-button-text-right': {
+                pr: number;
+            };
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            bg?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            br?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        isChildLess?: undefined;
+        size?: undefined;
+        shadow?: undefined;
+        light?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+        rounded?: undefined;
+    } | {
+        rounded: true;
+        size: string;
+        css: {
+            br: string;
+            transform?: undefined;
+            px?: undefined;
+            minWidth?: undefined;
+            normalShadow?: undefined;
+            bg?: undefined;
+            color?: undefined;
+            borderColor?: undefined;
+            padding?: undefined;
+            bgClip?: undefined;
+            backgroundImage?: undefined;
+            border?: undefined;
+            '.nextui-button-text'?: undefined;
+            '.nextui-button-icon'?: undefined;
+            '.nextui-button-icon-right'?: undefined;
+            '.nextui-button-text-left'?: undefined;
+            '.nextui-button-text-right'?: undefined;
+        };
+        isPressed?: undefined;
+        animated?: undefined;
+        auto?: undefined;
+        isChildLess?: undefined;
+        shadow?: undefined;
+        color?: undefined;
+        light?: undefined;
+        bordered?: undefined;
+        ghost?: undefined;
+        isHovered?: undefined;
+        flat?: undefined;
+    })[];
+    defaultVariants: {
+        color: "default";
+        borderWeight: "normal";
+        animated: true;
+        size: "md";
+    };
+}, import("@stitches/react/types/styled-component").CssComponent<never, {
+    isFocusVisible?: boolean | "true" | "false" | undefined;
+}, {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xsMax: string;
+    smMax: string;
+    mdMax: string;
+    lgMax: string;
+    xlMax: string;
+    motion: string;
+    safari: string;
+    hover: string;
+    dark: string;
+    light: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xsMax: string;
+    smMax: string;
+    mdMax: string;
+    lgMax: string;
+    xlMax: string;
+    motion: string;
+    safari: string;
+    hover: string;
+    dark: string;
+    light: string;
+}, {
+    shadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    colors: {
+        text: string;
+        link: string;
+        codeLight: string;
+        code: string;
+        selection: string;
+        gray50: string;
+        gray100: string;
+        gray200: string;
+        gray300: string;
+        gray400: string;
+        gray500: string;
+        gray600: string;
+        gray700: string;
+        gray800: string;
+        gray900: string;
+        pink50: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        cyan50: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        purple50: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        background: string;
+        foreground: string;
+        backgroundContrast: string;
+        white: string;
+        black: string;
+        primaryLight: string;
+        primaryLightHover: string;
+        primaryLightActive: string;
+        primaryLightContrast: string;
+        primary: string;
+        primaryBorder: string;
+        primaryBorderHover: string;
+        primarySolidHover: string;
+        primarySolidContrast: string;
+        primaryShadow: string;
+        secondaryLight: string;
+        secondaryLightHover: string;
+        secondaryLightActive: string;
+        secondaryLightContrast: string;
+        secondary: string;
+        secondaryBorder: string;
+        secondaryBorderHover: string;
+        secondarySolidHover: string;
+        secondarySolidContrast: string;
+        secondaryShadow: string;
+        successLight: string;
+        successLightHover: string;
+        successLightActive: string;
+        successLightContrast: string;
+        success: string;
+        successBorder: string;
+        successBorderHover: string;
+        successSolidHover: string;
+        successSolidContrast: string;
+        successShadow: string;
+        warningLight: string;
+        warningLightHover: string;
+        warningLightActive: string;
+        warningLightContrast: string;
+        warning: string;
+        warningBorder: string;
+        warningBorderHover: string;
+        warningSolidHover: string;
+        warningSolidContrast: string;
+        warningShadow: string;
+        errorLight: string;
+        errorLightHover: string;
+        errorLightActive: string;
+        errorLightContrast: string;
+        error: string;
+        errorBorder: string;
+        errorBorderHover: string;
+        errorSolidHover: string;
+        errorSolidContrast: string;
+        errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
+        gradient: string;
+        accents0: string;
+        accents1: string;
+        accents2: string;
+        accents3: string;
+        accents4: string;
+        accents5: string;
+        accents6: string;
+        accents7: string;
+        accents8: string;
+        accents9: string;
+        border: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
+    };
+    fontSizes: {
+        xs: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
+    };
+    fontWeights: {
+        hairline: number;
+        thin: number;
+        light: number;
+        normal: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+        extrabold: number;
+        black: number;
+    };
+    lineHeights: {
+        xs: number;
+        sm: number;
+        base: number;
+        md: number;
+        lg: number;
+        xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
+    };
+    letterSpacings: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    space: {
+        0: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        px: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        15: string;
+        16: string;
+        17: string;
+        18: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+    };
+    radii: {
+        xs: string;
+        sm: string;
+        md: string;
+        base: string;
+        lg: string;
+        xl: string;
+        squared: string;
+        rounded: string;
+        pill: string;
+    };
+    zIndices: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        10: string;
+        max: string;
+    };
+    borderWeights: {
+        light: string;
+        normal: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    transitions: {
+        default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
+        dropdownItem: string;
+    };
+    breakpoints: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, {
+    width: string;
+    height: string;
+    minWidth: string;
+    maxWidth: string;
+    minHeight: string;
+    maxHeight: string;
+    flexBasis: string;
+    gridTemplateColumns: string;
+    gridTemplateRows: string;
+    blockSize: string;
+    minBlockSize: string;
+    maxBlockSize: string;
+    inlineSize: string;
+    minInlineSize: string;
+    maxInlineSize: string;
+    borderWidth: string;
+    gap: "space";
+    gridGap: "space";
+    columnGap: "space";
+    gridColumnGap: "space";
+    rowGap: "space";
+    gridRowGap: "space";
+    inset: "space";
+    insetBlock: "space";
+    insetBlockEnd: "space";
+    insetBlockStart: "space";
+    insetInline: "space";
+    insetInlineEnd: "space";
+    insetInlineStart: "space";
+    margin: "space";
+    marginTop: "space";
+    marginRight: "space";
+    marginBottom: "space";
+    marginLeft: "space";
+    marginBlock: "space";
+    marginBlockEnd: "space";
+    marginBlockStart: "space";
+    marginInline: "space";
+    marginInlineEnd: "space";
+    marginInlineStart: "space";
+    padding: "space";
+    paddingTop: "space";
+    paddingRight: "space";
+    paddingBottom: "space";
+    paddingLeft: "space";
+    paddingBlock: "space";
+    paddingBlockEnd: "space";
+    paddingBlockStart: "space";
+    paddingInline: "space";
+    paddingInlineEnd: "space";
+    paddingInlineStart: "space";
+    scrollMargin: "space";
+    scrollMarginTop: "space";
+    scrollMarginRight: "space";
+    scrollMarginBottom: "space";
+    scrollMarginLeft: "space";
+    scrollMarginBlock: "space";
+    scrollMarginBlockEnd: "space";
+    scrollMarginBlockStart: "space";
+    scrollMarginInline: "space";
+    scrollMarginInlineEnd: "space";
+    scrollMarginInlineStart: "space";
+    scrollPadding: "space";
+    scrollPaddingTop: "space";
+    scrollPaddingRight: "space";
+    scrollPaddingBottom: "space";
+    scrollPaddingLeft: "space";
+    scrollPaddingBlock: "space";
+    scrollPaddingBlockEnd: "space";
+    scrollPaddingBlockStart: "space";
+    scrollPaddingInline: "space";
+    scrollPaddingInlineEnd: "space";
+    scrollPaddingInlineStart: "space";
+    top: "space";
+    right: "space";
+    bottom: "space";
+    left: "space";
+    fontSize: "fontSizes";
+    background: "colors";
+    backgroundColor: "colors";
+    backgroundImage: "colors";
+    borderImage: "colors";
+    border: "colors";
+    borderBlock: "colors";
+    borderBlockEnd: "colors";
+    borderBlockStart: "colors";
+    borderBottom: "colors";
+    borderBottomColor: "colors";
+    borderColor: "colors";
+    borderInline: "colors";
+    borderInlineEnd: "colors";
+    borderInlineStart: "colors";
+    borderLeft: "colors";
+    borderLeftColor: "colors";
+    borderRight: "colors";
+    borderRightColor: "colors";
+    borderTop: "colors";
+    borderTopColor: "colors";
+    caretColor: "colors";
+    color: "colors";
+    columnRuleColor: "colors";
+    outline: "colors";
+    outlineColor: "colors";
+    fill: "colors";
+    stroke: "colors";
+    textDecorationColor: "colors";
+    fontFamily: "fonts";
+    fontWeight: "fontWeights";
+    lineHeight: "lineHeights";
+    letterSpacing: "letterSpacings";
+    borderTopWidth: "borderWidths";
+    borderLeftWidth: "borderWidths";
+    borderRightWidth: "borderWidths";
+    borderBottomWidth: "borderWidths";
+    borderStyle: "borderStyles";
+    borderTopStyle: "borderStyles";
+    borderLeftStyle: "borderStyles";
+    borderRightStyle: "borderStyles";
+    borderBottomStyle: "borderStyles";
+    borderRadius: "radii";
+    borderTopLeftRadius: "radii";
+    borderTopRightRadius: "radii";
+    borderBottomRightRadius: "radii";
+    borderBottomLeftRadius: "radii";
+    boxShadow: "shadows";
+    textShadow: "shadows";
+    transition: "transitions";
+    zIndex: "zIndices";
+}, {
+    p: (value: {
+        readonly [$$PropertyValue]: "padding";
+    }) => {
+        padding: {
+            readonly [$$PropertyValue]: "padding";
+        };
+    };
+    pt: (value: {
+        readonly [$$PropertyValue]: "paddingTop";
+    }) => {
+        paddingTop: {
+            readonly [$$PropertyValue]: "paddingTop";
+        };
+    };
+    pr: (value: {
+        readonly [$$PropertyValue]: "paddingRight";
+    }) => {
+        paddingRight: {
+            readonly [$$PropertyValue]: "paddingRight";
+        };
+    };
+    pb: (value: {
+        readonly [$$PropertyValue]: "paddingBottom";
+    }) => {
+        paddingBottom: {
+            readonly [$$PropertyValue]: "paddingBottom";
+        };
+    };
+    pl: (value: {
+        readonly [$$PropertyValue]: "paddingLeft";
+    }) => {
+        paddingLeft: {
+            readonly [$$PropertyValue]: "paddingLeft";
+        };
+    };
+    px: (value: {
+        readonly [$$PropertyValue]: "paddingLeft";
+    }) => {
+        paddingLeft: {
+            readonly [$$PropertyValue]: "paddingLeft";
+        };
+        paddingRight: {
+            readonly [$$PropertyValue]: "paddingLeft";
+        };
+    };
+    py: (value: {
+        readonly [$$PropertyValue]: "paddingTop";
+    }) => {
+        paddingTop: {
+            readonly [$$PropertyValue]: "paddingTop";
+        };
+        paddingBottom: {
+            readonly [$$PropertyValue]: "paddingTop";
+        };
+    };
+    m: (value: {
+        readonly [$$PropertyValue]: "margin";
+    }) => {
+        margin: {
+            readonly [$$PropertyValue]: "margin";
+        };
+    };
+    mt: (value: {
+        readonly [$$PropertyValue]: "marginTop";
+    }) => {
+        marginTop: {
+            readonly [$$PropertyValue]: "marginTop";
+        };
+    };
+    mr: (value: {
+        readonly [$$PropertyValue]: "marginRight";
+    }) => {
+        marginRight: {
+            readonly [$$PropertyValue]: "marginRight";
+        };
+    };
+    mb: (value: {
+        readonly [$$PropertyValue]: "marginBottom";
+    }) => {
+        marginBottom: {
+            readonly [$$PropertyValue]: "marginBottom";
+        };
+    };
+    ml: (value: {
+        readonly [$$PropertyValue]: "marginLeft";
+    }) => {
+        marginLeft: {
+            readonly [$$PropertyValue]: "marginLeft";
+        };
+    };
+    mx: (value: {
+        readonly [$$PropertyValue]: "marginLeft";
+    }) => {
+        marginLeft: {
+            readonly [$$PropertyValue]: "marginLeft";
+        };
+        marginRight: {
+            readonly [$$PropertyValue]: "marginLeft";
+        };
+    };
+    my: (value: {
+        readonly [$$PropertyValue]: "marginTop";
+    }) => {
+        marginTop: {
+            readonly [$$PropertyValue]: "marginTop";
+        };
+        marginBottom: {
+            readonly [$$PropertyValue]: "marginTop";
+        };
+    };
+    ta: (value: {
+        readonly [$$PropertyValue]: "textAlign";
+    }) => {
+        textAlign: {
+            readonly [$$PropertyValue]: "textAlign";
+        };
+    };
+    tt: (value: {
+        readonly [$$PropertyValue]: "textTransform";
+    }) => {
+        textTransform: {
+            readonly [$$PropertyValue]: "textTransform";
+        };
+    };
+    to: (value: {
+        readonly [$$PropertyValue]: "textOverflow";
+    }) => {
+        textOverflow: {
+            readonly [$$PropertyValue]: "textOverflow";
+        };
+    };
+    d: (value: {
+        readonly [$$PropertyValue]: "display";
+    }) => {
+        display: {
+            readonly [$$PropertyValue]: "display";
+        };
+    };
+    dflex: (value: {
+        readonly [$$PropertyValue]: "alignItems";
+    }) => {
+        display: string;
+        alignItems: {
+            readonly [$$PropertyValue]: "alignItems";
+        };
+        justifyContent: {
+            readonly [$$PropertyValue]: "alignItems";
+        };
+    };
+    fd: (value: {
+        readonly [$$PropertyValue]: "flexDirection";
+    }) => {
+        flexDirection: {
+            readonly [$$PropertyValue]: "flexDirection";
+        };
+    };
+    fw: (value: {
+        readonly [$$PropertyValue]: "flexWrap";
+    }) => {
+        flexWrap: {
+            readonly [$$PropertyValue]: "flexWrap";
+        };
+    };
+    ai: (value: {
+        readonly [$$PropertyValue]: "alignItems";
+    }) => {
+        alignItems: {
+            readonly [$$PropertyValue]: "alignItems";
+        };
+    };
+    ac: (value: {
+        readonly [$$PropertyValue]: "alignContent";
+    }) => {
+        alignContent: {
+            readonly [$$PropertyValue]: "alignContent";
+        };
+    };
+    jc: (value: {
+        readonly [$$PropertyValue]: "justifyContent";
+    }) => {
+        justifyContent: {
+            readonly [$$PropertyValue]: "justifyContent";
+        };
+    };
+    as: (value: {
+        readonly [$$PropertyValue]: "alignSelf";
+    }) => {
+        alignSelf: {
+            readonly [$$PropertyValue]: "alignSelf";
+        };
+    };
+    fg: (value: {
+        readonly [$$PropertyValue]: "flexGrow";
+    }) => {
+        flexGrow: {
+            readonly [$$PropertyValue]: "flexGrow";
+        };
+    };
+    fs: (value: {
+        readonly [$$PropertyValue]: "fontSize";
+    }) => {
+        fontSize: {
+            readonly [$$PropertyValue]: "fontSize";
+        };
+    };
+    fb: (value: {
+        readonly [$$PropertyValue]: "flexBasis";
+    }) => {
+        flexBasis: {
+            readonly [$$PropertyValue]: "flexBasis";
+        };
+    };
+    bc: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        backgroundColor: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
+    };
+    bf: (value: {
+        readonly [$$PropertyValue]: "backdropFilter";
+    }) => {
+        backdropFilter: {
+            readonly [$$PropertyValue]: "backdropFilter";
+        };
+    };
+    bg: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        background: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
+    };
+    bgBlur: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        bf: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
+    };
+    bgColor: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        backgroundColor: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
+    };
+    backgroundClip: (value: {
+        readonly [$$PropertyValue]: "backgroundClip";
+    }) => {
+        WebkitBackgroundClip: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        };
+        backgroundClip: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        };
+    };
+    bgClip: (value: {
+        readonly [$$PropertyValue]: "backgroundClip";
+    }) => {
+        WebkitBackgroundClip: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        };
+        backgroundClip: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        };
+    };
+    br: (value: {
+        readonly [$$PropertyValue]: "borderRadius";
+    }) => {
+        borderRadius: {
+            readonly [$$PropertyValue]: "borderRadius";
+        };
+    };
+    bw: (value: {
+        readonly [$$PropertyValue]: "borderWidth";
+    }) => {
+        borderWidth: {
+            readonly [$$PropertyValue]: "borderWidth";
+        };
+    };
+    btrr: (value: {
+        readonly [$$PropertyValue]: "borderTopRightRadius";
+    }) => {
+        borderTopRightRadius: {
+            readonly [$$PropertyValue]: "borderTopRightRadius";
+        };
+    };
+    bbrr: (value: {
+        readonly [$$PropertyValue]: "borderBottomRightRadius";
+    }) => {
+        borderBottomRightRadius: {
+            readonly [$$PropertyValue]: "borderBottomRightRadius";
+        };
+    };
+    bblr: (value: {
+        readonly [$$PropertyValue]: "borderBottomLeftRadius";
+    }) => {
+        borderBottomLeftRadius: {
+            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+        };
+    };
+    btlr: (value: {
+        readonly [$$PropertyValue]: "borderTopLeftRadius";
+    }) => {
+        borderTopLeftRadius: {
+            readonly [$$PropertyValue]: "borderTopLeftRadius";
+        };
+    };
+    bs: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
+    normalShadow: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        boxShadow: string;
+    };
+    normalShadowVar: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        boxShadow: string;
+    };
+    lh: (value: {
+        readonly [$$PropertyValue]: "lineHeight";
+    }) => {
+        lineHeight: {
+            readonly [$$PropertyValue]: "lineHeight";
+        };
+    };
+    ov: (value: {
+        readonly [$$PropertyValue]: "overflow";
+    }) => {
+        overflow: {
+            readonly [$$PropertyValue]: "overflow";
+        };
+    };
+    ox: (value: {
+        readonly [$$PropertyValue]: "overflowX";
+    }) => {
+        overflowX: {
+            readonly [$$PropertyValue]: "overflowX";
+        };
+    };
+    oy: (value: {
+        readonly [$$PropertyValue]: "overflowY";
+    }) => {
+        overflowY: {
+            readonly [$$PropertyValue]: "overflowY";
+        };
+    };
+    pe: (value: {
+        readonly [$$PropertyValue]: "pointerEvents";
+    }) => {
+        pointerEvents: {
+            readonly [$$PropertyValue]: "pointerEvents";
+        };
+    };
+    events: (value: {
+        readonly [$$PropertyValue]: "pointerEvents";
+    }) => {
+        pointerEvents: {
+            readonly [$$PropertyValue]: "pointerEvents";
+        };
+    };
+    us: (value: {
+        readonly [$$PropertyValue]: "userSelect";
+    }) => {
+        WebkitUserSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+    };
+    userSelect: (value: {
+        readonly [$$PropertyValue]: "userSelect";
+    }) => {
+        WebkitUserSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+    };
+    w: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    h: (value: {
+        readonly [$$PropertyValue]: "height";
+    }) => {
+        height: {
+            readonly [$$PropertyValue]: "height";
+        };
+    };
+    mw: (value: {
+        readonly [$$PropertyValue]: "maxWidth";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "maxWidth";
+        };
+    };
+    maxW: (value: {
+        readonly [$$PropertyValue]: "maxWidth";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "maxWidth";
+        };
+    };
+    mh: (value: {
+        readonly [$$PropertyValue]: "maxHeight";
+    }) => {
+        maxHeight: {
+            readonly [$$PropertyValue]: "maxHeight";
+        };
+    };
+    maxH: (value: {
+        readonly [$$PropertyValue]: "maxHeight";
+    }) => {
+        maxHeight: {
+            readonly [$$PropertyValue]: "maxHeight";
+        };
+    };
+    size: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    sizeMin: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    sizeMax: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    appearance: (value: {
+        readonly [$$PropertyValue]: "appearance";
+    }) => {
+        WebkitAppearance: {
+            readonly [$$PropertyValue]: "appearance";
+        };
+        appearance: {
+            readonly [$$PropertyValue]: "appearance";
+        };
+    };
+    scale: (value: {
+        readonly [$$PropertyValue]: "scale";
+    }) => {
+        transform: string;
+    };
+    linearGradient: (value: {
+        readonly [$$PropertyValue]: "backgroundImage";
+    }) => {
+        backgroundImage: string;
+    };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
+    textGradient: (value: {
+        readonly [$$PropertyValue]: "backgroundImage";
+    }) => {
+        backgroundImage: string;
+        WebkitBackgroundClip: string;
+        WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
+    };
+}>>, import("@stitches/react/types/styled-component").CssComponent<never, {}, {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xsMax: string;
+    smMax: string;
+    mdMax: string;
+    lgMax: string;
+    xlMax: string;
+    motion: string;
+    safari: string;
+    hover: string;
+    dark: string;
+    light: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xsMax: string;
+    smMax: string;
+    mdMax: string;
+    lgMax: string;
+    xlMax: string;
+    motion: string;
+    safari: string;
+    hover: string;
+    dark: string;
+    light: string;
+}, {
+    shadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    colors: {
+        text: string;
+        link: string;
+        codeLight: string;
+        code: string;
+        selection: string;
+        gray50: string;
+        gray100: string;
+        gray200: string;
+        gray300: string;
+        gray400: string;
+        gray500: string;
+        gray600: string;
+        gray700: string;
+        gray800: string;
+        gray900: string;
+        pink50: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        cyan50: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        purple50: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        background: string;
+        foreground: string;
+        backgroundContrast: string;
+        white: string;
+        black: string;
+        primaryLight: string;
+        primaryLightHover: string;
+        primaryLightActive: string;
+        primaryLightContrast: string;
+        primary: string;
+        primaryBorder: string;
+        primaryBorderHover: string;
+        primarySolidHover: string;
+        primarySolidContrast: string;
+        primaryShadow: string;
+        secondaryLight: string;
+        secondaryLightHover: string;
+        secondaryLightActive: string;
+        secondaryLightContrast: string;
+        secondary: string;
+        secondaryBorder: string;
+        secondaryBorderHover: string;
+        secondarySolidHover: string;
+        secondarySolidContrast: string;
+        secondaryShadow: string;
+        successLight: string;
+        successLightHover: string;
+        successLightActive: string;
+        successLightContrast: string;
+        success: string;
+        successBorder: string;
+        successBorderHover: string;
+        successSolidHover: string;
+        successSolidContrast: string;
+        successShadow: string;
+        warningLight: string;
+        warningLightHover: string;
+        warningLightActive: string;
+        warningLightContrast: string;
+        warning: string;
+        warningBorder: string;
+        warningBorderHover: string;
+        warningSolidHover: string;
+        warningSolidContrast: string;
+        warningShadow: string;
+        errorLight: string;
+        errorLightHover: string;
+        errorLightActive: string;
+        errorLightContrast: string;
+        error: string;
+        errorBorder: string;
+        errorBorderHover: string;
+        errorSolidHover: string;
+        errorSolidContrast: string;
+        errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
+        gradient: string;
+        accents0: string;
+        accents1: string;
+        accents2: string;
+        accents3: string;
+        accents4: string;
+        accents5: string;
+        accents6: string;
+        accents7: string;
+        accents8: string;
+        accents9: string;
+        border: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
+    };
+    fontSizes: {
+        xs: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
+    };
+    fontWeights: {
+        hairline: number;
+        thin: number;
+        light: number;
+        normal: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+        extrabold: number;
+        black: number;
+    };
+    lineHeights: {
+        xs: number;
+        sm: number;
+        base: number;
+        md: number;
+        lg: number;
+        xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
+    };
+    letterSpacings: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    space: {
+        0: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        px: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        15: string;
+        16: string;
+        17: string;
+        18: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+    };
+    radii: {
+        xs: string;
+        sm: string;
+        md: string;
+        base: string;
+        lg: string;
+        xl: string;
+        squared: string;
+        rounded: string;
+        pill: string;
+    };
+    zIndices: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        10: string;
+        max: string;
+    };
+    borderWeights: {
+        light: string;
+        normal: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    transitions: {
+        default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
+        dropdownItem: string;
+    };
+    breakpoints: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, {
+    width: string;
+    height: string;
+    minWidth: string;
+    maxWidth: string;
+    minHeight: string;
+    maxHeight: string;
+    flexBasis: string;
+    gridTemplateColumns: string;
+    gridTemplateRows: string;
+    blockSize: string;
+    minBlockSize: string;
+    maxBlockSize: string;
+    inlineSize: string;
+    minInlineSize: string;
+    maxInlineSize: string;
+    borderWidth: string;
+    gap: "space";
+    gridGap: "space";
+    columnGap: "space";
+    gridColumnGap: "space";
+    rowGap: "space";
+    gridRowGap: "space";
+    inset: "space";
+    insetBlock: "space";
+    insetBlockEnd: "space";
+    insetBlockStart: "space";
+    insetInline: "space";
+    insetInlineEnd: "space";
+    insetInlineStart: "space";
+    margin: "space";
+    marginTop: "space";
+    marginRight: "space";
+    marginBottom: "space";
+    marginLeft: "space";
+    marginBlock: "space";
+    marginBlockEnd: "space";
+    marginBlockStart: "space";
+    marginInline: "space";
+    marginInlineEnd: "space";
+    marginInlineStart: "space";
+    padding: "space";
+    paddingTop: "space";
+    paddingRight: "space";
+    paddingBottom: "space";
+    paddingLeft: "space";
+    paddingBlock: "space";
+    paddingBlockEnd: "space";
+    paddingBlockStart: "space";
+    paddingInline: "space";
+    paddingInlineEnd: "space";
+    paddingInlineStart: "space";
+    scrollMargin: "space";
+    scrollMarginTop: "space";
+    scrollMarginRight: "space";
+    scrollMarginBottom: "space";
+    scrollMarginLeft: "space";
+    scrollMarginBlock: "space";
+    scrollMarginBlockEnd: "space";
+    scrollMarginBlockStart: "space";
+    scrollMarginInline: "space";
+    scrollMarginInlineEnd: "space";
+    scrollMarginInlineStart: "space";
+    scrollPadding: "space";
+    scrollPaddingTop: "space";
+    scrollPaddingRight: "space";
+    scrollPaddingBottom: "space";
+    scrollPaddingLeft: "space";
+    scrollPaddingBlock: "space";
+    scrollPaddingBlockEnd: "space";
+    scrollPaddingBlockStart: "space";
+    scrollPaddingInline: "space";
+    scrollPaddingInlineEnd: "space";
+    scrollPaddingInlineStart: "space";
+    top: "space";
+    right: "space";
+    bottom: "space";
+    left: "space";
+    fontSize: "fontSizes";
+    background: "colors";
+    backgroundColor: "colors";
+    backgroundImage: "colors";
+    borderImage: "colors";
+    border: "colors";
+    borderBlock: "colors";
+    borderBlockEnd: "colors";
+    borderBlockStart: "colors";
+    borderBottom: "colors";
+    borderBottomColor: "colors";
+    borderColor: "colors";
+    borderInline: "colors";
+    borderInlineEnd: "colors";
+    borderInlineStart: "colors";
+    borderLeft: "colors";
+    borderLeftColor: "colors";
+    borderRight: "colors";
+    borderRightColor: "colors";
+    borderTop: "colors";
+    borderTopColor: "colors";
+    caretColor: "colors";
+    color: "colors";
+    columnRuleColor: "colors";
+    outline: "colors";
+    outlineColor: "colors";
+    fill: "colors";
+    stroke: "colors";
+    textDecorationColor: "colors";
+    fontFamily: "fonts";
+    fontWeight: "fontWeights";
+    lineHeight: "lineHeights";
+    letterSpacing: "letterSpacings";
+    borderTopWidth: "borderWidths";
+    borderLeftWidth: "borderWidths";
+    borderRightWidth: "borderWidths";
+    borderBottomWidth: "borderWidths";
+    borderStyle: "borderStyles";
+    borderTopStyle: "borderStyles";
+    borderLeftStyle: "borderStyles";
+    borderRightStyle: "borderStyles";
+    borderBottomStyle: "borderStyles";
+    borderRadius: "radii";
+    borderTopLeftRadius: "radii";
+    borderTopRightRadius: "radii";
+    borderBottomRightRadius: "radii";
+    borderBottomLeftRadius: "radii";
+    boxShadow: "shadows";
+    textShadow: "shadows";
+    transition: "transitions";
+    zIndex: "zIndices";
+}, {
+    p: (value: {
+        readonly [$$PropertyValue]: "padding";
+    }) => {
+        padding: {
+            readonly [$$PropertyValue]: "padding";
+        };
+    };
+    pt: (value: {
+        readonly [$$PropertyValue]: "paddingTop";
+    }) => {
+        paddingTop: {
+            readonly [$$PropertyValue]: "paddingTop";
+        };
+    };
+    pr: (value: {
+        readonly [$$PropertyValue]: "paddingRight";
+    }) => {
+        paddingRight: {
+            readonly [$$PropertyValue]: "paddingRight";
+        };
+    };
+    pb: (value: {
+        readonly [$$PropertyValue]: "paddingBottom";
+    }) => {
+        paddingBottom: {
+            readonly [$$PropertyValue]: "paddingBottom";
+        };
+    };
+    pl: (value: {
+        readonly [$$PropertyValue]: "paddingLeft";
+    }) => {
+        paddingLeft: {
+            readonly [$$PropertyValue]: "paddingLeft";
+        };
+    };
+    px: (value: {
+        readonly [$$PropertyValue]: "paddingLeft";
+    }) => {
+        paddingLeft: {
+            readonly [$$PropertyValue]: "paddingLeft";
+        };
+        paddingRight: {
+            readonly [$$PropertyValue]: "paddingLeft";
+        };
+    };
+    py: (value: {
+        readonly [$$PropertyValue]: "paddingTop";
+    }) => {
+        paddingTop: {
+            readonly [$$PropertyValue]: "paddingTop";
+        };
+        paddingBottom: {
+            readonly [$$PropertyValue]: "paddingTop";
+        };
+    };
+    m: (value: {
+        readonly [$$PropertyValue]: "margin";
+    }) => {
+        margin: {
+            readonly [$$PropertyValue]: "margin";
+        };
+    };
+    mt: (value: {
+        readonly [$$PropertyValue]: "marginTop";
+    }) => {
+        marginTop: {
+            readonly [$$PropertyValue]: "marginTop";
+        };
+    };
+    mr: (value: {
+        readonly [$$PropertyValue]: "marginRight";
+    }) => {
+        marginRight: {
+            readonly [$$PropertyValue]: "marginRight";
+        };
+    };
+    mb: (value: {
+        readonly [$$PropertyValue]: "marginBottom";
+    }) => {
+        marginBottom: {
+            readonly [$$PropertyValue]: "marginBottom";
+        };
+    };
+    ml: (value: {
+        readonly [$$PropertyValue]: "marginLeft";
+    }) => {
+        marginLeft: {
+            readonly [$$PropertyValue]: "marginLeft";
+        };
+    };
+    mx: (value: {
+        readonly [$$PropertyValue]: "marginLeft";
+    }) => {
+        marginLeft: {
+            readonly [$$PropertyValue]: "marginLeft";
+        };
+        marginRight: {
+            readonly [$$PropertyValue]: "marginLeft";
+        };
+    };
+    my: (value: {
+        readonly [$$PropertyValue]: "marginTop";
+    }) => {
+        marginTop: {
+            readonly [$$PropertyValue]: "marginTop";
+        };
+        marginBottom: {
+            readonly [$$PropertyValue]: "marginTop";
+        };
+    };
+    ta: (value: {
+        readonly [$$PropertyValue]: "textAlign";
+    }) => {
+        textAlign: {
+            readonly [$$PropertyValue]: "textAlign";
+        };
+    };
+    tt: (value: {
+        readonly [$$PropertyValue]: "textTransform";
+    }) => {
+        textTransform: {
+            readonly [$$PropertyValue]: "textTransform";
+        };
+    };
+    to: (value: {
+        readonly [$$PropertyValue]: "textOverflow";
+    }) => {
+        textOverflow: {
+            readonly [$$PropertyValue]: "textOverflow";
+        };
+    };
+    d: (value: {
+        readonly [$$PropertyValue]: "display";
+    }) => {
+        display: {
+            readonly [$$PropertyValue]: "display";
+        };
+    };
+    dflex: (value: {
+        readonly [$$PropertyValue]: "alignItems";
+    }) => {
+        display: string;
+        alignItems: {
+            readonly [$$PropertyValue]: "alignItems";
+        };
+        justifyContent: {
+            readonly [$$PropertyValue]: "alignItems";
+        };
+    };
+    fd: (value: {
+        readonly [$$PropertyValue]: "flexDirection";
+    }) => {
+        flexDirection: {
+            readonly [$$PropertyValue]: "flexDirection";
+        };
+    };
+    fw: (value: {
+        readonly [$$PropertyValue]: "flexWrap";
+    }) => {
+        flexWrap: {
+            readonly [$$PropertyValue]: "flexWrap";
+        };
+    };
+    ai: (value: {
+        readonly [$$PropertyValue]: "alignItems";
+    }) => {
+        alignItems: {
+            readonly [$$PropertyValue]: "alignItems";
+        };
+    };
+    ac: (value: {
+        readonly [$$PropertyValue]: "alignContent";
+    }) => {
+        alignContent: {
+            readonly [$$PropertyValue]: "alignContent";
+        };
+    };
+    jc: (value: {
+        readonly [$$PropertyValue]: "justifyContent";
+    }) => {
+        justifyContent: {
+            readonly [$$PropertyValue]: "justifyContent";
+        };
+    };
+    as: (value: {
+        readonly [$$PropertyValue]: "alignSelf";
+    }) => {
+        alignSelf: {
+            readonly [$$PropertyValue]: "alignSelf";
+        };
+    };
+    fg: (value: {
+        readonly [$$PropertyValue]: "flexGrow";
+    }) => {
+        flexGrow: {
+            readonly [$$PropertyValue]: "flexGrow";
+        };
+    };
+    fs: (value: {
+        readonly [$$PropertyValue]: "fontSize";
+    }) => {
+        fontSize: {
+            readonly [$$PropertyValue]: "fontSize";
+        };
+    };
+    fb: (value: {
+        readonly [$$PropertyValue]: "flexBasis";
+    }) => {
+        flexBasis: {
+            readonly [$$PropertyValue]: "flexBasis";
+        };
+    };
+    bc: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        backgroundColor: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
+    };
+    bf: (value: {
+        readonly [$$PropertyValue]: "backdropFilter";
+    }) => {
+        backdropFilter: {
+            readonly [$$PropertyValue]: "backdropFilter";
+        };
+    };
+    bg: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        background: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
+    };
+    bgBlur: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        bf: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
+    };
+    bgColor: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        backgroundColor: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
+    };
+    backgroundClip: (value: {
+        readonly [$$PropertyValue]: "backgroundClip";
+    }) => {
+        WebkitBackgroundClip: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        };
+        backgroundClip: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        };
+    };
+    bgClip: (value: {
+        readonly [$$PropertyValue]: "backgroundClip";
+    }) => {
+        WebkitBackgroundClip: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        };
+        backgroundClip: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        };
+    };
+    br: (value: {
+        readonly [$$PropertyValue]: "borderRadius";
+    }) => {
+        borderRadius: {
+            readonly [$$PropertyValue]: "borderRadius";
+        };
+    };
+    bw: (value: {
+        readonly [$$PropertyValue]: "borderWidth";
+    }) => {
+        borderWidth: {
+            readonly [$$PropertyValue]: "borderWidth";
+        };
+    };
+    btrr: (value: {
+        readonly [$$PropertyValue]: "borderTopRightRadius";
+    }) => {
+        borderTopRightRadius: {
+            readonly [$$PropertyValue]: "borderTopRightRadius";
+        };
+    };
+    bbrr: (value: {
+        readonly [$$PropertyValue]: "borderBottomRightRadius";
+    }) => {
+        borderBottomRightRadius: {
+            readonly [$$PropertyValue]: "borderBottomRightRadius";
+        };
+    };
+    bblr: (value: {
+        readonly [$$PropertyValue]: "borderBottomLeftRadius";
+    }) => {
+        borderBottomLeftRadius: {
+            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+        };
+    };
+    btlr: (value: {
+        readonly [$$PropertyValue]: "borderTopLeftRadius";
+    }) => {
+        borderTopLeftRadius: {
+            readonly [$$PropertyValue]: "borderTopLeftRadius";
+        };
+    };
+    bs: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
+    normalShadow: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        boxShadow: string;
+    };
+    normalShadowVar: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        boxShadow: string;
+    };
+    lh: (value: {
+        readonly [$$PropertyValue]: "lineHeight";
+    }) => {
+        lineHeight: {
+            readonly [$$PropertyValue]: "lineHeight";
+        };
+    };
+    ov: (value: {
+        readonly [$$PropertyValue]: "overflow";
+    }) => {
+        overflow: {
+            readonly [$$PropertyValue]: "overflow";
+        };
+    };
+    ox: (value: {
+        readonly [$$PropertyValue]: "overflowX";
+    }) => {
+        overflowX: {
+            readonly [$$PropertyValue]: "overflowX";
+        };
+    };
+    oy: (value: {
+        readonly [$$PropertyValue]: "overflowY";
+    }) => {
+        overflowY: {
+            readonly [$$PropertyValue]: "overflowY";
+        };
+    };
+    pe: (value: {
+        readonly [$$PropertyValue]: "pointerEvents";
+    }) => {
+        pointerEvents: {
+            readonly [$$PropertyValue]: "pointerEvents";
+        };
+    };
+    events: (value: {
+        readonly [$$PropertyValue]: "pointerEvents";
+    }) => {
+        pointerEvents: {
+            readonly [$$PropertyValue]: "pointerEvents";
+        };
+    };
+    us: (value: {
+        readonly [$$PropertyValue]: "userSelect";
+    }) => {
+        WebkitUserSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+    };
+    userSelect: (value: {
+        readonly [$$PropertyValue]: "userSelect";
+    }) => {
+        WebkitUserSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+    };
+    w: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    h: (value: {
+        readonly [$$PropertyValue]: "height";
+    }) => {
+        height: {
+            readonly [$$PropertyValue]: "height";
+        };
+    };
+    mw: (value: {
+        readonly [$$PropertyValue]: "maxWidth";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "maxWidth";
+        };
+    };
+    maxW: (value: {
+        readonly [$$PropertyValue]: "maxWidth";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "maxWidth";
+        };
+    };
+    mh: (value: {
+        readonly [$$PropertyValue]: "maxHeight";
+    }) => {
+        maxHeight: {
+            readonly [$$PropertyValue]: "maxHeight";
+        };
+    };
+    maxH: (value: {
+        readonly [$$PropertyValue]: "maxHeight";
+    }) => {
+        maxHeight: {
+            readonly [$$PropertyValue]: "maxHeight";
+        };
+    };
+    size: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    sizeMin: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    sizeMax: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    appearance: (value: {
+        readonly [$$PropertyValue]: "appearance";
+    }) => {
+        WebkitAppearance: {
+            readonly [$$PropertyValue]: "appearance";
+        };
+        appearance: {
+            readonly [$$PropertyValue]: "appearance";
+        };
+    };
+    scale: (value: {
+        readonly [$$PropertyValue]: "scale";
+    }) => {
+        transform: string;
+    };
+    linearGradient: (value: {
+        readonly [$$PropertyValue]: "backgroundImage";
+    }) => {
+        backgroundImage: string;
+    };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
+    textGradient: (value: {
+        readonly [$$PropertyValue]: "backgroundImage";
+    }) => {
+        backgroundImage: string;
+        WebkitBackgroundClip: string;
+        WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
+    };
+}>>]>, {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xsMax: string;
+    smMax: string;
+    mdMax: string;
+    lgMax: string;
+    xlMax: string;
+    motion: string;
+    safari: string;
+    hover: string;
+    dark: string;
+    light: string;
+}>, "isPressed" | "isHovered" | "isChildLess"> & {
+    css?: import("../index").CSS | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+export default _default;