@mirohq/design-system-tooltip 3.1.5

package/dist/types.d.ts

@@ -0,0 +1,867 @@
+import * as react from 'react';
+import react__default, { DOMAttributes } from 'react';
+import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
+import { StrictComponentProps } from '@mirohq/design-system-stitches';
+import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
+import * as _radix_ui_react_tooltip from '@radix-ui/react-tooltip';
+import { TooltipPortalProps } from '@radix-ui/react-tooltip';
+import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
+
+declare const StyledContent: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_react_tooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
+    'border-widths': {
+        readonly none: 0;
+        readonly sm: "1px";
+        readonly md: "2px";
+        readonly lg: "4px";
+    };
+    colors: {
+        readonly black: any;
+        readonly 'blue-10': any;
+        readonly 'blue-20': any;
+        readonly 'blue-50': any;
+        readonly 'blue-60': any;
+        readonly 'blue-70': any;
+        readonly 'blue-80': any;
+        readonly 'gray-20': any;
+        readonly 'gray-30': any;
+        readonly 'green-70': any;
+        readonly 'indigo-20': any;
+        readonly 'indigo-30': any;
+        readonly 'indigo-50': any;
+        readonly 'indigo-70': any;
+        readonly 'indigo-90': any;
+        readonly 'pink-20': any;
+        readonly 'pink-50': any;
+        readonly 'red-10': any;
+        readonly 'red-20': any;
+        readonly 'red-30': any;
+        readonly 'red-50': any;
+        readonly 'red-60': any;
+        readonly transparent: any;
+        readonly white: any;
+        readonly 'yellow-20': any;
+        readonly 'yellow-60': any;
+        readonly 'background-cta-active'?: any;
+        readonly 'background-cta-disabled'?: any;
+        readonly 'background-cta-hover'?: any;
+        readonly 'background-cta-idle'?: any;
+        readonly 'background-danger-active'?: any;
+        readonly 'background-danger-hover'?: any;
+        readonly 'background-danger-idle'?: any;
+        readonly 'background-default-active'?: any;
+        readonly 'background-default-disabled'?: any;
+        readonly 'background-default-hover'?: any;
+        readonly 'background-default-idle'?: any;
+        readonly 'background-default-selected'?: any;
+        readonly 'background-default-selected-active'?: any;
+        readonly 'background-info-idle'?: any;
+        readonly 'background-primary'?: any;
+        readonly 'background-secondary'?: any;
+        readonly 'background-success-idle'?: any;
+        readonly 'background-warning-idle'?: any;
+        readonly 'border-cta-idle'?: any;
+        readonly 'border-default-active'?: any;
+        readonly 'border-default-error'?: any;
+        readonly 'border-default-hover'?: any;
+        readonly 'border-default-idle'?: any;
+        readonly 'border-default-selected'?: any;
+        readonly 'canvas-primary'?: any;
+        readonly 'divider-default'?: any;
+        readonly 'focus-ring-default'?: any;
+        readonly 'font-cta-idle'?: any;
+        readonly 'font-default-active'?: any;
+        readonly 'font-default-disabled'?: any;
+        readonly 'font-default-error'?: any;
+        readonly 'font-default-hover'?: any;
+        readonly 'font-default-idle'?: any;
+        readonly 'font-default-selected'?: any;
+        readonly 'font-default-visited'?: any;
+        readonly 'font-primary'?: any;
+        readonly 'font-secondary'?: any;
+        readonly 'font-tertiary'?: any;
+        readonly 'icon-cta-idle'?: any;
+        readonly 'icon-default'?: any;
+        readonly 'icon-default-active'?: any;
+        readonly 'icon-default-disabled'?: any;
+        readonly 'icon-default-error'?: any;
+        readonly 'icon-default-hover'?: any;
+        readonly 'icon-default-idle'?: any;
+        readonly 'icon-default-selected'?: any;
+    };
+    'font-sizes': {
+        readonly 150: "0.75rem";
+        readonly 175: "0.875rem";
+        readonly 200: "1rem";
+        readonly 225: "1.125rem";
+        readonly 250: "1.25rem";
+        readonly 300: "1.5rem";
+        readonly 400: "2rem";
+        readonly 500: "2.5rem";
+        readonly 600: "3rem";
+        readonly 800: "4rem";
+        readonly 900: "4.5rem";
+    };
+    radii: {
+        readonly none: 0;
+        readonly half: "999em";
+        readonly 25: "2px";
+        readonly 50: "4px";
+        readonly 75: "6px";
+        readonly 100: "8px";
+        readonly 200: "16px";
+    };
+    shadows: {
+        readonly 50: "0 4px 16px #05003812";
+        readonly 100: "0 8px 32px #05003808";
+    };
+    sizes: {
+        readonly number: string;
+        readonly 'icon-200': "16px";
+        readonly 'icon-300': "24px";
+        readonly 'icon-400': "32px";
+    };
+    space: {
+        readonly none: 0;
+        readonly 50: "4px";
+        readonly 100: "8px";
+        readonly 150: "12px";
+        readonly 200: "16px";
+        readonly 300: "24px";
+        readonly 400: "32px";
+        readonly 500: "64px";
+        readonly 600: "48px";
+        readonly 800: "64px";
+        readonly 1200: "96px";
+        readonly 1600: "128px";
+    };
+    'space-gap': {
+        readonly none: any;
+        readonly 50: any;
+        readonly 100: any;
+        readonly 200: any;
+        readonly 300: any;
+    };
+    'space-inset': {
+        readonly none: any;
+        readonly 50: any;
+        readonly 100: any;
+        readonly 150: any;
+        readonly 200: any;
+        readonly 300: any;
+        readonly 400: any;
+        readonly 600: any;
+        readonly 800: any;
+        readonly 1200: any;
+        readonly 1600: any;
+    };
+    'space-offset': {
+        readonly none: any;
+        readonly 50: any;
+        readonly 100: any;
+        readonly 150: any;
+        readonly 200: any;
+        readonly 300: any;
+        readonly 400: any;
+        readonly 600: any;
+        readonly 800: any;
+        readonly 1200: any;
+        readonly 1600: any;
+        readonly 'stacking-none': any;
+        readonly 'stacking-100': any;
+        readonly 'stacking-200': any;
+        readonly 'stacking-300': any;
+        readonly 'stacking-400': any;
+        readonly 'stacking-500': any;
+        readonly 'stacking-800': any;
+    };
+    'z-indices': {
+        readonly dropdownMenu: 100;
+        readonly popover: 200;
+        readonly tooltip: 300;
+    };
+}, {
+    readonly background: "colors";
+    readonly backgroundColor: "colors";
+    readonly backgroundImage: "colors";
+    readonly blockSize: "sizes";
+    readonly border: "colors";
+    readonly borderBlock: "colors";
+    readonly borderBlockEnd: "colors";
+    readonly borderBlockStart: "colors";
+    readonly borderBottom: "colors";
+    readonly borderBottomColor: "colors";
+    readonly borderBottomLeftRadius: "radii";
+    readonly borderBottomRightRadius: "radii";
+    readonly borderBottomStyle: "border-styles";
+    readonly borderBottomWidth: "border-widths";
+    readonly borderColor: "colors";
+    readonly borderImage: "colors";
+    readonly borderInline: "colors";
+    readonly borderInlineEnd: "colors";
+    readonly borderInlineStart: "colors";
+    readonly borderLeft: "colors";
+    readonly borderLeftColor: "colors";
+    readonly borderLeftStyle: "border-styles";
+    readonly borderLeftWidth: "border-widths";
+    readonly borderRadius: "radii";
+    readonly borderRight: "colors";
+    readonly borderRightColor: "colors";
+    readonly borderRightStyle: "border-styles";
+    readonly borderRightWidth: "border-widths";
+    readonly borderStyle: "border-styles";
+    readonly borderTop: "colors";
+    readonly borderTopColor: "colors";
+    readonly borderTopLeftRadius: "radii";
+    readonly borderTopRightRadius: "radii";
+    readonly borderTopStyle: "border-styles";
+    readonly borderTopWidth: "border-widths";
+    readonly borderWidth: "border-widths";
+    readonly bottom: "space";
+    readonly boxShadow: "shadows";
+    readonly caretColor: "colors";
+    readonly color: "colors";
+    readonly columnGap: "space-gap";
+    readonly columnRuleColor: "colors";
+    readonly fill: "colors";
+    readonly flexBasis: "sizes";
+    readonly fontFamily: "fonts";
+    readonly fontSize: "font-sizes";
+    readonly fontWeight: "font-weights";
+    readonly gap: "space-gap";
+    readonly gridColumnGap: "space-gap";
+    readonly gridGap: "space-gap";
+    readonly gridRowGap: "space-gap";
+    readonly gridTemplateColumns: "sizes";
+    readonly gridTemplateRows: "sizes";
+    readonly height: "sizes";
+    readonly inlineSize: "sizes";
+    readonly inset: "space-inset";
+    readonly insetBlock: "space-inset";
+    readonly insetBlockEnd: "space-inset";
+    readonly insetBlockStart: "space-inset";
+    readonly insetInline: "space-inset";
+    readonly insetInlineEnd: "space-inset";
+    readonly insetInlineStart: "space-inset";
+    readonly left: "space";
+    readonly letterSpacing: "letter-spacings";
+    readonly lineHeight: "line-heights";
+    readonly margin: "space-offset";
+    readonly marginBlock: "space-offset";
+    readonly marginBlockEnd: "space-offset";
+    readonly marginBlockStart: "space-offset";
+    readonly marginBottom: "space-offset";
+    readonly marginInline: "space-offset";
+    readonly marginInlineEnd: "space-offset";
+    readonly marginInlineStart: "space-offset";
+    readonly marginLeft: "space-offset";
+    readonly marginRight: "space-offset";
+    readonly marginTop: "space-offset";
+    readonly maxBlockSize: "sizes";
+    readonly maxHeight: "sizes";
+    readonly maxInlineSize: "sizes";
+    readonly maxWidth: "sizes";
+    readonly minBlockSize: "sizes";
+    readonly minHeight: "sizes";
+    readonly minInlineSize: "sizes";
+    readonly minWidth: "sizes";
+    readonly outline: "colors";
+    readonly outlineColor: "colors";
+    readonly padding: "space-inset";
+    readonly paddingBlock: "space-inset";
+    readonly paddingBlockEnd: "space-inset";
+    readonly paddingBlockStart: "space-inset";
+    readonly paddingBottom: "space-inset";
+    readonly paddingInline: "space-inset";
+    readonly paddingInlineEnd: "space-inset";
+    readonly paddingInlineStart: "space-inset";
+    readonly paddingLeft: "space-inset";
+    readonly paddingRight: "space-inset";
+    readonly paddingTop: "space-inset";
+    readonly right: "space";
+    readonly rowGap: "space-gap";
+    readonly scrollMargin: "space-offset";
+    readonly scrollMarginBlock: "space-offset";
+    readonly scrollMarginBlockEnd: "space-offset";
+    readonly scrollMarginBlockStart: "space-offset";
+    readonly scrollMarginBottom: "space-offset";
+    readonly scrollMarginInline: "space-offset";
+    readonly scrollMarginInlineEnd: "space-offset";
+    readonly scrollMarginInlineStart: "space-offset";
+    readonly scrollMarginLeft: "space-offset";
+    readonly scrollMarginRight: "space-offset";
+    readonly scrollMarginTop: "space-offset";
+    readonly scrollPadding: "space-inset";
+    readonly scrollPaddingBlock: "space-inset";
+    readonly scrollPaddingBlockEnd: "space-inset";
+    readonly scrollPaddingBlockStart: "space-inset";
+    readonly scrollPaddingBottom: "space-inset";
+    readonly scrollPaddingInline: "space-inset";
+    readonly scrollPaddingInlineEnd: "space-inset";
+    readonly scrollPaddingInlineStart: "space-inset";
+    readonly scrollPaddingLeft: "space-inset";
+    readonly scrollPaddingRight: "space-inset";
+    readonly scrollPaddingTop: "space-inset";
+    readonly stroke: "colors";
+    readonly textDecorationColor: "colors";
+    readonly textShadow: "shadows";
+    readonly top: "space";
+    readonly transition: "transitions";
+    readonly width: "sizes";
+    readonly zIndex: "z-indices";
+}, {
+    paddingX: (value: {
+        readonly [$$PropertyValue]: "padding";
+    }) => {
+        paddingLeft: {
+            readonly [$$PropertyValue]: "padding";
+        };
+        paddingRight: {
+            readonly [$$PropertyValue]: "padding";
+        };
+    };
+    paddingY: (value: {
+        readonly [$$PropertyValue]: "padding";
+    }) => {
+        paddingTop: {
+            readonly [$$PropertyValue]: "padding";
+        };
+        paddingBottom: {
+            readonly [$$PropertyValue]: "padding";
+        };
+    };
+    marginX: (value: {
+        readonly [$$PropertyValue]: "margin";
+    }) => {
+        marginLeft: {
+            readonly [$$PropertyValue]: "margin";
+        };
+        marginRight: {
+            readonly [$$PropertyValue]: "margin";
+        };
+    };
+    marginY: (value: {
+        readonly [$$PropertyValue]: "margin";
+    }) => {
+        marginTop: {
+            readonly [$$PropertyValue]: "margin";
+        };
+        marginBottom: {
+            readonly [$$PropertyValue]: "margin";
+        };
+    };
+}>>> & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "slot" | "title" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "sticky" | "align" | keyof _mirohq_design_system_stitches.CustomStylesProps | "side" | "sideOffset" | "alignOffset" | "arrowPadding" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "avoidCollisions" | "forceMount" | "onEscapeKeyDown" | "onPointerDownOutside"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_tooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
+declare type StyledContentProps = StrictComponentProps<typeof StyledContent>;
+
+declare type PointerDownOutsideEvent = CustomEvent<{
+    originalEvent: PointerEvent;
+}>;
+declare type Side = 'top' | 'right' | 'bottom' | 'left';
+declare type Align = 'start' | 'center' | 'end';
+
+type types_PointerDownOutsideEvent = PointerDownOutsideEvent;
+type types_Side = Side;
+type types_Align = Align;
+declare namespace types {
+  export {
+    types_PointerDownOutsideEvent as PointerDownOutsideEvent,
+    types_Side as Side,
+    types_Align as Align,
+  };
+}
+
+interface ContentProps extends StyledContentProps {
+    /**
+     * The preferred alignment against the trigger. May change when collisions
+     * occur.
+     */
+    align?: Align;
+    /**
+     * An offset in pixels from the "start" or "end" alignment options.
+     */
+    alignOffset?: number;
+    /**
+     * The distance in pixels from the trigger.
+     */
+    sideOffset?: number;
+    /** The preferred side of the trigger to render against when open.
+     * Will be reversed when collisions occur and avoidCollisions is enabled.
+     */
+    side?: Side;
+    /**
+     * When true, overrides the side and align preferences to prevent collisions
+     * with window edges.
+     */
+    avoidCollisions?: boolean;
+    /**
+     * The distance in pixels from window edges where collision detection should
+     * occur.
+     */
+    collisionPadding?: number;
+    /**
+     * Used to force mounting when more control is needed. Useful when controlling
+     * animation with React animation libraries. It inherits from Tooltip.Portal.
+     */
+    forceMount?: true;
+    /**
+     * The element used as the collision boundary. By default this is the
+     * viewport, though you can provide additional element(s) to be included in
+     * this check.
+     */
+    collisionBoundary?: Element | null;
+    /**
+     * The sticky behavior on the align axis. "partial" will keep the content in
+     * the boundary as long as the trigger is at least partially in the boundary
+     * whilst "always" will keep the content in the boundary regardless.
+     */
+    sticky?: 'partial' | 'always';
+    /**
+     * Whether to hide the content when the trigger becomes fully occluded.
+     */
+    hideWhenDetached?: boolean;
+    /**
+     * Event handler called when the escape key is down. It can be prevented by
+     * calling event.preventDefault.
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Event handler called when a pointer event occurs outside the bounds of the
+     * component. It can be prevented by calling event.preventDefault.
+     */
+    onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
+}
+declare const Content: react__default.ForwardRefExoticComponent<Pick<ContentProps, "color" | "translate" | "css" | "prefix" | "asChild" | "UNSAFE_style" | "slot" | "title" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "sticky" | "align" | "side" | "sideOffset" | "alignOffset" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "avoidCollisions" | "forceMount" | "onEscapeKeyDown" | "onPointerDownOutside"> & react__default.RefAttributes<HTMLDivElement>>;
+
+declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_react_tooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
+    'border-widths': {
+        readonly none: 0;
+        readonly sm: "1px";
+        readonly md: "2px";
+        readonly lg: "4px";
+    };
+    colors: {
+        readonly black: any;
+        readonly 'blue-10': any;
+        readonly 'blue-20': any;
+        readonly 'blue-50': any;
+        readonly 'blue-60': any;
+        readonly 'blue-70': any;
+        readonly 'blue-80': any;
+        readonly 'gray-20': any;
+        readonly 'gray-30': any;
+        readonly 'green-70': any;
+        readonly 'indigo-20': any;
+        readonly 'indigo-30': any;
+        readonly 'indigo-50': any;
+        readonly 'indigo-70': any;
+        readonly 'indigo-90': any;
+        readonly 'pink-20': any;
+        readonly 'pink-50': any;
+        readonly 'red-10': any;
+        readonly 'red-20': any;
+        readonly 'red-30': any;
+        readonly 'red-50': any;
+        readonly 'red-60': any;
+        readonly transparent: any;
+        readonly white: any;
+        readonly 'yellow-20': any;
+        readonly 'yellow-60': any;
+        readonly 'background-cta-active'?: any;
+        readonly 'background-cta-disabled'?: any;
+        readonly 'background-cta-hover'?: any;
+        readonly 'background-cta-idle'?: any;
+        readonly 'background-danger-active'?: any;
+        readonly 'background-danger-hover'?: any;
+        readonly 'background-danger-idle'?: any;
+        readonly 'background-default-active'?: any;
+        readonly 'background-default-disabled'?: any;
+        readonly 'background-default-hover'?: any;
+        readonly 'background-default-idle'?: any;
+        readonly 'background-default-selected'?: any;
+        readonly 'background-default-selected-active'?: any;
+        readonly 'background-info-idle'?: any;
+        readonly 'background-primary'?: any;
+        readonly 'background-secondary'?: any;
+        readonly 'background-success-idle'?: any;
+        readonly 'background-warning-idle'?: any;
+        readonly 'border-cta-idle'?: any;
+        readonly 'border-default-active'?: any;
+        readonly 'border-default-error'?: any;
+        readonly 'border-default-hover'?: any;
+        readonly 'border-default-idle'?: any;
+        readonly 'border-default-selected'?: any;
+        readonly 'canvas-primary'?: any;
+        readonly 'divider-default'?: any;
+        readonly 'focus-ring-default'?: any;
+        readonly 'font-cta-idle'?: any;
+        readonly 'font-default-active'?: any;
+        readonly 'font-default-disabled'?: any;
+        readonly 'font-default-error'?: any;
+        readonly 'font-default-hover'?: any;
+        readonly 'font-default-idle'?: any;
+        readonly 'font-default-selected'?: any;
+        readonly 'font-default-visited'?: any;
+        readonly 'font-primary'?: any;
+        readonly 'font-secondary'?: any;
+        readonly 'font-tertiary'?: any;
+        readonly 'icon-cta-idle'?: any;
+        readonly 'icon-default'?: any;
+        readonly 'icon-default-active'?: any;
+        readonly 'icon-default-disabled'?: any;
+        readonly 'icon-default-error'?: any;
+        readonly 'icon-default-hover'?: any;
+        readonly 'icon-default-idle'?: any;
+        readonly 'icon-default-selected'?: any;
+    };
+    'font-sizes': {
+        readonly 150: "0.75rem";
+        readonly 175: "0.875rem";
+        readonly 200: "1rem";
+        readonly 225: "1.125rem";
+        readonly 250: "1.25rem";
+        readonly 300: "1.5rem";
+        readonly 400: "2rem";
+        readonly 500: "2.5rem";
+        readonly 600: "3rem";
+        readonly 800: "4rem";
+        readonly 900: "4.5rem";
+    };
+    radii: {
+        readonly none: 0;
+        readonly half: "999em";
+        readonly 25: "2px";
+        readonly 50: "4px";
+        readonly 75: "6px";
+        readonly 100: "8px";
+        readonly 200: "16px";
+    };
+    shadows: {
+        readonly 50: "0 4px 16px #05003812";
+        readonly 100: "0 8px 32px #05003808";
+    };
+    sizes: {
+        readonly number: string;
+        readonly 'icon-200': "16px";
+        readonly 'icon-300': "24px";
+        readonly 'icon-400': "32px";
+    };
+    space: {
+        readonly none: 0;
+        readonly 50: "4px";
+        readonly 100: "8px";
+        readonly 150: "12px";
+        readonly 200: "16px";
+        readonly 300: "24px";
+        readonly 400: "32px";
+        readonly 500: "64px";
+        readonly 600: "48px";
+        readonly 800: "64px";
+        readonly 1200: "96px";
+        readonly 1600: "128px";
+    };
+    'space-gap': {
+        readonly none: any;
+        readonly 50: any;
+        readonly 100: any;
+        readonly 200: any;
+        readonly 300: any;
+    };
+    'space-inset': {
+        readonly none: any;
+        readonly 50: any;
+        readonly 100: any;
+        readonly 150: any;
+        readonly 200: any;
+        readonly 300: any;
+        readonly 400: any;
+        readonly 600: any;
+        readonly 800: any;
+        readonly 1200: any;
+        readonly 1600: any;
+    };
+    'space-offset': {
+        readonly none: any;
+        readonly 50: any;
+        readonly 100: any;
+        readonly 150: any;
+        readonly 200: any;
+        readonly 300: any;
+        readonly 400: any;
+        readonly 600: any;
+        readonly 800: any;
+        readonly 1200: any;
+        readonly 1600: any;
+        readonly 'stacking-none': any;
+        readonly 'stacking-100': any;
+        readonly 'stacking-200': any;
+        readonly 'stacking-300': any;
+        readonly 'stacking-400': any;
+        readonly 'stacking-500': any;
+        readonly 'stacking-800': any;
+    };
+    'z-indices': {
+        readonly dropdownMenu: 100;
+        readonly popover: 200;
+        readonly tooltip: 300;
+    };
+}, {
+    readonly background: "colors";
+    readonly backgroundColor: "colors";
+    readonly backgroundImage: "colors";
+    readonly blockSize: "sizes";
+    readonly border: "colors";
+    readonly borderBlock: "colors";
+    readonly borderBlockEnd: "colors";
+    readonly borderBlockStart: "colors";
+    readonly borderBottom: "colors";
+    readonly borderBottomColor: "colors";
+    readonly borderBottomLeftRadius: "radii";
+    readonly borderBottomRightRadius: "radii";
+    readonly borderBottomStyle: "border-styles";
+    readonly borderBottomWidth: "border-widths";
+    readonly borderColor: "colors";
+    readonly borderImage: "colors";
+    readonly borderInline: "colors";
+    readonly borderInlineEnd: "colors";
+    readonly borderInlineStart: "colors";
+    readonly borderLeft: "colors";
+    readonly borderLeftColor: "colors";
+    readonly borderLeftStyle: "border-styles";
+    readonly borderLeftWidth: "border-widths";
+    readonly borderRadius: "radii";
+    readonly borderRight: "colors";
+    readonly borderRightColor: "colors";
+    readonly borderRightStyle: "border-styles";
+    readonly borderRightWidth: "border-widths";
+    readonly borderStyle: "border-styles";
+    readonly borderTop: "colors";
+    readonly borderTopColor: "colors";
+    readonly borderTopLeftRadius: "radii";
+    readonly borderTopRightRadius: "radii";
+    readonly borderTopStyle: "border-styles";
+    readonly borderTopWidth: "border-widths";
+    readonly borderWidth: "border-widths";
+    readonly bottom: "space";
+    readonly boxShadow: "shadows";
+    readonly caretColor: "colors";
+    readonly color: "colors";
+    readonly columnGap: "space-gap";
+    readonly columnRuleColor: "colors";
+    readonly fill: "colors";
+    readonly flexBasis: "sizes";
+    readonly fontFamily: "fonts";
+    readonly fontSize: "font-sizes";
+    readonly fontWeight: "font-weights";
+    readonly gap: "space-gap";
+    readonly gridColumnGap: "space-gap";
+    readonly gridGap: "space-gap";
+    readonly gridRowGap: "space-gap";
+    readonly gridTemplateColumns: "sizes";
+    readonly gridTemplateRows: "sizes";
+    readonly height: "sizes";
+    readonly inlineSize: "sizes";
+    readonly inset: "space-inset";
+    readonly insetBlock: "space-inset";
+    readonly insetBlockEnd: "space-inset";
+    readonly insetBlockStart: "space-inset";
+    readonly insetInline: "space-inset";
+    readonly insetInlineEnd: "space-inset";
+    readonly insetInlineStart: "space-inset";
+    readonly left: "space";
+    readonly letterSpacing: "letter-spacings";
+    readonly lineHeight: "line-heights";
+    readonly margin: "space-offset";
+    readonly marginBlock: "space-offset";
+    readonly marginBlockEnd: "space-offset";
+    readonly marginBlockStart: "space-offset";
+    readonly marginBottom: "space-offset";
+    readonly marginInline: "space-offset";
+    readonly marginInlineEnd: "space-offset";
+    readonly marginInlineStart: "space-offset";
+    readonly marginLeft: "space-offset";
+    readonly marginRight: "space-offset";
+    readonly marginTop: "space-offset";
+    readonly maxBlockSize: "sizes";
+    readonly maxHeight: "sizes";
+    readonly maxInlineSize: "sizes";
+    readonly maxWidth: "sizes";
+    readonly minBlockSize: "sizes";
+    readonly minHeight: "sizes";
+    readonly minInlineSize: "sizes";
+    readonly minWidth: "sizes";
+    readonly outline: "colors";
+    readonly outlineColor: "colors";
+    readonly padding: "space-inset";
+    readonly paddingBlock: "space-inset";
+    readonly paddingBlockEnd: "space-inset";
+    readonly paddingBlockStart: "space-inset";
+    readonly paddingBottom: "space-inset";
+    readonly paddingInline: "space-inset";
+    readonly paddingInlineEnd: "space-inset";
+    readonly paddingInlineStart: "space-inset";
+    readonly paddingLeft: "space-inset";
+    readonly paddingRight: "space-inset";
+    readonly paddingTop: "space-inset";
+    readonly right: "space";
+    readonly rowGap: "space-gap";
+    readonly scrollMargin: "space-offset";
+    readonly scrollMarginBlock: "space-offset";
+    readonly scrollMarginBlockEnd: "space-offset";
+    readonly scrollMarginBlockStart: "space-offset";
+    readonly scrollMarginBottom: "space-offset";
+    readonly scrollMarginInline: "space-offset";
+    readonly scrollMarginInlineEnd: "space-offset";
+    readonly scrollMarginInlineStart: "space-offset";
+    readonly scrollMarginLeft: "space-offset";
+    readonly scrollMarginRight: "space-offset";
+    readonly scrollMarginTop: "space-offset";
+    readonly scrollPadding: "space-inset";
+    readonly scrollPaddingBlock: "space-inset";
+    readonly scrollPaddingBlockEnd: "space-inset";
+    readonly scrollPaddingBlockStart: "space-inset";
+    readonly scrollPaddingBottom: "space-inset";
+    readonly scrollPaddingInline: "space-inset";
+    readonly scrollPaddingInlineEnd: "space-inset";
+    readonly scrollPaddingInlineStart: "space-inset";
+    readonly scrollPaddingLeft: "space-inset";
+    readonly scrollPaddingRight: "space-inset";
+    readonly scrollPaddingTop: "space-inset";
+    readonly stroke: "colors";
+    readonly textDecorationColor: "colors";
+    readonly textShadow: "shadows";
+    readonly top: "space";
+    readonly transition: "transitions";
+    readonly width: "sizes";
+    readonly zIndex: "z-indices";
+}, {
+    paddingX: (value: {
+        readonly [$$PropertyValue]: "padding";
+    }) => {
+        paddingLeft: {
+            readonly [$$PropertyValue]: "padding";
+        };
+        paddingRight: {
+            readonly [$$PropertyValue]: "padding";
+        };
+    };
+    paddingY: (value: {
+        readonly [$$PropertyValue]: "padding";
+    }) => {
+        paddingTop: {
+            readonly [$$PropertyValue]: "padding";
+        };
+        paddingBottom: {
+            readonly [$$PropertyValue]: "padding";
+        };
+    };
+    marginX: (value: {
+        readonly [$$PropertyValue]: "margin";
+    }) => {
+        marginLeft: {
+            readonly [$$PropertyValue]: "margin";
+        };
+        marginRight: {
+            readonly [$$PropertyValue]: "margin";
+        };
+    };
+    marginY: (value: {
+        readonly [$$PropertyValue]: "margin";
+    }) => {
+        marginTop: {
+            readonly [$$PropertyValue]: "margin";
+        };
+        marginBottom: {
+            readonly [$$PropertyValue]: "margin";
+        };
+    };
+}>>> & _mirohq_design_system_stitches.CustomStylesProps, "color" | "translate" | "prefix" | "asChild" | "form" | "slot" | "title" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof _mirohq_design_system_stitches.CustomStylesProps> & react.RefAttributes<HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_radix_ui_react_tooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>, {}, {}>;
+declare type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>;
+
+interface TriggerProps extends StyledTriggerProps {
+    /**
+     * temporary the same as onClick, later will be added touch events support
+     */
+    onPress?: DOMAttributes<HTMLElement>['onClick'];
+}
+declare const Trigger: react__default.ForwardRefExoticComponent<Pick<TriggerProps, "color" | "translate" | "css" | "prefix" | "asChild" | "UNSAFE_style" | "form" | "slot" | "title" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "onPress"> & react__default.RefAttributes<HTMLButtonElement>>;
+
+interface ProviderProps {
+    /**
+     * The duration from when the mouse enters a tooltip trigger until
+     * the tooltip opens.
+     */
+    delayDuration?: number;
+    /**
+     * How much time a user has to enter another trigger without incurring
+     * a delay again.
+     */
+    skipDelayDuration?: number;
+}
+declare const Provider: react__default.FC<ProviderProps>;
+
+interface PortalProps extends TooltipPortalProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when controlling
+     * animation with React animation libraries. If used on this part, it will be
+     * inherited by Tooltip.Content.
+     */
+    forceMount?: true;
+    /**
+     * Specify a container element to portal the content into.
+     */
+    container?: HTMLElement | null;
+}
+declare const Portal: react__default.FC<PortalProps>;
+
+interface TooltipProps {
+    /**
+     * The open state of the tooltip when it is initially rendered. Use when you
+     * do not need to control its open state.
+     */
+    defaultOpen?: boolean;
+    /**
+     * The current state of the tooltip.
+     */
+    open?: boolean;
+    /**
+     * Event handler called when the tooltip opens.
+     */
+    onOpen?: () => void;
+    /**
+     * Event handler called when the tooltip closes.
+     */
+    onClose?: () => void;
+    /**
+     * Overrides the duration given to the `Provider` to customize the open delay
+     * for a specific tooltip.
+     * @default 400
+     */
+    delayDuration?: number;
+    /**
+     * How much time a user has to enter another trigger without incurring
+     * a delay again.
+     * @default 500
+     */
+    skipDelayDuration?: number;
+    /**
+     * Clears the delayDuration and skipDelayDuration timeouts when the component
+     * is unmounted. This flag is `true` by default when using NODE_ENV=test.
+     * @default false
+     */
+    clearDelaysOnUnmount?: boolean;
+    /**
+     * Closes the tooltip as soon as the pointer leaves the trigger making it
+     * impossible to hover the content.
+     */
+    disableHoverableContent?: boolean;
+}
+declare const DEFAULT_SKIP_DELAY_DURATION = 500;
+declare const DEFAULT_DELAY_DURATION = 400;
+declare const Tooltip: react__default.FC<TooltipProps> & Partials;
+interface Partials {
+    Trigger: typeof Trigger;
+    Content: typeof Content;
+    Provider: typeof Provider;
+    Portal: typeof Portal;
+}
+
+export { DEFAULT_DELAY_DURATION as TOOLTIP_DEFAULT_DELAY_DURATION, DEFAULT_SKIP_DELAY_DURATION as TOOLTIP_DEFAULT_SKIP_DELAY_DURATION, Tooltip, ContentProps as TooltipContentProps, PortalProps as TooltipPortalProps, TooltipProps, ProviderProps as TooltipProviderProps, TriggerProps as TooltipTriggerProps, types as TooltipTypes };