@superdispatch/ui-lab 0.21.5 → 0.21.6

package/dist-types/index.d.ts

@@ -8,368 +8,368 @@ import { ButtonBaseProps, AvatarProps, IconButtonProps, TooltipProps } from '@ma
 import { FileRejection } from 'react-dropzone';
 import { StyledComponent, DefaultTheme } from 'styled-components';
 
-declare type AlertSeverityProp = 'positive' | 'info' | 'caution' | 'critical';
-interface AlertProps {
-    onClose?: () => void;
-    children?: ReactNode;
-    severity?: AlertSeverityProp;
-}
+declare type AlertSeverityProp = 'positive' | 'info' | 'caution' | 'critical';
+interface AlertProps {
+    onClose?: () => void;
+    children?: ReactNode;
+    severity?: AlertSeverityProp;
+}
 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 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 MarginProp = 'auto' | SpaceProp | NegativeSpaceProp;
-declare type BorderRadiusProp = 'none' | 'small' | 'medium';
-declare type BorderWidthProp = 'none' | 'small' | 'medium' | 'large';
-interface BoxRules {
-    display?: ResponsiveProp<Property.Display>;
-    color?: ResponsiveProp<ColorProp>;
-    backgroundColor?: ResponsiveProp<ColorProp>;
-    borderColor?: ResponsiveProp<ColorProp>;
-    borderTopColor?: ResponsiveProp<ColorProp>;
-    borderLeftColor?: ResponsiveProp<ColorProp>;
-    borderRightColor?: ResponsiveProp<ColorProp>;
-    borderBottomColor?: ResponsiveProp<ColorProp>;
-    borderWidth?: ResponsiveProp<BorderWidthProp>;
-    borderTopWidth?: ResponsiveProp<BorderWidthProp>;
-    borderLeftWidth?: ResponsiveProp<BorderWidthProp>;
-    borderRightWidth?: ResponsiveProp<BorderWidthProp>;
-    borderBottomWidth?: ResponsiveProp<BorderWidthProp>;
-    padding?: ResponsiveProp<SpaceProp>;
-    paddingTop?: ResponsiveProp<SpaceProp>;
-    paddingLeft?: ResponsiveProp<SpaceProp>;
-    paddingRight?: ResponsiveProp<SpaceProp>;
-    paddingBottom?: ResponsiveProp<SpaceProp>;
-    margin?: ResponsiveProp<MarginProp>;
-    marginTop?: ResponsiveProp<MarginProp>;
-    marginLeft?: ResponsiveProp<MarginProp>;
-    marginRight?: ResponsiveProp<MarginProp>;
-    marginBottom?: ResponsiveProp<MarginProp>;
-    borderRadius?: ResponsiveProp<BorderRadiusProp>;
-    borderTopLeftRadius?: ResponsiveProp<BorderRadiusProp>;
-    borderTopRightRadius?: ResponsiveProp<BorderRadiusProp>;
-    borderBottomLeftRadius?: ResponsiveProp<BorderRadiusProp>;
-    borderBottomRightRadius?: ResponsiveProp<BorderRadiusProp>;
-    fontSize?: ResponsiveProp<Property.FontSize>;
-    width?: ResponsiveProp<Property.Width>;
-    maxWidth?: ResponsiveProp<Property.MaxWidth>;
-    minWidth?: ResponsiveProp<Property.MinWidth>;
-    height?: ResponsiveProp<Property.Height>;
-    maxHeight?: ResponsiveProp<Property.MaxHeight>;
-    minHeight?: ResponsiveProp<Property.MinHeight>;
-    overflow?: ResponsiveProp<Property.Overflow>;
-    overflowY?: ResponsiveProp<Property.OverflowY>;
-    overflowX?: ResponsiveProp<Property.OverflowX>;
-    top?: ResponsiveProp<Property.Top>;
-    left?: ResponsiveProp<Property.Left>;
-    right?: ResponsiveProp<Property.Right>;
-    bottom?: ResponsiveProp<Property.Bottom>;
-    position?: ResponsiveProp<Property.Position>;
-}
-interface BoxProps extends BoxRules {
-    ref?: Ref<unknown>;
-    as?: keyof JSX.IntrinsicElements;
-    role?: string;
-    children?: ReactNode;
-}
+declare type MarginProp = 'auto' | SpaceProp | NegativeSpaceProp;
+declare type BorderRadiusProp = 'none' | 'small' | 'medium';
+declare type BorderWidthProp = 'none' | 'small' | 'medium' | 'large';
+interface BoxRules {
+    display?: ResponsiveProp<Property.Display>;
+    color?: ResponsiveProp<ColorProp>;
+    backgroundColor?: ResponsiveProp<ColorProp>;
+    borderColor?: ResponsiveProp<ColorProp>;
+    borderTopColor?: ResponsiveProp<ColorProp>;
+    borderLeftColor?: ResponsiveProp<ColorProp>;
+    borderRightColor?: ResponsiveProp<ColorProp>;
+    borderBottomColor?: ResponsiveProp<ColorProp>;
+    borderWidth?: ResponsiveProp<BorderWidthProp>;
+    borderTopWidth?: ResponsiveProp<BorderWidthProp>;
+    borderLeftWidth?: ResponsiveProp<BorderWidthProp>;
+    borderRightWidth?: ResponsiveProp<BorderWidthProp>;
+    borderBottomWidth?: ResponsiveProp<BorderWidthProp>;
+    padding?: ResponsiveProp<SpaceProp>;
+    paddingTop?: ResponsiveProp<SpaceProp>;
+    paddingLeft?: ResponsiveProp<SpaceProp>;
+    paddingRight?: ResponsiveProp<SpaceProp>;
+    paddingBottom?: ResponsiveProp<SpaceProp>;
+    margin?: ResponsiveProp<MarginProp>;
+    marginTop?: ResponsiveProp<MarginProp>;
+    marginLeft?: ResponsiveProp<MarginProp>;
+    marginRight?: ResponsiveProp<MarginProp>;
+    marginBottom?: ResponsiveProp<MarginProp>;
+    borderRadius?: ResponsiveProp<BorderRadiusProp>;
+    borderTopLeftRadius?: ResponsiveProp<BorderRadiusProp>;
+    borderTopRightRadius?: ResponsiveProp<BorderRadiusProp>;
+    borderBottomLeftRadius?: ResponsiveProp<BorderRadiusProp>;
+    borderBottomRightRadius?: ResponsiveProp<BorderRadiusProp>;
+    fontSize?: ResponsiveProp<Property.FontSize>;
+    width?: ResponsiveProp<Property.Width>;
+    maxWidth?: ResponsiveProp<Property.MaxWidth>;
+    minWidth?: ResponsiveProp<Property.MinWidth>;
+    height?: ResponsiveProp<Property.Height>;
+    maxHeight?: ResponsiveProp<Property.MaxHeight>;
+    minHeight?: ResponsiveProp<Property.MinHeight>;
+    overflow?: ResponsiveProp<Property.Overflow>;
+    overflowY?: ResponsiveProp<Property.OverflowY>;
+    overflowX?: ResponsiveProp<Property.OverflowX>;
+    top?: ResponsiveProp<Property.Top>;
+    left?: ResponsiveProp<Property.Left>;
+    right?: ResponsiveProp<Property.Right>;
+    bottom?: ResponsiveProp<Property.Bottom>;
+    position?: ResponsiveProp<Property.Position>;
+}
+interface BoxProps extends BoxRules {
+    ref?: Ref<unknown>;
+    as?: keyof JSX.IntrinsicElements;
+    role?: string;
+    children?: ReactNode;
+}
 declare const Box: ForwardRefExoticComponent<BoxProps>;
 
