@omni-design/components 0.13.0 → 0.14.1

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

@@ -1,3 +1,5 @@
+/** Does this build have a mark for that name? */
+export function hasBrandIcon(name: any): boolean;
 /**
  * @param name   lowercase, hyphenated, as Figma's text layer holds it:
  *               'github', 'x-twitter', 'linkedin', 'dribbble', 'instagram'
@@ -17,4 +19,5 @@ export function BrandIcon({ name, icon, size, color, title, ...props }: {
     color?: string;
     title: any;
 }): JSX.Element;
+export const BRAND_ICON_NAMES: any[];
 export default BrandIcon;

package/dist/types/components/BrandIcon/BrandIconShowcase.d.ts

@@ -0,0 +1,2 @@
+export function BrandIconShowcase(): JSX.Element;
+export default BrandIconShowcase;

package/dist/types/components/BrandIcon/index.d.ts

@@ -1 +1,2 @@
-export { BrandIcon, default } from "./BrandIcon";
+export { BrandIconShowcase } from "./BrandIconShowcase";
+export { BrandIcon, BRAND_ICON_NAMES, hasBrandIcon, default } from "./BrandIcon";

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

@@ -1,69 +1,38 @@
 export function normalizeButtonVariant(variant: any): string;
-export function Button({ variant, size, elevated, selected, fullWidth, disabled, contentType, iconOnly, letterNumber, avatar, swatch, swatchColor, startIcon, endIcon, startDecorator, endDecorator, badge, badgeContent, badgeVariant, badgeSize, badgeDot, badgeMax, badgeAnchorOrigin, children, className, sx, ...props }: {
-    [x: string]: any;
-    variant?: string;
-    size?: string;
-    elevated?: boolean;
-    selected?: boolean;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    contentType: any;
-    iconOnly?: boolean;
-    letterNumber?: boolean;
-    avatar?: boolean;
-    swatch?: boolean;
-    swatchColor: any;
-    startIcon: any;
-    endIcon: any;
-    startDecorator: any;
-    endDecorator: any;
-    badge?: boolean;
-    badgeContent: any;
-    badgeVariant?: string;
-    badgeSize: any;
-    badgeDot?: boolean;
-    badgeMax?: number;
-    badgeAnchorOrigin?: {
-        vertical: string;
-        horizontal: string;
-    };
-    children: any;
-    className?: string;
-    sx?: {};
-}): JSX.Element;
 export const BUTTON_CONTENT_TYPES: string[];
-export function DefaultButton(p: any): JSX.Element;
-export function DefaultOutlineButton(p: any): JSX.Element;
-export function PrimaryButton(p: any): JSX.Element;
-export function SecondaryButton(p: any): JSX.Element;
-export function TertiaryButton(p: any): JSX.Element;
-export function NeutralButton(p: any): JSX.Element;
-export function InfoButton(p: any): JSX.Element;
-export function SuccessButton(p: any): JSX.Element;
-export function WarningButton(p: any): JSX.Element;
-export function ErrorButton(p: any): JSX.Element;
-export function DangerButton(p: any): JSX.Element;
-export function PrimaryOutlineButton(p: any): JSX.Element;
-export function SecondaryOutlineButton(p: any): JSX.Element;
-export function TertiaryOutlineButton(p: any): JSX.Element;
-export function NeutralOutlineButton(p: any): JSX.Element;
-export function InfoOutlineButton(p: any): JSX.Element;
-export function SuccessOutlineButton(p: any): JSX.Element;
-export function WarningOutlineButton(p: any): JSX.Element;
-export function ErrorOutlineButton(p: any): JSX.Element;
-export function PrimaryLightButton(p: any): JSX.Element;
-export function SecondaryLightButton(p: any): JSX.Element;
-export function TertiaryLightButton(p: any): JSX.Element;
-export function NeutralLightButton(p: any): JSX.Element;
-export function InfoLightButton(p: any): JSX.Element;
-export function SuccessLightButton(p: any): JSX.Element;
-export function WarningLightButton(p: any): JSX.Element;
-export function ErrorLightButton(p: any): JSX.Element;
-export function GhostButton(p: any): JSX.Element;
-export function TextButton(p: any): JSX.Element;
-export function OutlineButton(p: any): JSX.Element;
-export function IconButton(p: any): JSX.Element;
-export function LetterButton(p: any): JSX.Element;
-export function AvatarButton(p: any): JSX.Element;
-export function SwatchButton(p: any): JSX.Element;
+export const Button: any;
+export const DefaultButton: any;
+export const DefaultOutlineButton: any;
+export const PrimaryButton: any;
+export const SecondaryButton: any;
+export const TertiaryButton: any;
+export const NeutralButton: any;
+export const InfoButton: any;
+export const SuccessButton: any;
+export const WarningButton: any;
+export const ErrorButton: any;
+export const DangerButton: any;
+export const PrimaryOutlineButton: any;
+export const SecondaryOutlineButton: any;
+export const TertiaryOutlineButton: any;
+export const NeutralOutlineButton: any;
+export const InfoOutlineButton: any;
+export const SuccessOutlineButton: any;
+export const WarningOutlineButton: any;
+export const ErrorOutlineButton: any;
+export const PrimaryLightButton: any;
+export const SecondaryLightButton: any;
+export const TertiaryLightButton: any;
+export const NeutralLightButton: any;
+export const InfoLightButton: any;
+export const SuccessLightButton: any;
+export const WarningLightButton: any;
+export const ErrorLightButton: any;
+export const GhostButton: any;
+export const TextButton: any;
+export const OutlineButton: any;
+export const IconButton: any;
+export const LetterButton: any;
+export const AvatarButton: any;
+export const SwatchButton: any;
 export default Button;

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

@@ -1,4 +1,4 @@
-export function ButtonGroup({ variant, color, size, disabled, orientation, separated, spacing, fit, fullWidth, equalWidth, multiple, value: controlledValue, defaultValue, onChange, children, className, sx, "aria-label": ariaLabel, ...props }: {
+export function ButtonGroup({ variant, color, size, disabled, orientation, separated, spacing, fit, fullWidth, equalWidth, multiple, allowEmpty, __selectionOwner, value: controlledValue, defaultValue, onChange, children, className, sx, "aria-label": ariaLabel, ...props }: {
     [x: string]: any;
     variant?: string;
     color?: string;
@@ -11,6 +11,8 @@ export function ButtonGroup({ variant, color, size, disabled, orientation, separ
     fullWidth?: boolean;
     equalWidth?: boolean;
     multiple?: boolean;
+    allowEmpty?: boolean;
+    __selectionOwner?: boolean;
     value: any;
     defaultValue: any;
     onChange: any;

package/dist/types/components/CodeBlock/index.d.ts

@@ -0,0 +1 @@
+export { CodeBlock, CopyButton, default } from "./CodeBlock";

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

@@ -5,7 +5,7 @@ export function ListItemDecorator({ children, size, isButton, onAction, ariaLabe
     onAction: any;
     ariaLabel: any;
 }): JSX.Element;
-export function ListItem({ children, startDecorator, endDecorator, startDecoratorIsButton, endDecoratorIsButton, onStartDecoratorAction, onEndDecoratorAction, startDecoratorAriaLabel, endDecoratorAriaLabel, size, variant, color, eyebrow, overline, secondary, clickable, disabled, selected, selectionMode, onSelect, onClick, bottomBorder, rightBorder, sx, ...props }: {
+export function ListItem({ children, startDecorator, endDecorator, startDecoratorIsButton, endDecoratorIsButton, onStartDecoratorAction, onEndDecoratorAction, startDecoratorAriaLabel, endDecoratorAriaLabel, size, variant, color, eyebrow, overline, secondary, clickable, disabled, selected, selectionMode, onSelect, onClick, bottomBorder, rightBorder, component, sx, ...props }: {
     [x: string]: any;
     children: any;
     startDecorator: any;
@@ -30,6 +30,7 @@ export function ListItem({ children, startDecorator, endDecorator, startDecorato
     onClick: any;
     bottomBorder?: boolean;
     rightBorder?: boolean;
+    component?: string;
     sx?: {};
 }): JSX.Element;
 export function List({ children, items, variant, color, size, orientation, dividers, selectionMode, loading, skeletonRows, empty, error, selectedIndices, onSelectionChange, clickable, component, className, sx, ...props }: {

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

@@ -1,4 +1,4 @@
-export function Rail({ items, sections, value: controlledValue, defaultValue, onChange, expandable, expandedWidth, defaultExpanded, fabAction, labelStyle, size, className, sx, ...props }: {
+export function Rail({ items, sections, value: controlledValue, defaultValue, onChange, expandable, expandedWidth, defaultExpanded, fabAction, labelStyle, variant, size, className, sx, ...props }: {
     [x: string]: any;
     items?: any[];
     sections: any;
@@ -10,6 +10,7 @@ export function Rail({ items, sections, value: controlledValue, defaultValue, on
     defaultExpanded?: boolean;
     fabAction: any;
     labelStyle?: string;
+    variant?: string;
     size?: string;
     className?: string;
     sx?: {};

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

@@ -1,4 +1,4 @@
-export function Slider({ theme, surface, variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
+export function Slider({ theme, surface, variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, fill, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
     [x: string]: any;
     theme: any;
     surface: any;
@@ -14,6 +14,7 @@ export function Slider({ theme, surface, variant, size, value, defaultValue, onC
     marks?: boolean;
     valueLabelDisplay?: string;
     orientation?: string;
+    fill: any;
     track?: string;
     disabled?: boolean;
     label: any;
@@ -32,7 +33,7 @@ export function InfoSlider(p: any): JSX.Element;
 export function SuccessSlider(p: any): JSX.Element;
 export function WarningSlider(p: any): JSX.Element;
 export function ErrorSlider(p: any): JSX.Element;
-export function SliderInput({ theme, surface, variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
+export function SliderInput({ theme, surface, variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, fill, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
     [x: string]: any;
     theme: any;
     surface: any;
@@ -48,6 +49,7 @@ export function SliderInput({ theme, surface, variant, size, value, defaultValue
     marks?: boolean;
     valueLabelDisplay?: string;
     orientation?: string;
+    fill: any;
     track?: string;
     disabled?: boolean;
     label: any;
@@ -57,7 +59,7 @@ export function SliderInput({ theme, surface, variant, size, value, defaultValue
     "aria-label": any;
     "aria-labelledby": any;
 }): JSX.Element;
-export function RangeSlider({ theme, surface, variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
+export function RangeSlider({ theme, surface, variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, fill, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
     [x: string]: any;
     theme: any;
     surface: any;
@@ -73,6 +75,7 @@ export function RangeSlider({ theme, surface, variant, size, value, defaultValue
     marks?: boolean;
     valueLabelDisplay?: string;
     orientation?: string;
+    fill: any;
     track?: string;
     disabled?: boolean;
     label: any;

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

@@ -1,11 +1,14 @@
-/** @deprecated Use ButtonGroup. */
-export function ToggleButtonGroup({ variant, exclusive, onChange, ...props }: {
+export function ToggleButtonGroup({ variant, color, exclusive, multiple, onChange, allowEmpty, separated, ...props }: {
     [x: string]: any;
-    variant?: string;
-    exclusive?: boolean;
+    variant: any;
+    color: any;
+    exclusive: any;
+    multiple: any;
     onChange: any;
+    allowEmpty?: boolean;
+    separated?: boolean;
 }): JSX.Element;
-/** @deprecated Use Button with a `value` prop as a ButtonGroup segment. */
+/** A segment. Button already is one — this name ships publicly, so it stays. */
 export function ToggleButton(props: any): JSX.Element;
 export function DefaultToggleButtonGroup(p: any): JSX.Element;
 export namespace DefaultToggleButtonGroup {

package/dist/types/components/ToggleButtonGroup/ToggleButtonGroupShowcase.d.ts

@@ -0,0 +1,2 @@
+export function ToggleButtonGroupShowcase(): JSX.Element;
+export default ToggleButtonGroupShowcase;

package/dist/types/components/ToggleButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { ToggleButtonGroupShowcase } from "./ToggleButtonGroupShowcase";
+export { ToggleButtonGroup, ToggleButton, DefaultToggleButtonGroup, PrimaryToggleButtonGroup, SecondaryToggleButtonGroup, TertiaryToggleButtonGroup, NeutralToggleButtonGroup, BlackWhiteToggleButtonGroup, InfoToggleButtonGroup, SuccessToggleButtonGroup, WarningToggleButtonGroup, ErrorToggleButtonGroup, default } from "./ToggleButtonGroup";

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

@@ -2,6 +2,27 @@ export function ContrastBadge({ ratio, threshold }: {
     ratio: any;
     threshold?: number;
 }): JSX.Element;
+/**
+ * What the numbers below are a verdict ON.
+ *
+ * Every ratio in this tab is measured against the component AS CONFIGURED IN
+ * THE PLAYGROUND — the variant, color, size and surface currently selected
+ * there — not against the component in general. Change a control and these
+ * numbers change with it.
+ *
+ * Saying so matters because the two readings lead opposite ways. A FAIL here
+ * means "this combination fails", which is a thing the user chose and can
+ * change; read as "this component fails" it becomes a bug report against the
+ * library for a configuration nobody shipped. And a PASS on the default
+ * configuration says nothing about the eight palettes the user did not look
+ * at — so a tab that stated no scope was quietly inviting both mistakes.
+ *
+ * One component, one place: the wording lives here rather than in 54
+ * showcases, so it can be corrected once.
+ */
+export function A11yScopeNote({ configuration }: {
+    configuration: any;
+}): JSX.Element;
 export function A11yRow({ label, ratio, threshold, note }: {
     label: any;
     ratio: any;

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

@@ -202,6 +202,129 @@ export namespace CARD_DOC {
     let gotchas_2: string[];
     export { gotchas_2 as gotchas };
 }
+export namespace BUTTON_GROUP_DOC {
+    let name_3: string;
+    export { name_3 as name };
+    let summary_3: string;
+    export { summary_3 as summary };
+    let insteadUse_3: {
+        when: string;
+        use: string;
+    }[];
+    export { insteadUse_3 as insteadUse };
+    let props_3: ({
+        name: string;
+        type: string;
+        default: string;
+        note: string;
+        sample?: undefined;
+        values?: undefined;
+    } | {
+        name: string;
+        sample: string;
+        type: string;
+        note: string;
+        default?: undefined;
+        values?: undefined;
+    } | {
+        name: string;
+        type: string;
+        values: string[];
+        default: string;
+        note: string;
+        sample?: undefined;
+    })[];
+    export { props_3 as props };
+    let states_3: ({
+        state: string;
+        setBy: string;
+        note: string;
+    } | {
+        state: string;
+        setBy: string;
+        note?: undefined;
+    })[];
+    export { states_3 as states };
+    let theming_3: {
+        collection: string;
+        inCode: string;
+        inFigma: string;
+    }[];
+    export { theming_3 as theming };
+    let tokens_3: {
+        name: string;
+        sets: string;
+        variesWith: string;
+        figma: string;
+    }[];
+    export { tokens_3 as tokens };
+    let composition_3: string[];
+    export { composition_3 as composition };
+    let accessibility_3: string[];
+    export { accessibility_3 as accessibility };
+    let gotchas_3: string[];
+    export { gotchas_3 as gotchas };
+}
+export namespace TOGGLE_BUTTON_GROUP_DOC {
+    let name_4: string;
+    export { name_4 as name };
+    let summary_4: string;
+    export { summary_4 as summary };
+    let insteadUse_4: {
+        when: string;
+        use: string;
+    }[];
+    export { insteadUse_4 as insteadUse };
+    let props_4: ({
+        name: string;
+        type: string;
+        default: string;
+        note: string;
+        values?: undefined;
+    } | {
+        name: string;
+        type: string;
+        values: string[];
+        default: string;
+        note: string;
+    } | {
+        name: string;
+        type: string;
+        default: string;
+        note?: undefined;
+        values?: undefined;
+    })[];
+    export { props_4 as props };
+    let states_4: ({
+        state: string;
+        setBy: string;
+        note: string;
+    } | {
+        state: string;
+        setBy: string;
+        note?: undefined;
+    })[];
+    export { states_4 as states };
+    let theming_4: {
+        collection: string;
+        inCode: string;
+        inFigma: string;
+    }[];
+    export { theming_4 as theming };
+    let tokens_4: {
+        name: string;
+        sets: string;
+        variesWith: string;
+        figma: string;
+    }[];
+    export { tokens_4 as tokens };
+    let composition_4: string[];
+    export { composition_4 as composition };
+    let accessibility_4: string[];
+    export { accessibility_4 as accessibility };
+    let gotchas_4: string[];
+    export { gotchas_4 as gotchas };
+}
 export const COMPONENT_DOCS: {
     name: any;
     summary: any;

package/dist/types/docs/componentsNav.d.ts

@@ -66,13 +66,13 @@ export namespace RAIL_DOC {
         type: string;
         values: string[];
         default: string;
-        note?: undefined;
+        note: string;
     } | {
         name: string;
         type: string;
         values: string[];
         default: string;
-        note: string;
+        note?: undefined;
     })[];
     export { props_1 as props };
     let states_1: ({
@@ -294,12 +294,20 @@ export namespace TREEVIEW_DOC {
         name: string;
         type: string;
         default: string;
+        note?: undefined;
+        values?: undefined;
+    } | {
+        name: string;
+        type: string;
+        default: string;
+        note: string;
         values?: undefined;
     } | {
         name: string;
         type: string;
         values: string[];
         default: string;
+        note?: undefined;
     })[];
     export { props_5 as props };
     let states_5: ({
@@ -343,14 +351,14 @@ export const NAV_DOCS: ({
         name: string;
         type: string;
         default: string;
-        note?: undefined;
         values?: undefined;
+        note?: undefined;
     } | {
         name: string;
         type: string;
+        values: string[];
         default: string;
         note: string;
-        values?: undefined;
     } | {
         name: string;
         type: string;
@@ -358,10 +366,15 @@ export const NAV_DOCS: ({
         default: string;
         note?: undefined;
     })[];
-    states: {
+    states: ({
         state: string;
         setBy: string;
-    }[];
+        note?: undefined;
+    } | {
+        state: string;
+        setBy: string;
+        note: string;
+    })[];
     theming: {
         collection: string;
         inCode: string;
@@ -387,22 +400,25 @@ export const NAV_DOCS: ({
         name: string;
         type: string;
         default: string;
+        note?: undefined;
+        values?: undefined;
+    } | {
+        name: string;
+        type: string;
+        default: string;
+        note: string;
         values?: undefined;
     } | {
         name: string;
         type: string;
         values: string[];
         default: string;
-    })[];
-    states: ({
-        state: string;
-        setBy: string;
         note?: undefined;
-    } | {
+    })[];
+    states: {
         state: string;
         setBy: string;
-        note: string;
-    })[];
+    }[];
     theming: {
         collection: string;
         inCode: string;

package/dist/types/docs/componentsSurfaces.d.ts

@@ -1,6 +1,10 @@
 export namespace ICON_DOC {
     let name: string;
     let summary: string;
+    let links: {
+        label: string;
+        href: string;
+    }[];
     let insteadUse: {
         when: string;
         use: string;
@@ -246,6 +250,11 @@ export namespace BRANDICON_DOC {
     export { name_4 as name };
     let summary_4: string;
     export { summary_4 as summary };
+    let links_1: {
+        label: string;
+        href: string;
+    }[];
+    export { links_1 as links };
     let insteadUse_4: {
         when: string;
         use: string;
@@ -395,6 +404,10 @@ export const SURFACE_DOCS: ({
 } | {
     name: string;
     summary: string;
+    links: {
+        label: string;
+        href: string;
+    }[];
     insteadUse: {
         when: string;
         use: string;

package/dist/types/docs/examples.d.ts

@@ -1,48 +1,58 @@
 export function hasExample(component: any): boolean;
 /** Does this component have a sample for this prop? */
 export function hasPropExample(component: any, prop: any): boolean;
-export namespace EXAMPLES {
-    function Button(): JSX.Element;
-    function BrandIcon(): JSX.Element;
-    function Fab(): JSX.Element;
-    function ButtonGroup(): JSX.Element;
-    function Chip(): JSX.Element;
-    function Badge(): JSX.Element;
-    function Alert(): JSX.Element;
-    function Card(): JSX.Element;
-    function Avatar(): JSX.Element;
-    function Icon(): JSX.Element;
-    function Link(): JSX.Element;
-    function Divider(): JSX.Element;
-    function Checkbox(): JSX.Element;
-    function Radio(): JSX.Element;
-    function Input(): JSX.Element;
-    function SwitchInput(): JSX.Element;
-    function Slider(): JSX.Element;
-    function Rating(): JSX.Element;
-    function Breadcrumbs(): JSX.Element;
-    function Pagination(): JSX.Element;
-    function Accordion(): JSX.Element;
-    function Tabs(): JSX.Element;
-}
-export namespace PROP_EXAMPLES {
-    export namespace Fab_1 {
-        function size(): JSX.Element;
-        function color(): JSX.Element;
-        function extended(): JSX.Element;
-        function animate(): JSX.Element;
-        function disabled(): JSX.Element;
-    }
-    export { Fab_1 as Fab };
-    let Button_1: {
-        variant: () => JSX.Element;
-        size: () => JSX.Element;
-        variantColor: () => JSX.Element;
-        disabled: () => JSX.Element;
-        'startDecorator / endDecorator': () => JSX.Element;
-        iconOnly: () => JSX.Element;
-        elevated: () => JSX.Element;
-        fullWidth: () => JSX.Element;
-    };
-    export { Button_1 as Button };
-}
+export const EXAMPLES: {
+    Button: () => JSX.Element;
+    BrandIcon: () => JSX.Element;
+    Fab: () => JSX.Element;
+    Chip: () => JSX.Element;
+    Badge: () => JSX.Element;
+    Alert: () => JSX.Element;
+    Card: () => JSX.Element;
+    Avatar: () => JSX.Element;
+    Icon: () => JSX.Element;
+    Link: () => JSX.Element;
+    Divider: () => JSX.Element;
+    Checkbox: () => JSX.Element;
+    Radio: () => JSX.Element;
+    Input: () => JSX.Element;
+    SwitchInput: () => JSX.Element;
+    Slider: () => JSX.Element;
+    Rating: () => JSX.Element;
+    Breadcrumbs: () => JSX.Element;
+    Pagination: () => JSX.Element;
+    Accordion: () => JSX.Element;
+    Tabs: () => JSX.Element;
+    ButtonGroup: () => JSX.Element;
+    ToggleButtonGroup: () => JSX.Element;
+    AppBar: () => JSX.Element;
+    Autocomplete: () => JSX.Element;
+    BottomNavigation: () => JSX.Element;
+    CodeBlock: () => JSX.Element;
+    Dialog: () => JSX.Element;
+    Drawer: () => JSX.Element;
+    DropZone: () => JSX.Element;
+    IconBadge: () => JSX.Element;
+    List: () => JSX.Element;
+    Loader: () => JSX.Element;
+    Menu: () => JSX.Element;
+    Modal: () => JSX.Element;
+    Paper: () => JSX.Element;
+    Popover: () => JSX.Element;
+    Rail: () => JSX.Element;
+    Ratio: () => JSX.Element;
+    SearchField: () => JSX.Element;
+    Select: () => JSX.Element;
+    Sidebar: () => JSX.Element;
+    Snackbar: () => JSX.Element;
+    StateMessage: () => JSX.Element;
+    Stepper: () => JSX.Element;
+    Swatch: () => JSX.Element;
+    Table: () => JSX.Element;
+    Tag: () => JSX.Element;
+    TextField: () => JSX.Element;
+    Toolbar: () => JSX.Element;
+    Tooltip: () => JSX.Element;
+    TreeView: () => JSX.Element;
+};
+export const PROP_EXAMPLES: any;