@economic/taco 1.23.1 → 1.25.0

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

@@ -6,6 +6,7 @@ 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;
@@ -15,6 +16,12 @@ export declare type ButtonProps = ButtonPrimitive.ButtonProps & {
      * 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. */
@@ -43,6 +50,12 @@ export declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAtt
      * 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. */

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import './Dialog.css';
 import { DialogTriggerProps } from './components/Trigger';
 import { DialogContentProps, DialogContentRenderProps, DialogContentDrawerRenderProps, DialogTitleProps, DialogFooterProps, DialogCloseProps } from './components/Content';
-import { DialogDrawerProps, DialogDrawerRenderProps } from './components/Drawer';
+import { DialogDrawerProps, DialogDrawerRenderProps } from './components/DialogDrawer';
 import { DialogExtraProps } from './components/Extra';
 import { DialogSize } from './types';
 export type { DialogCloseProps, DialogContentDrawerRenderProps, DialogContentProps, DialogContentRenderProps, DialogDrawerProps, DialogDrawerRenderProps, DialogFooterProps, DialogSize, DialogTitleProps, };

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { DialogContext } from '../Context';
+export declare type DialogDrawerRenderProps = DialogContext['drawer'];
+export declare type DialogDrawerProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag'> & {
+    children: Omit<React.ReactNode, 'Function'> | ((props: DialogDrawerRenderProps) => React.ReactNode);
+};
+declare const DialogDrawer: 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" | "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"> & {
+    children: Pick<React.ReactNode, never> | ((props: DialogDrawerRenderProps) => React.ReactNode);
+} & React.RefAttributes<HTMLDivElement>>;
+export { DialogDrawer };

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { DrawerSize, DrawerVariant } from './types';
+export declare type DrawerContext = {
+    closeOnEscape: boolean;
+    showCloseButton: boolean;
+    onClose?: () => void;
+    onResize?: (delta: number) => void;
+    props: {};
+    ref: React.Ref<HTMLElement>;
+    size: DrawerSize;
+    open?: boolean;
+    setOpen?: (open: boolean) => void;
+    variant: DrawerVariant;
+    focusTrap?: boolean;
+    outlet?: HTMLElement;
+};
+export declare const DrawerContext: React.Context<DrawerContext>;
+export declare const useCurrentDrawer: () => DrawerContext;

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { DrawerInnerContentProps, DrawerFooterProps, DrawerTitleProps, DrawerContentProps, DrawerCloseProps } from './components/Content';
+import { GroupProps } from '../Group/Group';
+import { DialogProps } from '../Dialog/Dialog';
+import { DrawerTriggerProps } from './components/Trigger';
+import { DrawerSize, DrawerVariant } from './types';
+export declare type DrawerTexts = {
+    /**
+     * Aria-label for close icon button in drawer.
+     */
+    close: string;
+};
+export declare type DrawerProps = Omit<DialogProps, 'draggable' | 'size'> & {
+    children: React.ReactNode | React.ReactNode[];
+    /** Size of the drawer. This is the recommended way to set a size for drawer component. */
+    size?: DrawerSize;
+    /** When `true`, pressing escape will close the drawer */
+    closeOnEscape?: boolean;
+    /** Set whether the drawer is open by default or not, use when not providing a trigger  */
+    defaultOpen?: boolean;
+    /** Handler called when drawer closes by user interaction */
+    onClose?: () => void;
+    /** Called when the drawer opens or closes, must be used in conjunction with open  */
+    onChange?: (open: boolean | undefined) => void;
+    /** Control the open state of the drawer from outside the component  */
+    open?: boolean;
+    /** A trigger to be used for the drawer, should not be set if `children` already contains a trigger */
+    trigger?: JSX.Element;
+    /** Triggers when resizing, can be throttled or debounced for better performances */
+    onResize?: (delta: number) => void;
+    /** Rendering variant of the drawer */
+    variant?: DrawerVariant;
+    /** className for children container, needed for embedded version, in cases where we might need to control children height */
+    className?: string;
+    /** When 'true' preventing focus from leaving drawer content */
+    focusTrap?: boolean;
+    /** When 'true' renders close button in topr right cornenr of drawer content */
+    showCloseButton?: boolean;
+};
+export declare type OutletProps = React.HTMLAttributes<HTMLDivElement>;
+export declare type ForwardedDrawerWithStatics = React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLElement>> & {
+    Trigger: React.ForwardRefExoticComponent<DrawerTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
+    InnerContent: React.ForwardRefExoticComponent<DrawerInnerContentProps & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<DrawerTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+    Footer: React.ForwardRefExoticComponent<DrawerFooterProps & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<DrawerCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Actions: React.ForwardRefExoticComponent<GroupProps & React.RefAttributes<HTMLDivElement>>;
+    Outlet: React.ForwardRefExoticComponent<OutletProps & React.RefAttributes<HTMLDivElement>>;
+};
+export declare const Drawer: ForwardedDrawerWithStatics;

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

