@economic/taco 0.0.1-alpha.1543 → 0.0.2-alpha.0

package/dist/components/Backdrop/Backdrop.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare type BackdropProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Backdrop: (props: BackdropProps) => JSX.Element;

package/dist/components/Button/Button.d.ts

@@ -1,21 +1,59 @@
 import * as React from 'react';
 import { Appearance } from '../../types';
 import * as ButtonPrimitive from '../../primitives/Button';
+import { HangerProps } from '../Hanger/Hanger';
+import { DialogProps } from '../Dialog/Dialog';
+import { PopoverProps } from '../Popover/Popover';
 import './Button.css';
 export declare type ButtonProps = ButtonPrimitive.ButtonProps & {
     /** Appearance will change the style of the button */
     appearance?: Appearance;
+    /**
+     * Dialog component associated with the button, clicking the button will open the dialog.
+     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
+     * the button should be only to open the associated dialog when clicked.
+     */
+    dialog?: React.ReactElement<DialogProps>;
     /** If fluid, button expands to the width of it's container */
     fluid?: boolean;
+    /** Hanger component associated with the button. */
+    hanger?: React.ReactElement<HangerProps>;
+    /**
+     * Popover component associated with the button, clicking the button will open the popover.
+     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
+     * the button should be only to open the associated popover when clicked.
+     */
+    popover?: React.ReactElement<PopoverProps>;
+    /** A tooltip to show when hovering over the button */
+    tooltip?: string;
 };
 export declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> & {
     children: React.ReactNode;
     href?: string | undefined;
     target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
-    tooltip?: string | undefined;
 } & {
     /** Appearance will change the style of the button */
     appearance?: "default" | "primary" | "danger" | "ghost" | "discrete" | undefined;
+    /**
+     * Dialog component associated with the button, clicking the button will open the dialog.
+     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
+     * the button should be only to open the associated dialog when clicked.
+     */
+    dialog?: React.ReactElement<DialogProps, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | undefined;
     /** If fluid, button expands to the width of it's container */
     fluid?: boolean | undefined;
+    /** Hanger component associated with the button. */
+    hanger?: React.ReactElement<{
+        children?: React.ReactNode;
+    }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | undefined;
+    /**
+     * Popover component associated with the button, clicking the button will open the popover.
+     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
+     * the button should be only to open the associated popover when clicked.
+     */
+    popover?: React.ReactElement<{
+        children?: React.ReactNode;
+    }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | undefined;
+    /** A tooltip to show when hovering over the button */
+    tooltip?: string | undefined;
 } & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;

package/dist/components/Button/util.d.ts

@@ -1,3 +1,5 @@
+import React from 'react';
 import { Appearance } from '../../types';
 export declare const getButtonClasses: () => string;
 export declare const getAppearanceClasses: (value: Appearance | undefined, icon?: boolean) => string;
