@peculiar/react-components 0.0.2-alpha.89 → 0.1.0

package/dist/esm/Fade/fade.js

@@ -9,17 +9,38 @@ var __assign = (this && this.__assign) || function () {
     };
     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;
+};
 import * as React from 'react';
 import { Transition } from 'react-transition-group';
-export var Fade = function (props) {
-    var timeout = props.timeout, inProp = props.in, children = props.children, finalOpacity = props.finalOpacity, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting;
-    return (React.createElement(Transition, { in: inProp, timeout: timeout, onEnter: onEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting }, function (state) { return (React.cloneElement(children, {
-        style: __assign({ opacity: (state === 'entering' || state === 'entered') ? finalOpacity : 0, transition: "opacity " + timeout + "ms", visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, children.props.style),
-    })); }));
-};
+import { useMergedRef } from '../hooks';
+export var Fade = React.forwardRef(function (props, ref) {
+    var timeout = props.timeout, inProp = props.in, children = props.children, finalOpacity = props.finalOpacity, appear = props.appear, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, other = __rest(props, ["timeout", "in", "children", "finalOpacity", "appear", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting"]);
+    var nodeRef = React.useRef(null);
+    var multiRef = useMergedRef(children.ref, ref, nodeRef);
+    var handleEnter = function (isAppearing) {
+        // reading a dimension prop will cause the browser to recalculate,
+        // which will let our animations work
+        nodeRef.current.offsetHeight; // eslint-disable-line @typescript-eslint/no-unused-expressions
+        if (onEnter) {
+            onEnter(isAppearing);
+        }
+    };
+    return (React.createElement(Transition, __assign({ in: inProp, timeout: timeout, appear: appear, onEnter: handleEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting, nodeRef: nodeRef }, other), function (state, childProps) { return (React.cloneElement(children, __assign({ style: __assign({ opacity: (state === 'entering' || state === 'entered') ? finalOpacity : 0, transition: "opacity ".concat(timeout, "ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"), visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, children.props.style), ref: multiRef }, childProps))); }));
+});
 Fade.displayName = 'Fade';
 Fade.defaultProps = {
-    timeout: 300,
+    timeout: 225,
     finalOpacity: 1,
+    appear: true,
 };
 //# sourceMappingURL=fade.js.map

package/dist/esm/Fade/fade.js.map

@@ -1 +1 @@
-{"version":3,"file":"fade.js","sourceRoot":"","sources":["../../../src/Fade/fade.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AA6BpD,MAAM,CAAC,IAAM,IAAI,GAAwB,UAAC,KAAK;IAE3C,IAAA,OAAO,GAUL,KAAK,QAVA,EACH,MAAM,GASR,KAAK,GATG,EACV,QAAQ,GAQN,KAAK,SARC,EACR,YAAY,GAOV,KAAK,aAPK,EACZ,OAAO,GAML,KAAK,QANA,EACP,SAAS,GAKP,KAAK,UALE,EACT,UAAU,GAIR,KAAK,WAJG,EACV,MAAM,GAGJ,KAAK,OAHD,EACN,QAAQ,GAEN,KAAK,SAFC,EACR,SAAS,GACP,KAAK,UADE,CACD;IAEV,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,IAEnB,UAAC,KAAK,IAAK,OAAA,CACV,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAC3B,KAAK,aACH,OAAO,EAAE,CAAC,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EACzE,UAAU,EAAE,aAAW,OAAO,OAAI,EAClC,UAAU,EAAE,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAC7D,QAAQ,CAAC,KAAK,CAAC,KAAK,CACxB;KACF,CAAC,CACH,EATW,CASX,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,IAAI,CAAC,YAAY,GAAG;IAClB,OAAO,EAAE,GAAG;IACZ,YAAY,EAAE,CAAC;CAChB,CAAC"}
+{"version":3,"file":"fade.js","sourceRoot":"","sources":["../../../src/Fade/fade.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAiCxC,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAiB,UAAC,KAAK,EAAE,GAAG;IAE5D,IAAA,OAAO,GAYL,KAAK,QAZA,EACH,MAAM,GAWR,KAAK,GAXG,EACV,QAAQ,GAUN,KAAK,SAVC,EACR,YAAY,GASV,KAAK,aATK,EACZ,MAAM,GAQJ,KAAK,OARD,EACN,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,gIAaL,CADS,CACA;IACV,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,QAAQ,GAAG,YAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IAEnE,IAAM,WAAW,GAAG,UAAC,WAAoB;QACvC,kEAAkE;QAClE,qCAAqC;QACrC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,+DAA+D;QAE7F,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,WAAW,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,aACT,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,GAER,UAAC,KAAuB,EAAE,UAAe,IAAK,OAAA,CAC7C,KAAK,CAAC,YAAY,CAAC,QAAQ,aACzB,KAAK,aACH,OAAO,EAAE,CAAC,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EACzE,UAAU,EAAE,kBAAW,OAAO,wCAAqC,EACnE,UAAU,EAAE,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAC7D,QAAQ,CAAC,KAAK,CAAC,KAAK,GAEzB,GAAG,EAAE,QAAQ,IACV,UAAU,EACb,CACH,EAX8C,CAW9C,CACU,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,IAAI,CAAC,YAAY,GAAG;IAClB,OAAO,EAAE,GAAG;IACZ,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,IAAI;CACb,CAAC"}

package/dist/esm/FocusTrap/focus_trap.js

@@ -0,0 +1,36 @@
+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);
+};
+import React from 'react';
+import { createFocusTrap } from 'focus-trap';
+import { useMergedRef } from '../hooks';
+export var FocusTrap = function (props) {
+    var children = props.children, open = props.open, disableAutoFocus = props.disableAutoFocus;
+    var rootRef = React.useRef(null);
+    var multiRef = useMergedRef(children.ref, rootRef);
+    React.useEffect(function () {
+        // We might render an empty child.
+        if (!open || !rootRef.current) {
+            return null;
+        }
+        var focusTrap = createFocusTrap(rootRef.current, __assign({ clickOutsideDeactivates: false, allowOutsideClick: true, escapeDeactivates: false, fallbackFocus: function () { return rootRef.current; } }, (disableAutoFocus && {
+            initialFocus: function () { return rootRef.current; },
+        })));
+        focusTrap.activate();
+        return function () {
+            focusTrap.deactivate({ returnFocus: true });
+        };
+    }, [open]);
+    return React.cloneElement(children, { ref: multiRef });
+};
+FocusTrap.displayName = 'FocusTrap';
+FocusTrap.defaultProps = {};
+//# sourceMappingURL=focus_trap.js.map

package/dist/esm/FocusTrap/focus_trap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus_trap.js","sourceRoot":"","sources":["../../../src/FocusTrap/focus_trap.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAmBxC,MAAM,CAAC,IAAM,SAAS,GAAwB,UAAC,KAAK;IAEhD,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,IAAI,GAEF,KAAK,KAFH,EACJ,gBAAgB,GACd,KAAK,iBADS,CACR;IAEV,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,QAAQ,GAAG,YAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE9D,KAAK,CAAC,SAAS,CAAC;QACd,kCAAkC;QAClC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAC7B,OAAO,IAAI,CAAC;SACb;QAED,IAAM,SAAS,GAAG,eAAe,CAAC,OAAO,CAAC,OAAO,aAC/C,uBAAuB,EAAE,KAAK,EAC9B,iBAAiB,EAAE,IAAI,EACvB,iBAAiB,EAAE,KAAK,EACxB,aAAa,EAAE,cAAM,OAAA,OAAO,CAAC,OAAO,EAAf,CAAe,IACjC,CAAC,gBAAgB,IAAI;YACtB,YAAY,EAAE,cAAM,OAAA,OAAO,CAAC,OAAO,EAAf,CAAe;SACpC,CAAC,EACF,CAAC;QAEH,SAAS,CAAC,QAAQ,EAAE,CAAC;QAErB,OAAO;YACL,SAAS,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,SAAS,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/esm/FocusTrap/index.js

@@ -0,0 +1,2 @@
+export { FocusTrap } from './focus_trap';
+//# sourceMappingURL=index.js.map

package/dist/esm/FocusTrap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FocusTrap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/esm/IconButton/icon_button.js

@@ -0,0 +1,57 @@
+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;
+};
+import * as React from 'react';
+import { css, cx } from '../styles';
+import { Button } from '../Button';
+import { Tooltip } from '../Tooltip';
+/**
+ *
+ */
+/**
+ * Styles.
+ */
+var stylesBase = function () { return css({
+    '--pv-color-black': 'var(--pv-color-gray-9)',
+}); };
+/**
+ *
+ */
+export var IconButton = React.forwardRef(function (props, ref) {
+    var _a;
+    var title = props.title, className = props.className, disabled = props.disabled, other = __rest(props, ["title", "className", "disabled"]);
+    var component = (React.createElement(Button, __assign({ "aria-label": title, disabled: disabled }, other, { ref: ref, withoutPadding: true, className: cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)) })));
+    if (!title || disabled) {
+        return component;
+    }
+    return (React.createElement(Tooltip, { title: title, color: "black", size: "small" }, component));
+});
+IconButton.displayName = 'IconButton';
+IconButton.defaultProps = {
+    disabled: false,
+    color: 'default',
+    size: 'medium',
+};
+//# sourceMappingURL=icon_button.js.map

package/dist/esm/IconButton/icon_button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon_button.js","sourceRoot":"","sources":["../../../src/IconButton/icon_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAkB,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAsBrC;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,kBAAkB,EAAE,wBAAwB;CAC7C,CAAC,EAFuB,CAEvB,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,UAAC,KAAK,EAAE,GAAG;;IAExE,IAAA,KAAK,GAIH,KAAK,MAJF,EACL,SAAS,GAGP,KAAK,UAHE,EACT,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EALH,kCAKL,CADS,CACA;IAEV,IAAM,SAAS,GAAG,CAChB,oBAAC,MAAM,2BACO,KAAK,EACjB,QAAQ,EAAE,QAAQ,IACd,KAAK,IACT,GAAG,EAAE,GAAG,EACR,cAAc,QACd,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACF,CACH,CAAC;IAEF,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;QACtB,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,CACL,oBAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,IAEX,SAAS,CACF,CACX,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;CACf,CAAC"}

package/dist/esm/IconButton/index.js

@@ -0,0 +1,2 @@
+export { IconButton, } from './icon_button';
+//# sourceMappingURL=index.js.map

package/dist/esm/IconButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,GAGX,MAAM,eAAe,CAAC"}

package/dist/esm/Image/image.js

@@ -0,0 +1,43 @@
+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;
+};
+import * as React from 'react';
+import { useImage } from '../hooks';
+export var Image = React.forwardRef(function (props, ref) {
+    var className = props.className, src = props.src, fallback = props.fallback, loading = props.loading, alt = props.alt, other = __rest(props, ["className", "src", "fallback", "loading", "alt"]);
+    var _a = useImage(src), status = _a.status, image = _a.image;
+    var hasError = status === 'failed';
+    var showImage = image === null || image === void 0 ? void 0 : image.src;
+    if (showImage) {
+        return (React.createElement("img", __assign({}, other, { ref: ref, alt: alt, src: image.src, className: className })));
+    }
+    if (fallback && hasError) {
+        return fallback;
+    }
+    if (loading) {
+        return loading;
+    }
+    return null;
+});
+Image.displayName = 'Image';
+Image.defaultProps = {};
+//# sourceMappingURL=image.js.map