@@ -0,0 +1,53 @@
+import React from 'react';
+export declare type DrawerContentRenderProps = {
+    close: () => void;
+};
+export declare enum DrawerAnimationDefinition {
+    Visible = "visible",
+    Hidden = "hidden"
+}
+export declare type DrawerTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+export declare const Title: React.ForwardRefExoticComponent<DrawerTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare type DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Footer: React.ForwardRefExoticComponent<DrawerFooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Actions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: "div" | "nav" | "span" | undefined;
+    children: React.ReactNode;
+    orientation?: "horizontal" | "vertical" | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare type DrawerCloseProps = React.HTMLAttributes<HTMLButtonElement>;
+export declare const Close: React.ForwardRefExoticComponent<DrawerCloseProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * It is container component, needed to provide default scrolling behaviour and padding, to simplyfy usage, requested by feature devs.
+ * It is optional to use InnerContent component, if consumer need to implement custom behaviour or paddings for inner content,
+ * then it's simply enough to render children and wrap them in custom implementation.
+ */
+export declare type DrawerInnerContentProps = React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Consumer might want to use innerContent component to apply default paddings, but want to implement custom scrolling behaviour,
+     * default value - true
+     */
+    isScrollable?: boolean;
+};
+export declare const InnerContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Consumer might want to use innerContent component to apply default paddings, but want to implement custom scrolling behaviour,
+     * default value - true
+     */
+    isScrollable?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare type DrawerContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    /** An accessible label to be announced when the side drawer is opened */
+    'aria-label': string;
+    children: Omit<React.ReactNode, 'Function'> | ((props: DrawerContentRenderProps) => JSX.Element);
+};
+export declare const DrawerContent: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "onClick" | "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" | "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 side drawer is opened */
+    'aria-label': string;
+    children: Pick<React.ReactNode, never> | ((props: DrawerContentRenderProps) => JSX.Element);
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const Content: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "onClick" | "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" | "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 side drawer is opened */
+    'aria-label': string;
+    children: Pick<React.ReactNode, never> | ((props: DrawerContentRenderProps) => JSX.Element);
+} & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/Drawer/images.d.ts

@@ -0,0 +1 @@
+export declare const images: string[];

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

@@ -0,0 +1,2 @@
+export declare type DrawerSize = 'md' | 'lg';
+export declare type DrawerVariant = 'overlay' | 'embedded';

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

@@ -0,0 +1,7 @@
+import { DrawerSize, DrawerVariant } from './types';
+export declare const getDrawerSizeClassnames: (size: DrawerSize) => string;
+export declare const getDrawerPrimitiveContentClassNames: () => string;
+export declare const getDrawerContentClassNames: (size: DrawerSize, variant: DrawerVariant, open: boolean) => string;
+export declare const getDrawerContainerClassNames: (variant: DrawerVariant) => string;
+export declare const getDrawerDragHandlerClassNames: () => string;
+export declare const getBackdropClassNames: (open: boolean) => string;

package/dist/components/Header/Header.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Button } from './components/Button';
+import { Link } from './components/Link';
+import { Logo } from './components/Logo';
+import { PrimaryNavigation } from './components/PrimaryNavigation';
+import { SecondaryNavigation } from './components/SecondaryNavigation';
+import { MenuButton } from './components/MenuButton';
+import { AgreementDisplay, AgreementSelector } from './components/AgreementSelector';
+export declare type HeaderTexts = {
+    addAgreement: string;
+    logout: string;
+    more: string;
+    new: string;
+    search: string;
+};
+declare type HeaderProps = React.HTMLAttributes<HTMLElement>;
+export declare type ForwardedHeaderWithStatics = React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement>> & {
+    AgreementDisplay: typeof AgreementDisplay;
+    AgreementSelector: typeof AgreementSelector;
+    Button: typeof Button;
+    Link: typeof Link;
+    Logo: typeof Logo;
+    PrimaryNavigation: typeof PrimaryNavigation;
+    SecondaryNavigation: typeof SecondaryNavigation;
+    MenuButton: typeof MenuButton;
+};
+export declare const Header: ForwardedHeaderWithStatics;
+export {};