+export declare const createButton: (props: any, className: string, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => JSX.Element;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -19,7 +19,7 @@ interface UncontrolledCheckboxProps extends CheckboxBaseProps {
 interface ControlledCheckboxProps extends CheckboxBaseProps {
     defaultChecked?: never;
     checked: boolean;
-    onChange: (checked: boolean | 'indeterminate') => void;
+    onChange: (checked: boolean) => void;
 }
 export declare type CheckboxProps = UncontrolledCheckboxProps | ControlledCheckboxProps;
 export declare const Checkbox: React.ForwardRefExoticComponent<(UncontrolledCheckboxProps & React.RefAttributes<HTMLButtonElement>) | (ControlledCheckboxProps & React.RefAttributes<HTMLButtonElement>)>;

package/dist/components/Combobox/useCombobox.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { PopoverHTMLProps, PopoverStateReturn } from 'reakit/Popover';
 import { ComboboxProps } from './Combobox';
 import { ScrollableListPropsWithRef } from '../Listbox/ScrollableList';
 declare type useCombobox = React.HTMLAttributes<HTMLDivElement> & {
@@ -8,8 +7,9 @@ declare type useCombobox = React.HTMLAttributes<HTMLDivElement> & {
         ref: React.RefObject<HTMLInputElement>;
     };
     list: ScrollableListPropsWithRef;
-    popover: PopoverStateReturn & {
-        container: PopoverHTMLProps;
+    popover: {
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
     };
 };
 export declare const useCombobox: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, data: unfilteredData, defaultValue, disabled, id: nativeId, inline, loading: __, onChange, onClick, onKeyDown, readOnly, value, ...props }: ComboboxProps, ref: React.Ref<HTMLInputElement>) => useCombobox;

package/dist/components/Dialog/Context.d.ts

@@ -13,6 +13,7 @@ export declare type DialogContext = {
     close: () => void;
     onClose?: () => void;
     props: {};
+    ref: React.Ref<HTMLElement>;
     size: DialogSize;
 };
 export declare const DialogContext: React.Context<DialogContext>;

package/dist/components/Dialog/Dialog.d.ts

@@ -1,6 +1,11 @@
 import * as React from 'react';
 import './Dialog.css';
+import { DialogTriggerProps } from './components/Trigger';
+import { DialogContentProps, DialogTitleProps, DialogFooterProps, DialogCloseProps } from './components/Content';
+import { DialogDrawerProps } from './components/Drawer';
+import { DialogExtraProps } from './components/Extra';
 import { DialogSize } from './types';
+export { DialogContentProps, DialogTitleProps, DialogFooterProps, DialogCloseProps };
 export declare type DialogTexts = {
     /**
      * Aria-label for close icon button in dialog.
@@ -20,16 +25,13 @@ export declare type DialogProps = {
     /** Size of the dialog. This is the recommended way to set a size for dialog component. */
     size?: DialogSize;
 };
-export declare const Dialog: {
-    (props: DialogProps): JSX.Element;
-    Trigger: React.ForwardRefExoticComponent<import("./components/Trigger").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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"> & {
-        'aria-describedby': string;
-        children: Pick<React.ReactNode, never> | ((props: import("./components/Content").DialogContentRenderProps) => JSX.Element);
-    } & React.RefAttributes<HTMLDivElement>>;
-    Title: React.ForwardRefExoticComponent<import("./components/Content").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-    Footer: React.ForwardRefExoticComponent<import("./components/Content").DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
-    Extra: React.ForwardRefExoticComponent<import("./components/Extra").DialogExtraProps & React.RefAttributes<HTMLDivElement>>;
-    Drawer: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
-    Close: React.ForwardRefExoticComponent<import("./components/Content").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare type ForwardedDialogWithStatics = React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLElement>> & {
+    Trigger: React.ForwardRefExoticComponent<DialogTriggerProps>;
+    Content: React.ForwardRefExoticComponent<DialogContentProps>;
+    Title: React.ForwardRefExoticComponent<DialogTitleProps>;
+    Footer: React.ForwardRefExoticComponent<DialogFooterProps>;
+    Extra: React.ForwardRefExoticComponent<DialogExtraProps>;
+    Drawer: React.ForwardRefExoticComponent<DialogDrawerProps>;
+    Close: React.ForwardRefExoticComponent<DialogCloseProps>;
 };
+export declare const Dialog: ForwardedDialogWithStatics;

package/dist/components/Hanger/Hanger.d.ts

@@ -14,13 +14,8 @@ export declare type HangerContentProps = React.HTMLAttributes<HTMLDivElement> &
     placement?: Placement;
 };
 export declare type HangerProps = React.PropsWithChildren<{}>;
