@economic/taco 2.40.0 → 2.40.2

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+export declare type AccordionTriggerProps = React.HTMLAttributes<HTMLElement>;
+export declare type AccordionContentProps = React.HTMLAttributes<HTMLElement>;
+export declare type AccordionItemProps = React.HTMLAttributes<HTMLDivElement> & {
+    id: string;
+    disabled?: boolean;
+};
+declare type AccordionBaseProps = {
+    children: React.ReactNode[];
+    /** Change what heading element accordion regions will render */
+    as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /** Additional classes for Accordion root element */
+    className?: string;
+};
+export interface AccordionUncontrolledProps extends AccordionBaseProps {
+    /** Default expanded accordion(s) */
+    defaultId?: string | string[];
+    id?: never;
+    onChange?: never;
+}
+export interface AccordionMultipleControlledProps extends AccordionBaseProps {
+    /** Expanded accordions */
+    id: string[];
+    /** onChange function to receive ids of expanded accordions */
+    onChange: (id: string[]) => void;
+    defaultId?: never;
+}
+export interface AccordionSingleControlledProps extends AccordionBaseProps {
+    /** Expanded accordion */
+    id: string;
+    /** onChange function to receive id of expanded accordion */
+    onChange: (id: string) => void;
+    defaultId?: never;
+}
+export declare type AccordionProps = AccordionUncontrolledProps | AccordionMultipleControlledProps | AccordionSingleControlledProps;
+export declare const Accordion: {
+    (props: AccordionProps): JSX.Element;
+    Item: (props: AccordionItemProps) => JSX.Element;
+    Trigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+};
+export {};

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { State } from '../../types';
+export declare type AlertProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    children: React.ReactNode;
+    state?: State;
+    onClose?: () => void;
+};
+export declare const Alert: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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: React.ReactNode;
+    state?: "default" | "success" | "error" | "warning" | "information" | undefined;
+    onClose?: (() => void) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { AlertDialogTriggerProps } from './components/Trigger';
+import { AlertDialogCancelProps, AlertDialogActionProps, AlertDialogFooterProps } from './components/Footer';
+import { AlertDialogContentProps, AlertDialogTitleProps } from './components/Content';
+export declare type AlertDialogProps = {
+    children: React.ReactNode | React.ReactNode[];
+    /** Set whether the alert dialog is open by default or not, use when not providing a trigger  */
+    defaultOpen?: boolean;
+    /** Called when the alert dialog opens or closes, must be used in conjunction with open  */
+    onChange?: (open: boolean) => void;
+    /** Control the open state of the dialog from outside the component  */
+    open?: boolean;
+    /** A trigger to be used for the alert dialog, should not be set if `children` already contains a trigger */
+    trigger?: JSX.Element;
+};
+export declare type ForwardedAlertDialogWithStatics = React.ForwardRefExoticComponent<AlertDialogProps & React.RefAttributes<HTMLElement>> & {
+    Trigger: React.ForwardRefExoticComponent<AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+    Footer: React.ForwardRefExoticComponent<AlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;
+    Action: React.ForwardRefExoticComponent<AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
+    Cancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export declare const AlertDialog: ForwardedAlertDialogWithStatics;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type AlertDialogContext = {
+    props: Record<string, any>;
+    ref: React.Ref<HTMLElement>;
+};
+export declare const AlertDialogContext: React.Context<AlertDialogContext>;
+export declare const useCurrentAlertDialog: () => AlertDialogContext;

package/dist/components/AlertDialog/components/Content.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export declare type AlertDialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+export declare const Title: React.ForwardRefExoticComponent<AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare type AlertDialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    /** An accessible label to be announced when the dialog is opened */
+    'aria-label': string;
+    children: React.ReactNode;
+};
+export declare const Content: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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"> & {
+    /** An accessible label to be announced when the dialog is opened */
+    'aria-label': string;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/AlertDialog/components/Footer.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare type AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Footer: React.ForwardRefExoticComponent<AlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare type AlertDialogCancelProps = React.HTMLAttributes<HTMLButtonElement>;
+export declare const Cancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
+export declare type AlertDialogActionProps = React.HTMLAttributes<HTMLButtonElement>;
+export declare const Action: React.ForwardRefExoticComponent<AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/AlertDialog/components/Trigger.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare type AlertDialogTriggerProps = React.HTMLAttributes<HTMLButtonElement>;
+export declare const Trigger: React.ForwardRefExoticComponent<AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

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: React.ForwardRefExoticComponent<BackdropProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { Color } from '../../types';
+import './Badge.css';
+export declare type BadgeBaseProps = React.HTMLAttributes<HTMLSpanElement> & {
+    /** Content should be a numerical value or tag/status like text **/
+    children: React.ReactNode;
+    /** Show small version of badge **/
+    small?: boolean;
+    /** Background color **/
+    color?: Color;
+};
+interface CompactBadgeProps extends BadgeBaseProps {
+    /** Show compact version **/
+    compact?: boolean;
+    /** Show outlined version **/
+    outline?: never;
+    /** Show subtle version **/
+    subtle?: never;
+    /** Show status dot - can be used only in subtle badge **/
+    status?: never;
+}
+interface OutlineBadgeProps extends BadgeBaseProps {
+    /** Show compact version **/
+    compact?: never;
+    /** Show outlined version **/
+    outline?: boolean;
+    /** Show subtle version **/
+    subtle?: never;
+    /** Show status dot - can be used only in subtle badge **/
+    status?: never;
+}
+interface SubtleBadgeProps extends BadgeBaseProps {
+    /** Show compact version **/
+    compact?: never;
+    /** Show outlined version **/
+    outline?: never;
+    /** Show subtle version **/
+    subtle?: boolean;
+    /** Show status dot - can be used only in subtle badge **/
+    status?: never;
+}
+interface StatusBadgeProps extends BadgeBaseProps {
+    /** Show compact version **/
+    compact?: never;
+    /** Show outlined version **/
+    outline?: never;
+    /** Show subtle version **/
+    subtle?: boolean;
+    /** Show status dot - can be used only in subtle badge **/
+    status?: boolean;
+}
+export declare type BadgeProps = CompactBadgeProps | OutlineBadgeProps | SubtleBadgeProps | StatusBadgeProps;
+export declare const Badge: React.ForwardRefExoticComponent<(CompactBadgeProps & React.RefAttributes<HTMLSpanElement>) | (OutlineBadgeProps & React.RefAttributes<HTMLSpanElement>) | (SubtleBadgeProps & React.RefAttributes<HTMLSpanElement>) | (StatusBadgeProps & React.RefAttributes<HTMLSpanElement>)>;
+export {};