package/dist/components/Header/components/AgreementSelector.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Agreement } from './Agreements/AgreementDetails';
+export declare type AgreementDisplayProps = React.HTMLAttributes<HTMLDivElement> & {
+    currentAgreement: Agreement;
+    fallbackImageSrc: string;
+};
+export declare function AgreementDisplay(props: AgreementDisplayProps): JSX.Element;
+export declare type AgreementSelectorProps = AgreementDisplayProps & {
+    agreements: Agreement[];
+    filterAgreement: (agreement: Agreement, filter: (agreement: Agreement) => boolean) => void;
+    filterClientAgreement: (agreement: Agreement, filter: (agreement: Agreement) => boolean) => void;
+    onAddAgreement?: () => void;
+    onChangeAgreement: (agreement: Agreement) => void;
+    onLogout: () => void;
+    open?: boolean;
+    setOpen?: (open: boolean) => void;
+};
+export declare function AgreementSelector(props: AgreementSelectorProps): JSX.Element;

package/dist/components/Header/components/Agreements/AgreementDetails.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export declare type Agreement = {
+    adminAgreementNumber?: number;
+    number: number;
+    name: string;
+    userId: string;
+    clients?: Agreement[];
+    favorite?: boolean;
+    imageSrc?: string;
+    isAdministrator?: boolean;
+    isDeveloper?: boolean;
+    statuses?: any[];
+    secure: boolean;
+};
+export declare type AgreementDetailsProps = Agreement & {
+    children?: JSX.Element | null;
+    className?: string;
+    fallbackImageSrc: string;
+};
+export declare const AgreementDetails: (props: AgreementDetailsProps) => JSX.Element;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IconButtonProps } from '../../IconButton/IconButton';
+export declare type ButtonProps = Omit<IconButtonProps, 'appearance' | 'aria-label'> & {
+    as?: string;
+    'aria-label': string;
+};
+export declare const Button: React.ForwardRefExoticComponent<Pick<IconButtonProps, "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "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-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" | "dialog" | "hanger" | "icon" | "menu" | "popover" | "rounded" | "tooltip"> & {
+    as?: string | undefined;
+    'aria-label': string;
+} & React.RefAttributes<HTMLButtonElement>>;
+export declare const getButtonClasses: () => string;

package/dist/components/Header/components/Link.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { IconName } from '../../Icon/Icon';
+export declare type BaseLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    as?: string;
+    tooltip?: string;
+};
+interface LinkPropsWithoutIcon extends BaseLinkProps {
+    children: JSX.Element | string;
+    icon?: never;
+    isNew?: never;
+}
+interface LinkPropsWithIcon extends Omit<BaseLinkProps, 'aria-label'> {
+    'aria-label': string;
+    children?: never;
+    icon: IconName;
+    isNew?: boolean;
+}
+export declare type LinkProps = LinkPropsWithoutIcon | LinkPropsWithIcon;
+export declare const Link: React.ForwardRefExoticComponent<(LinkPropsWithoutIcon & React.RefAttributes<HTMLAnchorElement>) | (LinkPropsWithIcon & React.RefAttributes<HTMLAnchorElement>)>;
+export declare const getLinkClasses: (icon?: IconName | undefined) => string;
+export {};

package/dist/components/Header/components/Logo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare type LogoProps = React.SVGAttributes<SVGSVGElement>;
+export declare const Logo: React.ForwardRefExoticComponent<LogoProps & React.RefAttributes<SVGSVGElement>>;

package/dist/components/Header/components/MenuButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare type MenuButtonProps = {
+    onClick: () => void;
+};
+export declare const MenuButton: React.ForwardRefExoticComponent<MenuButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Header/components/PrimaryNavigation.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare type PrimaryNavigationProps = React.HTMLAttributes<HTMLElement>;
+export declare const PrimaryNavigation: React.ForwardRefExoticComponent<PrimaryNavigationProps & React.RefAttributes<HTMLElement>>;