-declare type ButtonAreaVariant = 'danger' | 'success';
-interface ButtonAreaProps extends ButtonBaseProps {
-    icon: ReactNode;
-    active?: boolean;
-    fullWidth?: boolean;
-    variant?: ButtonAreaVariant;
-}
+declare type ButtonAreaVariant = 'danger' | 'success';
+interface ButtonAreaProps extends ButtonBaseProps {
+    icon: ReactNode;
+    active?: boolean;
+    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 type ButtonSizeProp = 'small' | 'medium' | 'large';
-declare type ButtonVariantProp = 'critical' | 'default' | 'inverted' | 'neutral' | 'primary' | 'text';
-interface BaseButtonProps<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;
-    variant?: ButtonVariantProp;
-    children?: ReactNode;
-    startIcon?: ReactNode;
-    endIcon?: ReactNode;
-    id?: string;
-    tabIndex?: number;
-    onClick?: MouseEventHandler<T>;
-    onFocus?: FocusEventHandler<T>;
-    onBlur?: FocusEventHandler<T>;
-}
-interface ButtonProps extends BaseButtonProps<HTMLButtonElement> {
-    type?: 'button' | 'submit';
-}
-declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
-interface AnchorButtonProps extends BaseButtonProps<HTMLAnchorElement> {
-    href: string;
-    target?: '_self' | '_blank';
-}
+declare type ButtonSizeProp = 'small' | 'medium' | 'large';
+declare type ButtonVariantProp = 'critical' | 'default' | 'inverted' | 'neutral' | 'primary' | 'text';
+interface BaseButtonProps<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;
+    variant?: ButtonVariantProp;
+    children?: ReactNode;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    id?: string;
+    tabIndex?: number;
+    onClick?: MouseEventHandler<T>;
+    onFocus?: FocusEventHandler<T>;
+    onBlur?: FocusEventHandler<T>;
+}
+interface ButtonProps extends BaseButtonProps<HTMLButtonElement> {
+    type?: 'button' | 'submit';
+}
+declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
+interface AnchorButtonProps extends BaseButtonProps<HTMLAnchorElement> {
+    href: string;
+    target?: '_self' | '_blank';
+}
 declare const AnchorButton: ForwardRefExoticComponent<AnchorButtonProps & RefAttributes<HTMLAnchorElement>>;
 