package/dist/esm/Image/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/Image/image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAwBpC,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,SAAS,GAMP,KAAK,UANE,EACT,GAAG,GAKD,KAAK,IALJ,EACH,QAAQ,GAIN,KAAK,SAJC,EACR,OAAO,GAGL,KAAK,QAHA,EACP,GAAG,GAED,KAAK,IAFJ,EACA,KAAK,UACN,KAAK,EAPH,kDAOL,CADS,CACA;IACJ,IAAA,KAAoB,QAAQ,CAAC,GAAG,CAAC,EAA/B,MAAM,YAAA,EAAE,KAAK,WAAkB,CAAC;IACxC,IAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,CAAC;IACrC,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC;IAE7B,IAAI,SAAS,EAAE;QACb,OAAO,CACL,wCACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,SAAS,IACpB,CACH,CAAC;KACH;IAED,IAAI,QAAQ,IAAI,QAAQ,EAAE;QACxB,OAAO,QAAQ,CAAC;KACjB;IAED,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/esm/Image/index.js

@@ -0,0 +1,2 @@
+export { Image } from './image';
+//# sourceMappingURL=index.js.map

package/dist/esm/Image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/esm/LinearProgress/index.js

@@ -0,0 +1,2 @@
+export { LinearProgress } from './linear_progress';
+//# sourceMappingURL=index.js.map