package/dist/components/BadgeIcon/BadgeIcon.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { IconName } from '../Icon/Icon';
+import { Color } from '../../types';
+export declare type BadgeIconProps = React.HTMLAttributes<HTMLSpanElement> & {
+    /** Icon type **/
+    icon: IconName;
+    /** Background color **/
+    color?: Color;
+    /** Show subtle version **/
+    subtle?: boolean;
+    /** Show small version of badge icon **/
+    small?: boolean;
+};
+export declare const BadgeIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
+    /** Icon type **/
+    icon: IconName;
+    /** Background color **/
+    color?: "green" | "yellow" | "red" | "blue" | "purple" | "brown" | "pink" | "orange" | "grey" | "transparent" | undefined;
+    /** Show subtle version **/
+    subtle?: boolean | undefined;
+    /** Show small version of badge icon **/
+    small?: boolean | undefined;
+} & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/Banner/Banner.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { State } from '../../types';
+export declare type BannerProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Content can be any react element, for e.g. a `div` */
+    children: React.ReactNode;
+    /** State will change the icon displayed in banner */
+    state: State;
+    onClose?: () => void;
+};
+export declare type BannerTexts = {
+    /** Aria-label for the close icon button of banner */
+    close: string;
+};
+export declare const Banner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /** Content can be any react element, for e.g. a `div` */
+    children: React.ReactNode;
+    /** State will change the icon displayed in banner */
+    state: State;
+    onClose?: (() => void) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { State } from '../../types';
+export declare const getBannerIcon: (type: State) => JSX.Element | null;

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

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import { Appearance } from '../../types';
+import * as ButtonPrimitive from '../../primitives/Button';
+import { HangerProps } from '../Hanger/Hanger';
+import { MenuProps } from '../Menu/Menu';
+import { DialogProps } from '../Dialog/Dialog';
+import { PopoverProps } from '../Popover/Popover';
+import './Button.css';
+import { DrawerProps } from '../Drawer/Drawer';
+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?: (props: Partial<DialogProps>) => JSX.Element;
+    /**
+     * Drawer component associated with the button, clicking the button will open the drawer.
+     * *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 drawer when clicked.
+     */
+    drawer?: (props: Partial<DrawerProps>) => JSX.Element;
+    /** If fluid, button expands to the width of it's container */
+    fluid?: boolean;
+    /** Hanger component associated with the button. */
+    hanger?: (props: Partial<HangerProps>) => JSX.Element;
+    /** Menu component associated with the button. */
+    menu?: (props: Partial<MenuProps>) => JSX.Element;
+    /**
+     * 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?: (props: Partial<PopoverProps>) => JSX.Element;
+    /** A tooltip to show when hovering over the button */
+    tooltip?: string | JSX.Element;
+};
+export declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> & {
+    children: React.ReactNode;
+    href?: string | undefined;
+    shortcut?: string | import("../..").KeyDownHandlerOptions | undefined;
+    target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
+} & {
+    /** Appearance will change the style of the button */
+    appearance?: "default" | "primary" | "danger" | "ghost" | "discrete" | "transparent" | 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?: ((props: Partial<DialogProps>) => JSX.Element) | undefined;
+    /**
+     * Drawer component associated with the button, clicking the button will open the drawer.
+     * *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 drawer when clicked.
+     */
+    drawer?: ((props: Partial<DrawerProps>) => JSX.Element) | undefined;
+    /** If fluid, button expands to the width of it's container */
+    fluid?: boolean | undefined;
+    /** Hanger component associated with the button. */
+    hanger?: ((props: Partial<HangerProps>) => JSX.Element) | undefined;
+    /** Menu component associated with the button. */
+    menu?: ((props: Partial<MenuProps>) => JSX.Element) | 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?: ((props: Partial<PopoverProps>) => JSX.Element) | undefined;
+    /** A tooltip to show when hovering over the button */
+    tooltip?: string | JSX.Element | undefined;
+} & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;

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

