@veracity/vui 0.0.14 → 0.1.0

package/p/index.js

@@ -1,20 +1,20 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-__exportStar(require("./p"), exports);
-__exportStar(require("./p.types"), exports);
-var p_1 = require("./p");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(p_1).default; } });
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./p"), exports);
+__exportStar(require("./p.types"), exports);
+var p_1 = require("./p");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(p_1).default; } });

package/p/p.d.ts

@@ -1,5 +1,5 @@
-import { PProps } from './p.types';
-import { SystemProps } from '../system';
-export declare const PBase: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, SystemProps, never>;
-export declare const P: import("../core").VuiComponent<"p", PProps>;
-export default P;
+import { PProps } from './p.types';
+import { SystemProps } from '../system';
+export declare const PBase: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, SystemProps, never>;
+export declare const P: import("../core").VuiComponent<"p", PProps>;
+export default P;

package/p/p.js

@@ -1,52 +1,52 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.P = exports.PBase = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var core_1 = require("../core");
-var system_1 = require("../system");
-var utils_1 = require("../utils");
-exports.PBase = styled_components_1.default.p.withConfig(core_1.forwardPropConfig(system_1.system))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t", "\n"], ["\n\t", "\n"])), system_1.system);
-exports.P = core_1.vui(function (props, ref) {
-    var _a = core_1.omitThemingProps(props), align = _a.align, casing = _a.casing, children = _a.children, className = _a.className, decoration = _a.decoration, text = _a.text, weight = _a.weight, rest = __rest(_a, ["align", "casing", "children", "className", "decoration", "text", "weight"]);
-    var styles = core_1.useStyleConfig('P', props);
-    var aliasedProps = utils_1.filterUndefined({
-        fontWeight: weight,
-        textAlign: align,
-        textDecoration: decoration,
-        textTransform: casing
-    });
-    return (react_1.default.createElement(exports.PBase, __assign({ className: utils_1.cs('vui-p', className), ref: ref, transitionDuration: "fast" }, styles, aliasedProps, rest), children !== null && children !== void 0 ? children : text));
-});
-exports.P.displayName = 'P';
-exports.default = exports.P;
-var templateObject_1;
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.P = exports.PBase = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var core_1 = require("../core");
+var system_1 = require("../system");
+var utils_1 = require("../utils");
+exports.PBase = styled_components_1.default.p.withConfig(core_1.forwardPropConfig(system_1.system))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t", "\n"], ["\n\t", "\n"])), system_1.system);
+exports.P = core_1.vui(function (props, ref) {
+    var _a = core_1.omitThemingProps(props), align = _a.align, casing = _a.casing, children = _a.children, className = _a.className, decoration = _a.decoration, text = _a.text, weight = _a.weight, rest = __rest(_a, ["align", "casing", "children", "className", "decoration", "text", "weight"]);
+    var styles = core_1.useStyleConfig('P', props);
+    var aliasedProps = utils_1.filterUndefined({
+        fontWeight: weight,
+        textAlign: align,
+        textDecoration: decoration,
+        textTransform: casing
+    });
+    return (react_1.default.createElement(exports.PBase, __assign({ className: utils_1.cs('vui-p', className), ref: ref, transitionDuration: "fast" }, styles, aliasedProps, rest), children !== null && children !== void 0 ? children : text));
+});
+exports.P.displayName = 'P';
+exports.default = exports.P;
+var templateObject_1;

package/p/p.types.d.ts

@@ -1,9 +1,9 @@
-import { SystemProps, TypographyProps } from '../system';
-import { ThemingProps } from '../theme';
-export interface PProps extends SystemProps, ThemingProps<'P'> {
-    align?: TypographyProps['textAlign'];
-    casing?: TypographyProps['textTransform'];
-    decoration?: TypographyProps['textDecoration'];
-    text?: number | string;
-    weight?: TypographyProps['fontWeight'];
-}
+import { SystemProps, TypographyProps } from '../system';
+import { ThemingProps } from '../theme';
+export interface PProps extends SystemProps, ThemingProps<'P'> {
+    align?: TypographyProps['textAlign'];
+    casing?: TypographyProps['textTransform'];
+    decoration?: TypographyProps['textDecoration'];
+    text?: number | string;
+    weight?: TypographyProps['fontWeight'];
+}

package/p/p.types.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/p/theme.d.ts