package/dist/esm/LinearProgress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/LinearProgress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/LinearProgress/linear_progress.js

@@ -0,0 +1,62 @@
+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;
+};
+import React from 'react';
+import { Box } from '../Box';
+import { css, cx, keyframes } from '../styles';
+var stylesKeyframeProgress = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    left: -30%;\n  }\n  100% {\n    left: 100%;\n  }\n"], ["\n  0% {\n    left: -30%;\n  }\n  100% {\n    left: 100%;\n  }\n"])));
+var stylesBase = function () { return css({
+    label: 'LinearProgress',
+    height: '4px',
+    overflow: 'hidden',
+    position: 'relative',
+}); };
+var stylesProgress = function () { return css({
+    label: 'progress',
+    top: 0,
+    left: 0,
+    bottom: 0,
+    width: '30%',
+    position: 'absolute',
+    transformOrigin: 'left',
+    animation: "".concat(stylesKeyframeProgress, " 2s cubic-bezier(0.53, 0.21, 0.29, 0.67) 0s infinite"),
+}); };
+export var LinearProgress = React.forwardRef(function (props, ref) {
+    var _a;
+    var color = props.color, className = props.className, other = __rest(props, ["color", "className"]);
+    return (React.createElement(Box, __assign({}, other, { ref: ref, className: cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)), background: color === 'primary' ? 'primary-tint-4' : 'secondary-tint-4' }),
+        React.createElement(Box, { background: color, className: cx(stylesProgress()) })));
+});
+LinearProgress.displayName = 'LinearProgress';
+LinearProgress.defaultProps = {
+    color: 'primary',
+    variant: 'indeterminate',
+};
+var templateObject_1;
+//# sourceMappingURL=linear_progress.js.map