@@ -0,0 +1,6 @@
+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 createButtonWithTooltip: (props: any, className: string, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => JSX.Element;
+export declare const createButtonWithOverlays: (props: any, buttonBase: JSX.Element) => JSX.Element;

package/dist/components/Calendar/Calendar.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { Matcher } from 'react-day-picker';
+import './Calendar.css';
+export declare type CalendarTextsActions = {
+    /** Aria-label for previous month action button */
+    previousMonth: string;
+    /** Aria-label for next month action button */
+    nextMonth: string;
+    /** Aria-label for previous year action button */
+    previousYear: string;
+    /** Aria-label for next year action button */
+    nextYear: string;
+    /** Text displayed within today action button */
+    today: string;
+};
+export declare type CalendarTexts = {
+    /** Text and aria-label for action buttons in Calendar */
+    actions: CalendarTextsActions;
+    /** Text abbreviation for months in Calendar's header, starting with January */
+    months: string[];
+    /** Text abbreviation for days in Calendar's header, starting with Sunday */
+    weekdaysShort: string[];
+    /** Text for days in Calendar's header, starting with Sunday */
+    weekdays: string[];
+};
+export declare type CalendarProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'value'> & {
+    /** Handler called when a day is clicked in calendar */
+    onChange: (date: Date, event?: React.MouseEvent<Element>) => void;
+    value?: Date;
+    disabledDays?: Matcher[];
+};
+export declare const Calendar: (props: CalendarProps) => JSX.Element;

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { MenuProps } from '../Menu/Menu';
+import './style.css';
+export declare type CardContentProps = React.HTMLAttributes<HTMLDivElement> & {
+    noPadding?: boolean;
+};
+export declare type CardProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Title of the Card */
+    title: string | React.ReactElement;
+    /** Menu component associated with the Card */
+    menu?: (props: Partial<MenuProps>) => JSX.Element;
+};
+export declare const Card: React.ForwardRefExoticComponent<CardProps> & {
+    Content: React.ForwardRefExoticComponent<CardContentProps>;
+};

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

