@epilot/base-elements 2.7.21 → 2.7.25

package/dist/Progress/Progress.js

@@ -1,13 +1,13 @@
-"use strict";
-exports.__esModule = true;
-exports.LinearProgress = exports.CircularProgress = void 0;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-exports.LinearProgress = core_1.LinearProgress;
-var react_1 = tslib_1.__importDefault(require("react"));
-function CircularProgress(props) {
-    var rest = tslib_1.__rest(props, []);
-    return react_1["default"].createElement(core_1.CircularProgress, tslib_1.__assign({}, rest));
-}
-exports.CircularProgress = CircularProgress;
+"use strict";
+exports.__esModule = true;
+exports.LinearProgress = exports.CircularProgress = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+exports.LinearProgress = core_1.LinearProgress;
+var react_1 = tslib_1.__importDefault(require("react"));
+function CircularProgress(props) {
+    var rest = tslib_1.__rest(props, []);
+    return react_1["default"].createElement(core_1.CircularProgress, tslib_1.__assign({}, rest));
+}
+exports.CircularProgress = CircularProgress;
 //# sourceMappingURL=Progress.js.map

package/dist/Progress/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Progress';
-export * from './types';
+export * from './Progress';
+export * from './types';

package/dist/Progress/index.js

@@ -1,6 +1,6 @@
-"use strict";
-exports.__esModule = true;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Progress"), exports);
-tslib_1.__exportStar(require("./types"), exports);
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Progress"), exports);
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/Progress/types.d.ts

@@ -1,3 +1,3 @@
-import type { CircularProgressProps as MuiCircularProgressProps, LinearProgressProps } from '@material-ui/core';
-export declare type CircularProgressProps = MuiCircularProgressProps;
-export type { LinearProgressProps };
+import type { CircularProgressProps as MuiCircularProgressProps, LinearProgressProps } from '@material-ui/core';
+export declare type CircularProgressProps = MuiCircularProgressProps;
+export type { LinearProgressProps };

package/dist/Progress/types.js

@@ -1,3 +1,3 @@
-"use strict";
-exports.__esModule = true;
+"use strict";
+exports.__esModule = true;
 //# sourceMappingURL=types.js.map

package/dist/Radio/Radio.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { RadioProps } from './types';
-export default function Radio(props: RadioProps): JSX.Element;
+/// <reference types="react" />
+import { RadioProps } from './types';
+export default function Radio(props: RadioProps): JSX.Element;

package/dist/Radio/Radio.js

