@workday/canvas-kit-react 6.8.9 → 6.9.0-next.5

package/ts3.5/dist/commonjs/popup/lib/hooks/usePopupTarget.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="@emotion/core" />
-/**
- * Adds the necessary props to a `Target` component. Used by the Popup.Target subcomponent.
- */
-export declare const usePopupTarget: <P extends {}, R>(model: import("../../../common").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
-    ref: (instance: any) => void;
-    onClick: (event: import("react").MouseEvent<Element, MouseEvent>) => void;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: import("react").Ref<R>;
-} : {});
-//# sourceMappingURL=usePopupTarget.d.ts.map

package/ts3.5/dist/commonjs/popup/lib/hooks/useReturnFocus.d.ts

@@ -1,9 +0,0 @@
-/**
- * Returns focus to the target element when the popup is hidden. This works well with
- * `useInitialFocus`. This should be used with `useFocusRedirect` or `useFocusTrap` for a complete
- * focus management solution.
- *
- * This should be used on popup elements that use `useInitialFocus`.
- */
-export declare const useReturnFocus: (model: import("../../../common").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
-//# sourceMappingURL=useReturnFocus.d.ts.map

package/ts3.5/dist/commonjs/popup/lib/hooks/useTransferOnFullscreenEnter.d.ts

@@ -1,10 +0,0 @@
-/**
- * Makes the popup transfer to the fullscreen element when fullscreen is entered. Without this, the
- * popup would seem to disappear because the popup container element is not a child of the
- * fullscreen element.
- *
- * Don't use this in conjunction with a hook that will close the popup when entering fullscreen.
- * Doing so would open the popup when the intention was to close it.
- */
-export declare const useTransferOnFullscreenEnter: (model: import("../../..").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
-//# sourceMappingURL=useTransferOnFullscreenEnter.d.ts.map

package/ts3.5/dist/commonjs/popup/lib/hooks/useTransferOnFullscreenExit.d.ts

@@ -1,9 +0,0 @@
-/**
- * Makes the popup transfer to fullscreen when fullscreen is exited. Without this hook, the popup
- * would not operate correctly with other popups on the screen.
- *
- * Don't use this in conjunction with a hook that will close the popup when exiting fullscreen.
- * Doing so would open the popup when the intention was to close it.
- */
-export declare const useTransferOnFullscreenExit: (model: import("../../..").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
-//# sourceMappingURL=useTransferOnFullscreenExit.d.ts.map

package/ts3.5/dist/commonjs/radio/index.d.ts

@@ -1,7 +0,0 @@
-import Radio from './lib/Radio';
-export default Radio;
-export { Radio };
-export { default as RadioGroup } from './lib/RadioGroup';
-export * from './lib/Radio';
-export * from './lib/RadioGroup';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/radio/lib/Radio.d.ts

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import { Themeable } from '@workday/canvas-kit-react/common';
-export interface RadioProps extends Themeable {
-    /**
-     * If true, set the Radio button to the checked state.
-     * @default false
-     */
-    checked?: boolean;
-    /**
-     * If true, set the Radio button to the disabled state.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * The HTML `id` of the underlying radio input element. This is required if `label` is defined as a non-empty string.
-     * @default A uniquely generated id
-     */
-    id?: string;
-    /**
-     * The text of the Radio button label.
-     * @default ''
-     */
-    label?: string;
-    /**
-     * The name of the Radio button.
-     */
-    name?: string;
-    /**
-     * The function called when the Radio button state changes.
-     */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * The value of the Radio button.
-     */
-    value?: string;
-}
-export declare const Radio: import("../../common").ElementComponent<"input", RadioProps>;
-export default Radio;
-//# sourceMappingURL=Radio.d.ts.map

package/ts3.5/dist/commonjs/radio/lib/RadioGroup.d.ts

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { RadioProps } from './Radio';
-import { ErrorType, GrowthBehavior, Themeable } from '@workday/canvas-kit-react/common';
-export interface RadioGroupProps extends Themeable, GrowthBehavior {
-    /**
-     * The Radio button children of the RadioGroup (must be at least two).
-     */
-    children: React.ReactElement<RadioProps>[];
-    /**
-     * The selected value of the RadioGroup. If a string is provided, the Radio button with the corresponding value will be selected. If a number is provided, the Radio button with the corresponding index will be selected.
-     * @default 0
-     */
-    value?: string | number;
-    /**
-     * The common `name` passed to all Radio button children of the RadioGroup. This enables you to avoid specifying the `name` for each child.
-     */
-    name?: string;
-    /**
-     * The type of error associated with the RadioGroup (if applicable).
-     */
-    error?: ErrorType;
-    /**
-     * The function called when the RadioGroup state changes. The value passed to the callback function will be the value of the selected Radio button if it has one; otherwise, the index of the selected Radio button will be passed in.
-     */
-    onChange?: (value: string | number) => void;
-}
-declare class RadioGroup extends React.Component<RadioGroupProps> {
-    static ErrorType: typeof ErrorType;
-    render(): React.ReactNode;
-    private renderChild;
-    private onRadioChange;
-}
-export default RadioGroup;
-//# sourceMappingURL=RadioGroup.d.ts.map

package/ts3.5/dist/commonjs/segmented-control/index.d.ts

@@ -1,5 +0,0 @@
-import SegmentedControl from './lib/SegmentedControl';
-export default SegmentedControl;
-export { SegmentedControl };
-export * from './lib/SegmentedControl';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { IconButtonProps } from '@workday/canvas-kit-react/button';
-export interface SegmentedControlProps {
-    /**
-     * The IconButton children of the SegmentedControl (must be at least two).
-     * TODO: Add support for text children
-     */
-    children: React.ReactElement<IconButtonProps>[];
-    /**
-     * The value or index of the IconButton that the SegmentedControl should be toggled on to.
-     * If a string is provided, the IconButton with the corresponding value will be selected.
-     * If a number is provided, the IconButton with the corresponding index will be selected.
-     * @default 0
-     */
-    value?: string | number;
-    /**
-     * The function called when a button in the SegmentedControl is toggled.
-     * If the selected button has a value, that value will be passed to the callback function;
-     * otherwise, the index of the button will be passed.
-     */
-    onChange?: (value: string | number) => void;
-}
-declare const SegmentedControl: ({ value, children, onChange, ...elemProps }: SegmentedControlProps) => JSX.Element;
-export default SegmentedControl;
-//# sourceMappingURL=SegmentedControl.d.ts.map

package/ts3.5/dist/commonjs/select/index.d.ts

@@ -1,7 +0,0 @@
-import Select from './lib/Select';
-export default Select;
-export { Select };
-export { default as SelectOption } from './lib/SelectOption';
-export * from './lib/Select';
-export * from './lib/SelectOption';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/select/lib/Select.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { GrowthBehavior, ErrorType, Themeable } from '@workday/canvas-kit-react/common';
-import SelectOption from './SelectOption';
-export interface SelectProps extends Themeable, GrowthBehavior {
-    /**
-     * The SelectOption children of the Select (must be at least two).
-     */
-    children: React.ReactElement<SelectOption> | React.ReactElement<SelectOption>[];
-    /**
-     * If true, set the Select to the disabled state.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * The type of error associated with the Select (if applicable).
-     */
-    error?: ErrorType;
-    /**
-     * The function called when the Select state changes.
-     */
-    onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
-    /**
-     * The value of the Select.
-     */
-    value?: string;
-}
-export declare const Select: import("../../common").ElementComponent<"select", SelectProps> & {
-    ErrorType: typeof ErrorType;
-};
-export default Select;
-//# sourceMappingURL=Select.d.ts.map

package/ts3.5/dist/commonjs/select/lib/SelectOption.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-export interface SelectOptionProps extends React.OptionHTMLAttributes<HTMLOptionElement> {
-    /**
-     * The value of the SelectOption.
-     */
-    value?: string;
-    /**
-     * The text of the SelectOption label.
-     */
-    label?: string;
-    /**
-     * If true, set the SelectOption to the disabled state.
-     * @default false
-     */
-    disabled?: boolean;
-}
-export default class SelectOption extends React.Component<SelectOptionProps> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=SelectOption.d.ts.map

package/ts3.5/dist/commonjs/side-panel/index.d.ts

@@ -1,5 +0,0 @@
-import SidePanel from './lib/SidePanel';
-export default SidePanel;
-export { SidePanel };
-export * from './lib/SidePanel';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/side-panel/lib/SidePanel.d.ts

@@ -1,82 +0,0 @@
-import * as React from 'react';
-import { CanvasSpaceValues } from '@workday/canvas-kit-react/tokens';
-export interface SidePanelProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * If true, set the SidePanel to the open state.
-     * @default false;
-     */
-    open: boolean;
-    /**
-     * The function called when the toggle button is clicked. The toggle button is only shown if this prop is defined.
-     */
-    onToggleClick?: () => void;
-    /**
-     * The text or element to display as the SidePanel header.
-     */
-    header?: string | React.ReactNode;
-    /**
-     * The side from which the SidePanel opens. Accepts `Left` or `Right`.
-     * @default SidePanelOpenDirection.Left
-     */
-    openDirection?: SidePanelOpenDirection;
-    /**
-     * The function called when the window width changes and reaches a width equivalent to `breakpoint`. For example, if the window is resized from a width of `1000px`, this will be called when the window reaches a width equivalent to `breakpoint`. The `aboveBreakpoint` argument passed to the callback function indicates whether the current window width is above or below `breakpoint` so you can control `open` based on the change.
-     */
-    onBreakpointChange?: (aboveBreakpoint: boolean) => void;
-    /**
-     * The padding of the SidePanel when it's open.
-     */
-    padding?: CanvasSpaceValues;
-    /**
-     * The window width at which the SidePanel triggers `onBreakPointChange`.
-     * @default 768px
-     */
-    breakpoint?: number;
-    /**
-     * The width of the SidePanel when it's open.
-     * @default 300px
-     */
-    openWidth?: number;
-    /**
-     * The background color of the SidePanel when it's open.
-     * @default SidePanelBackgroundColor.White
-     */
-    backgroundColor?: SidePanelBackgroundColor;
-    /**
-     * The `aria-label` that describes closing the navigation.
-     * @default 'close navigation'
-     */
-    closeNavigationAriaLabel?: string;
-    /**
-     * The `aria-label` that describes opening the navigation.
-     * @default 'open navigation'
-     */
-    openNavigationAriaLabel?: string;
-}
-export interface SidePanelState {
-    screenSize: number;
-}
-export declare enum SidePanelOpenDirection {
-    Left = 0,
-    Right = 1
-}
-export declare enum SidePanelBackgroundColor {
-    White = 0,
-    Transparent = 1,
-    Gray = 2
-}
-export default class SidePanel extends React.Component<SidePanelProps, SidePanelState> {
-    static OpenDirection: typeof SidePanelOpenDirection;
-    static BackgroundColor: typeof SidePanelBackgroundColor;
-    constructor(props: SidePanelProps);
-    state: {
-        screenSize: number;
-    };
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private handleResize;
-    private onToggleClick;
-    private toggleButtonDirection;
-}
-//# sourceMappingURL=SidePanel.d.ts.map

package/ts3.5/dist/commonjs/skeleton/index.d.ts

@@ -1,2 +0,0 @@
-export { Skeleton } from './lib/skeleton';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/skeleton/lib/parts/skeletonHeader.d.ts

@@ -1,19 +0,0 @@
-export interface SkeletonHeaderProps {
-    /**
-     * The background color of the skeleton
-     * @default soap200
-     */
-    backgroundColor?: string;
-    /**
-     * The height of the shape in `px` or `%`.
-     * @default 28px
-     */
-    height?: number | string;
-    /**
-     *  The width of the shape in `px` or `%`.
-     * @default 100%
-     */
-    width?: number | string;
-}
-export declare const SkeletonHeader: import("../../../common").ElementComponent<"div", SkeletonHeaderProps>;
-//# sourceMappingURL=skeletonHeader.d.ts.map

package/ts3.5/dist/commonjs/skeleton/lib/parts/skeletonShape.d.ts

@@ -1,24 +0,0 @@
-export interface SkeletonShapeProps {
-    /**
-     *  The width of the shape in `px` or `%`.
-     * @default 100%
-     */
-    width?: number | string;
-    /**
-     * The height of the shape in `px` or `%`.
-     * @default 100%
-     */
-    height?: number | string;
-    /**
-     * The borderRadius of the shape in `px` or `%`.
-     * @default 0
-     */
-    borderRadius?: number | string;
-    /**
-     * The background color of the skeleton
-     * @default soap200
-     */
-    backgroundColor?: string;
-}
-export declare const SkeletonShape: import("../../../common").ElementComponent<"div", SkeletonShapeProps>;
-//# sourceMappingURL=skeletonShape.d.ts.map

package/ts3.5/dist/commonjs/skeleton/lib/parts/skeletonText.d.ts

@@ -1,14 +0,0 @@
-export interface SkeletonTextProps {
-    /**
-     * The number of "lines" that SkeletonText will display. If there is more than one line, the last line will have a width of `60%`.
-     * @default 2
-     */
-    lineCount?: number;
-    /**
-     * The background color of the skeleton
-     * @default soap200
-     */
-    backgroundColor?: string;
-}
-export declare const SkeletonText: import("../../../common").ElementComponent<"div", SkeletonTextProps>;
-//# sourceMappingURL=skeletonText.d.ts.map

package/ts3.5/dist/commonjs/skeleton/lib/skeleton.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-export interface SkeletonProps {
-    /**
-     * For accessibility reasons, `aria-label` is transformed into a text representation
-     * (visually hidden, but announced by screen readers) of the loader.
-     *
-     * IMPORTANT: Since we take over the use of `aria-label` here, the attribute
-     * does not get applied to the container element. We anticipate that this will change
-     * in a future major version.
-     * @default 'Loading'
-     */
-    'aria-label'?: string;
-    children?: React.ReactNode;
-}
-export declare const Skeleton: import("../../common").ElementComponent<"div", SkeletonProps> & {
-    Header: import("../../common").ElementComponent<"div", import("./parts/skeletonHeader").SkeletonHeaderProps>;
-    Shape: import("../../common").ElementComponent<"div", import("./parts/skeletonShape").SkeletonShapeProps>;
-    Text: import("../../common").ElementComponent<"div", import("./parts/skeletonText").SkeletonTextProps>;
-};
-//# sourceMappingURL=skeleton.d.ts.map

package/ts3.5/dist/commonjs/status-indicator/index.d.ts

@@ -1,5 +0,0 @@
-import StatusIndicator from './lib/StatusIndicator';
-export default StatusIndicator;
-export { StatusIndicator };
-export * from './lib/StatusIndicator';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts

@@ -1,50 +0,0 @@
-import * as React from 'react';
-import { CanvasSystemIcon } from '@workday/design-assets-types';
-import { GenericStyle } from '@workday/canvas-kit-react/common';
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-export declare enum StatusIndicatorType {
-    Gray = "gray",
-    Orange = "orange",
-    Blue = "blue",
-    Green = "green",
-    Red = "red",
-    Transparent = "transparent"
-}
-export declare enum StatusIndicatorEmphasis {
-    High = "high",
-    Low = "low"
-}
-export interface StatusIndicatorGenericStyle extends GenericStyle {
-    styles: CSSProperties;
-    variants: {
-        [statusType in StatusIndicatorType]: {
-            [statusEmphasis in StatusIndicatorEmphasis]?: CSSProperties;
-        };
-    };
-}
-export declare const statusIndicatorStyles: StatusIndicatorGenericStyle;
-export interface StatusIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /**
-     * The type of the StatusIndicator. Accepts `Gray`, `Orange`, `Blue`, `Green`, `Red`, or `Transparent`.
-     */
-    type: StatusIndicatorType;
-    /**
-     * The emphasis of the StatusIndicator. Accepts `High` or `Low`.
-     * @default StatusIndicatorEmphasis.High
-     */
-    emphasis?: StatusIndicatorEmphasis;
-    /**
-     * The text of the StatusIndicator.
-     */
-    label: string;
-    /**
-     * The icon of the StatusIndicator.
-     */
-    icon?: CanvasSystemIcon;
-}
-export default class StatusIndicator extends React.Component<StatusIndicatorProps> {
-    static Type: typeof StatusIndicatorType;
-    static Emphasis: typeof StatusIndicatorEmphasis;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=StatusIndicator.d.ts.map

package/ts3.5/dist/commonjs/switch/index.d.ts

@@ -1,5 +0,0 @@
-import Switch from './lib/Switch';
-export default Switch;
-export { Switch };
-export * from './lib/Switch';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/switch/lib/Switch.d.ts

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { ErrorType, Themeable } from '@workday/canvas-kit-react/common';
-export interface SwitchProps extends Themeable {
-    /**
-     * If true, set the Switch to the on state.
-     * @default false
-     */
-    checked?: boolean;
-    /**
-     * If true, set the Switch to the disabled state.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * The HTML `id` of the underlying checkbox input element.
-     * @default A uniquely generated id
-     */
-    id?: string;
-    /**
-     * The function called when the Switch state changes.
-     */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * The value of the Switch.
-     */
-    value?: string;
-    /**
-     * The type of error associated with the Switch (if applicable).
-     */
-    error?: ErrorType;
-}
-export declare const Switch: import("../../common").ElementComponent<"input", SwitchProps> & {
-    ErrorType: typeof ErrorType;
-};
-export default Switch;
-//# sourceMappingURL=Switch.d.ts.map

package/ts3.5/dist/commonjs/table/index.d.ts

@@ -1,7 +0,0 @@
-import Table from './lib/Table';
-import TableRow from './lib/TableRow';
-export default Table;
-export { Table, TableRow };
-export * from './lib/Table';
-export * from './lib/TableRow';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/table/lib/Table.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-export declare const borderWidth = 1;
-export declare const borderColor: string;
-export declare const cellBorder: string;
-export default class Table extends React.Component<React.TableHTMLAttributes<HTMLTableElement>> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=Table.d.ts.map

package/ts3.5/dist/commonjs/table/lib/TableRow.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { StyledType } from '@workday/canvas-kit-react/common';
-export declare enum TableRowState {
-    Error = 0,
-    Alert = 1,
-    InputError = 2,
-    InputAlert = 3,
-    Hover = 4,
-    Selected = 5
-}
-export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
-    /**
-     * The state of the TableRow. Accepts `Error`, `Alert`, `InputError`, `InputAlert`, `Hover`, or `Selected`.
-     */
-    state?: TableRowState;
-    /**
-     * If true, render the TableRow with header elements.
-     * @default false
-     */
-    header?: boolean;
-}
-declare const TableRow: import("../../common").ElementComponent<"tr", TableRowProps & StyledType> & {
-    State: typeof TableRowState;
-};
-export default TableRow;
-//# sourceMappingURL=TableRow.d.ts.map

package/ts3.5/dist/commonjs/tabs/index.d.ts

@@ -1,8 +0,0 @@
-export * from './lib/Tabs';
-export * from './lib/useTabsModel';
-export { StyledTabItem, useTabsItem } from './lib/TabsItem';
-export { useTabsList } from './lib/TabsList';
-export { useTabsMenuPopper } from './lib/TabsMenuPopper';
-export { useTabsOverflowButton } from './lib/TabsOverflowButton';
-export { useTabsPanel } from './lib/TabsPanel';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/Tabs.d.ts

@@ -1,49 +0,0 @@
-import React from 'react';
-import { TabsModel, TabsModelConfig } from './useTabsModel';
-export declare const TabsModelContext: React.Context<TabsModel<unknown>>;
-export interface TabsProps<T = any> extends TabsModelConfig<T> {
-    /**
-     * The contents of the Tabs. Can be `Tabs` children or any valid elements.
-     */
-    children: React.ReactNode;
-    /**
-     * Optionally pass a model directly to this component. Default is to create a model out of model
-     * config passed to this component.
-     * @default useTabsModel(config)
-     */
-    model?: TabsModel<T>;
-}
-export declare const Tabs: import("../../common").Component<TabsProps<any>> & {
-    List: import("../../common").ElementComponent<"div", import("./TabsList").TabListProps<unknown>>;
-    Item: import("../../common").ElementComponent<"button", import("./TabsItem").TabsItemProps> & {
-        Icon: typeof import("../..").SystemIcon;
-        Text: import("../../common").ElementComponent<"span", {}>;
-    };
-    Panel: import("../../common").ElementComponent<"div", import("./TabsPanel").TabPanelProps<unknown>>;
-    Panels: import("../../common").Component<import("./TabsPanels").TabsPanelsProps<unknown>>;
-    OverflowButton: import("../../common").ElementComponent<"button", import("./TabsOverflowButton").OverflowButtonProps>;
-    MenuPopper: import("../../common").ElementComponent<"div", import("./TabsMenuPopper").MenuPopperProps<unknown>>;
-    /**
-     * The overflow menu of the Tabs component. If there isn't enough room to render all the tab
-     * items, the extra tabs that don't fit will be overflowed into this menu.
-     * @example
-     * <Tabs.Menu.Popper>
-     *   <Tabs.Menu.Card>
-     *     <Tabs.Menu.List>
-     *       {(item: MyTabItem) => <Tabs.Menu.Item name={item.id}>{item.text}</Tabs.Menu.Item>}
-     *     </Tabs.Menu.List>
-     *   </Tabs.Menu.Card>
-     * </Tabs.Menu.Popper>
-     */
-    Menu: import("../../common").Component<import("./menu/Menu").MenuProps<any>> & {
-        Card: import("../../common").ElementComponent<"div", import("./menu/MenuCard").MenuCardProps<unknown>>;
-        List: import("../../common").ElementComponent<"div", import("./menu/MenuList").MenuListProps<unknown>>;
-        Item: import("../../common").ElementComponent<"button", import("./menu/MenuItem").MenuItemProps<unknown>> & {
-            Icon: typeof import("../..").SystemIcon;
-            Text: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "css" | "style" | "slot" | "title" | "dir" | "children" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "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" | "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">, import("../../common").EmotionCanvasTheme>;
-        };
-        Target: import("../../common").ElementComponent<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("./menu/MenuTarget").MenuTargetProps<unknown>>;
-        Popper: import("../../common").ElementComponent<"div", import("./menu/MenuPopper").MenuPopperProps<unknown>>;
-    };
-};
-//# sourceMappingURL=Tabs.d.ts.map