package/dist/esm/LinearProgress/linear_progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linear_progress.js","sourceRoot":"","sources":["../../../src/LinearProgress/linear_progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAmB/C,IAAM,sBAAsB,GAAG,SAAS,qIAAA,kEAOvC,IAAA,CAAC;AAEF,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAC,EALuB,CAKvB,CAAC;AAEH,IAAM,cAAc,GAAG,cAAM,OAAA,GAAG,CAAC;IAC/B,KAAK,EAAE,UAAU;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,MAAM;IACvB,SAAS,EAAE,UAAG,sBAAsB,yDAAsD;CAC3F,CAAC,EAT2B,CAS3B,CAAC;AAEH,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,UAAC,KAAK,EAAE,GAAG;;IAEP,IAAA,KAAK,GAGH,KAAK,MAHF,EACL,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAJH,sBAIL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,GAAG,eACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,EACF,UAAU,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB;QAEvE,oBAAC,GAAG,IACF,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,GAC/B,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,cAAc,CAAC,YAAY,GAAG;IAC5B,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,eAAe;CACzB,CAAC"}

package/dist/esm/Menu/index.js

@@ -0,0 +1,2 @@
+export { Menu } from './menu';
+//# sourceMappingURL=index.js.map

package/dist/esm/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC"}

package/dist/esm/Menu/menu.js