@@ -1,27 +1,27 @@
-"use strict";
-exports.__esModule = true;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function Radio(props) {
-    var label = props.label, labelPlacement = props.labelPlacement, _a = props.radioPlacement, radioPlacement = _a === void 0 ? 'top' : _a, value = props.value, checkedIcon = props.checkedIcon, color = props.color, _b = props.size, size = _b === void 0 ? 'small' : _b, containerStyle = props.containerStyle, rest = tslib_1.__rest(props, ["label", "labelPlacement", "radioPlacement", "value", "checkedIcon", "color", "size", "containerStyle"]);
-    var useStyles = core_1.makeStyles(function () {
-        return core_1.createStyles({
-            input: {
-                alignSelf: radioPlacement === 'top'
-                    ? 'flex-start'
-                    : radioPlacement === 'bottom'
-                        ? 'flex-end'
-                        : ''
-            }
-        });
-    });
-    var classes = useStyles();
-    var theme = core_1.useTheme();
-    return (react_1["default"].createElement(core_1.FormControlLabel, { control: react_1["default"].createElement(core_1.Radio, tslib_1.__assign({ checkedIcon: checkedIcon ? (checkedIcon) : (react_1["default"].createElement(core_1.SvgIcon, { fontSize: size === 'small' ? 'small' : 'default' },
-                react_1["default"].createElement("circle", { cx: "12", cy: "12", fill: "transparent", r: size === 'medium' ? 7 : 6.5, stroke: color === 'secondary'
-                        ? theme.palette.secondary.main
-                        : theme.palette.primary.main, strokeWidth: "5" }))), className: classes.input, color: color, size: size }, rest)), label: label, labelPlacement: labelPlacement, style: containerStyle, value: value }));
-}
-exports["default"] = Radio;
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+function Radio(props) {
+    var label = props.label, labelPlacement = props.labelPlacement, _a = props.radioPlacement, radioPlacement = _a === void 0 ? 'top' : _a, value = props.value, checkedIcon = props.checkedIcon, color = props.color, _b = props.size, size = _b === void 0 ? 'small' : _b, containerStyle = props.containerStyle, rest = tslib_1.__rest(props, ["label", "labelPlacement", "radioPlacement", "value", "checkedIcon", "color", "size", "containerStyle"]);
+    var useStyles = core_1.makeStyles(function () {
+        return core_1.createStyles({
+            input: {
+                alignSelf: radioPlacement === 'top'
+                    ? 'flex-start'
+                    : radioPlacement === 'bottom'
+                        ? 'flex-end'
+                        : ''
+            }
+        });
+    });
+    var classes = useStyles();
+    var theme = core_1.useTheme();
+    return (react_1["default"].createElement(core_1.FormControlLabel, { control: react_1["default"].createElement(core_1.Radio, tslib_1.__assign({ checkedIcon: checkedIcon ? (checkedIcon) : (react_1["default"].createElement(core_1.SvgIcon, { fontSize: size === 'small' ? 'small' : 'default' },
+                react_1["default"].createElement("circle", { cx: "12", cy: "12", fill: "transparent", r: size === 'medium' ? 7 : 6.5, stroke: color === 'secondary'
+                        ? theme.palette.secondary.main
+                        : theme.palette.primary.main, strokeWidth: "5" }))), className: classes.input, color: color, size: size }, rest)), label: label, labelPlacement: labelPlacement, style: containerStyle, value: value }));
+}
+exports["default"] = Radio;
 //# sourceMappingURL=Radio.js.map

package/dist/Radio/RadioGroup.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { RadioGroupProps } from './types';
-export default function RadioGroup(props: RadioGroupProps): JSX.Element;
+/// <reference types="react" />
+import { RadioGroupProps } from './types';
+export default function RadioGroup(props: RadioGroupProps): JSX.Element;

package/dist/Radio/RadioGroup.js

@@ -1,10 +1,10 @@
-"use strict";
-exports.__esModule = true;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function RadioGroup(props) {
-    return react_1["default"].createElement(core_1.RadioGroup, tslib_1.__assign({}, props));
-}
-exports["default"] = RadioGroup;
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+function RadioGroup(props) {
+    return react_1["default"].createElement(core_1.RadioGroup, tslib_1.__assign({}, props));
+}
+exports["default"] = RadioGroup;
 //# sourceMappingURL=RadioGroup.js.map

package/dist/Radio/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Radio } from './Radio';
-export { default as RadioGroup } from './RadioGroup';
-export * from './types';
+export { default as Radio } from './Radio';
+export { default as RadioGroup } from './RadioGroup';
+export * from './types';

package/dist/Radio/index.js

@@ -1,10 +1,10 @@
-"use strict";
-exports.__esModule = true;
-exports.RadioGroup = exports.Radio = void 0;
-var tslib_1 = require("tslib");
-var Radio_1 = require("./Radio");
-tslib_1.__createBinding(exports, Radio_1, "default", "Radio");
-var RadioGroup_1 = require("./RadioGroup");
-tslib_1.__createBinding(exports, RadioGroup_1, "default", "RadioGroup");
-tslib_1.__exportStar(require("./types"), exports);
+"use strict";
+exports.__esModule = true;
+exports.RadioGroup = exports.Radio = void 0;
+var tslib_1 = require("tslib");
+var Radio_1 = require("./Radio");
+tslib_1.__createBinding(exports, Radio_1, "default", "Radio");
+var RadioGroup_1 = require("./RadioGroup");
+tslib_1.__createBinding(exports, RadioGroup_1, "default", "RadioGroup");
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/Radio/types.d.ts