@@ -0,0 +1,27 @@
+import * as React from 'react';
+declare type CheckboxBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onChange'> & {
+    /**
+     * Indeterminate state should only be used with sub-checkboxes. The indeterminate state is shown if not all
+     * sub-checkboxes are selected. This only affects the style, changing the icon in the checkbox.
+     */
+    indeterminate?: boolean;
+    invalid?: boolean;
+    /** Label for the checkbox */
+    label?: React.ReactNode;
+    /** Displays loading state in checkbox */
+    loading?: boolean;
+    required?: boolean;
+};
+export interface UncontrolledCheckboxProps extends CheckboxBaseProps {
+    checked?: never;
+    onChange?: never;
+    defaultChecked?: boolean;
+}
+export interface ControlledCheckboxProps extends CheckboxBaseProps {
+    defaultChecked?: never;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+export declare type CheckboxProps = UncontrolledCheckboxProps | ControlledCheckboxProps;
+export declare const Checkbox: React.ForwardRefExoticComponent<(UncontrolledCheckboxProps & React.RefAttributes<HTMLButtonElement>) | (ControlledCheckboxProps & React.RefAttributes<HTMLButtonElement>)>;
+export {};

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

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { InputProps } from '../Input/Input';
+import { ScrollableListItem, ScrollableListItemValue } from '../Listbox/ScrollableList';
+import './Combobox.css';
+import { DialogProps } from '../Dialog/Dialog';
+export declare type ComboboxTexts = {
+    tooltip: string;
+};
+export declare type ComboboxItem = ScrollableListItem;
+export declare type ComboboxValue = ScrollableListItemValue;
+declare type ComboboxBaseProps = Omit<InputProps, 'defaultValue' | 'button' | 'onChange' | 'value'> & {
+    /** Array of options in combobox */
+    data?: ComboboxItem[];
+    /**
+     * Initial value of the input in combobox.
+     * This is used when combobox is mounted, if no value is provided.
+     * *Note* that combobox is a controlled component, setting this will also trigger the `onChange` event
+     */
+    defaultValue?: ComboboxValue;
+    /** Set what value should have an empty option in combobox */
+    emptyValue?: ComboboxValue;
+    /** Draws attention to the combobox by changing its style and making it visually prominent */
+    highlighted?: boolean;
+    /** Displays loading state in listbox */
+    loading?: boolean;
+    /**
+     * Handler called when user chooses an option from the provided suggestions.
+     * Suggestions will be calculated based on the input value.
+     * There are two ways to choose an option: either click on it, or navigate using keyboard and press `enter`
+     */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /** Handler called when the user enters a query **/
+    onSearch?: (query: string) => void | Promise<void>;
+    /** Value of the input in combobox */
+    value?: ComboboxValue;
+};
+interface InlineComboboxProps extends ComboboxBaseProps {
+    dialog?: never;
+    /**
+     * Combobox will display its data when input is clicked/focused, even if the input is empty.
+     * *Note* that default combobox will display matching data only when user starts typing in input.
+     */
+    inline: boolean;
+}
+interface DialogComboboxProps extends ComboboxBaseProps {
+    dialog: (props: Partial<DialogProps>) => JSX.Element;
+    inline?: never;
+}
+export declare type ComboboxProps = InlineComboboxProps | DialogComboboxProps;
+export declare const Combobox: React.ForwardRefExoticComponent<(InlineComboboxProps & React.RefAttributes<HTMLInputElement>) | (DialogComboboxProps & React.RefAttributes<HTMLInputElement>)>;
+export {};

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { ComboboxProps } from './Combobox';
+import { ScrollableListPropsWithRef } from '../Listbox/ScrollableList';
+import { InputProps } from '../Input/Input';
+declare type useCombobox = React.HTMLAttributes<HTMLDivElement> & {
+    combobox: React.HTMLAttributes<HTMLSpanElement>;
+    input: Omit<InputProps, 'defaultValue'> & {
+        ref: React.RefObject<HTMLInputElement>;
+    };
+    list: ScrollableListPropsWithRef;
+    button: {
+        ref: any;
+    };
+    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, onSearch, readOnly, value, ...props }: Omit<ComboboxProps, 'dialog'>, ref: React.Ref<HTMLInputElement>) => useCombobox;
+export {};