@@ -1,29 +1,29 @@
-declare const _default: {
-    defaultProps: {
-        size: string;
-    };
-    sizes: {
-        sm: {
-            fontSize: string;
-            lineHeight: string;
-        };
-        md: {
-            fontSize: string;
-            lineHeight: string;
-        };
-        lg: {
-            fontSize: string;
-            lineHeight: string;
-        };
-        xl: {
-            fontSize: string;
-            lineHeight: string;
-        };
-        xxl: {
-            fontSize: string;
-            lineHeight: string;
-        };
-    };
-    variants: {};
-};
-export default _default;
+declare const _default: {
+    defaultProps: {
+        size: string;
+    };
+    sizes: {
+        sm: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        md: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        lg: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        xl: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        xxl: {
+            fontSize: string;
+            lineHeight: string;
+        };
+    };
+    variants: {};
+};
+export default _default;

package/p/theme.js

@@ -1,33 +1,33 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var defaultProps = {
-    size: 'md'
-};
-var sizes = {
-    sm: {
-        fontSize: 'sm',
-        lineHeight: '18px'
-    },
-    md: {
-        fontSize: 'md',
-        lineHeight: '24px'
-    },
-    lg: {
-        fontSize: 'lg',
-        lineHeight: '28px'
-    },
-    xl: {
-        fontSize: '20px',
-        lineHeight: '30px'
-    },
-    xxl: {
-        fontSize: '24px',
-        lineHeight: '36px'
-    }
-};
-var variants = {};
-exports.default = {
-    defaultProps: defaultProps,
-    sizes: sizes,
-    variants: variants
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    size: 'md'
+};
+var sizes = {
+    sm: {
+        fontSize: 'sm',
+        lineHeight: '18px'
+    },
+    md: {
+        fontSize: 'md',
+        lineHeight: '24px'
+    },
+    lg: {
+        fontSize: 'lg',
+        lineHeight: '28px'
+    },
+    xl: {
+        fontSize: '20px',
+        lineHeight: '30px'
+    },
+    xxl: {
+        fontSize: '24px',
+        lineHeight: '36px'
+    }
+};
+var variants = {};
+exports.default = {
+    defaultProps: defaultProps,
+    sizes: sizes,
+    variants: variants
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@veracity/vui",
-  "version": "0.0.14",
-  "description": "Veracity UI components library based on Styled Components and @xstyled",
+  "version": "0.1.0",
+  "description": "Veracity UI React components library based on Styled Components and @xstyled",
   "main": "index.js",
   "author": "Veracity",
   "license": "UNLICENSED",

package/panel/index.d.ts

@@ -0,0 +1,3 @@
+export * from './panel';
+export * from './panel.types';
+export { default } from './panel';

package/panel/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./panel"), exports);
+__exportStar(require("./panel.types"), exports);
+var panel_1 = require("./panel");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(panel_1).default; } });

package/panel/panel.d.ts

@@ -0,0 +1,3 @@
+import { PanelProps } from './panel.types';
+export declare const Panel: import("../core").VuiComponent<"div", PanelProps>;
+export default Panel;

package/panel/panel.js

@@ -0,0 +1,39 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Panel = void 0;
+var react_1 = __importDefault(require("react"));
+var box_1 = __importDefault(require("../box"));
+var core_1 = require("../core");
+var utils_1 = require("../utils");
+exports.Panel = core_1.vui(function (props, ref) {
+    var _a = core_1.omitThemingProps(props), className = _a.className, rest = __rest(_a, ["className"]);
+    var styles = core_1.useStyleConfig('Panel', props);
+    return (react_1.default.createElement(box_1.default, __assign({ bg: "white", borderRadius: "md", className: utils_1.cs('vui-panel', className), p: 2, ref: ref }, styles, rest)));
+});
+exports.Panel.displayName = 'Panel';
+exports.default = exports.Panel;

package/panel/panel.types.d.ts

@@ -0,0 +1,4 @@
+import { BoxProps } from '../box';
+import { ThemingProps } from '../theme';
+export interface PanelProps extends Omit<BoxProps, 'size' | 'variant'>, ThemingProps<'Panel'> {
+}

package/panel/panel.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/{tile → panel}/theme.d.ts