@@ -1,46 +1,46 @@
-import { RadioGroupProps as MuiRadioGroupProps } from '@material-ui/core';
-import { CSSProperties } from 'react';
-export interface RadioProps {
-    /**
-     * the style passed to the container FormControlLabel
-     */
-    containerStyle?: CSSProperties;
-    /**
-     * The icon to display when the component is checked.
-     */
-    checkedIcon?: React.ReactNode;
-    /**
-     * placement of the checkbox
-     */
-    radioPlacement?: 'top' | 'bottom' | 'middle';
-    /**
-     * The color of the component. It supports those theme colors that make sense for this component.
-     */
-    color?: 'primary' | 'secondary' | 'default';
-    /**
-     * If `true`, the radio will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The icon to display when the component is unchecked.
-     */
-    icon?: React.ReactNode;
-    /**
-     * The size of the radio.
-     * `small` is equivalent to the dense radio styling.
-     */
-    size?: 'small' | 'medium';
-    /**
-     * The text to be used in an enclosing label element.
-     */
-    label?: string | React.ReactNode;
-    /**
-     * The position of the label.
-     */
-    labelPlacement?: 'end' | 'start';
-    /**
-     * The value of the component.
-     */
-    value?: unknown;
-}
-export declare type RadioGroupProps = MuiRadioGroupProps & {};
+import { RadioGroupProps as MuiRadioGroupProps } from '@material-ui/core';
+import { CSSProperties } from 'react';
+export interface RadioProps {
+    /**
+     * the style passed to the container FormControlLabel
+     */
+    containerStyle?: CSSProperties;
+    /**
+     * The icon to display when the component is checked.
+     */
+    checkedIcon?: React.ReactNode;
+    /**
+     * placement of the checkbox
+     */
+    radioPlacement?: 'top' | 'bottom' | 'middle';
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     */
+    color?: 'primary' | 'secondary' | 'default';
+    /**
+     * If `true`, the radio will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The icon to display when the component is unchecked.
+     */
+    icon?: React.ReactNode;
+    /**
+     * The size of the radio.
+     * `small` is equivalent to the dense radio styling.
+     */
+    size?: 'small' | 'medium';
+    /**
+     * The text to be used in an enclosing label element.
+     */
+    label?: string | React.ReactNode;
+    /**
+     * The position of the label.
+     */
+    labelPlacement?: 'end' | 'start';
+    /**
+     * The value of the component.
+     */
+    value?: unknown;
+}
+export declare type RadioGroupProps = MuiRadioGroupProps & {};

package/dist/Radio/types.js

@@ -1,3 +1,3 @@
-"use strict";
-exports.__esModule = true;
+"use strict";
+exports.__esModule = true;
 //# sourceMappingURL=types.js.map

package/dist/Rating/Rating.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { RatingProps } from './types';
-export declare function Rating(props: RatingProps): JSX.Element;
+/// <reference types="react" />
+import { RatingProps } from './types';
+export declare function Rating(props: RatingProps): JSX.Element;

package/dist/Rating/Rating.js