-declare type ContainerProps = HTMLAttributes<HTMLDivElement> & {
-    fullViewportHeight?: boolean;
-};
-declare const Container: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    fullViewportHeight?: boolean | undefined;
+declare type ContainerProps = HTMLAttributes<HTMLDivElement> & {
+    fullViewportHeight?: boolean;
+};
+declare const Container: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    fullViewportHeight?: boolean | undefined;
 } & RefAttributes<HTMLDivElement>>;
 
-interface DescriptionItemProps {
-    id?: string;
-    'aria-label'?: string;
-    wrap?: boolean;
-    inset?: boolean;
-    icon?: ReactNode;
-    label?: ReactNode;
-    fallback?: ReactNode;
-    children?: ReactNode;
-}
+interface DescriptionItemProps {
+    id?: string;
+    'aria-label'?: string;
+    wrap?: boolean;
+    inset?: boolean;
+    icon?: ReactNode;
+    label?: ReactNode;
+    fallback?: ReactNode;
+    children?: ReactNode;
+}
 declare const DescriptionItem: ForwardRefExoticComponent<DescriptionItemProps & RefAttributes<HTMLDivElement>>;
 
-declare function toBytes(input: number, unit: 'kb' | 'mb' | 'gb'): number;
-declare function formatBytes(bytes: number): string;
-interface FileDropZoneProps {
-    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 function toBytes(input: number, unit: 'kb' | 'mb' | 'gb'): number;
+declare function formatBytes(bytes: number): string;
+interface FileDropZoneProps {
+    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: ForwardRefExoticComponent<FileDropZoneProps & RefAttributes<HTMLButtonElement>>;
 
-interface FileListItemProps {
-    url?: string;
-    name: string;
-    onRetry?: () => void;
-    onDelete?: () => void;
-    canDelete?: boolean;
-    helperText?: ReactNode;
-    status?: 'idle' | 'loading' | 'error' | 'success';
-}
+interface FileListItemProps {
+    url?: string;
+    name: string;
+    onRetry?: () => void;
+    onDelete?: () => void;
+    canDelete?: boolean;
+    helperText?: ReactNode;
+    status?: 'idle' | 'loading' | 'error' | 'success';
+}
 declare const FileListItem: ForwardRefExoticComponent<FileListItemProps & RefAttributes<HTMLDivElement>>;
 
-declare type LinkComponentProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {
-    href: string;
-    truncate?: number;
-};
-interface LinkedTextProps extends Omit<LinkComponentProps, 'ref' | 'href'> {
-    children?: null | string;
-    linkComponent?: FunctionComponent<LinkComponentProps>;
-}
+declare type LinkComponentProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {
+    href: string;
+    truncate?: number;
+};
+interface LinkedTextProps extends Omit<LinkComponentProps, 'ref' | 'href'> {
+    children?: null | string;
+    linkComponent?: FunctionComponent<LinkComponentProps>;
+}
 declare function LinkedText({ children, linkComponent, ...props }: LinkedTextProps): ReactElement | null;
 
-interface MultilineTextProps {
-    overflowWrap?: Extract<Property.OverflowWrap, 'anywhere' | 'break-word' | 'normal'>;
-}
+interface MultilineTextProps {
+    overflowWrap?: Extract<Property.OverflowWrap, 'anywhere' | 'break-word' | 'normal'>;
+}
 declare const MultilineText: StyledComponent<"span", DefaultTheme, MultilineTextProps, never>;
 
-interface NavbarBottomBarItem {
-    active?: boolean;
-    value: string;
-    hasBadge?: boolean;
-    label: ReactNode;
-    icon: ReactNode;
-    onClick?: () => void;
-    component?: ComponentType<HTMLAttributes<HTMLElement>>;
-}
-interface NavbarBottomBarProps {
-    items: NavbarBottomBarItem[];
-    hasMenuBadge?: boolean;
-}
+interface NavbarBottomBarItem {
+    active?: boolean;
+    value: string;
+    hasBadge?: boolean;
+    label: ReactNode;
+    icon: ReactNode;
+    onClick?: () => void;
+    component?: ComponentType<HTMLAttributes<HTMLElement>>;
+}
+interface NavbarBottomBarProps {
+    items: NavbarBottomBarItem[];
+    hasMenuBadge?: boolean;
+}
 declare function NavbarBottomBar({ items, hasMenuBadge, }: NavbarBottomBarProps): ReactElement;
 
-interface NavbarAccordionProps {
-    label: ReactNode;
-    icon?: ReactNode;
-    gutter?: boolean;
-    items: Array<Omit<NavbarItemOptions, 'icon'>>;
-    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
-}
-
-declare const NavbarBadge: StyledComponent<"span", DefaultTheme, {}, never>;
-declare const NavbarLabel: StyledComponent<"span", DefaultTheme, {}, never>;
-interface NavbarItemProps {
-    onClick?: (event: MouseEvent<HTMLElement>) => void;
-    component?: ComponentType<HTMLAttributes<HTMLElement>>;
-    label: ReactNode;
-    icon?: ReactNode;
-    badge?: ReactNode;
-    ident?: number;
-    gutter?: boolean;
-    variant?: 'danger' | 'primary';
-    active?: boolean;
-}
+interface NavbarAccordionProps {
+    label: ReactNode;
+    icon?: ReactNode;
+    gutter?: boolean;
+    items: Array<Omit<NavbarItemOptions, 'icon'>>;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+}
+
+declare const NavbarBadge: StyledComponent<"span", DefaultTheme, {}, never>;
+declare const NavbarLabel: StyledComponent<"span", DefaultTheme, {}, never>;
+interface NavbarItemProps {
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    component?: ComponentType<HTMLAttributes<HTMLElement>>;
+    label: ReactNode;
+    icon?: ReactNode;
+    badge?: ReactNode;
+    ident?: number;
+    gutter?: boolean;
+    variant?: 'danger' | 'primary';
+    active?: boolean;
+}
 declare function NavbarItem({ label, gutter, badge, icon, component, onClick, variant, ident, active, }: NavbarItemProps): ReactElement;
 
-interface NavbarMenuItemProps {
-    icon?: ReactNode;
-    label: ReactNode;
-    onClick?: (event: MouseEvent<HTMLElement>) => void;
-    component?: ComponentType<HTMLAttributes<HTMLElement>>;
-}
-declare function NavbarMenuItem({ label, icon, onClick, component, }: NavbarMenuItemProps): ReactElement;
-interface NavbarAccordionOptions extends NavbarAccordionProps {
-    key: Key;
-    groupKey?: Key;
-    hide?: boolean;
-}
-interface NavbarItemOptions extends NavbarItemProps {
-    key: Key;
-    groupKey?: Key;
-    hide?: boolean;
-}
-interface NavbarListProps {
-    header: ReactNode;
-    items: Array<NavbarItemOptions | NavbarAccordionOptions>;
-    footer?: ReactNode;
-}
+interface NavbarMenuItemProps {
+    icon?: ReactNode;
+    label: ReactNode;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    component?: ComponentType<HTMLAttributes<HTMLElement>>;
+}
+declare function NavbarMenuItem({ label, icon, onClick, component, }: NavbarMenuItemProps): ReactElement;
+interface NavbarAccordionOptions extends NavbarAccordionProps {
+    key: Key;
+    groupKey?: Key;
+    hide?: boolean;
+}
+interface NavbarItemOptions extends NavbarItemProps {
+    key: Key;
+    groupKey?: Key;
+    hide?: boolean;
+}
+interface NavbarListProps {
+    header: ReactNode;
+    items: Array<NavbarItemOptions | NavbarAccordionOptions>;
+    footer?: ReactNode;
+}
 declare function NavbarList({ header, items, footer, }: NavbarListProps): ReactElement;
 
-interface NavbarProps {
-    containerStyle?: CSSProperties;
-    children: ReactNode;
-    header?: ReactNode;
-    items: NavbarItemOptions[];
-    bottomItems: NavbarBottomBarItem[];
-    footer?: ReactNode;
-    hasExtraBadge?: boolean;
-}
+interface NavbarProps {
+    containerStyle?: CSSProperties;
+    children: ReactNode;
+    header?: ReactNode;
+    items: NavbarItemOptions[];
+    bottomItems: NavbarBottomBarItem[];
+    footer?: ReactNode;
+    hasExtraBadge?: boolean;
+}
 declare function Navbar({ footer, items, header, bottomItems, children, containerStyle, hasExtraBadge, }: NavbarProps): ReactElement;
 
-interface NavbarAvatarProps extends Omit<AvatarProps, 'title'> {
-    title: ReactNode;
-    subtitle: ReactNode;
-    children: ReactNode;
-}
+interface NavbarAvatarProps extends Omit<AvatarProps, 'title'> {
+    title: ReactNode;
+    subtitle: ReactNode;
+    children: ReactNode;
+}
 declare function NavbarAvatar({ title, subtitle, children, ...props }: NavbarAvatarProps): ReactElement;
 
-
-interface NavbarContextType {
-    isDrawerOpen: boolean;
-    isMenuExpanded: boolean;
-    isNavbarExpanded: boolean;
-    setDrawerOpen: (value: boolean) => void;
-    setMenuExpanded: (value: boolean) => void;
-}
+
+interface NavbarContextType {
+    isDrawerOpen: boolean;
+    isMenuExpanded: boolean;
+    isNavbarExpanded: boolean;
+    setDrawerOpen: (value: boolean) => void;
+    setMenuExpanded: (value: boolean) => void;
+}
 declare function useNavbarContext(): NavbarContextType;
 
-interface NavbarMenuItemOption {
-    key: Key;
-    icon: ReactNode;
-    label: ReactNode;
-    visible?: boolean;
-    onClick: () => void;
-}
-interface NavbarMenuProps {
-    children: ReactNode;
-    items: NavbarMenuItemOption[];
-}
+interface NavbarMenuItemOption {
+    key: Key;
+    icon: ReactNode;
+    label: ReactNode;
+    visible?: boolean;
+    onClick: () => void;
+}
+interface NavbarMenuProps {
+    children: ReactNode;
+    items: NavbarMenuItemOption[];
+}
 declare function NavbarMenu({ items, children }: NavbarMenuProps): ReactElement;
 
-interface SidebarProps {
-    id?: string;
-    title?: ReactNode;
-    count?: null | number;
-    header?: ReactNode;
-    children?: ReactNode;
-}
+interface SidebarProps {
+    id?: string;
+    title?: ReactNode;
+    count?: null | number;
+    header?: ReactNode;
+    children?: ReactNode;
+}
 declare const Sidebar: ForwardRefExoticComponent<SidebarProps & RefAttributes<HTMLDivElement>>;
 
 declare function SidebarBackButton({ onClick, children, ...props }: IconButtonProps): ReactElement | null;
 
-interface SidebarContext {
-    openSidebar: () => void;
-    openSidebarContent: () => void;
-}
-declare function useSidebarContext(): SidebarContext;
-interface SidebarContainerProps {
-    sidebar: ReactChild;
-    children?: ReactNode;
-}
+interface SidebarContext {
+    openSidebar: () => void;
+    openSidebarContent: () => void;
+}
+declare function useSidebarContext(): SidebarContext;
+interface SidebarContainerProps {
+    sidebar: ReactChild;
+    children?: ReactNode;
+}
 declare const SidebarContainer: ForwardRefExoticComponent<SidebarContainerProps & RefAttributes<HTMLDivElement>>;
 
-interface SidebarContentProps {
-    dense?: boolean;
-    title: ReactNode;
-    children: ReactNode;
-    action?: ReactNode;
-    openOnMount?: boolean;
-    closeOnUnmount?: boolean;
-    onBack?: (event: MouseEvent<HTMLButtonElement>) => void;
-}
+interface SidebarContentProps {
+    dense?: boolean;
+    title: ReactNode;
+    children: ReactNode;
+    action?: ReactNode;
+    openOnMount?: boolean;
+    closeOnUnmount?: boolean;
+    onBack?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
 declare function SidebarContent({ dense, action, title, children, onBack, openOnMount, closeOnUnmount, }: SidebarContentProps): ReactElement;
 
-
+
 declare const SidebarDivider: ForwardRefExoticComponent<RefAttributes<HTMLDivElement>>;
 
-interface SidebarMenuItemProps {
-    selected?: boolean;
-    external?: boolean;
-    disabled?: boolean;
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    badge?: null | number;
-    action?: ReactNode;
-    avatar?: ReactNode;
-    children?: ReactNode;
-    openContentOnClick?: boolean;
-    secondaryActions?: ReactNode;
-}
+interface SidebarMenuItemProps {
+    selected?: boolean;
+    external?: boolean;
+    disabled?: boolean;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    badge?: null | number;
+    action?: ReactNode;
+    avatar?: ReactNode;
+    children?: ReactNode;
+    openContentOnClick?: boolean;
+    secondaryActions?: ReactNode;
+}
 declare const SidebarMenuItem: ForwardRefExoticComponent<SidebarMenuItemProps & RefAttributes<HTMLDivElement>>;
 
-interface SidebarMenuItemActionProps extends Pick<TooltipProps, 'title' | 'placement'> {
-    children: ReactElement;
-}
+interface SidebarMenuItemActionProps extends Pick<TooltipProps, 'title' | 'placement'> {
+    children: ReactElement;
+}
 declare const SidebarMenuItemAction: ForwardRefExoticComponent<SidebarMenuItemActionProps & RefAttributes<HTMLButtonElement>>;
 
-
-interface SidebarMenuItemAvatarProps {
-    children: string;
-    value?: boolean;
-    onChange?: (checked: boolean) => void;
-}
+
+interface SidebarMenuItemAvatarProps {
+    children: string;
+    value?: boolean;
+    onChange?: (checked: boolean) => void;
+}
 declare const SidebarMenuItemAvatar: ForwardRefExoticComponent<SidebarMenuItemAvatarProps & RefAttributes<HTMLDivElement>>;
 
-interface SidebarSubheaderProps {
-    id?: string;
-    action?: ReactNode;
-    children?: ReactNode;
-}
+interface SidebarSubheaderProps {
+    id?: string;
+    action?: ReactNode;
+    children?: ReactNode;
+}
 declare const SidebarSubheader: ForwardRefExoticComponent<SidebarSubheaderProps & RefAttributes<HTMLDivElement>>;
 
-declare type TextAlignProp = 'left' | 'right' | 'center';
-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 {
-    children?: ReactNode;
-    as?: keyof JSX.IntrinsicElements;
-    id?: string;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    'aria-describedby'?: string;
-    variant?: TextVariantProp;
-    noWrap?: ResponsiveProp<boolean>;
-    wrapOverflow?: ResponsiveProp<boolean>;
-    align?: ResponsiveProp<TextAlignProp>;
-    color?: ResponsiveProp<TextColorProp>;
-    display?: ResponsiveProp<TextDisplayProp>;
-}
+declare type TextAlignProp = 'left' | 'right' | 'center';
+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 {
+    children?: ReactNode;
+    as?: keyof JSX.IntrinsicElements;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    variant?: TextVariantProp;
+    noWrap?: ResponsiveProp<boolean>;
+    wrapOverflow?: ResponsiveProp<boolean>;
+    align?: ResponsiveProp<TextAlignProp>;
+    color?: ResponsiveProp<TextColorProp>;
+    display?: ResponsiveProp<TextDisplayProp>;
+}
 declare const TextBox: ForwardRefExoticComponent<TextBoxProps & RefAttributes<HTMLElement>>;
 
 export { Alert, AlertProps, AlertSeverityProp, AnchorButton, AnchorButtonProps, Banner, BorderRadiusProp, BorderWidthProp, Box, BoxProps, Button, ButtonArea, ButtonAreaProps, ButtonProps, ButtonSizeProp, ButtonVariantProp, Container, ContainerProps, DescriptionItem, DescriptionItemProps, FileDropZone, FileDropZoneProps, FileListItem, FileListItemProps, LinkComponentProps, LinkedText, LinkedTextProps, MarginProp, MultilineText, MultilineTextProps, Navbar, NavbarAccordionOptions, NavbarAvatar, NavbarBadge, NavbarBottomBar, NavbarBottomBarItem, NavbarItem, NavbarItemOptions, NavbarItemProps, NavbarLabel, NavbarList, NavbarMenu, NavbarMenuItem, NavbarMenuItemOption, Sidebar, SidebarBackButton, SidebarContainer, SidebarContainerProps, SidebarContent, SidebarContentProps, SidebarDivider, SidebarMenuItem, SidebarMenuItemAction, SidebarMenuItemActionProps, SidebarMenuItemAvatar, SidebarMenuItemAvatarProps, SidebarMenuItemProps, SidebarProps, SidebarSubheader, SidebarSubheaderProps, TextAlignProp, TextBox, TextBoxProps, TextColorProp, TextDisplayProp, TextVariantProp, formatBytes, toBytes, useNavbarContext, useSidebarContext };

package/package.json

@@ -1,34 +1,34 @@
-{
-  "name": "@superdispatch/ui-lab",
-  "version": "0.21.5",
-  "license": "MIT",
-  "files": [
-    "dist-*/",
-    "bin/"
-  ],
-  "pika": true,
-  "sideEffects": false,
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/superdispatch/ui.git"
-  },
-  "dependencies": {
-    "@superdispatch/hooks": "^0.21.0",
-    "@superdispatch/ui": "^0.21.0",
-    "react-anchorme": "^2.2.1",
-    "react-dropzone": "^11.3.4"
-  },
-  "peerDependencies": {
-    "@babel/runtime": "^7.0.0",
-    "react": "^17.0.2",
-    "styled-components": "^5.2.1"
-  },
-  "publishConfig": {
-    "access": "public",
-    "directory": "pkg"
-  },
-  "esnext": "dist-src/index.js",
-  "module": "dist-web/index.js",
-  "main": "dist-node/index.js",
-  "types": "dist-types/index.d.ts"
-}
+{
+  "name": "@superdispatch/ui-lab",
+  "version": "0.21.6",
+  "license": "MIT",
+  "files": [
+    "dist-*/",
+    "bin/"
+  ],
+  "pika": true,
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/superdispatch/ui.git"
+  },
+  "dependencies": {
+    "@superdispatch/hooks": "^0.21.0",
+    "@superdispatch/ui": "^0.21.6",
+    "react-anchorme": "^2.2.1",
+    "react-dropzone": "^11.3.4"
+  },
+  "peerDependencies": {
+    "@babel/runtime": "^7.0.0",
+    "react": "^17.0.2",
+    "styled-components": "^5.2.1"
+  },
+  "publishConfig": {
+    "access": "public",
+    "directory": "pkg"
+  },
+  "esnext": "dist-src/index.js",
+  "module": "dist-web/index.js",
+  "main": "dist-node/index.js",
+  "types": "dist-types/index.d.ts"
+}