@veracity/vui 0.0.14 → 0.0.15

package/core/globalStyle.js

@@ -1,57 +1,57 @@
-"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 __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 __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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var styled_components_1 = require("styled-components");
-var foundations_1 = __importDefault(require("../theme/foundations"));
-var styles_1 = require("../styles");
-var utils_1 = require("../utils");
-exports.default = styled_components_1.createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t", "\n\n\t:root {\n\t\t", "\n\n\t\t--vui-colors-disabled-bg: var(--vui-colors-grey-10);\n\t\t--vui-colors-disabled-border: var(--vui-colors-grey-50);\n\t\t--vui-colors-disabled-font: var(--vui-colors-grey-50);\n\t}\n\n\t* {\n\t\t--x-ring-color: var(--vui-colors-blue-50);\n\t\t--x-shadow: 0 0 0 0 transparent;\n\t}\n\n\tbody {\n\t\tcolor: var(--vui-colors-prussian-80);\n\t\tfont-family: var(--vui-fonts-avenir);\n\t\tfont-size: var(--vui-fontSizes-md);\n\t}\n\n\t@keyframes vui-bounce {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeDown {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeIn {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeLeft {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeOut {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeRight {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeUp {\n\t\t", "\n\t}\n\n\t@keyframes vui-pulse {\n\t\t", "\n\t}\n\n\t@keyframes vui-spin {\n\t\t", "\n\t}\n"], ["\n\t", "\n\n\t:root {\n\t\t", "\n\n\t\t--vui-colors-disabled-bg: var(--vui-colors-grey-10);\n\t\t--vui-colors-disabled-border: var(--vui-colors-grey-50);\n\t\t--vui-colors-disabled-font: var(--vui-colors-grey-50);\n\t}\n\n\t* {\n\t\t--x-ring-color: var(--vui-colors-blue-50);\n\t\t--x-shadow: 0 0 0 0 transparent;\n\t}\n\n\tbody {\n\t\tcolor: var(--vui-colors-prussian-80);\n\t\tfont-family: var(--vui-fonts-avenir);\n\t\tfont-size: var(--vui-fontSizes-md);\n\t}\n\n\t@keyframes vui-bounce {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeDown {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeIn {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeLeft {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeOut {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeRight {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeUp {\n\t\t", "\n\t}\n\n\t@keyframes vui-pulse {\n\t\t", "\n\t}\n\n\t@keyframes vui-spin {\n\t\t", "\n\t}\n"
-    /** Recursively maps through all theme styles and generates a set of CSS properties */
-])), styles_1.fontFaces, generateCSSVariables, styles_1.bounce, styles_1.fadeDown, styles_1.fadeIn, styles_1.fadeLeft, styles_1.fadeOut, styles_1.fadeRight, styles_1.fadeUp, styles_1.pulse, styles_1.spin);
-/** Recursively maps through all theme styles and generates a set of CSS properties */
-function generateCSSVariables() {
-    function computeStyle(name, value) {
-        if (!utils_1.isObj(value))
-            return name + ": " + (typeof value === 'string' ? value : value + "px") + ";\n";
-        return Object.entries(value).reduce(function (str, _a) {
-            var _b = __read(_a, 2), key = _b[0], value = _b[1];
-            return (str += computeStyle(name + "-" + key, value));
-        }, '');
-    }
-    var animations = foundations_1.default.animations, styles = __rest(foundations_1.default, ["animations"]); // eslint-disable-line @typescript-eslint/no-unused-vars
-    return computeStyle('--vui', styles);
-}
-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 __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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = require("styled-components");
+var foundations_1 = __importDefault(require("../theme/foundations"));
+var styles_1 = require("../styles");
+var utils_1 = require("../utils");
+exports.default = styled_components_1.createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t", "\n\n\t:root {\n\t\t", "\n\n\t\t--vui-colors-disabled-bg: var(--vui-colors-grey-10);\n\t\t--vui-colors-disabled-border: var(--vui-colors-grey-50);\n\t\t--vui-colors-disabled-font: var(--vui-colors-grey-50);\n\t}\n\n\t* {\n\t\t--x-ring-color: var(--vui-colors-blue-50);\n\t\t--x-shadow: 0 0 0 0 transparent;\n\t}\n\n\tbody {\n\t\tcolor: var(--vui-colors-prussian-80);\n\t\tfont-family: var(--vui-fonts-avenir);\n\t\tfont-size: var(--vui-fontSizes-md);\n\t}\n\n\t@keyframes vui-bounce {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeDown {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeIn {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeLeft {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeOut {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeRight {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeUp {\n\t\t", "\n\t}\n\n\t@keyframes vui-pulse {\n\t\t", "\n\t}\n\n\t@keyframes vui-spin {\n\t\t", "\n\t}\n"], ["\n\t", "\n\n\t:root {\n\t\t", "\n\n\t\t--vui-colors-disabled-bg: var(--vui-colors-grey-10);\n\t\t--vui-colors-disabled-border: var(--vui-colors-grey-50);\n\t\t--vui-colors-disabled-font: var(--vui-colors-grey-50);\n\t}\n\n\t* {\n\t\t--x-ring-color: var(--vui-colors-blue-50);\n\t\t--x-shadow: 0 0 0 0 transparent;\n\t}\n\n\tbody {\n\t\tcolor: var(--vui-colors-prussian-80);\n\t\tfont-family: var(--vui-fonts-avenir);\n\t\tfont-size: var(--vui-fontSizes-md);\n\t}\n\n\t@keyframes vui-bounce {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeDown {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeIn {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeLeft {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeOut {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeRight {\n\t\t", "\n\t}\n\n\t@keyframes vui-fadeUp {\n\t\t", "\n\t}\n\n\t@keyframes vui-pulse {\n\t\t", "\n\t}\n\n\t@keyframes vui-spin {\n\t\t", "\n\t}\n"
+    /** Recursively maps through all theme styles and generates a set of CSS properties */
+])), styles_1.fontFaces, generateCSSVariables, styles_1.bounce, styles_1.fadeDown, styles_1.fadeIn, styles_1.fadeLeft, styles_1.fadeOut, styles_1.fadeRight, styles_1.fadeUp, styles_1.pulse, styles_1.spin);
+/** Recursively maps through all theme styles and generates a set of CSS properties */
+function generateCSSVariables() {
+    function computeStyle(name, value) {
+        if (!utils_1.isObj(value))
+            return name + ": " + (typeof value === 'string' ? value : value + "px") + ";\n";
+        return Object.entries(value).reduce(function (str, _a) {
+            var _b = __read(_a, 2), key = _b[0], value = _b[1];
+            return (str += computeStyle(name + "-" + key, value));
+        }, '');
+    }
+    var animations = foundations_1.default.animations, styles = __rest(foundations_1.default, ["animations"]); // eslint-disable-line @typescript-eslint/no-unused-vars
+    return computeStyle('--vui', styles);
+}
+var templateObject_1;

package/core/index.d.ts

@@ -1,6 +1,6 @@
-export * from './consts';
-export * from './types';
-export * from './utils';
-export { default as GlobalStyle } from './globalStyle';
-export { default as ResetCSS } from './resetCSS';
-export { default as VuiProvider } from './vuiProvider';
+export * from './consts';
+export * from './types';
+export * from './utils';
+export { default as GlobalStyle } from './globalStyle';
+export { default as ResetCSS } from './resetCSS';
+export { default as VuiProvider } from './vuiProvider';

package/core/index.js

@@ -1,25 +1,25 @@
-"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.VuiProvider = exports.ResetCSS = exports.GlobalStyle = void 0;
-__exportStar(require("./consts"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./utils"), exports);
-var globalStyle_1 = require("./globalStyle");
-Object.defineProperty(exports, "GlobalStyle", { enumerable: true, get: function () { return __importDefault(globalStyle_1).default; } });
-var resetCSS_1 = require("./resetCSS");
-Object.defineProperty(exports, "ResetCSS", { enumerable: true, get: function () { return __importDefault(resetCSS_1).default; } });
-var vuiProvider_1 = require("./vuiProvider");
-Object.defineProperty(exports, "VuiProvider", { enumerable: true, get: function () { return __importDefault(vuiProvider_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.VuiProvider = exports.ResetCSS = exports.GlobalStyle = void 0;
+__exportStar(require("./consts"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./utils"), exports);
+var globalStyle_1 = require("./globalStyle");
+Object.defineProperty(exports, "GlobalStyle", { enumerable: true, get: function () { return __importDefault(globalStyle_1).default; } });
+var resetCSS_1 = require("./resetCSS");
+Object.defineProperty(exports, "ResetCSS", { enumerable: true, get: function () { return __importDefault(resetCSS_1).default; } });
+var vuiProvider_1 = require("./vuiProvider");
+Object.defineProperty(exports, "VuiProvider", { enumerable: true, get: function () { return __importDefault(vuiProvider_1).default; } });

package/core/resetCSS.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
-export default _default;
+declare const _default: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export default _default;

package/core/resetCSS.js

@@ -1,9 +1,9 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var styled_components_1 = require("styled-components");
-exports.default = styled_components_1.createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\thtml {\n\t\tbox-sizing: border-box;\n\t\tline-height: 1.4;\n\t\t-webkit-text-size-adjust: 100%;\n\t}\n\n\t*, *::before, *::after {\n\t\tborder-style: solid;\n\t\tborder-width: 0;\n\t\tbox-sizing: inherit;\n\t}\n\n\tbody {\n\t\tmargin: 0;\n\t}\n\n\ta {\n\t\tbackground-color: transparent;\n\t\tcolor: inherit;\n\t\ttext-decoration: none;\n\t}\n\n\tabbr[title] {\n\t\tborder-bottom: none;\n\t\ttext-decoration: underline dotted;\n\t}\n\n\tb, strong {\n\t\tfont-weight: bolder;\n\t}\n\n\tbutton {\n\t\tcursor: pointer;\n\t\t-webkit-appearance: button;\n\t}\n\n\tbutton, input, optgroup, select, textarea {\n\t\tfont-family: inherit;\n\t\tfont-size: 100%;\n\t\tmargin: 0;\n\t}\n\n\tbutton, select {\n\t\ttext-transform: none;\n\t}\n\n\tcode, kbd, pre, samp {\n\t\tfont-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;\n\t\tfont-size: 1em;\n\t}\n\n\tdetails {\n\t\tdisplay: block;\n\t}\n\n\tfieldset {\n\t\tpadding: 0.35em 0.75em 0.625em;\n\t}\n\n\th1, h2, h3, h4, h5, h6, p, hr, dl, dd, blockquote, figure, pre {\n\t\tmargin: 0;\n\t}\n\n\th1, h2, h3, h4, h5, h6 {\n\t\tfont-size: inherit;\n\t\tfont-weight: inherit;\n\t}\n\n\thr {\n\t\tcolor: inherit;\n\t\theight: 0;\n\t}\n\n\timg {\n\t\tborder-style: none;\n\t}\n\n\timg, svg, video, canvas, audio, iframe, embed, object {\n\t\tdisplay: block;\n\t}\n\n\tlegend {\n\t\tcolor: inherit;\n\t\tdisplay: table;\n\t\tmax-width: 100%;\n\t\tpadding: 0;\n\t\twhite-space: normal;\n\t}\n\n\tmain {\n\t\tdisplay: block;\n\t}\n\n\tol, ul  {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tprogress {\n\t\tvertical-align: baseline;\n\t}\n\n\tsummary {\n\t\tdisplay: list-item;\n\t}\n\n\tsmall {\n\t\tfont-size: 80%;\n\t}\n\n\tsub, sup {\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t\tvertical-align: baseline;\n\t}\n\n\tsub {\n\t\tbottom: -0.25em;\n\t}\n\n\tsup {\n\t\ttop: -0.5em;\n\t}\n\n\ttable {\n\t\ttext-indent: 0;\n\t\tborder-color: inherit;\n\t}\n\n\ttemplate {\n\t\tdisplay: none;\n\t}\n\n\ttextarea {\n\t\toverflow: auto;\n\t}\n\n\t::-moz-focus-inner {\n\t\tborder-style: none;\n\t\tpadding: 0;\n\t}\n\n\t::-webkit-file-upload-button {\n\t\tfont: inherit;\n\t\t-webkit-appearance: button;\n\t}\n\n\t[type=checkbox], [type=radio] {\n\t\tpadding: 0;\n\t}\n\n\t[type=number]::-webkit-inner-spin-button,\n\t[type=number]::-webkit-outer-spin-button {\n\t\theight: auto;\n\t}\n\n\t[type=search] {\n\t\toutline-offset: -2px;\n\t\t-webkit-appearance: textfield;\n\t}\n\n\t[type=search]::-webkit-search-decoration {\n\t\t-webkit-appearance: none;\n\t}\n\n\t[hidden] {\n\t\tdisplay: none;\n\t}\n"], ["\n\thtml {\n\t\tbox-sizing: border-box;\n\t\tline-height: 1.4;\n\t\t-webkit-text-size-adjust: 100%;\n\t}\n\n\t*, *::before, *::after {\n\t\tborder-style: solid;\n\t\tborder-width: 0;\n\t\tbox-sizing: inherit;\n\t}\n\n\tbody {\n\t\tmargin: 0;\n\t}\n\n\ta {\n\t\tbackground-color: transparent;\n\t\tcolor: inherit;\n\t\ttext-decoration: none;\n\t}\n\n\tabbr[title] {\n\t\tborder-bottom: none;\n\t\ttext-decoration: underline dotted;\n\t}\n\n\tb, strong {\n\t\tfont-weight: bolder;\n\t}\n\n\tbutton {\n\t\tcursor: pointer;\n\t\t-webkit-appearance: button;\n\t}\n\n\tbutton, input, optgroup, select, textarea {\n\t\tfont-family: inherit;\n\t\tfont-size: 100%;\n\t\tmargin: 0;\n\t}\n\n\tbutton, select {\n\t\ttext-transform: none;\n\t}\n\n\tcode, kbd, pre, samp {\n\t\tfont-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;\n\t\tfont-size: 1em;\n\t}\n\n\tdetails {\n\t\tdisplay: block;\n\t}\n\n\tfieldset {\n\t\tpadding: 0.35em 0.75em 0.625em;\n\t}\n\n\th1, h2, h3, h4, h5, h6, p, hr, dl, dd, blockquote, figure, pre {\n\t\tmargin: 0;\n\t}\n\n\th1, h2, h3, h4, h5, h6 {\n\t\tfont-size: inherit;\n\t\tfont-weight: inherit;\n\t}\n\n\thr {\n\t\tcolor: inherit;\n\t\theight: 0;\n\t}\n\n\timg {\n\t\tborder-style: none;\n\t}\n\n\timg, svg, video, canvas, audio, iframe, embed, object {\n\t\tdisplay: block;\n\t}\n\n\tlegend {\n\t\tcolor: inherit;\n\t\tdisplay: table;\n\t\tmax-width: 100%;\n\t\tpadding: 0;\n\t\twhite-space: normal;\n\t}\n\n\tmain {\n\t\tdisplay: block;\n\t}\n\n\tol, ul  {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tprogress {\n\t\tvertical-align: baseline;\n\t}\n\n\tsummary {\n\t\tdisplay: list-item;\n\t}\n\n\tsmall {\n\t\tfont-size: 80%;\n\t}\n\n\tsub, sup {\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t\tvertical-align: baseline;\n\t}\n\n\tsub {\n\t\tbottom: -0.25em;\n\t}\n\n\tsup {\n\t\ttop: -0.5em;\n\t}\n\n\ttable {\n\t\ttext-indent: 0;\n\t\tborder-color: inherit;\n\t}\n\n\ttemplate {\n\t\tdisplay: none;\n\t}\n\n\ttextarea {\n\t\toverflow: auto;\n\t}\n\n\t::-moz-focus-inner {\n\t\tborder-style: none;\n\t\tpadding: 0;\n\t}\n\n\t::-webkit-file-upload-button {\n\t\tfont: inherit;\n\t\t-webkit-appearance: button;\n\t}\n\n\t[type=checkbox], [type=radio] {\n\t\tpadding: 0;\n\t}\n\n\t[type=number]::-webkit-inner-spin-button,\n\t[type=number]::-webkit-outer-spin-button {\n\t\theight: auto;\n\t}\n\n\t[type=search] {\n\t\toutline-offset: -2px;\n\t\t-webkit-appearance: textfield;\n\t}\n\n\t[type=search]::-webkit-search-decoration {\n\t\t-webkit-appearance: none;\n\t}\n\n\t[hidden] {\n\t\tdisplay: none;\n\t}\n"])));
-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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = require("styled-components");
+exports.default = styled_components_1.createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\thtml {\n\t\tbox-sizing: border-box;\n\t\tline-height: 1.4;\n\t\t-webkit-text-size-adjust: 100%;\n\t}\n\n\t*, *::before, *::after {\n\t\tborder-style: solid;\n\t\tborder-width: 0;\n\t\tbox-sizing: inherit;\n\t}\n\n\tbody {\n\t\tmargin: 0;\n\t}\n\n\ta {\n\t\tbackground-color: transparent;\n\t\tcolor: inherit;\n\t\ttext-decoration: none;\n\t}\n\n\tabbr[title] {\n\t\tborder-bottom: none;\n\t\ttext-decoration: underline dotted;\n\t}\n\n\tb, strong {\n\t\tfont-weight: bolder;\n\t}\n\n\tbutton {\n\t\tcursor: pointer;\n\t\t-webkit-appearance: button;\n\t}\n\n\tbutton, input, optgroup, select, textarea {\n\t\tfont-family: inherit;\n\t\tfont-size: 100%;\n\t\tmargin: 0;\n\t}\n\n\tbutton, select {\n\t\ttext-transform: none;\n\t}\n\n\tcode, kbd, pre, samp {\n\t\tfont-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;\n\t\tfont-size: 1em;\n\t}\n\n\tdetails {\n\t\tdisplay: block;\n\t}\n\n\tfieldset {\n\t\tpadding: 0.35em 0.75em 0.625em;\n\t}\n\n\th1, h2, h3, h4, h5, h6, p, hr, dl, dd, blockquote, figure, pre {\n\t\tmargin: 0;\n\t}\n\n\th1, h2, h3, h4, h5, h6 {\n\t\tfont-size: inherit;\n\t\tfont-weight: inherit;\n\t}\n\n\thr {\n\t\tcolor: inherit;\n\t\theight: 0;\n\t}\n\n\timg {\n\t\tborder-style: none;\n\t}\n\n\timg, svg, video, canvas, audio, iframe, embed, object {\n\t\tdisplay: block;\n\t}\n\n\tlegend {\n\t\tcolor: inherit;\n\t\tdisplay: table;\n\t\tmax-width: 100%;\n\t\tpadding: 0;\n\t\twhite-space: normal;\n\t}\n\n\tmain {\n\t\tdisplay: block;\n\t}\n\n\tol, ul  {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tprogress {\n\t\tvertical-align: baseline;\n\t}\n\n\tsummary {\n\t\tdisplay: list-item;\n\t}\n\n\tsmall {\n\t\tfont-size: 80%;\n\t}\n\n\tsub, sup {\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t\tvertical-align: baseline;\n\t}\n\n\tsub {\n\t\tbottom: -0.25em;\n\t}\n\n\tsup {\n\t\ttop: -0.5em;\n\t}\n\n\ttable {\n\t\ttext-indent: 0;\n\t\tborder-color: inherit;\n\t}\n\n\ttemplate {\n\t\tdisplay: none;\n\t}\n\n\ttextarea {\n\t\toverflow: auto;\n\t}\n\n\t::-moz-focus-inner {\n\t\tborder-style: none;\n\t\tpadding: 0;\n\t}\n\n\t::-webkit-file-upload-button {\n\t\tfont: inherit;\n\t\t-webkit-appearance: button;\n\t}\n\n\t[type=checkbox], [type=radio] {\n\t\tpadding: 0;\n\t}\n\n\t[type=number]::-webkit-inner-spin-button,\n\t[type=number]::-webkit-outer-spin-button {\n\t\theight: auto;\n\t}\n\n\t[type=search] {\n\t\toutline-offset: -2px;\n\t\t-webkit-appearance: textfield;\n\t}\n\n\t[type=search]::-webkit-search-decoration {\n\t\t-webkit-appearance: none;\n\t}\n\n\t[hidden] {\n\t\tdisplay: none;\n\t}\n"], ["\n\thtml {\n\t\tbox-sizing: border-box;\n\t\tline-height: 1.4;\n\t\t-webkit-text-size-adjust: 100%;\n\t}\n\n\t*, *::before, *::after {\n\t\tborder-style: solid;\n\t\tborder-width: 0;\n\t\tbox-sizing: inherit;\n\t}\n\n\tbody {\n\t\tmargin: 0;\n\t}\n\n\ta {\n\t\tbackground-color: transparent;\n\t\tcolor: inherit;\n\t\ttext-decoration: none;\n\t}\n\n\tabbr[title] {\n\t\tborder-bottom: none;\n\t\ttext-decoration: underline dotted;\n\t}\n\n\tb, strong {\n\t\tfont-weight: bolder;\n\t}\n\n\tbutton {\n\t\tcursor: pointer;\n\t\t-webkit-appearance: button;\n\t}\n\n\tbutton, input, optgroup, select, textarea {\n\t\tfont-family: inherit;\n\t\tfont-size: 100%;\n\t\tmargin: 0;\n\t}\n\n\tbutton, select {\n\t\ttext-transform: none;\n\t}\n\n\tcode, kbd, pre, samp {\n\t\tfont-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;\n\t\tfont-size: 1em;\n\t}\n\n\tdetails {\n\t\tdisplay: block;\n\t}\n\n\tfieldset {\n\t\tpadding: 0.35em 0.75em 0.625em;\n\t}\n\n\th1, h2, h3, h4, h5, h6, p, hr, dl, dd, blockquote, figure, pre {\n\t\tmargin: 0;\n\t}\n\n\th1, h2, h3, h4, h5, h6 {\n\t\tfont-size: inherit;\n\t\tfont-weight: inherit;\n\t}\n\n\thr {\n\t\tcolor: inherit;\n\t\theight: 0;\n\t}\n\n\timg {\n\t\tborder-style: none;\n\t}\n\n\timg, svg, video, canvas, audio, iframe, embed, object {\n\t\tdisplay: block;\n\t}\n\n\tlegend {\n\t\tcolor: inherit;\n\t\tdisplay: table;\n\t\tmax-width: 100%;\n\t\tpadding: 0;\n\t\twhite-space: normal;\n\t}\n\n\tmain {\n\t\tdisplay: block;\n\t}\n\n\tol, ul  {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tprogress {\n\t\tvertical-align: baseline;\n\t}\n\n\tsummary {\n\t\tdisplay: list-item;\n\t}\n\n\tsmall {\n\t\tfont-size: 80%;\n\t}\n\n\tsub, sup {\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t\tvertical-align: baseline;\n\t}\n\n\tsub {\n\t\tbottom: -0.25em;\n\t}\n\n\tsup {\n\t\ttop: -0.5em;\n\t}\n\n\ttable {\n\t\ttext-indent: 0;\n\t\tborder-color: inherit;\n\t}\n\n\ttemplate {\n\t\tdisplay: none;\n\t}\n\n\ttextarea {\n\t\toverflow: auto;\n\t}\n\n\t::-moz-focus-inner {\n\t\tborder-style: none;\n\t\tpadding: 0;\n\t}\n\n\t::-webkit-file-upload-button {\n\t\tfont: inherit;\n\t\t-webkit-appearance: button;\n\t}\n\n\t[type=checkbox], [type=radio] {\n\t\tpadding: 0;\n\t}\n\n\t[type=number]::-webkit-inner-spin-button,\n\t[type=number]::-webkit-outer-spin-button {\n\t\theight: auto;\n\t}\n\n\t[type=search] {\n\t\toutline-offset: -2px;\n\t\t-webkit-appearance: textfield;\n\t}\n\n\t[type=search]::-webkit-search-decoration {\n\t\t-webkit-appearance: none;\n\t}\n\n\t[hidden] {\n\t\tdisplay: none;\n\t}\n"])));
+var templateObject_1;

package/core/types/component.d.ts

@@ -1,30 +1,30 @@
-import React from 'react';
-/** Merges component/element base props and custom props */
-export declare type PropsOf<C extends React.ElementType, Props = {}> = RightJoinProps<React.ComponentPropsWithoutRef<C>, Props>;
-/** Merges component/element base props and custom props including ref */
-export declare type RefPropsOf<C extends React.ElementType, Props = {}> = RightJoinProps<React.ComponentPropsWithRef<C>, Props>;
-/** Merges props definitions, overriding source keys */
-export declare type RightJoinProps<SourceProps, OverrideProps> = OverrideProps & Omit<SourceProps, keyof OverrideProps>;
-/** VUI component interface, which allows element props inference and extension, 'as' and 'ref' */
-export interface VuiComponent<C extends React.ElementType, Props = {}> {
-    <AsC extends React.ElementType>(props: RefPropsOf<PropsOf<C, AsC>, Props> & {
-        as: AsC;
-    }): JSX.Element;
-    (props: RefPropsOf<C, Props>): JSX.Element;
-    defaultProps?: Partial<PropsOf<C, Props>>;
-    displayName?: string;
-}
-/** Config for VUI component creator helper, which allows toggling memoization and 'areEqual' function */
-export interface VuiComponentConfig<C extends React.ElementType, Props = {}> {
-    isMemo?: boolean;
-    memoCompare?: (prevProps: Readonly<React.PropsWithChildren<React.PropsWithoutRef<PropsOf<C, Props>>>>, nextProps: Readonly<React.PropsWithChildren<React.PropsWithoutRef<PropsOf<C, Props>>>>) => boolean;
-}
-/**
- * Simpler VUI component interface, which allows element props inference and extension
- * Does not support 'as' or 'ref'
- */
-export interface VC<C extends React.ElementType, Props = {}> {
-    (props: PropsOf<C, Props>): JSX.Element;
-    defaultProps?: Partial<PropsOf<C, Props>>;
-    displayName?: string;
-}
+import React from 'react';
+/** Merges component/element base props and custom props */
+export declare type PropsOf<C extends React.ElementType, Props = {}> = RightJoinProps<React.ComponentPropsWithoutRef<C>, Props>;
+/** Merges component/element base props and custom props including ref */
+export declare type RefPropsOf<C extends React.ElementType, Props = {}> = RightJoinProps<React.ComponentPropsWithRef<C>, Props>;
+/** Merges props definitions, overriding source keys */
+export declare type RightJoinProps<SourceProps, OverrideProps> = OverrideProps & Omit<SourceProps, keyof OverrideProps>;
+/** VUI component interface, which allows element props inference and extension, 'as' and 'ref' */
+export interface VuiComponent<C extends React.ElementType, Props = {}> {
+    <AsC extends React.ElementType>(props: RefPropsOf<PropsOf<C, AsC>, Props> & {
+        as: AsC;
+    }): JSX.Element;
+    (props: RefPropsOf<C, Props>): JSX.Element;
+    defaultProps?: Partial<PropsOf<C, Props>>;
+    displayName?: string;
+}
+/** Config for VUI component creator helper, which allows toggling memoization and 'areEqual' function */
+export interface VuiComponentConfig<C extends React.ElementType, Props = {}> {
+    isMemo?: boolean;
+    memoCompare?: (prevProps: Readonly<React.PropsWithChildren<React.PropsWithoutRef<PropsOf<C, Props>>>>, nextProps: Readonly<React.PropsWithChildren<React.PropsWithoutRef<PropsOf<C, Props>>>>) => boolean;
+}
+/**
+ * Simpler VUI component interface, which allows element props inference and extension
+ * Does not support 'as' or 'ref'
+ */
+export interface VC<C extends React.ElementType, Props = {}> {
+    (props: PropsOf<C, Props>): JSX.Element;
+    defaultProps?: Partial<PropsOf<C, Props>>;
+    displayName?: string;
+}

package/core/types/component.js

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

package/core/types/context.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-export interface CreateContextOptions {
-    /** Message displayed when context is used outside of the provider */
-    errorMessage?: string;
-    /** Accessing context outside of provider won't throw error */
-    isOptional?: boolean;
-    /** Name of the context */
-    name?: string;
-}
-export declare type CreateContextReturn<T> = [React.Provider<T>, () => T];
+import React from 'react';
+export interface CreateContextOptions {
+    /** Message displayed when context is used outside of the provider */
+    errorMessage?: string;
+    /** Accessing context outside of provider won't throw error */
+    isOptional?: boolean;
+    /** Name of the context */
+    name?: string;
+}
+export declare type CreateContextReturn<T> = [React.Provider<T>, () => T];

package/core/types/context.js

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

package/core/types/events.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-/** Type of change event defaulted to input element */
-export declare type ChangeEvent<T = HTMLInputElement> = React.ChangeEvent<T>;
-/** Type of change event handler defaulted to input element */
-export declare type ChangeEventHandler<T = HTMLInputElement> = React.ChangeEventHandler<T>;
-/** Type of blur/focus event defaulted to any html element */
-export declare type FocusEvent<T = HTMLElement> = React.FocusEvent<T>;
-/** Type of blur/focus event handler defaulted to any html element */
-export declare type FocusEventHandler<T = HTMLElement> = React.FocusEventHandler<T>;
-/** Type of keyboard event defaulted to any html element */
-export declare type KeyboardEvent<T = HTMLElement> = React.KeyboardEvent<T>;
-/** Type of keyboard event handler defaulted to any html element */
-export declare type KeyboardEventHandler<T = HTMLElement> = React.KeyboardEventHandler<T>;
-/** Type of mouse event defaulted to any html element */
-export declare type MouseEvent<T = HTMLElement> = React.MouseEvent<T>;
-/** Type of mouse event handler defaulted to any html element */
-export declare type MouseEventHandler<T = HTMLElement> = React.MouseEventHandler<T>;
+import React from 'react';
+/** Type of change event defaulted to input element */
+export declare type ChangeEvent<T = HTMLInputElement> = React.ChangeEvent<T>;
+/** Type of change event handler defaulted to input element */
+export declare type ChangeEventHandler<T = HTMLInputElement> = React.ChangeEventHandler<T>;
+/** Type of blur/focus event defaulted to any html element */
+export declare type FocusEvent<T = HTMLElement> = React.FocusEvent<T>;
+/** Type of blur/focus event handler defaulted to any html element */
+export declare type FocusEventHandler<T = HTMLElement> = React.FocusEventHandler<T>;
+/** Type of keyboard event defaulted to any html element */
+export declare type KeyboardEvent<T = HTMLElement> = React.KeyboardEvent<T>;
+/** Type of keyboard event handler defaulted to any html element */
+export declare type KeyboardEventHandler<T = HTMLElement> = React.KeyboardEventHandler<T>;
+/** Type of mouse event defaulted to any html element */
+export declare type MouseEvent<T = HTMLElement> = React.MouseEvent<T>;
+/** Type of mouse event handler defaulted to any html element */
+export declare type MouseEventHandler<T = HTMLElement> = React.MouseEventHandler<T>;

package/core/types/events.js

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

package/core/types/index.d.ts

@@ -1,4 +1,4 @@
-export * from './component';
-export * from './context';
-export * from './events';
-export * from './themeGet';
+export * from './component';
+export * from './context';
+export * from './events';
+export * from './themeGet';

package/core/types/index.js

@@ -1,16 +1,16 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./component"), exports);
-__exportStar(require("./context"), exports);
-__exportStar(require("./events"), exports);
-__exportStar(require("./themeGet"), exports);
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./component"), exports);
+__exportStar(require("./context"), exports);
+__exportStar(require("./events"), exports);
+__exportStar(require("./themeGet"), exports);

package/core/types/themeGet.d.ts

@@ -1,24 +1,24 @@
-import { IProps, ThemeGetter } from '@xstyled/styled-components';
-import { VuiTheme } from '../../theme';
-import { AnyString, AnyNumber } from '../../utils';
-declare type VuiThemeGetter<ThemeKey extends keyof VuiTheme> = ThemeGetter<keyof VuiTheme[ThemeKey] | AnyString | AnyNumber>;
-export interface ThemeGet {
-    (path: string, defaultValue?: any): (props: IProps) => any;
-    animation: VuiThemeGetter<'animations'>;
-    borders: VuiThemeGetter<'borders'>;
-    color: VuiThemeGetter<'colors'>;
-    duration: VuiThemeGetter<'durations'>;
-    font: VuiThemeGetter<'fonts'>;
-    fontSize: VuiThemeGetter<'fontSizes'>;
-    fontWeight: VuiThemeGetter<'fontWeights'>;
-    radius: VuiThemeGetter<'radii'>;
-    ringWidth: VuiThemeGetter<'ringWidths'>;
-    screen: VuiThemeGetter<'screens'>;
-    shadow: VuiThemeGetter<'shadows'>;
-    size: VuiThemeGetter<'sizes'>;
-    space: VuiThemeGetter<'spaces'>;
-    transform: VuiThemeGetter<'transforms'>;
-    transition: VuiThemeGetter<'transitions'>;
-    zIndex: VuiThemeGetter<'zIndices'>;
-}
-export {};
+import { IProps, ThemeGetter } from '@xstyled/styled-components';
+import { VuiTheme } from '../../theme';
+import { AnyString, AnyNumber } from '../../utils';
+declare type VuiThemeGetter<ThemeKey extends keyof VuiTheme> = ThemeGetter<keyof VuiTheme[ThemeKey] | AnyString | AnyNumber>;
+export interface ThemeGet {
+    (path: string, defaultValue?: any): (props: IProps) => any;
+    animation: VuiThemeGetter<'animations'>;
+    borders: VuiThemeGetter<'borders'>;
+    color: VuiThemeGetter<'colors'>;
+    duration: VuiThemeGetter<'durations'>;
+    font: VuiThemeGetter<'fonts'>;
+    fontSize: VuiThemeGetter<'fontSizes'>;
+    fontWeight: VuiThemeGetter<'fontWeights'>;
+    radius: VuiThemeGetter<'radii'>;
+    ringWidth: VuiThemeGetter<'ringWidths'>;
+    screen: VuiThemeGetter<'screens'>;
+    shadow: VuiThemeGetter<'shadows'>;
+    size: VuiThemeGetter<'sizes'>;
+    space: VuiThemeGetter<'spaces'>;
+    transform: VuiThemeGetter<'transforms'>;
+    transition: VuiThemeGetter<'transitions'>;
+    zIndex: VuiThemeGetter<'zIndices'>;
+}
+export {};

package/core/types/themeGet.js

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

package/core/utils.d.ts

@@ -1,58 +1,58 @@
-import { StyleGenerator } from '@xstyled/styled-components';
-import React from 'react';
-import { StyledProps } from 'styled-components';
-import { CreateContextOptions, CreateContextReturn, PropsOf, ThemeGet, VuiComponent, VuiComponentConfig } from './types';
-import { Screen, ThemingProps, VuiTheme, VuiThemeExtensions } from '../theme';
-import { AnyNumber, AnyString, Dict } from '../utils';
-/** Generic function to create new Context and context access hook. */
-export declare function createContext<ContextType>(options?: CreateContextOptions): CreateContextReturn<ContextType>;
-/** Merges provided theme extensions and overrides with default VUI theme */
-export declare function extendTheme(extensions: VuiThemeExtensions): VuiTheme;
-/**
- * Provides configuration to the 'styled' function, which filters out xstyled system props
- * Return type is cast to {} in order to avoid messing up styled component's actual props definition.
- */
-export declare function forwardPropConfig(generator: StyleGenerator): {};
-declare type ScreenWidth = Screen | AnyNumber | AnyString;
-/** Returns CSS media string with appropriate min-width and max-width values */
-export declare const mediaBetween: (minWidth: ScreenWidth, maxWidth: ScreenWidth) => (props: StyledProps<unknown>) => string;
-/** Returns CSS media string with appropriate max-width value */
-export declare const mediaDown: (width: ScreenWidth) => (props: StyledProps<unknown>) => string;
-/** Returns CSS media string with appropriate min-width value */
-export declare const mediaUp: (width: ScreenWidth) => (props: StyledProps<unknown>) => string;
-/** Removes specific theming keys from the given props. */
-export declare function omitThemingProps<T extends ThemingProps>(props: T): Omit<T, "variant" | "size">;
-/**
- * Custom validator to prevent certain props from reaching the HTML element.
- * @param props - list of props to filter out
- */
-export declare function shouldForwardProp(props: string[]): (prop: string | number, defaultValidatorFn: (prop: string | number) => boolean) => boolean;
-/** Re-export of xstyled 'th' with custom typing and screen getter */
-declare const th: ThemeGet;
-export { th };
-/** Returns true of current viewport width is between provided min and max widths */
-export declare function useBetween(minWidth: ScreenWidth, maxWidth: ScreenWidth): boolean;
-/** Returns true of current viewport width is smaller than provided width */
-export declare function useDown(width: ScreenWidth): boolean;
-/** Returns viewport width and provided screen width as a number  */
-export declare function useMedia(width: ScreenWidth): {
-    value: number;
-    viewportWidth: number | null;
-};
-/**
- * Retrieves and merges size and variant styling from theme configuration.
- * @param component - name of any component configured in the theme
- * @param props - props object of the given component
- */
-export declare function useStyleConfig(component: keyof VuiTheme['components'], props?: any): Dict<any>;
-/** Returns theme value at the given path */
-export declare function useTh(path: keyof VuiTheme | AnyString, defaultValue?: any): any;
-/** Returns the theme object with extensions */
-export declare function useTheme(): VuiTheme;
-/** Returns true of current viewport width is larger or equal to provided width */
-export declare function useUp(width: ScreenWidth): boolean;
-/**
- * Component creation utility, which combines forwardRef, memo and ensures correct typing with all props included.
- * Config object allows toggling memoization and providing custom 'areEqual' function.
- */
-export declare function vui<C extends React.ElementType, Props = {}>(component: React.ForwardRefRenderFunction<any, PropsOf<C, Props>>, config?: VuiComponentConfig<C, Props>): VuiComponent<C, Props>;
+import { StyleGenerator } from '@xstyled/styled-components';
+import React from 'react';
+import { StyledProps } from 'styled-components';
+import { CreateContextOptions, CreateContextReturn, PropsOf, ThemeGet, VuiComponent, VuiComponentConfig } from './types';
+import { Screen, ThemingProps, VuiTheme, VuiThemeExtensions } from '../theme';
+import { AnyNumber, AnyString, Dict } from '../utils';
+/** Generic function to create new Context and context access hook. */
+export declare function createContext<ContextType>(options?: CreateContextOptions): CreateContextReturn<ContextType>;
+/** Merges provided theme extensions and overrides with default VUI theme */
+export declare function extendTheme(extensions: VuiThemeExtensions): VuiTheme;
+/**
+ * Provides configuration to the 'styled' function, which filters out xstyled system props
+ * Return type is cast to {} in order to avoid messing up styled component's actual props definition.
+ */
+export declare function forwardPropConfig(generator: StyleGenerator): {};
+declare type ScreenWidth = Screen | AnyNumber | AnyString;
+/** Returns CSS media string with appropriate min-width and max-width values */
+export declare const mediaBetween: (minWidth: ScreenWidth, maxWidth: ScreenWidth) => (props: StyledProps<unknown>) => string;
+/** Returns CSS media string with appropriate max-width value */
+export declare const mediaDown: (width: ScreenWidth) => (props: StyledProps<unknown>) => string;
+/** Returns CSS media string with appropriate min-width value */
+export declare const mediaUp: (width: ScreenWidth) => (props: StyledProps<unknown>) => string;
+/** Removes specific theming keys from the given props. */
+export declare function omitThemingProps<T extends ThemingProps>(props: T): Omit<T, "variant" | "size">;
+/**
+ * Custom validator to prevent certain props from reaching the HTML element.
+ * @param props - list of props to filter out
+ */
+export declare function shouldForwardProp(props: string[]): (prop: string | number, defaultValidatorFn: (prop: string | number) => boolean) => boolean;
+/** Re-export of xstyled 'th' with custom typing and screen getter */
+declare const th: ThemeGet;
+export { th };
+/** Returns true of current viewport width is between provided min and max widths */
+export declare function useBetween(minWidth: ScreenWidth, maxWidth: ScreenWidth): boolean;
+/** Returns true of current viewport width is smaller than provided width */
+export declare function useDown(width: ScreenWidth): boolean;
+/** Returns viewport width and provided screen width as a number  */
+export declare function useMedia(width: ScreenWidth): {
+    value: number;
+    viewportWidth: number | null;
+};
+/**
+ * Retrieves and merges size and variant styling from theme configuration.
+ * @param component - name of any component configured in the theme
+ * @param props - props object of the given component
+ */
+export declare function useStyleConfig(component: keyof VuiTheme['components'], props?: any): Dict<any>;
+/** Returns theme value at the given path */
+export declare function useTh(path: keyof VuiTheme | AnyString, defaultValue?: any): any;
+/** Returns the theme object with extensions */
+export declare function useTheme(): VuiTheme;
+/** Returns true of current viewport width is larger or equal to provided width */
+export declare function useUp(width: ScreenWidth): boolean;
+/**
+ * Component creation utility, which combines forwardRef, memo and ensures correct typing with all props included.
+ * Config object allows toggling memoization and providing custom 'areEqual' function.
+ */
+export declare function vui<C extends React.ElementType, Props = {}>(component: React.ForwardRefRenderFunction<any, PropsOf<C, Props>>, config?: VuiComponentConfig<C, Props>): VuiComponent<C, Props>;