-export declare const Hanger: {
-    (props: HangerProps): JSX.Element;
-    Anchor: React.ForwardRefExoticComponent<HangerAnchorProps & React.RefAttributes<HTMLDivElement>>;
-    Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-        /** Handler called when user closes the hanger */
-        onClose?: CloseHandler | undefined;
-        /** Set the position of the Hanger relative to its achor. Default value is `bottom` */
-        placement?: "right" | "left" | "top" | "bottom" | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
+export declare type ForwardedHangerWithStatics = React.ForwardRefExoticComponent<HangerProps & React.RefAttributes<HTMLElement>> & {
+    Anchor: React.ForwardRefExoticComponent<HangerAnchorProps>;
+    Content: React.ForwardRefExoticComponent<HangerContentProps>;
 };
+export declare const Hanger: ForwardedHangerWithStatics;

package/dist/components/IconButton/IconButton.d.ts

@@ -2,25 +2,62 @@ import * as React from 'react';
 import * as ButtonPrimitive from '../../primitives/Button';
 import { IconName } from '../Icon/Icon';
 import { Appearance } from '../../types';
+import { DialogProps, HangerProps, PopoverProps } from '../..';
 export declare type IconButtonProps = Omit<ButtonPrimitive.ButtonProps, 'children'> & {
     /** Appearance will change the style of the button */
     appearance?: Appearance;
+    /**
+     * Dialog component associated with the button, clicking the button will open the dialog.
+     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
+     * the button should be only to open the associated dialog when clicked.
+     */
+    dialog?: React.ReactElement<DialogProps>;
     /** Set which icon should be rendered within button */
     icon: IconName;
+    /** Hanger component associated with the button. */
+    hanger?: React.ReactElement<HangerProps>;
+    /**
+     * Popover component associated with the button, clicking the button will open the popover.
+     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
+     * the button should be only to open the associated popover when clicked.
+     */
+    popover?: React.ReactElement<PopoverProps>;
     /**
      * Set whether the button is rounded.
      * Default value is `false`
      */
     rounded?: boolean;
+    /** A tooltip to show when hovering over the button */
+    tooltip?: string;
 };
-export declare const IconButton: React.ForwardRefExoticComponent<Pick<ButtonPrimitive.ButtonProps, "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "href" | "target" | "tooltip"> & {
+export declare const IconButton: React.ForwardRefExoticComponent<Pick<ButtonPrimitive.ButtonProps, "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "href" | "target"> & {
     /** Appearance will change the style of the button */
     appearance?: "default" | "primary" | "danger" | "ghost" | "discrete" | undefined;
+    /**
+     * Dialog component associated with the button, clicking the button will open the dialog.
+     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
+     * the button should be only to open the associated dialog when clicked.
+     */
+    dialog?: React.ReactElement<DialogProps, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | undefined;
     /** Set which icon should be rendered within button */
     icon: IconName;
+    /** Hanger component associated with the button. */
+    hanger?: React.ReactElement<{
+        children?: React.ReactNode;
+    }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | undefined;
+    /**
+     * Popover component associated with the button, clicking the button will open the popover.
+     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of
+     * the button should be only to open the associated popover when clicked.
+     */
+    popover?: React.ReactElement<{
+        children?: React.ReactNode;
+    }, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | undefined;
     /**
      * Set whether the button is rounded.
      * Default value is `false`
      */
     rounded?: boolean | undefined;
+    /** A tooltip to show when hovering over the button */
+    tooltip?: string | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Listbox/Listbox.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { ScrollableListItemValue, ScrollableListItem } from './ScrollableList';
-import './Listbox.css';
 import { State } from '../../types';
 export declare type ListboxItem = ScrollableListItem;
 export declare type ListboxValue = ScrollableListItemValue;

package/dist/components/Navigation/Navigation.d.ts

@@ -26,12 +26,12 @@ export declare type NavigationItemProps = Omit<TreeviewItemProps, 'prefix'> & {
 export declare type NavigationPanelProps = React.HTMLAttributes<HTMLDivElement>;
 export declare type NavigationMenuGroupProps = TreeviewGroupProps;
 export declare type NavigationMenuProps = React.PropsWithChildren<TreeviewProps>;
-export declare type FowardedNavigationMenuWithStatics = React.ForwardRefExoticComponent<NavigationMenuProps & React.RefAttributes<HTMLDivElement>> & {
+export declare type ForwardedNavigationMenuWithStatics = React.ForwardRefExoticComponent<NavigationMenuProps & React.RefAttributes<HTMLDivElement>> & {
     /** Expandable region reprezenting a group of related links */
     Group: React.ForwardRefExoticComponent<NavigationMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
 };
 export declare type NavigationProps = React.HTMLAttributes<HTMLDivElement>;
-export declare type FowardedNavigationWithStatics = React.ForwardRefExoticComponent<NavigationProps & React.RefAttributes<HTMLDivElement>> & {
+export declare type ForwardedNavigationWithStatics = React.ForwardRefExoticComponent<NavigationProps & React.RefAttributes<HTMLDivElement>> & {
     /** Navigation link */
     Item: React.ForwardRefExoticComponent<NavigationItemProps & React.RefAttributes<HTMLAnchorElement>>;
     /**
@@ -39,7 +39,7 @@ export declare type FowardedNavigationWithStatics = React.ForwardRefExoticCompon
      * Should be used as a direct child of Navigation component, e.g. `Navigation.Menu`.
      * Should have the menu groups as a direct child, e.g. `Navigation.Menu.Group`
      */
-    Menu: FowardedNavigationMenuWithStatics;
+    Menu: ForwardedNavigationMenuWithStatics;
     /**
      * Isolated container within the Navigation.
      * This can be used to create a region in the Navigation that is usually not scrollable, nor expandable,
@@ -47,4 +47,4 @@ export declare type FowardedNavigationWithStatics = React.ForwardRefExoticCompon
      */
     Panel: React.ForwardRefExoticComponent<NavigationPanelProps & React.RefAttributes<HTMLDivElement>>;
 };
-export declare const Navigation: FowardedNavigationWithStatics;
+export declare const Navigation: ForwardedNavigationWithStatics;

package/dist/components/Popover/Popover.d.ts

@@ -11,13 +11,9 @@ export declare type PopoverContentProps = Omit<React.HTMLAttributes<HTMLDivEleme
 };
 export declare type PopoverCloseProps = React.HTMLAttributes<HTMLButtonElement>;
 export declare type PopoverProps = React.PropsWithChildren<{}>;
-export declare const Popover: {
-    (props: PopoverProps): JSX.Element;
-    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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"> & {
-        children: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((props: PopoverContentRenderProps) => React.ReactNode) | null | undefined;
-        /** Set the position of the Popover relative to its trigger. Default value is `bottom` */
-        placement?: "right" | "left" | "top" | "bottom" | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Close: React.ForwardRefExoticComponent<PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {
+    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;
+    Content: React.ForwardRefExoticComponent<PopoverContentProps>;
+    Close: React.ForwardRefExoticComponent<PopoverCloseProps>;
 };
+export declare const Popover: ForwardedPopoverWithStatics;

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Orientation } from '../../types';
-export declare type RadioGroupItemValue = string | number | boolean | undefined;
+export declare type RadioGroupItemValue = string | number | boolean | null;
 export declare const getRadioGroupItemValueAsString: (value: RadioGroupItemValue) => string;
-export declare const findByValue: (values: RadioGroupItemValue[], valueAsString: string) => RadioGroupItemValue | undefined;
+export declare const findByValue: (values: RadioGroupItemValue[], valueAsString: string) => RadioGroupItemValue;
 export declare type RadioGroupItemProps<T = HTMLButtonElement> = Omit<React.ButtonHTMLAttributes<T>, 'children' | 'onSelect' | 'value'> & {
     /** Label for the radio group item */
     children: React.ReactNode;
@@ -33,10 +33,10 @@ interface ControlledRadioGroupProps extends RadioGroupBaseProps {
     /** Handler called when the value changes */
     onChange: (value: RadioGroupItemValue) => void;
     /** The current value (controlled) */
-    value: RadioGroupItemValue;
+    value?: RadioGroupItemValue;
 }
 export declare type RadioGroupProps = UncontrolledRadioGroupProps | ControlledRadioGroupProps;
-export declare type FowardedRadioGroupWithStatics = React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>> & {
+export declare type ForwardedRadioGroupWithStatics = React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>> & {
     /** Item component rendered in a `RadioGroup` component */
     Item: React.ForwardRefExoticComponent<RadioGroupItemProps>;
 };
@@ -47,5 +47,5 @@ export declare const useRadioGroup: (props: RadioGroupProps) => {
     };
     props: any;
 };
-export declare const RadioGroup: FowardedRadioGroupWithStatics;
+export declare const RadioGroup: ForwardedRadioGroupWithStatics;
 export {};

package/dist/components/Select/Select.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { ListboxProps } from '../Listbox/Listbox';
 import { ComboboxProps } from '../Combobox/Combobox';
-import './Select.css';
 export declare type SelectTexts = {
     /**
      * The text displayed when all options are selected when multiselect mode in on.

package/dist/components/Select/useSelect.d.ts

@@ -1,15 +1,16 @@
 import * as React from 'react';
 import { SelectProps } from './Select';
 import { ListboxProps } from '../Listbox/Listbox';
-import { PopoverStateReturn, PopoverHTMLProps } from 'reakit/Popover';
 declare type useSelect = React.HtmlHTMLAttributes<HTMLDivElement> & {
     button: React.ButtonHTMLAttributes<HTMLButtonElement>;
     listbox: ListboxProps;
-    popover: PopoverStateReturn & {
-        container: PopoverHTMLProps;
+    input: any;
+    popover: {
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
     };
     text: string | JSX.Element;
     more?: number;
 };
-export declare const useSelect: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, data, disabled, emptyValue, id: nativeId, multiselect, onClick, readOnly, value, ...otherProps }: SelectProps, ref: React.Ref<HTMLInputElement>) => useSelect;
+export declare const useSelect: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, data, defaultValue, disabled, emptyValue, id: nativeId, multiselect, onClick, onChange, readOnly, value, ...otherProps }: SelectProps, ref: React.Ref<HTMLInputElement>) => useSelect;
 export {};

package/dist/components/Table/Table.storyexample.d.ts

@@ -1,6 +1,6 @@
 export default function LocationsTable({ component: Table, allowNew, data: initialData, onRowSave, onReset, showAddress, ...props }: {
     [x: string]: any;
-    component?: import("./types").FowardedGenericTableWithStatics | undefined;
+    component?: import("./types").ForwardedGenericTableWithStatics | undefined;
     allowNew?: boolean | undefined;
     data: any;
     onRowSave?: (() => undefined) | undefined;

package/dist/components/Table/components/PaginatedTable.d.ts

@@ -1,2 +1,2 @@
-import { FowardedGenericTableWithStatics } from '../types';
-export declare const PaginatedTable: FowardedGenericTableWithStatics;
+import { ForwardedGenericTableWithStatics } from '../types';
+export declare const PaginatedTable: ForwardedGenericTableWithStatics;

package/dist/components/Table/components/Table.d.ts

@@ -1,2 +1,2 @@
-import { FowardedGenericTableWithStatics } from '../types';
-export declare const Table: FowardedGenericTableWithStatics;
+import { ForwardedGenericTableWithStatics } from '../types';
+export declare const Table: ForwardedGenericTableWithStatics;

package/dist/components/Table/components/WindowedTable.d.ts

@@ -1,2 +1,2 @@
-import { FowardedGenericTableWithStatics } from '../types';
-export declare const WindowedTable: FowardedGenericTableWithStatics;
+import { ForwardedGenericTableWithStatics } from '../types';
+export declare const WindowedTable: ForwardedGenericTableWithStatics;

package/dist/components/Table/types.d.ts

@@ -136,7 +136,7 @@ export declare type TableProps<TRow> = React.HTMLAttributes<HTMLDivElement> & {
     autoFocus?: boolean;
     /**
      * Children should be one of the Table's components.
-     * Read about `FowardedGenericTableWithStatics` for more details.
+     * Read about `ForwardedGenericTableWithStatics` for more details.
      * *Note* that there can also be children that are rendered conditionally
      */
     children: TableChildren<TRow>;
@@ -229,7 +229,7 @@ export declare type TableRef = HTMLDivElement & {
         toggleSortBy: any;
     };
 };
-export declare type FowardedGenericTableWithStatics = React.ForwardRefExoticComponent<TableProps<any> & React.RefAttributes<HTMLDivElement>> & {
+export declare type ForwardedGenericTableWithStatics = React.ForwardRefExoticComponent<TableProps<any> & React.RefAttributes<HTMLDivElement>> & {
     /** Represents a column in your table */
     Column: <TRow>(props: TableColumnProps<TRow>) => JSX.Element | null;
     /**

package/dist/components/Tabs/Tabs.d.ts

@@ -44,7 +44,7 @@ export declare type TabContentProps = React.HTMLAttributes<HTMLDivElement> & {
      */
     id: string;
 };
-export declare type FowardedTabsWithStatics = React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> & {
+export declare type ForwardedTabsWithStatics = React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> & {
     /** Tab list component containing all tab triggers, rendered in a `Tabs` group component */
     List: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;
     /** Tab trigger component rendered in a `Tabs.List` component */
@@ -52,4 +52,4 @@ export declare type FowardedTabsWithStatics = React.ForwardRefExoticComponent<Ta
     /** Tab content component rendered in a `Tabs` group component */
     Content: React.ForwardRefExoticComponent<TabContentProps & React.RefAttributes<HTMLDivElement>>;
 };
-export declare const Tabs: FowardedTabsWithStatics;
+export declare const Tabs: ForwardedTabsWithStatics;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -10,4 +10,14 @@ export declare type TooltipProps = React.HTMLAttributes<HTMLDivElement> & {
      */
     placement?: 'top' | 'right' | 'bottom' | 'left';
 };
-export declare const Tooltip: ({ title, children, placement, ...otherProps }: TooltipProps) => JSX.Element;
+export declare const Tooltip: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /** The element which activates the tooltip when hovered. Should be a single React/HTML element */
+    children: React.ReactElement | any;
+    /** Text displayed in the tooltip */
+    title: string;
+    /**
+     *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs
+     * @defaultValue bottom
+     */
+    placement?: "top" | "right" | "bottom" | "left" | undefined;
+} & React.RefAttributes<HTMLElement>>;

package/dist/components/Treeview/Treeview.d.ts

@@ -16,10 +16,10 @@ export declare type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivEl
     title: React.ReactNode | ((expanded: boolean) => React.ReactNode);
 };
 export declare type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;
-export declare type FowardedTreeviewWithStatics = React.ForwardRefExoticComponent<TreeviewProps & React.RefAttributes<HTMLDivElement>> & {
+export declare type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<TreeviewProps & React.RefAttributes<HTMLDivElement>> & {
     /** Navigable link */
     Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;
     /** Container for a set of related links, usually expandable */
     Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;
 };
-export declare const Treeview: FowardedTreeviewWithStatics;
+export declare const Treeview: ForwardedTreeviewWithStatics;