package/dist/components/Datepicker/Datepicker.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import { CalendarProps } from '../Calendar/Calendar';
+import { InputProps } from '../Input/Input';
+export declare type DatepickerTexts = {
+    /** Aria-label for calendar */
+    calendar: string;
+    /** Clear button text */
+    clear: string;
+    /**
+     * Aria-label for calendar icon button in the input.
+     * Calendar will open when user clicks this icon button.
+     */
+    expand: string;
+    /** Shortcut heading text */
+    shortcuts: string;
+};
+export declare type DatePickerShortcut = {
+    onClick: (event: React.MouseEvent) => void;
+    text: string;
+};
+export declare type DatepickerProps = Omit<InputProps, 'value'> & {
+    /** [Calendar](component:calendar) component associated with the DatePicker */
+    calendar?: CalendarProps;
+    /** List of shortcuts */
+    shortcuts?: DatePickerShortcut[];
+    /** Title for the shortcuts panel */
+    shortcutsText?: string;
+    /** Handler to be called when the clear button is clicked */
+    onReset?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Date value of the calendar.
+     * This will be displayed in DatePicker's input in the format given to the [Provider](component:provider) component
+     */
+    value?: Date;
+};
+export declare const Datepicker: React.ForwardRefExoticComponent<Pick<InputProps, "prefix" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "type" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "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" | "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" | "highlighted" | "invalid" | "postfix" | "button" | "icon"> & {
+    /** [Calendar](component:calendar) component associated with the DatePicker */
+    calendar?: CalendarProps | undefined;
+    /** List of shortcuts */
+    shortcuts?: DatePickerShortcut[] | undefined;
+    /** Title for the shortcuts panel */
+    shortcutsText?: string | undefined;
+    /** Handler to be called when the clear button is clicked */
+    onReset?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
+    /**
+     * Date value of the calendar.
+     * This will be displayed in DatePicker's input in the format given to the [Provider](component:provider) component
+     */
+    value?: Date | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Datepicker/useDatepicker.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { DatepickerProps } from './Datepicker';
+import { CalendarProps } from '../Calendar/Calendar';
+import { InputProps as BaseInputProps } from '../Input/Input';
+declare type InputProps = BaseInputProps & {
+    ref: React.RefObject<HTMLInputElement>;
+};
+declare type useDatepicker = React.HTMLAttributes<HTMLDivElement> & {
+    calendar: CalendarProps;
+    input: InputProps;
+};
+export declare const useDatepicker: ({ defaultValue: _, calendar, onBlur, onChange, value, ...props }: DatepickerProps, ref: React.Ref<HTMLInputElement>) => useDatepicker;
+export {};

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { DialogSize } from './types';
+export declare type DialogContext = {
+    closeOnEscape: boolean;
+    draggable: boolean;
+    drawer: {
+        open: boolean;
+        toggle: () => void;
+    };
+    elements: {
+        drawer?: React.ReactNode;
+        extra?: React.ReactNode;
+    };
+    onClose?: () => void;
+    props: Record<string, any>;
+    ref: React.Ref<HTMLElement>;
+    showCloseButton: boolean;
+    size: DialogSize;
+};
+export declare const DialogContext: React.Context<DialogContext>;
+export declare const useCurrentDialog: () => DialogContext;