@@ -1,72 +1,72 @@
-"use strict";
-exports.__esModule = true;
-exports.Rating = void 0;
-var tslib_1 = require("tslib");
-var styles_1 = require("@material-ui/core/styles");
-var Tooltip_1 = tslib_1.__importDefault(require("@material-ui/core/Tooltip"));
-var Rating_1 = tslib_1.__importDefault(require("@material-ui/lab/Rating"));
-var react_1 = tslib_1.__importDefault(require("react"));
-var __1 = require("..");
-var useStyles = __1.makeStyles(function (theme) {
-    return __1.createStyles({
-        ratingContainer: {
-            alignItems: 'flex-end'
-        },
-        houseDescription: {
-            margin: '0 auto',
-            display: 'table',
-            color: "" + theme.palette.common.black,
-            textAlign: 'center'
-        }
-    });
-});
-function Rating(props) {
-    var theme = styles_1.useTheme();
-    var scaled = props.scaled, selectedIndex = props.selectedIndex, _a = props.inactiveColor, inactiveColor = _a === void 0 ? theme.palette.action.disabled : _a, _b = props.activeColor, activeColor = _b === void 0 ? theme.palette.primary.main : _b, component = props.component, emptyComponent = props.emptyComponent, onIconClick = props.onIconClick, labeled = props.labeled, labels = props.labels, iconSpacing = props.iconSpacing, iconTooltipLabels = props.iconTooltipLabels, _c = props.size, size = _c === void 0 ? 'medium' : _c, max = props.max, rest = tslib_1.__rest(props, ["scaled", "selectedIndex", "inactiveColor", "activeColor", "component", "emptyComponent", "onIconClick", "labeled", "labels", "iconSpacing", "iconTooltipLabels", "size", "max"]);
-    var classes = useStyles();
-    var icons = getIcons(max, component, size, emptyComponent, selectedIndex, scaled, labels, inactiveColor, activeColor, onIconClick, labeled, classes, iconSpacing) || [];
-    var IconContainer = function (props) {
-        var value = props.value;
-        return react_1["default"].createElement("span", null, icons[value - 1]);
-    };
-    return (react_1["default"].createElement(Rating_1["default"], tslib_1.__assign({}, rest, { IconContainerComponent: IconContainer, className: classes.ratingContainer, max: max })));
-}
-exports.Rating = Rating;
-var getIcons = function (max, component, size, emptyComponent, selectedIndex, scaled, labels, inactiveColor, activeColor, onIconClick, labeled, classes, iconSpacing) {
-    return Array.from({ length: max }).map(function (_v, i) {
-        var renderComponent = component;
-        if (emptyComponent != null && (!selectedIndex || i >= selectedIndex))
-            renderComponent = emptyComponent;
-        var scaleInitial = size === 'large' ? 1.5 : size === 'small' ? 0.7 : 1;
-        var scaleValue = scaled ? (i * 0.15 + 0.5) * scaleInitial : scaleInitial;
-        return (react_1["default"].createElement(Tooltip_1["default"], { arrow: true, key: i, placement: "top", title: labels && labels[i] ? labels[i] : '' },
-            react_1["default"].createElement("span", { style: {
-                    display: 'block',
-                    marginRight: iconSpacing || 1 + (scaled ? i * 5 : 10) + "px"
-                } },
-                react_1["default"].createElement("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        transform: "scale(" + scaleValue + ")",
-                        position: 'relative',
-                        top: scaled ? 10 - i * 2.5 + "px" : 0
-                    } }, react_1["default"].cloneElement(renderComponent, {
-                    style: { cursor: 'pointer' },
-                    color: typeof selectedIndex === 'undefined' || i > selectedIndex
-                        ? inactiveColor
-                        : activeColor,
-                    fill: typeof selectedIndex === 'undefined' || i > selectedIndex
-                        ? inactiveColor
-                        : activeColor,
-                    customColor: typeof selectedIndex === 'undefined' || i > selectedIndex
-                        ? inactiveColor
-                        : activeColor,
-                    htmlColor: typeof selectedIndex === 'undefined' || i > selectedIndex
-                        ? inactiveColor
-                        : activeColor,
-                    onClick: function () { return onIconClick && onIconClick(i); }
-                })),
-                labeled ? (react_1["default"].createElement(__1.SmallText, { className: classes.houseDescription }, labels && labels[i] ? labels[i] : '')) : null)));
-    });
-};
+"use strict";
+exports.__esModule = true;
+exports.Rating = void 0;
+var tslib_1 = require("tslib");
+var styles_1 = require("@material-ui/core/styles");
+var Tooltip_1 = tslib_1.__importDefault(require("@material-ui/core/Tooltip"));
+var Rating_1 = tslib_1.__importDefault(require("@material-ui/lab/Rating"));
+var react_1 = tslib_1.__importDefault(require("react"));
+var __1 = require("..");
+var useStyles = __1.makeStyles(function (theme) {
+    return __1.createStyles({
+        ratingContainer: {
+            alignItems: 'flex-end'
+        },
+        houseDescription: {
+            margin: '0 auto',
+            display: 'table',
+            color: "" + theme.palette.common.black,
+            textAlign: 'center'
+        }
+    });
+});
+function Rating(props) {
+    var theme = styles_1.useTheme();
+    var scaled = props.scaled, selectedIndex = props.selectedIndex, _a = props.inactiveColor, inactiveColor = _a === void 0 ? theme.palette.action.disabled : _a, _b = props.activeColor, activeColor = _b === void 0 ? theme.palette.primary.main : _b, component = props.component, emptyComponent = props.emptyComponent, onIconClick = props.onIconClick, labeled = props.labeled, labels = props.labels, iconSpacing = props.iconSpacing, iconTooltipLabels = props.iconTooltipLabels, _c = props.size, size = _c === void 0 ? 'medium' : _c, max = props.max, rest = tslib_1.__rest(props, ["scaled", "selectedIndex", "inactiveColor", "activeColor", "component", "emptyComponent", "onIconClick", "labeled", "labels", "iconSpacing", "iconTooltipLabels", "size", "max"]);
+    var classes = useStyles();
+    var icons = getIcons(max, component, size, emptyComponent, selectedIndex, scaled, labels, inactiveColor, activeColor, onIconClick, labeled, classes, iconSpacing) || [];
+    var IconContainer = function (props) {
+        var value = props.value;
+        return react_1["default"].createElement("span", null, icons[value - 1]);
+    };
+    return (react_1["default"].createElement(Rating_1["default"], tslib_1.__assign({}, rest, { IconContainerComponent: IconContainer, className: classes.ratingContainer, max: max })));
+}
+exports.Rating = Rating;
+var getIcons = function (max, component, size, emptyComponent, selectedIndex, scaled, labels, inactiveColor, activeColor, onIconClick, labeled, classes, iconSpacing) {
+    return Array.from({ length: max }).map(function (_v, i) {
+        var renderComponent = component;
+        if (emptyComponent != null && (!selectedIndex || i >= selectedIndex))
+            renderComponent = emptyComponent;
+        var scaleInitial = size === 'large' ? 1.5 : size === 'small' ? 0.7 : 1;
+        var scaleValue = scaled ? (i * 0.15 + 0.5) * scaleInitial : scaleInitial;
+        return (react_1["default"].createElement(Tooltip_1["default"], { arrow: true, key: i, placement: "top", title: labels && labels[i] ? labels[i] : '' },
+            react_1["default"].createElement("span", { style: {
+                    display: 'block',
+                    marginRight: iconSpacing || 1 + (scaled ? i * 5 : 10) + "px"
+                } },
+                react_1["default"].createElement("div", { style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        transform: "scale(" + scaleValue + ")",
+                        position: 'relative',
+                        top: scaled ? 10 - i * 2.5 + "px" : 0
+                    } }, react_1["default"].cloneElement(renderComponent, {
+                    style: { cursor: 'pointer' },
+                    color: typeof selectedIndex === 'undefined' || i > selectedIndex
+                        ? inactiveColor
+                        : activeColor,
+                    fill: typeof selectedIndex === 'undefined' || i > selectedIndex
+                        ? inactiveColor
+                        : activeColor,
+                    customColor: typeof selectedIndex === 'undefined' || i > selectedIndex
+                        ? inactiveColor
+                        : activeColor,
+                    htmlColor: typeof selectedIndex === 'undefined' || i > selectedIndex
+                        ? inactiveColor
+                        : activeColor,
+                    onClick: function () { return onIconClick && onIconClick(i); }
+                })),
+                labeled ? (react_1["default"].createElement(__1.SmallText, { className: classes.houseDescription }, labels && labels[i] ? labels[i] : '')) : null)));
+    });
+};
 //# sourceMappingURL=Rating.js.map

