@superdispatch/ui-lab 0.13.0 → 0.16.0-alpha.0

package/dist-types/index.d.ts

@@ -1,9 +1,12 @@
 /// <reference types="react" />
 import { ReactNode, ForwardRefExoticComponent, RefAttributes, Ref, AriaAttributes, MouseEventHandler, FocusEventHandler, ReactChild, MouseEvent, ReactElement } from 'react';
-import { SpaceProp, NegativeSpaceProp, ResponsiveProp, ColorProp } from '@superdispatch/ui';
+import { CSSTransition } from 'react-transition-group';
+import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
+import { v5, SpaceProp as SpaceProp$1, NegativeSpaceProp as NegativeSpaceProp$1, ResponsiveProp as ResponsiveProp$2, ColorProp as ColorProp$1 } from '@superdispatch/ui';
 import { Property } from 'csstype';
-import { ButtonBaseProps, TooltipProps } from '@material-ui/core';
+import { ButtonBaseProps, TooltipProps } from '@mui/material';
 import { FileRejection } from 'react-dropzone';
+import { ButtonBaseProps as ButtonBaseProps$1, TooltipProps as TooltipProps$1 } from '@material-ui/core';
 
 declare type AlertSeverityProp = 'positive' | 'info' | 'caution' | 'critical';
 interface AlertProps {
@@ -13,6 +16,18 @@ interface AlertProps {
 }
 declare const Alert: ForwardRefExoticComponent<AlertProps & RefAttributes<HTMLDivElement>>;
 
+declare type BorderPlacement = 'top' | 'bottom';
+declare type CustomerTransitionProps = CSSTransitionProps<HTMLDivElement> & {
+    className?: string;
+    border?: BorderPlacement;
+};
+declare type BannerProps = Omit<CustomerTransitionProps, 'timeout' | 'className' | 'classNames'>;
+declare const Banner: ForwardRefExoticComponent<Pick<BannerProps, string | number> & RefAttributes<CSSTransition<HTMLDivElement>>>;
+
+declare type ColorProp = v5.ColorProp;
+declare type NegativeSpaceProp = v5.NegativeSpaceProp;
+declare type ResponsiveProp<T extends v5.ResponsivePropPrimitive> = v5.ResponsiveProp<T>;
+declare type SpaceProp = v5.SpaceProp;
 declare type MarginProp = 'auto' | SpaceProp | NegativeSpaceProp;
 declare type BorderRadiusProp = 'none' | 'small';
 declare type BorderWidthProp = 'none' | 'small' | 'medium' | 'large';
@@ -76,7 +91,7 @@ interface ButtonAreaProps extends ButtonBaseProps {
     fullWidth?: boolean;
     variant?: ButtonAreaVariant;
 }
-declare const ButtonArea: ForwardRefExoticComponent<Pick<ButtonAreaProps, "className" | "style" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "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" | "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" | "form" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "fullWidth" | "variant" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "icon" | "active"> & RefAttributes<HTMLButtonElement>>;
+declare const ButtonArea: ForwardRefExoticComponent<Pick<ButtonAreaProps, "className" | "style" | "classes" | "form" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "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" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "fullWidth" | "variant" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "icon" | "active"> & RefAttributes<HTMLButtonElement>>;
 
 declare type ButtonSizeProp = 'small' | 'medium' | 'large';
 declare type ButtonVariantProp = 'critical' | 'default' | 'inverted' | 'neutral' | 'primary' | 'text';
@@ -196,8 +211,9 @@ interface SidebarSubheaderProps {
 }
 declare const SidebarSubheader: ForwardRefExoticComponent<SidebarSubheaderProps & RefAttributes<HTMLDivElement>>;
 
+declare type ResponsiveProp$1<T extends v5.ResponsivePropPrimitive> = v5.ResponsiveProp<T>;
 declare type TextAlignProp = 'left' | 'right' | 'center';
-declare type TextColorProp = 'primary' | 'secondary' | 'white' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
+declare type TextColorProp = 'inherit' | 'primary' | 'secondary' | 'white' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
 declare type TextDisplayProp = 'none' | 'block' | 'inline' | 'initial' | 'inherit';
 declare type TextVariantProp = 'heading-1' | 'heading-2' | 'heading-3' | 'heading-4' | 'heading-5' | 'heading-6' | 'body' | 'body-block' | 'body-semibold' | 'caption';
 interface TextBoxProps {
@@ -208,12 +224,326 @@ interface TextBoxProps {
     'aria-labelledby'?: string;
     'aria-describedby'?: string;
     variant?: TextVariantProp;
-    noWrap?: ResponsiveProp<boolean>;
-    wrapOverflow?: ResponsiveProp<boolean>;
-    align?: ResponsiveProp<TextAlignProp>;
-    color?: ResponsiveProp<TextColorProp>;
-    display?: ResponsiveProp<TextDisplayProp>;
+    noWrap?: ResponsiveProp$1<boolean>;
+    wrapOverflow?: ResponsiveProp$1<boolean>;
+    align?: ResponsiveProp$1<TextAlignProp>;
+    color?: ResponsiveProp$1<TextColorProp>;
+    display?: ResponsiveProp$1<TextDisplayProp>;
 }
 declare const TextBox: ForwardRefExoticComponent<TextBoxProps & RefAttributes<HTMLElement>>;
 
-export { Alert, AlertProps, AlertSeverityProp, AnchorButton, AnchorButtonProps, BorderRadiusProp, BorderWidthProp, Box, BoxProps, Button, ButtonArea, ButtonAreaProps, ButtonProps, ButtonSizeProp, ButtonVariantProp, DescriptionItem, DescriptionItemProps, FileDropZone, FileDropZoneProps, FileListItem, FileListItemProps, MarginProp, Sidebar, SidebarContainer, SidebarContainerProps, SidebarDivider, SidebarMenuItem, SidebarMenuItemAction, SidebarMenuItemActionProps, SidebarMenuItemAvatar, SidebarMenuItemAvatarProps, SidebarMenuItemProps, SidebarProps, SidebarSubheader, SidebarSubheaderProps, TextAlignProp, TextBox, TextBoxProps, TextColorProp, TextDisplayProp, TextVariantProp, formatBytes, toBytes };
+
+
+type index_d_AlertSeverityProp = AlertSeverityProp;
+type index_d_AlertProps = AlertProps;
+declare const index_d_Alert: typeof Alert;
+declare const index_d_Banner: typeof Banner;
+type index_d_MarginProp = MarginProp;
+type index_d_BorderRadiusProp = BorderRadiusProp;
+type index_d_BorderWidthProp = BorderWidthProp;
+type index_d_BoxProps = BoxProps;
+declare const index_d_Box: typeof Box;
+type index_d_ButtonAreaProps = ButtonAreaProps;
+declare const index_d_ButtonArea: typeof ButtonArea;
+type index_d_ButtonSizeProp = ButtonSizeProp;
+type index_d_ButtonVariantProp = ButtonVariantProp;
+type index_d_ButtonProps = ButtonProps;
+declare const index_d_Button: typeof Button;
+type index_d_AnchorButtonProps = AnchorButtonProps;
+declare const index_d_AnchorButton: typeof AnchorButton;
+type index_d_DescriptionItemProps = DescriptionItemProps;
+declare const index_d_DescriptionItem: typeof DescriptionItem;
+declare const index_d_toBytes: typeof toBytes;
+declare const index_d_formatBytes: typeof formatBytes;
+type index_d_FileDropZoneProps = FileDropZoneProps;
+declare const index_d_FileDropZone: typeof FileDropZone;
+type index_d_FileListItemProps = FileListItemProps;
+declare const index_d_FileListItem: typeof FileListItem;
+type index_d_SidebarProps = SidebarProps;
+declare const index_d_Sidebar: typeof Sidebar;
+type index_d_SidebarContainerProps = SidebarContainerProps;
+declare const index_d_SidebarContainer: typeof SidebarContainer;
+declare const index_d_SidebarDivider: typeof SidebarDivider;
+type index_d_SidebarMenuItemProps = SidebarMenuItemProps;
+declare const index_d_SidebarMenuItem: typeof SidebarMenuItem;
+type index_d_SidebarMenuItemActionProps = SidebarMenuItemActionProps;
+declare const index_d_SidebarMenuItemAction: typeof SidebarMenuItemAction;
+type index_d_SidebarMenuItemAvatarProps = SidebarMenuItemAvatarProps;
+declare const index_d_SidebarMenuItemAvatar: typeof SidebarMenuItemAvatar;
+type index_d_SidebarSubheaderProps = SidebarSubheaderProps;
+declare const index_d_SidebarSubheader: typeof SidebarSubheader;
+type index_d_TextAlignProp = TextAlignProp;
+type index_d_TextColorProp = TextColorProp;
+type index_d_TextDisplayProp = TextDisplayProp;
+type index_d_TextVariantProp = TextVariantProp;
+type index_d_TextBoxProps = TextBoxProps;
+declare const index_d_TextBox: typeof TextBox;
+declare namespace index_d {
+  export {
+    index_d_AlertSeverityProp as AlertSeverityProp,
+    index_d_AlertProps as AlertProps,
+    index_d_Alert as Alert,
+    index_d_Banner as Banner,
+    index_d_MarginProp as MarginProp,
+    index_d_BorderRadiusProp as BorderRadiusProp,
+    index_d_BorderWidthProp as BorderWidthProp,
+    index_d_BoxProps as BoxProps,
+    index_d_Box as Box,
+    index_d_ButtonAreaProps as ButtonAreaProps,
+    index_d_ButtonArea as ButtonArea,
+    index_d_ButtonSizeProp as ButtonSizeProp,
+    index_d_ButtonVariantProp as ButtonVariantProp,
+    index_d_ButtonProps as ButtonProps,
+    index_d_Button as Button,
+    index_d_AnchorButtonProps as AnchorButtonProps,
+    index_d_AnchorButton as AnchorButton,
+    index_d_DescriptionItemProps as DescriptionItemProps,
+    index_d_DescriptionItem as DescriptionItem,
+    index_d_toBytes as toBytes,
+    index_d_formatBytes as formatBytes,
+    index_d_FileDropZoneProps as FileDropZoneProps,
+    index_d_FileDropZone as FileDropZone,
+    index_d_FileListItemProps as FileListItemProps,
+    index_d_FileListItem as FileListItem,
+    index_d_SidebarProps as SidebarProps,
+    index_d_Sidebar as Sidebar,
+    index_d_SidebarContainerProps as SidebarContainerProps,
+    index_d_SidebarContainer as SidebarContainer,
+    index_d_SidebarDivider as SidebarDivider,
+    index_d_SidebarMenuItemProps as SidebarMenuItemProps,
+    index_d_SidebarMenuItem as SidebarMenuItem,
+    index_d_SidebarMenuItemActionProps as SidebarMenuItemActionProps,
+    index_d_SidebarMenuItemAction as SidebarMenuItemAction,
+    index_d_SidebarMenuItemAvatarProps as SidebarMenuItemAvatarProps,
+    index_d_SidebarMenuItemAvatar as SidebarMenuItemAvatar,
+    index_d_SidebarSubheaderProps as SidebarSubheaderProps,
+    index_d_SidebarSubheader as SidebarSubheader,
+    index_d_TextAlignProp as TextAlignProp,
+    index_d_TextColorProp as TextColorProp,
+    index_d_TextDisplayProp as TextDisplayProp,
+    index_d_TextVariantProp as TextVariantProp,
+    index_d_TextBoxProps as TextBoxProps,
+    index_d_TextBox as TextBox,
+  };
+}
+
+declare type AlertSeverityProp$1 = 'positive' | 'info' | 'caution' | 'critical';
+interface AlertProps$1 {
+    onClose?: () => void;
+    children?: ReactNode;
+    severity?: AlertSeverityProp$1;
+}
+declare const Alert$1: ForwardRefExoticComponent<AlertProps$1 & RefAttributes<HTMLDivElement>>;
+
+declare type BorderPlacement$1 = 'top' | 'bottom';
+declare type CustomerTransitionProps$1 = CSSTransitionProps<HTMLDivElement> & {
+    className?: string;
+    border?: BorderPlacement$1;
+};
+declare type BannerProps$1 = Omit<CustomerTransitionProps$1, 'timeout' | 'className' | 'classNames'>;
+declare const Banner$1: ForwardRefExoticComponent<Pick<BannerProps$1, string | number> & RefAttributes<CSSTransition<HTMLDivElement>>>;
+
+declare type MarginProp$1 = 'auto' | SpaceProp$1 | NegativeSpaceProp$1;
+declare type BorderRadiusProp$1 = 'none' | 'small';
+declare type BorderWidthProp$1 = 'none' | 'small' | 'medium' | 'large';
+interface BoxRules$1 {
+    display?: ResponsiveProp$2<Property.Display>;
+    color?: ResponsiveProp$2<ColorProp$1>;
+    backgroundColor?: ResponsiveProp$2<ColorProp$1>;
+    borderColor?: ResponsiveProp$2<ColorProp$1>;
+    borderTopColor?: ResponsiveProp$2<ColorProp$1>;
+    borderLeftColor?: ResponsiveProp$2<ColorProp$1>;
+    borderRightColor?: ResponsiveProp$2<ColorProp$1>;
+    borderBottomColor?: ResponsiveProp$2<ColorProp$1>;
+    borderWidth?: ResponsiveProp$2<BorderWidthProp$1>;
+    borderTopWidth?: ResponsiveProp$2<BorderWidthProp$1>;
+    borderLeftWidth?: ResponsiveProp$2<BorderWidthProp$1>;
+    borderRightWidth?: ResponsiveProp$2<BorderWidthProp$1>;
+    borderBottomWidth?: ResponsiveProp$2<BorderWidthProp$1>;
+    padding?: ResponsiveProp$2<SpaceProp$1>;
+    paddingTop?: ResponsiveProp$2<SpaceProp$1>;
+    paddingLeft?: ResponsiveProp$2<SpaceProp$1>;
+    paddingRight?: ResponsiveProp$2<SpaceProp$1>;
+    paddingBottom?: ResponsiveProp$2<SpaceProp$1>;
+    margin?: ResponsiveProp$2<MarginProp$1>;
+    marginTop?: ResponsiveProp$2<MarginProp$1>;
+    marginLeft?: ResponsiveProp$2<MarginProp$1>;
+    marginRight?: ResponsiveProp$2<MarginProp$1>;
+    marginBottom?: ResponsiveProp$2<MarginProp$1>;
+    borderRadius?: ResponsiveProp$2<BorderRadiusProp$1>;
+    borderTopLeftRadius?: ResponsiveProp$2<BorderRadiusProp$1>;
+    borderTopRightRadius?: ResponsiveProp$2<BorderRadiusProp$1>;
+    borderBottomLeftRadius?: ResponsiveProp$2<BorderRadiusProp$1>;
+    borderBottomRightRadius?: ResponsiveProp$2<BorderRadiusProp$1>;
+    fontSize?: ResponsiveProp$2<Property.FontSize>;
+    width?: ResponsiveProp$2<Property.Width>;
+    maxWidth?: ResponsiveProp$2<Property.MaxWidth>;
+    minWidth?: ResponsiveProp$2<Property.MinWidth>;
+    height?: ResponsiveProp$2<Property.Height>;
+    maxHeight?: ResponsiveProp$2<Property.MaxHeight>;
+    minHeight?: ResponsiveProp$2<Property.MinHeight>;
+    overflow?: ResponsiveProp$2<Property.Overflow>;
+    overflowY?: ResponsiveProp$2<Property.OverflowY>;
+    overflowX?: ResponsiveProp$2<Property.OverflowX>;
+    top?: ResponsiveProp$2<Property.Top>;
+    left?: ResponsiveProp$2<Property.Left>;
+    right?: ResponsiveProp$2<Property.Right>;
+    bottom?: ResponsiveProp$2<Property.Bottom>;
+    position?: ResponsiveProp$2<Property.Position>;
+}
+interface BoxProps$1 extends BoxRules$1 {
+    ref?: Ref<unknown>;
+    as?: keyof JSX.IntrinsicElements;
+    role?: string;
+    children?: ReactNode;
+}
+declare const Box$1: ForwardRefExoticComponent<BoxProps$1>;
+
+declare type ButtonAreaVariant$1 = 'danger' | 'success';
+interface ButtonAreaProps$1 extends ButtonBaseProps$1 {
+    icon: ReactNode;
+    active?: boolean;
+    fullWidth?: boolean;
+    variant?: ButtonAreaVariant$1;
+}
+declare const ButtonArea$1: ForwardRefExoticComponent<Pick<ButtonAreaProps$1, "className" | "style" | "classes" | "form" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "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" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "fullWidth" | "variant" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "icon" | "active" | "innerRef" | "buttonRef"> & RefAttributes<HTMLButtonElement>>;
+
+declare type ButtonSizeProp$1 = 'small' | 'medium' | 'large';
+declare type ButtonVariantProp$1 = 'critical' | 'default' | 'inverted' | 'neutral' | 'primary' | 'text';
+interface BaseButtonProps$1<T extends HTMLElement> extends Pick<AriaAttributes, 'aria-label' | 'aria-controls' | 'aria-haspopup' | 'aria-labelledby'> {
+    active?: boolean;
+    pending?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    fullWidth?: boolean;
+    size?: ButtonSizeProp$1;
+    variant?: ButtonVariantProp$1;
+    children?: ReactNode;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    id?: string;
+    tabIndex?: number;
+    onClick?: MouseEventHandler<T>;
+    onFocus?: FocusEventHandler<T>;
+    onBlur?: FocusEventHandler<T>;
+}
+interface ButtonProps$1 extends BaseButtonProps$1<HTMLButtonElement> {
+    type?: 'button' | 'submit';
+}
+declare const Button$1: ForwardRefExoticComponent<ButtonProps$1 & RefAttributes<HTMLButtonElement>>;
+interface AnchorButtonProps$1 extends BaseButtonProps$1<HTMLAnchorElement> {
+    href: string;
+    target?: '_self' | '_blank';
+}
+declare const AnchorButton$1: ForwardRefExoticComponent<AnchorButtonProps$1 & RefAttributes<HTMLAnchorElement>>;
+
+interface DescriptionItemProps$1 {
+    id?: string;
+    'aria-label'?: string;
+    wrap?: boolean;
+    inset?: boolean;
+    icon?: ReactNode;
+    label?: ReactNode;
+    fallback?: ReactNode;
+    children?: ReactNode;
+}
+declare const DescriptionItem$1: ForwardRefExoticComponent<DescriptionItemProps$1 & RefAttributes<HTMLDivElement>>;
+
+declare function toBytes$1(input: number, unit: 'kb' | 'mb' | 'gb'): number;
+declare function formatBytes$1(bytes: number): string;
+interface FileDropZoneProps$1 {
+    children?: ReactNode;
+    startIcon?: ReactNode;
+    hintText?: ReactNode;
+    fallback?: ReactNode;
+    disabled?: boolean;
+    maxSize?: number;
+    maxFiles?: number;
+    accept?: string | string[];
+    onDropAccepted?: (files: File[]) => void;
+    onDropRejected?: (fileRejections: FileRejection[]) => void;
+}
+declare const FileDropZone$1: ForwardRefExoticComponent<FileDropZoneProps$1 & RefAttributes<HTMLButtonElement>>;
+
+interface FileListItemProps$1 {
+    url?: string;
+    name: string;
+    onRetry?: () => void;
+    onDelete?: () => void;
+    helperText?: ReactNode;
+    status?: 'idle' | 'loading' | 'error' | 'success';
+}
+declare const FileListItem$1: ForwardRefExoticComponent<FileListItemProps$1 & RefAttributes<HTMLDivElement>>;
+
+interface SidebarProps$1 {
+    id?: string;
+    title?: ReactNode;
+    count?: null | number;
+    header?: ReactNode;
+    children?: ReactNode;
+}
+declare const Sidebar$1: ForwardRefExoticComponent<SidebarProps$1 & RefAttributes<HTMLDivElement>>;
+
+interface SidebarContainerProps$1 {
+    sidebar: ReactChild;
+    children?: ReactNode;
+}
+declare const SidebarContainer$1: ForwardRefExoticComponent<SidebarContainerProps$1 & RefAttributes<HTMLDivElement>>;
+
+
+declare const SidebarDivider$1: ForwardRefExoticComponent<RefAttributes<HTMLDivElement>>;
+
+interface SidebarMenuItemProps$1 {
+    selected?: boolean;
+    external?: boolean;
+    disabled?: boolean;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    badge?: null | number;
+    action?: ReactNode;
+    avatar?: ReactNode;
+    children?: ReactNode;
+    secondaryActions?: ReactNode;
+}
+declare const SidebarMenuItem$1: ForwardRefExoticComponent<SidebarMenuItemProps$1 & RefAttributes<HTMLDivElement>>;
+
+interface SidebarMenuItemActionProps$1 extends Pick<TooltipProps$1, 'title' | 'placement'> {
+    children: ReactElement;
+}
+declare const SidebarMenuItemAction$1: ForwardRefExoticComponent<SidebarMenuItemActionProps$1 & RefAttributes<HTMLButtonElement>>;
+
+
+interface SidebarMenuItemAvatarProps$1 {
+    children: string;
+    value?: boolean;
+    onChange?: (checked: boolean) => void;
+}
+declare const SidebarMenuItemAvatar$1: ForwardRefExoticComponent<SidebarMenuItemAvatarProps$1 & RefAttributes<HTMLDivElement>>;
+
+interface SidebarSubheaderProps$1 {
+    id?: string;
+    action?: ReactNode;
+    children?: ReactNode;
+}
+declare const SidebarSubheader$1: ForwardRefExoticComponent<SidebarSubheaderProps$1 & RefAttributes<HTMLDivElement>>;
+
+declare type TextAlignProp$1 = 'left' | 'right' | 'center';
+declare type TextColorProp$1 = 'inherit' | 'primary' | 'secondary' | 'white' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
+declare type TextDisplayProp$1 = 'none' | 'block' | 'inline' | 'initial' | 'inherit';
+declare type TextVariantProp$1 = 'heading-1' | 'heading-2' | 'heading-3' | 'heading-4' | 'heading-5' | 'heading-6' | 'body' | 'body-block' | 'body-semibold' | 'caption';
+interface TextBoxProps$1 {
+    children?: ReactNode;
+    as?: keyof JSX.IntrinsicElements;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    variant?: TextVariantProp$1;
+    noWrap?: ResponsiveProp$2<boolean>;
+    wrapOverflow?: ResponsiveProp$2<boolean>;
+    align?: ResponsiveProp$2<TextAlignProp$1>;
+    color?: ResponsiveProp$2<TextColorProp$1>;
+    display?: ResponsiveProp$2<TextDisplayProp$1>;
+}
+declare const TextBox$1: ForwardRefExoticComponent<TextBoxProps$1 & RefAttributes<HTMLElement>>;
+
+export { Alert$1 as Alert, AlertProps$1 as AlertProps, AlertSeverityProp$1 as AlertSeverityProp, AnchorButton$1 as AnchorButton, AnchorButtonProps$1 as AnchorButtonProps, Banner$1 as Banner, BorderRadiusProp$1 as BorderRadiusProp, BorderWidthProp$1 as BorderWidthProp, Box$1 as Box, BoxProps$1 as BoxProps, Button$1 as Button, ButtonArea$1 as ButtonArea, ButtonAreaProps$1 as ButtonAreaProps, ButtonProps$1 as ButtonProps, ButtonSizeProp$1 as ButtonSizeProp, ButtonVariantProp$1 as ButtonVariantProp, DescriptionItem$1 as DescriptionItem, DescriptionItemProps$1 as DescriptionItemProps, FileDropZone$1 as FileDropZone, FileDropZoneProps$1 as FileDropZoneProps, FileListItem$1 as FileListItem, FileListItemProps$1 as FileListItemProps, MarginProp$1 as MarginProp, Sidebar$1 as Sidebar, SidebarContainer$1 as SidebarContainer, SidebarContainerProps$1 as SidebarContainerProps, SidebarDivider$1 as SidebarDivider, SidebarMenuItem$1 as SidebarMenuItem, SidebarMenuItemAction$1 as SidebarMenuItemAction, SidebarMenuItemActionProps$1 as SidebarMenuItemActionProps, SidebarMenuItemAvatar$1 as SidebarMenuItemAvatar, SidebarMenuItemAvatarProps$1 as SidebarMenuItemAvatarProps, SidebarMenuItemProps$1 as SidebarMenuItemProps, SidebarProps$1 as SidebarProps, SidebarSubheader$1 as SidebarSubheader, SidebarSubheaderProps$1 as SidebarSubheaderProps, TextAlignProp$1 as TextAlignProp, TextBox$1 as TextBox, TextBoxProps$1 as TextBoxProps, TextColorProp$1 as TextColorProp, TextDisplayProp$1 as TextDisplayProp, TextVariantProp$1 as TextVariantProp, formatBytes$1 as formatBytes, toBytes$1 as toBytes, index_d as v5 };