@@ -1,23 +1,16 @@
-declare const _default: {
-    defaultProps: {
-        variant: string;
-    };
-    sizes: {};
-    variants: {
-        default: {
-            bg: string;
-            borderRadius: string;
-            shadow: string;
-            hoverShadow: string;
-            p: number;
-        };
-        outlined: {
-            bg: string;
-            border: number;
-            borderColor: string;
-            borderRadius: string;
-            p: number;
-        };
-    };
-};
-export default _default;
+declare const _default: {
+    defaultProps: {
+        variant: string;
+    };
+    sizes: {};
+    variants: {
+        elevated: {
+            shadow: string;
+        };
+        outlined: {
+            border: number;
+            borderColor: string;
+        };
+    };
+};
+export default _default;

package/{tile → panel}/theme.js

@@ -1,27 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var defaultProps = {
-    variant: 'default'
-};
-var sizes = {};
-var variants = {
-    default: {
-        bg: 'white',
-        borderRadius: 'md',
-        shadow: '1',
-        hoverShadow: '3',
-        p: 2
-    },
-    outlined: {
-        bg: 'white',
-        border: 1,
-        borderColor: 'grey.40',
-        borderRadius: 'md',
-        p: 2
-    }
-};
-exports.default = {
-    defaultProps: defaultProps,
-    sizes: sizes,
-    variants: variants
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    variant: 'elevated'
+};
+var sizes = {};
+var variants = {
+    elevated: {
+        shadow: '1'
+    },
+    outlined: {
+        border: 1,
+        borderColor: 'grey.40'
+    }
+};
+exports.default = {
+    defaultProps: defaultProps,
+    sizes: sizes,
+    variants: variants
+};

package/radio/context.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { Dict } from '../utils';
-declare const RadioGroupProvider: import("react").Provider<Dict<any>>, useRadioGroup: () => Dict<any>;
-export { RadioGroupProvider, useRadioGroup };
+/// <reference types="react" />
+import { Dict } from '../utils';
+declare const RadioGroupProvider: import("react").Provider<Dict<any>>, useRadioGroup: () => Dict<any>;
+export { RadioGroupProvider, useRadioGroup };

package/radio/context.js

@@ -1,23 +1,23 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRadioGroup = exports.RadioGroupProvider = void 0;
-var core_1 = require("../core");
-var _a = __read(core_1.createContext({ isOptional: true }), 2), RadioGroupProvider = _a[0], useRadioGroup = _a[1];
-exports.RadioGroupProvider = RadioGroupProvider;
-exports.useRadioGroup = useRadioGroup;
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRadioGroup = exports.RadioGroupProvider = void 0;
+var core_1 = require("../core");
+var _a = __read(core_1.createContext({ isOptional: true }), 2), RadioGroupProvider = _a[0], useRadioGroup = _a[1];
+exports.RadioGroupProvider = RadioGroupProvider;
+exports.useRadioGroup = useRadioGroup;

package/radio/index.d.ts

@@ -1,6 +1,6 @@
-export * from './context';
-export * from './radio';
-export * from './radio.types';
-export * from './radioGroup';
-export * from './radioGroup.types';
-export { default } from './radio';
+export * from './context';
+export * from './radio';
+export * from './radio.types';
+export * from './radioGroup';
+export * from './radioGroup.types';
+export { default } from './radio';

package/radio/index.js

@@ -1,23 +1,23 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-__exportStar(require("./context"), exports);
-__exportStar(require("./radio"), exports);
-__exportStar(require("./radio.types"), exports);
-__exportStar(require("./radioGroup"), exports);
-__exportStar(require("./radioGroup.types"), exports);
-var radio_1 = require("./radio");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(radio_1).default; } });
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./context"), exports);
+__exportStar(require("./radio"), exports);
+__exportStar(require("./radio.types"), exports);
+__exportStar(require("./radioGroup"), exports);
+__exportStar(require("./radioGroup.types"), exports);
+var radio_1 = require("./radio");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(radio_1).default; } });

package/radio/radio.d.ts

@@ -1,7 +1,7 @@
-import { RadioProps, RadioStyleProps } from './radio.types';
-import { SystemProps } from '../system';
-export declare const RadioInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
-export declare const RadioBase: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, RadioStyleProps, never>;
-export declare const RadioControl: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SystemProps, never>;
-export declare const Radio: import("../core").VuiComponent<"span", RadioProps>;
-export default Radio;
+import { RadioProps, RadioStyleProps } from './radio.types';
+import { SystemProps } from '../system';
+export declare const RadioInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+export declare const RadioBase: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, RadioStyleProps, never>;
+export declare const RadioControl: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SystemProps, never>;
+export declare const Radio: import("../core").VuiComponent<"span", RadioProps>;
+export default Radio;