package/dist/components/Header/components/SecondaryNavigation.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare type SecondaryNavigationProps = React.HTMLAttributes<HTMLUListElement>;
+export declare const SecondaryNavigation: React.ForwardRefExoticComponent<SecondaryNavigationProps & React.RefAttributes<HTMLUListElement>>;

package/dist/components/Layout/Layout.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Content } from './components/Content';
+import { Sidebar } from './components/Sidebar';
+import { Top } from './components/Top';
+import { Page } from './components/Page';
+export declare type LayoutProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Layout: React.ForwardRefExoticComponent<LayoutProps> & {
+    Top: typeof Top;
+    Page: typeof Page;
+    Sidebar: typeof Sidebar;
+    Content: typeof Content;
+};
+export type { LayoutContentProps } from './components/Content';
+export type { LayoutPageProps } from './components/Page';
+export type { LayoutSidebarProps } from './components/Sidebar';
+export type { LayoutTopProps } from './components/Top';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare type LayoutContentProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Content: React.ForwardRefExoticComponent<LayoutContentProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare type LayoutContextValue = {
+    sidebarOpen: boolean;
+    setSidebarOpen: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export declare const LayoutContext: React.Context<LayoutContextValue>;

package/dist/components/Layout/components/Page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare type LayoutPageProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Page: React.ForwardRefExoticComponent<LayoutPageProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Layout/components/Sidebar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare type LayoutSidebarProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Sidebar: React.ForwardRefExoticComponent<LayoutSidebarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Layout/components/Top.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type LayoutTopProps = {
+    children: React.ReactNode | React.ReactNode[] | (({ toggleSidebar }: {
+        toggleSidebar: any;
+    }) => React.ReactNode | React.ReactNode[]);
+};
+export declare const Top: (props: LayoutTopProps) => any;

package/dist/components/Navigation2/Navigation2.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Group } from './components/Group';
+import { Link } from './components/Link';
+import { Section } from './components/Section';
+import { Content } from './components/Content';
+export declare type Navigation2Props = React.HTMLAttributes<HTMLUListElement>;
+export declare const Navigation2: React.ForwardRefExoticComponent<Navigation2Props> & {
+    Group: typeof Group;
+    Link: typeof Link;
+    Section: typeof Section;
+    Content: typeof Content;
+};
+export { getNavigationLinkClasses } from './components/Link';
+export type { Navigation2ContentProps } from './components/Content';
+export type { Navigation2GroupProps } from './components/Group';
+export type { Navigation2LinkProps } from './components/Link';
+export type { Navigation2SectionProps } from './components/Section';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare type Navigation2ContentProps = React.LiHTMLAttributes<HTMLLIElement>;
+export declare const Content: React.ForwardRefExoticComponent<Navigation2ContentProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/Navigation2/components/Group.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type Navigation2GroupProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    defaultExpanded?: boolean;
+    heading: string | JSX.Element;
+};
+export declare const Group: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    defaultExpanded?: boolean | undefined;
+    heading: string | JSX.Element;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Navigation2/components/Link.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconName } from '../../Icon/Icon';
+import { MenuProps } from '../../Menu/Menu';
+export declare const getNavigationLinkClasses: (isDraggedOver?: boolean) => string;
+export declare type Navigation2LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    active?: boolean;
+    icon?: IconName;
+    /** Menu component associated with the button. */
+    menu?: (props: Partial<MenuProps>) => JSX.Element;
+    /** Handler to be used when dropping a dragged element over the Navigation2 link */
+    onDrop?: React.DragEventHandler;
+    /** Total shown inside a Badge component */
+    total?: number;
+};
+export declare const Link: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    active?: boolean | undefined;
+    icon?: "account-preview" | "accounting-year-cancel" | "accounting-year" | "accounting" | "arrow-bottom" | "arrow-down" | "arrow-end" | "arrow-left" | "arrow-right" | "arrow-start" | "arrow-top" | "arrow-up" | "attach-auto" | "attach-cancel" | "attach" | "autotext-insert" | "autotext" | "basic-tabs" | "basic" | "bell-solid" | "book" | "booking" | "budget" | "calendar" | "cash-account" | "cash-reports" | "chat-solid" | "chat" | "chevron-down-double" | "chevron-down-solid" | "chevron-down" | "chevron-left-double" | "chevron-left-solid" | "chevron-left" | "chevron-right-double" | "chevron-right-solid" | "chevron-right" | "chevron-up-double" | "chevron-up-solid" | "chevron-up" | "circle-close" | "circle-minus" | "circle-plus" | "circle-tick" | "clamp-open" | "clamp" | "close" | "columns" | "connection-enable" | "connection-revoke" | "contacts" | "copy" | "courses" | "credit" | "delete-permanently" | "delete" | "density-comfortable" | "density-compact" | "density-normal" | "density-spacious" | "depecriate" | "developer" | "distribution-template" | "document-approve" | "document-create-entry" | "document-cut" | "document-error" | "document-isolate-page" | "document-merge" | "document-move" | "document-preview" | "document-received" | "document-rejected-request" | "document-split" | "document-time" | "document" | "download" | "drag" | "e-copedia" | "e-signature" | "edit" | "ellipsis-horizontal" | "ellipsis-vertical" | "entries-on-account" | "entries-open" | "entries-warning" | "entry-type-customer-invoice" | "entry-type-customer-payment" | "entry-type-journal-entry" | "entry-type-manual-customer-invoice" | "entry-type-supplier-invoice" | "entry-type-supplier-payment" | "envelope-approved" | "envelope" | "expand-view" | "expenses" | "export-to-excel" | "export-to-pdf" | "export" | "filter-solid" | "filter" | "graph-solid" | "hash" | "home" | "images" | "import" | "inbox-einvoicing" | "inbox-scanning" | "inbox-smart" | "inbox" | "info" | "inventory-matrix" | "inventory" | "journal-pro" | "layout-both" | "layout-first" | "layout-last" | "layout-none" | "layout" | "ledger-card-customer-reminder" | "ledger-card-manual-customer-invoice" | "ledger-card-obsolete-stock" | "ledger-card-opening-entry" | "ledger-card-reserved-entry" | "ledger-card-shrinkage-pilferage" | "ledger-card-stock-adjustment" | "ledger-card-transferred-opening-entry" | "ledger-card" | "lightbulb" | "line" | "list-bulleted" | "list-search" | "list" | "lock-open" | "log-out" | "log" | "market" | "match-amount" | "match-entries" | "menu" | "mileage" | "modal-resize" | "modal-shrink" | "more-solid" | "more" | "move" | "navigation-list" | "note-follow-up" | "note-read" | "note" | "numbers" | "partner-api" | "period" | "person-change" | "person-minus" | "person-plus" | "person-tick" | "play" | "plus-minus" | "print" | "process-payment" | "product-ledger-card" | "profile" | "project-cards" | "projects" | "quicklinks" | "rating-bankruptcy" | "rating-payment-problems" | "reconciled" | "refresh" | "report-solid" | "report" | "restore" | "rotate-left" | "rotate-right" | "sales" | "search-bold" | "search" | "secure-tick" | "secure" | "settings-solid" | "settings" | "shortcuts" | "show-all" | "show-less" | "show-more" | "show-template" | "sliders" | "smartpay" | "sort-by" | "star-solid" | "star" | "subscriptions" | "system-entries" | "tag" | "template-override" | "templates" | "thumb-both" | "thumb-down-solid" | "thumb-down" | "thumb-up-solid" | "thumb-up" | "tick-bold" | "tick" | "time" | "transfer-cancel" | "transfer-locked" | "transfer" | "undo" | "undock" | "unreconciled" | "warning" | "webshop" | "website" | "workflow" | "zoom" | undefined;
+    /** Menu component associated with the button. */
+    menu?: ((props: Partial<MenuProps>) => JSX.Element) | undefined;
+    /** Handler to be used when dropping a dragged element over the Navigation2 link */
+    onDrop?: ((event: React.DragEvent<Element>) => void) | undefined;
+    /** Total shown inside a Badge component */
+    total?: number | undefined;
+} & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/Navigation2/components/Section.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type Navigation2SectionProps = React.LiHTMLAttributes<HTMLLIElement> & {
+    heading?: string;
+};
+export declare const Section: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & {
+    heading?: string | undefined;
+} & React.RefAttributes<HTMLLIElement>>;

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

@@ -0,0 +1 @@
+export declare const getAdjacentClasses: () => string;