@@ -0,0 +1,135 @@
+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;
+};
+import React from 'react';
+import { Popover } from '../Popover';
+import { Typography } from '../Typography';
+import { css, cx } from '../styles';
+var stylesMenuList = function () { return css({
+    label: 'Menu-list',
+    padding: 'var(--pv-size-base-2) 0px',
+    outline: 'none',
+}); };
+var stylesMenuItem = function () { return css({
+    label: 'Menu-item',
+    padding: '0px var(--pv-size-base-2)',
+    fontFamily: 'inherit',
+    outline: 'none',
+    width: '100%',
+    height: 'var(--pv-size-base-7)',
+    display: 'flex',
+    textAlign: 'left',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    textDecoration: 'none',
+    userSelect: 'none',
+    cursor: 'pointer',
+    transition: 'background-color 200ms',
+    backgroundColor: 'transparent',
+    border: 'none',
+    color: 'var(--pv-color-black)',
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-3)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-4)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-5)',
+        },
+    },
+    '&:disabled': {
+        color: 'var(--pv-color-gray-7)',
+        cursor: 'not-allowed',
+    },
+}); };
+var stylesPopper = function () { return css({
+    label: 'Menu-popover',
+    '&[data-popper-placement^="bottom"]': {
+        margin: 'var(--pv-size-base-3) 0px',
+    },
+    '&[data-popper-placement^="top"]': {
+        margin: 'var(--pv-size-base-3) 0px',
+    },
+    '&[data-popper-placement^="right"]': {
+        margin: '0px var(--pv-size-base-3)',
+    },
+    '&[data-popper-placement^="left"]': {
+        margin: '0px var(--pv-size-base-3)',
+    },
+}); };
+export var Menu = React.forwardRef(function (props, ref) {
+    var _a, _b;
+    var children = props.children, options = props.options, onClose = props.onClose, _c = props.popoverProps, popoverProps = _c === void 0 ? {} : _c;
+    var className = popoverProps.className, _d = popoverProps.modalProps, modalProps = _d === void 0 ? {} : _d;
+    var _e = React.useState(false), open = _e[0], setOpen = _e[1];
+    var childRef = React.useRef(null);
+    var handleChildClick = function () {
+        setOpen(true);
+    };
+    var handlePopoverClose = function () {
+        setOpen(false);
+        if (onClose) {
+            onClose();
+        }
+    };
+    var handleMenuItemClick = function (option) { return function (event) {
+        setOpen(false);
+        if (option.onClick) {
+            option.onClick(event);
+        }
+        if (onClose) {
+            onClose();
+        }
+    }; };
+    var childrenProps = {
+        ref: childRef,
+        onClick: handleChildClick,
+        'aria-haspopup': 'menu',
+        'aria-expanded': String(open),
+    };
+    return (React.createElement(React.Fragment, null,
+        React.cloneElement(children, childrenProps),
+        React.createElement(Popover, __assign({}, popoverProps, { modalProps: __assign(__assign({}, modalProps), { disableAutoFocus: true }), ref: ref, open: open, anchorEl: childRef.current, onClose: handlePopoverClose, className: cx((_a = {},
+                _a[stylesPopper()] = true,
+                _a[className] = !!className,
+                _a)) }),
+            React.createElement("div", { role: "menu", tabIndex: -1, className: cx((_b = {},
+                    _b[stylesMenuList()] = true,
+                    _b)) }, options.map(function (option, index) {
+                var _a;
+                var component = option.component, disabled = option.disabled, label = option.label, classNameProp = option.className, textVariantProp = option.textVariant, other = __rest(option, ["component", "disabled", "label", "className", "textVariant"]);
+                var Component = component || 'button';
+                var textVariant = textVariantProp || 'b3';
+                return (React.createElement(Component, __assign({}, other, { 
+                    // eslint-disable-next-line react/no-array-index-key
+                    key: index, type: "button", role: "menuitem", className: cx((_a = {},
+                        _a[stylesMenuItem()] = true,
+                        _a[classNameProp] = !!classNameProp,
+                        _a)), onClick: handleMenuItemClick(option), disabled: disabled }),
+                    React.createElement(Typography, { variant: textVariant, color: "inherit", component: "span" }, label)));
+            })))));
+});
+Menu.displayName = 'Menu';
+Menu.defaultProps = {};
+//# sourceMappingURL=menu.js.map

package/dist/esm/Menu/menu.js.map

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

package/dist/esm/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC"}

package/dist/esm/Modal/modal.js

