@peculiar/react-components 0.0.2-alpha.26 → 0.0.2-alpha.260

package/README.md

@@ -1,5 +1,7 @@
 # `@peculiar/react-components`
 
+A simple and customizable component library to build faster, beautiful, and more accessible React applications.
+
 ## Getting started
 
 To install `@peculiar/react-components` in your project, you will need to run the
@@ -9,8 +11,7 @@ following command using [npm](https://www.npmjs.com/):
 npm install @peculiar/react-components
 ```
 
-If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
-instead:
+If you prefer [Yarn](https://yarnpkg.com/en/), use the following command instead:
 
 ```bash
 yarn add @peculiar/react-components
@@ -18,14 +19,24 @@ yarn add @peculiar/react-components
 
 ## Usage
 
-```js
-import { Button } from '@peculiar/react-components';
+```tsx
+import { Button, ThemeProvider } from '@peculiar/react-components';
 
 function MyComponent() {
-  return <Button>Example usage</Button>;
+  return (
+    <ThemeProvider>
+      <Button>
+        Example usage
+      </Button>
+    </ThemeProvider>
+  );
 }
 ```
 
+## 📚 Documentation
+
+- [Storybook](https://peculiarventures.github.io/peculiar-ui/)
+
 ## 📝 License
 
 Licensed under the [MIT](/LICENSE).

package/dist/cjs/Alert/alert.js

@@ -0,0 +1,105 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+var React = __importStar(require("react"));
+var Box_1 = require("../Box");
+var Typography_1 = require("../Typography");
+var IconButton_1 = require("../IconButton");
+var CircularProgress_1 = require("../CircularProgress");
+var icons_1 = require("../icons");
+var styles_1 = require("../styles");
+var stylesBase = function () { return styles_1.css({
+    label: 'Alert',
+    width: '100%',
+    display: 'flex',
+    padding: 'var(--pv-size-base-2) var(--pv-size-base-4)',
+    boxSizing: 'border-box',
+}); };
+var stylesIcon = function (variant) { return styles_1.css(__assign(__assign(__assign({ label: 'Alert-icon', marginRight: 'var(--pv-size-base-2)', width: '24px', display: 'flex', padding: 'var(--pv-size-base-half) 0px', justifyContent: 'center', alignItems: 'center' }, (variant === 'wrong' && {
+    color: 'var(--pv-color-wrong)',
+})), (variant === 'attention' && {
+    color: 'var(--pv-color-attention)',
+})), (variant === 'success' && {
+    color: 'var(--pv-color-success)',
+}))); };
+var stylesText = function () { return styles_1.css({
+    label: 'Alert-text',
+    padding: 'var(--pv-size-base) 0px',
+    flex: '1',
+    minHeight: 'var(--pv-text-b3-height)',
+}); };
+exports.Alert = React.forwardRef(function (props, ref) {
+    var _a, _b;
+    var children = props.children, variant = props.variant, className = props.className, disableIcon = props.disableIcon, onClose = props.onClose, other = __rest(props, ["children", "variant", "className", "disableIcon", "onClose"]);
+    var renderIcon = function () {
+        if (variant === 'wrong') {
+            return (React.createElement(icons_1.CloseCircleIcon, null));
+        }
+        if (variant === 'attention') {
+            return (React.createElement(icons_1.WarningIcon, null));
+        }
+        if (variant === 'success') {
+            return (React.createElement(icons_1.CheckCircleIcon, null));
+        }
+        if (variant === 'pending') {
+            return (React.createElement(CircularProgress_1.CircularProgress, { size: "small", color: "secondary" }));
+        }
+        return null;
+    };
+    return (React.createElement(Box_1.Box, __assign({}, other, { ref: ref, role: "alert", borderRadius: 4, background: variant === 'wrong' ? 'wrong-tint-5' : 'black', className: styles_1.cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)) }),
+        !disableIcon && (React.createElement("div", { className: styles_1.cx(stylesIcon(variant)) }, renderIcon())),
+        React.createElement(Typography_1.Typography, { variant: "b3", color: variant === 'wrong' ? 'wrong' : 'white', className: styles_1.cx((_b = {},
+                _b[stylesText()] = true,
+                _b)) }, children),
+        onClose && (React.createElement(IconButton_1.IconButton, { size: "small", color: variant === 'wrong' ? 'wrong' : 'white', circled: true, onClick: onClose },
+            React.createElement(icons_1.CloseIcon, null)))));
+});
+exports.Alert.displayName = 'Alert';
+exports.Alert.defaultProps = {
+    disableIcon: true,
+};
+//# sourceMappingURL=alert.js.map

package/dist/cjs/Alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/Alert/alert.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Alert/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+var alert_1 = require("./alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Alert/index.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAAnC,8FAAA,KAAK,OAAA"}

package/dist/cjs/Avatar/avatar.js

@@ -0,0 +1,120 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+var React = __importStar(require("react"));
+var styles_1 = require("../styles");
+var Typography_1 = require("../Typography");
+var Box_1 = require("../Box");
+var hooks_1 = require("../hooks");
+var stylesBase = function () { return styles_1.css({
+    label: 'Avatar',
+    userSelect: 'none',
+    overflow: 'hidden',
+    borderRadius: '50%',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+}); };
+var stylesSizeSmall = function () { return styles_1.css({
+    label: 'small',
+    height: 'var(--pv-size-base-6)',
+    width: 'var(--pv-size-base-6)',
+}); };
+var stylesSizeMedium = function () { return styles_1.css({
+    label: 'medium',
+    height: 'var(--pv-size-base-7)',
+    width: 'var(--pv-size-base-7)',
+}); };
+var stylesSizeLarge = function () { return styles_1.css({
+    label: 'large',
+    height: 'var(--pv-size-base-8)',
+    width: 'var(--pv-size-base-8)',
+}); };
+var stylesImg = function () { return styles_1.css({
+    label: 'img',
+    color: 'transparent',
+    width: '100%',
+    height: '100%',
+    objectFit: 'cover',
+    textAlign: 'center',
+    textIndent: 10000,
+}); };
+function initials(name) {
+    var _a = name.split(' '), firstName = _a[0], lastName = _a[1];
+    return firstName && lastName
+        ? "" + firstName.charAt(0) + lastName.charAt(0)
+        : firstName.charAt(0);
+}
+exports.Avatar = React.forwardRef(function (props, ref) {
+    var _a;
+    var className = props.className, size = props.size, src = props.src, name = props.name, _b = props.getInitials, getInitials = _b === void 0 ? initials : _b, background = props.background, color = props.color, typographyProps = props.typographyProps, other = __rest(props, ["className", "size", "src", "name", "getInitials", "background", "color", "typographyProps"]);
+    var image = hooks_1.useImage(src).image;
+    var showImage = image === null || image === void 0 ? void 0 : image.src;
+    var showInitials = name && getInitials;
+    var children = null;
+    if (showImage) {
+        children = (React.createElement("img", { src: src, alt: name, className: stylesImg() }));
+    }
+    else if (showInitials) {
+        children = (React.createElement(Typography_1.Typography, __assign({}, typographyProps, { color: color, "aria-label": name, role: "img" }), getInitials(name)));
+    }
+    else {
+        children = (React.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 10 13", width: 10, role: "img" },
+            React.createElement("path", { d: "M2.998 3.174c0 1.594 1 2.674 2 2.674s2-1.08 2-2.674c0-1.595-1-2.674-2-2.674s-2 1.08-2 2.674zM5 8.858c-1.249 0-2.383-.448-3.308-1.146C.95 8.064.5 8.878.5 9.812v2.12h9V9.81c0-.918-.46-1.746-1.193-2.098C7.383 8.41 6.25 8.858 5 8.858z", fill: "#fff", stroke: "#fff" })));
+    }
+    return (React.createElement(Box_1.Box, __assign({}, other, { ref: ref, className: styles_1.cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[stylesSizeSmall()] = size === 'small',
+            _a[stylesSizeMedium()] = size === 'medium',
+            _a[stylesSizeLarge()] = size === 'large',
+            _a[className] = !!className,
+            _a)), background: background }), children));
+});
+exports.Avatar.displayName = 'Avatar';
+exports.Avatar.defaultProps = {
+    size: 'medium',
+    background: 'gray-7',
+    color: 'white',
+};
+//# sourceMappingURL=avatar.js.map

package/dist/cjs/Avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Avatar/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+var avatar_1 = require("./avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Avatar/index.ts"],"names":[],"mappings":";;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA"}

package/dist/cjs/Backdrop/backdrop.js

@@ -0,0 +1,84 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Backdrop = void 0;
+var React = __importStar(require("react"));
+var Fade_1 = require("../Fade");
+var Box_1 = require("../Box");
+var styles_1 = require("../styles");
+var variants = {
+    light: 0.1,
+    medium: 0.5,
+    heavy: 0.9,
+};
+var stylesBase = function () { return styles_1.css({
+    label: 'Backdrop',
+    zIndex: -1,
+    position: 'fixed',
+    right: 0,
+    bottom: 0,
+    top: 0,
+    left: 0,
+    WebkitTapHighlightColor: 'transparent',
+}); };
+var stylesInvisible = function () { return styles_1.css({
+    label: 'invisible',
+    backgroundColor: 'transparent',
+}); };
+exports.Backdrop = React.forwardRef(function (props, ref) {
+    var _a;
+    var className = props.className, invisible = props.invisible, open = props.open, transitionDuration = props.transitionDuration, variant = props.variant, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, other = __rest(props, ["className", "invisible", "open", "transitionDuration", "variant", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting"]);
+    return (React.createElement(Fade_1.Fade, { in: open, timeout: transitionDuration, onEnter: onEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting, finalOpacity: variants[variant] },
+        React.createElement(Box_1.Box, __assign({}, other, { ref: ref, background: "black", className: styles_1.cx((_a = {},
+                _a[stylesBase()] = true,
+                _a[stylesInvisible()] = invisible,
+                _a[className] = !!className,
+                _a)), "aria-hidden": "true" }))));
+});
+exports.Backdrop.displayName = 'Backdrop';
+exports.Backdrop.defaultProps = {
+    variant: 'medium',
+    invisible: false,
+    transitionDuration: 225,
+};
+//# sourceMappingURL=backdrop.js.map

package/dist/cjs/Backdrop/backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop.js","sourceRoot":"","sources":["../../../src/Backdrop/backdrop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,gCAAoD;AACpD,8BAA6B;AAC7B,oCAAoC;AAwBpC,IAAM,QAAQ,GAAG;IACf,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,IAAM,UAAU,GAAG,cAAM,OAAA,YAAG,CAAC;IAC3B,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,uBAAuB,EAAE,aAAa;CACvC,CAAC,EATuB,CASvB,CAAC;AAEH,IAAM,eAAe,GAAG,cAAM,OAAA,YAAG,CAAC;IAChC,KAAK,EAAE,WAAW;IAClB,eAAe,EAAE,aAAa;CAC/B,CAAC,EAH4B,CAG5B,CAAC;AAEU,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,UAAC,KAAK,EAAE,GAAG;;IAE/E,IAAA,SAAS,GAYP,KAAK,UAZE,EACT,SAAS,GAWP,KAAK,UAXE,EACT,IAAI,GAUF,KAAK,KAVH,EACJ,kBAAkB,GAShB,KAAK,mBATW,EAClB,OAAO,GAQL,KAAK,QARA,EACP,OAAO,GAOL,KAAK,QAPA,EACP,SAAS,GAMP,KAAK,UANE,EACT,UAAU,GAKR,KAAK,WALG,EACV,MAAM,GAIJ,KAAK,OAJD,EACN,QAAQ,GAGN,KAAK,SAHC,EACR,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAbH,4IAaL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,WAAI,IACH,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,QAAQ,CAAC,OAAO,CAAC;QAE/B,oBAAC,SAAG,eACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,OAAO,EAClB,SAAS,EAAE,WAAE;gBACX,GAAC,UAAU,EAAE,IAAG,IAAI;gBACpB,GAAC,eAAe,EAAE,IAAG,SAAS;gBAC9B,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;oBACxB,iBACU,MAAM,IAClB,CACG,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,gBAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,KAAK;IAChB,kBAAkB,EAAE,GAAG;CACxB,CAAC"}

package/dist/cjs/Backdrop/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Backdrop = void 0;
+var backdrop_1 = require("./backdrop");
+Object.defineProperty(exports, "Backdrop", { enumerable: true, get: function () { return backdrop_1.Backdrop; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/Backdrop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Backdrop/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqD;AAA5C,oGAAA,QAAQ,OAAA"}

package/dist/cjs/Box/box.js

@@ -0,0 +1,101 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = void 0;
+var React = __importStar(require("react"));
+var styles_1 = require("../styles");
+var stylesBase = function () { return styles_1.css({
+    label: 'Box',
+}); };
+var stylesBackground = function (color) { return styles_1.css({
+    label: color,
+    background: "var(--pv-color-" + color + ")",
+}); };
+var stylesBorderColor = function (color) { return styles_1.css({
+    label: color,
+    borderColor: "var(--pv-color-" + color + ")",
+}); };
+exports.Box = React.forwardRef(function (props, ref) {
+    var _a;
+    var className = props.className, componentProp = props.component, background = props.background, borderColor = props.borderColor, borderWidth = props.borderWidth, borderStyle = props.borderStyle, borderPosition = props.borderPosition, borderRadius = props.borderRadius, other = __rest(props, ["className", "component", "background", "borderColor", "borderWidth", "borderStyle", "borderPosition", "borderRadius"]);
+    var getBorderWidth = function () {
+        if (typeof borderWidth !== 'number') {
+            return undefined;
+        }
+        if (borderPosition === 'horizontal') {
+            return [borderWidth, 0, borderWidth, 0].join('px ');
+        }
+        if (borderPosition === 'vertical') {
+            return [0, borderWidth, 0, borderWidth, ''].join('px ');
+        }
+        if (borderPosition === 'top') {
+            return [borderWidth, 0, 0, 0].join('px ');
+        }
+        if (borderPosition === 'right') {
+            return [0, borderWidth, 0, 0].join('px ');
+        }
+        if (borderPosition === 'bottom') {
+            return [0, 0, borderWidth, 0].join('px ');
+        }
+        if (borderPosition === 'left') {
+            return [0, 0, 0, borderWidth, ''].join('px ');
+        }
+        return borderWidth;
+    };
+    var Component = componentProp || 'div';
+    return (React.createElement(Component, __assign({}, other, { ref: ref, className: styles_1.cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[stylesBackground(background)] = !!background,
+            _a[stylesBorderColor(borderColor)] = !!borderColor,
+            _a[className] = !!className,
+            _a), styles_1.css({
+            borderWidth: getBorderWidth(),
+            borderStyle: borderStyle,
+            borderRadius: borderRadius,
+        })) })));
+});
+exports.Box.displayName = 'Box';
+exports.Box.defaultProps = {
+    component: 'div',
+};
+//# sourceMappingURL=box.js.map

package/dist/cjs/Box/box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/Box/box.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Box/index.ts"],"names":[],"mappings":";;;AAAA,6BAA4B;AAAnB,0FAAA,GAAG,OAAA"}

package/dist/cjs/Button/button.js

@@ -0,0 +1,100 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var React = __importStar(require("react"));
+var styles_1 = require("../styles");
+var ButtonBase_1 = require("../ButtonBase");
+var stylesBase = function () { return styles_1.css({
+    label: 'Button',
+    borderRadius: '4px',
+}); };
+var stylesSizeSmall = function (props) { return styles_1.css(__assign(__assign({ label: 'small', height: 'var(--pv-size-base-6)', minWidth: 'var(--pv-size-base-6)' }, (props.circled && {
+    borderRadius: 'var(--pv-size-base-6)',
+})), (!props.withoutPadding && {
+    padding: '0 var(--pv-size-base-2)',
+}))); };
+var stylesSizeMedium = function (props) { return styles_1.css(__assign(__assign({ label: 'medium', height: 'var(--pv-size-base-7)', minWidth: 'var(--pv-size-base-7)' }, (props.circled && {
+    borderRadius: 'var(--pv-size-base-7)',
+})), (!props.withoutPadding && {
+    padding: '0 var(--pv-size-base-3)',
+}))); };
+var stylesSizeLarge = function (props) { return styles_1.css(__assign(__assign({ label: 'large', height: 'var(--pv-size-base-8)', minWidth: 'var(--pv-size-base-8)' }, (props.circled && {
+    borderRadius: 'var(--pv-size-base-8)',
+})), (!props.withoutPadding && {
+    padding: '0 var(--pv-size-base-4)',
+}))); };
+var stylesStartIcon = function () { return styles_1.css({
+    label: 'Button-startIcon',
+    marginRight: 'var(--pv-size-base)',
+    display: 'inherit',
+}); };
+var stylesEndIcon = function () { return styles_1.css({
+    label: 'Button-endIcon',
+    marginLeft: 'var(--pv-size-base)',
+    display: 'inherit',
+}); };
+exports.Button = React.forwardRef(function (props, ref) {
+    var _a;
+    var children = props.children, className = props.className, size = props.size, circled = props.circled, startIconProp = props.startIcon, endIconProp = props.endIcon, withoutPadding = props.withoutPadding, other = __rest(props, ["children", "className", "size", "circled", "startIcon", "endIcon", "withoutPadding"]);
+    var startIcon = startIconProp && (React.createElement("span", { className: styles_1.cx(stylesStartIcon()) }, startIconProp));
+    var endIcon = endIconProp && (React.createElement("span", { className: styles_1.cx(stylesEndIcon()) }, endIconProp));
+    return (React.createElement(ButtonBase_1.ButtonBase, __assign({}, other, { ref: ref, className: styles_1.cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[stylesSizeSmall(props)] = size === 'small',
+            _a[stylesSizeMedium(props)] = size === 'medium',
+            _a[stylesSizeLarge(props)] = size === 'large',
+            _a[className] = !!className,
+            _a)), size: size }),
+        startIcon,
+        children,
+        endIcon));
+});
+exports.Button.displayName = 'Button';
+exports.Button.defaultProps = {
+    disabled: false,
+    variant: 'text',
+    color: 'default',
+    size: 'medium',
+};
+//# sourceMappingURL=button.js.map

package/dist/cjs/Button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/Button/button.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.ts"],"names":[],"mappings":";;;AAAA,mCAA+C;AAAtC,gGAAA,MAAM,OAAA"}