package/dist/Rating/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Rating';
-export * from './types';
+export * from './Rating';
+export * from './types';

package/dist/Rating/index.js

@@ -1,6 +1,6 @@
-"use strict";
-exports.__esModule = true;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Rating"), exports);
-tslib_1.__exportStar(require("./types"), exports);
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Rating"), exports);
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/Rating/types.d.ts

@@ -1,49 +1,49 @@
-/// <reference types="react" />
-export declare type RatingProps = {
-    /**
-     * If `true`, icons show up as scaled with the apropriate labels
-     */
-    scaled?: boolean;
-    /**
-     * Labels that can be rendered under the icons
-     */
-    labels?: Array<string>;
-    /**
-     * do the icons have labels or not
-     */
-    labeled?: boolean;
-    /**
-     * the value of the selected icon
-     */
-    selectedIndex?: number;
-    /**
-     * color code of the inactive icon
-     */
-    inactiveColor?: 'primary' | 'secondary' | 'disabled' | string;
-    /**
-     * color code of the active icon
-     */
-    activeColor?: 'primary' | 'secondary' | 'disabled' | string;
-    /**
-     * the icon that is rendered as he individual ratings
-     */
-    component: React.ReactElement;
-    /**
-     * the emtpy icon that is rendered as he individual ratings
-     */
-    emptyComponent?: React.ReactElement;
-    /**
-     * onclick handler for the icons
-     */
-    onIconClick: (index: number) => void;
-    /**
-     * number of icons in the rating component
-     */
-    max: number;
-    /**
-     * the space among icons
-     */
-    iconSpacing?: string;
-    iconTooltipLabels?: string[];
-    size?: 'medium' | 'large' | 'small';
-};
+/// <reference types="react" />
+export declare type RatingProps = {
+    /**
+     * If `true`, icons show up as scaled with the apropriate labels
+     */
+    scaled?: boolean;
+    /**
+     * Labels that can be rendered under the icons
+     */
+    labels?: Array<string>;
+    /**
+     * do the icons have labels or not
+     */
+    labeled?: boolean;
+    /**
+     * the value of the selected icon
+     */
+    selectedIndex?: number;
+    /**
+     * color code of the inactive icon
+     */
+    inactiveColor?: 'primary' | 'secondary' | 'disabled' | string;
+    /**
+     * color code of the active icon
+     */
+    activeColor?: 'primary' | 'secondary' | 'disabled' | string;
+    /**
+     * the icon that is rendered as he individual ratings
+     */
+    component: React.ReactElement;
+    /**
+     * the emtpy icon that is rendered as he individual ratings
+     */
+    emptyComponent?: React.ReactElement;
+    /**
+     * onclick handler for the icons
+     */
+    onIconClick: (index: number) => void;
+    /**
+     * number of icons in the rating component
+     */
+    max: number;
+    /**
+     * the space among icons
+     */
+    iconSpacing?: string;
+    iconTooltipLabels?: string[];
+    size?: 'medium' | 'large' | 'small';
+};

package/dist/Rating/types.js

@@ -1,3 +1,3 @@
-"use strict";
-exports.__esModule = true;
+"use strict";
+exports.__esModule = true;
 //# sourceMappingURL=types.js.map

package/dist/Select/Select.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { SelectProps } from './types';
-export declare function Select(props: SelectProps): JSX.Element;
+/// <reference types="react" />
+import { SelectProps } from './types';
+export declare function Select({ customBackgroundColor, ...props }: SelectProps): JSX.Element;