@@ -21,16 +21,17 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
+import { FocusTrap } from '../FocusTrap';
 import { Backdrop } from '../Backdrop';
 import { Portal } from '../Portal';
 import { css, cx } from '../styles';
 var stylesBase = function () { return css({
     label: 'Modal',
     position: 'fixed',
-    zIndex: 1000,
-    right: 0,
-    bottom: 0,
+    zIndex: 1300,
     top: 0,
+    bottom: 0,
+    right: 0,
     left: 0,
 }); };
 var stylesHidden = function () { return css({
@@ -39,17 +40,46 @@ var stylesHidden = function () { return css({
 }); };
 export var Modal = React.forwardRef(function (props, ref) {
     var _a;
-    var children = props.children, className = props.className, open = props.open, onBackdropClick = props.onBackdropClick, transitionDuration = props.transitionDuration, dataTestId = props.dataTestId, other = __rest(props, ["children", "className", "open", "onBackdropClick", "transitionDuration", "dataTestId"]);
+    var children = props.children, className = props.className, open = props.open, transitionDuration = props.transitionDuration, disableBackdropClick = props.disableBackdropClick, disableEscapeKeyDown = props.disableEscapeKeyDown, keepMounted = props.keepMounted, backdropProps = props.backdropProps, disableEnforceFocus = props.disableEnforceFocus, disableAutoFocus = props.disableAutoFocus, onClose = props.onClose, other = __rest(props, ["children", "className", "open", "transitionDuration", "disableBackdropClick", "disableEscapeKeyDown", "keepMounted", "backdropProps", "disableEnforceFocus", "disableAutoFocus", "onClose"]);
     var _b = React.useState(true), exited = _b[0], setExited = _b[1];
+    if (!keepMounted && !open) {
+        return null;
+    }
+    var handleBackdropClick = function (event) {
+        if (disableBackdropClick) {
+            return;
+        }
+        if (onClose) {
+            onClose(event);
+        }
+    };
+    var handleKeyDown = function (event) {
+        if (disableEscapeKeyDown) {
+            return;
+        }
+        if (event.key !== 'Escape') {
+            return;
+        }
+        event.stopPropagation();
+        if (onClose) {
+            onClose(event);
+        }
+    };
     return (React.createElement(Portal, null,
         React.createElement("div", __assign({}, other, { ref: ref, className: cx((_a = {},
                 _a[stylesBase()] = true,
                 _a[stylesHidden()] = !open && exited,
                 _a[className] = !!className,
-                _a)), role: "presentation", "aria-hidden": !open, "data-testid": dataTestId }),
-            React.createElement(Backdrop, { open: open, onClick: onBackdropClick, onEnter: function () { return setExited(false); }, onExited: function () { return setExited(true); }, transitionDuration: transitionDuration }),
-            children)));
+                _a)), role: "presentation", "aria-hidden": !open, onKeyDown: handleKeyDown }),
+            React.createElement(Backdrop, __assign({}, backdropProps, { open: open, onClick: handleBackdropClick, onEnter: function () { return setExited(false); }, onExited: function () { return setExited(true); }, transitionDuration: transitionDuration })),
+            React.createElement(FocusTrap, { open: disableEnforceFocus ? false : open, disableAutoFocus: disableAutoFocus }, children))));
 });
 Modal.displayName = 'Modal';
-Modal.defaultProps = {};
+Modal.defaultProps = {
+    transitionDuration: 225,
+    disableBackdropClick: false,
+    disableEscapeKeyDown: false,
+    keepMounted: false,
+    disableEnforceFocus: false,
+};
 //# sourceMappingURL=modal.js.map

package/dist/esm/Modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/Modal/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAyBpC,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC,EARuB,CAQvB,CAAC;AAEH,IAAM,YAAY,GAAG,cAAM,OAAA,GAAG,CAAC;IAC7B,KAAK,EAAE,QAAQ;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,EAHyB,CAGzB,CAAC;AAEH,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA6B,UAAC,KAAK,EAAE,GAAG;;IAEzE,IAAA,QAAQ,GAON,KAAK,SAPC,EACR,SAAS,GAMP,KAAK,UANE,EACT,IAAI,GAKF,KAAK,KALH,EACJ,eAAe,GAIb,KAAK,gBAJQ,EACf,kBAAkB,GAGhB,KAAK,mBAHW,EAClB,UAAU,GAER,KAAK,WAFG,EACP,KAAK,UACN,KAAK,EARH,wFAQL,CADS,CACA;IACJ,IAAA,KAAsB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAzC,MAAM,QAAA,EAAE,SAAS,QAAwB,CAAC;IAEjD,OAAO,CACL,oBAAC,MAAM;QACL,wCACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE;gBACX,GAAC,UAAU,EAAE,IAAG,IAAI;gBACpB,GAAC,YAAY,EAAE,IAAG,CAAC,IAAI,IAAI,MAAM;gBACjC,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;oBACxB,EACF,IAAI,EAAC,cAAc,iBACN,CAAC,IAAI,iBACL,UAAU;YAEvB,oBAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAC/B,QAAQ,EAAE,cAAM,OAAA,SAAS,CAAC,IAAI,CAAC,EAAf,CAAe,EAC/B,kBAAkB,EAAE,kBAAkB,GACtC;YACD,QAAQ,CACL,CACC,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC"}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/Modal/modal.tsx"],"names":[],"mappings":"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"}

package/dist/esm/OverridableComponent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=OverridableComponent.js.map

package/dist/esm/OverridableComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverridableComponent.js","sourceRoot":"","sources":["../../src/OverridableComponent.ts"],"names":[],"mappings":""}

package/dist/esm/Popover/index.js

@@ -0,0 +1,2 @@
+export { Popover } from './popover';
+//# sourceMappingURL=index.js.map

package/dist/esm/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC"}