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

package/dist/esnext/Fab/fab.js

@@ -1,23 +1,33 @@
 import * as React from 'react';
 import { css, cx } from '../styles';
 import { ButtonBase } from '../ButtonBase';
+/**
+ *
+ */
+/**
+ * Styles.
+ */
 const stylesBase = () => css({
     label: 'Fab',
     borderRadius: '50%',
-    height: '55px',
-    width: '55px',
-    padding: '10px',
+    height: 'var(--pv-size-base-11)',
+    width: 'var(--pv-size-base-11)',
+    padding: 'var(--pv-size-base-2)',
 });
+/**
+ *
+ */
 export const Fab = React.forwardRef((props, ref) => {
     const { className, children, ...other } = props;
-    return (React.createElement(ButtonBase, Object.assign({}, other, { ref: ref, className: cx({
+    return (React.createElement(ButtonBase, { ...other, ref: ref, className: cx({
             [stylesBase()]: true,
             [className]: !!className,
-        }), size: "large" }), children));
+        }), size: "large" }, children));
 });
 Fab.displayName = 'Fab';
 Fab.defaultProps = {
     disabled: false,
-    variant: 'primary',
+    variant: 'contained',
+    color: 'primary',
 };
 //# sourceMappingURL=fab.js.map

package/dist/esnext/Fab/fab.js.map

@@ -1 +1 @@
-{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../../src/Fab/fab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AAI5D,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,UAAU,oBACL,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,IAAI,EAAC,OAAO,KAEX,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,GAAG,CAAC,YAAY,GAAG;IACjB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,SAAS;CACnB,CAAC"}
+{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../../src/Fab/fab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAsB,MAAM,eAAe,CAAC;AAyB/D;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,wBAAwB;IAChC,KAAK,EAAE,wBAAwB;IAC/B,OAAO,EAAE,uBAAuB;CACjC,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,UAAU,OACL,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,IAAI,EAAC,OAAO,IAEX,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAqC,CAAC;AAEvC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,GAAG,CAAC,YAAY,GAAG;IACjB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,SAAS;CACjB,CAAC"}

package/dist/esnext/Fab/index.js

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

package/dist/esnext/Fab/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Fab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Fab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,GAGJ,MAAM,OAAO,CAAC"}

package/dist/esnext/Fade/fade.js

@@ -1,19 +1,33 @@
 import * as React from 'react';
 import { Transition } from 'react-transition-group';
-export const Fade = (props) => {
-    const { timeout, in: inProp, children, finalOpacity, onEnter, onEntered, onEntering, onExit, onExited, onExiting, } = props;
-    return (React.createElement(Transition, { in: inProp, timeout: timeout, onEnter: onEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting }, (state) => (React.cloneElement(children, {
+import { useMergedRef } from '../hooks';
+export const Fade = React.forwardRef((props, ref) => {
+    const { timeout, in: inProp, children, finalOpacity, appear, onEnter, onEntered, onEntering, onExit, onExited, onExiting, ...other } = props;
+    const nodeRef = React.useRef(null);
+    const multiRef = useMergedRef(children.ref, ref, nodeRef);
+    const handleEnter = (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, { in: inProp, timeout: timeout, appear: appear, onEnter: handleEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting, nodeRef: nodeRef, ...other }, (state, childProps) => (React.cloneElement(children, {
         style: {
             opacity: (state === 'entering' || state === 'entered') ? finalOpacity : 0,
-            transition: `opacity ${timeout}ms`,
+            transition: `opacity ${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/esnext/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,MAAM,IAAI,GAAwB,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EACJ,OAAO,EACP,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,GACV,GAAG,KAAK,CAAC;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,CAAC,KAAK,EAAE,EAAE,CAAC,CACV,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAC3B,KAAK,EAAE;YACL,OAAO,EAAE,CAAC,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YACzE,UAAU,EAAE,WAAW,OAAO,IAAI;YAClC,UAAU,EAAE,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YAChE,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK;SACxB;KACF,CAAC,CACH,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,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClE,MAAM,EACJ,OAAO,EACP,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,OAAO,EACP,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,YAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,CAAC,WAAoB,EAAE,EAAE;QAC3C,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,IACT,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,KACZ,KAAK,IAER,CAAC,KAAuB,EAAE,UAAe,EAAE,EAAE,CAAC,CAC7C,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAC3B,KAAK,EAAE;YACL,OAAO,EAAE,CAAC,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YACzE,UAAU,EAAE,WAAW,OAAO,qCAAqC;YACnE,UAAU,EAAE,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YAChE,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK;SACxB;QACD,GAAG,EAAE,QAAQ;QACb,GAAG,UAAU;KACd,CAAC,CACH,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/esnext/FocusTrap/focus_trap.js

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

package/dist/esnext/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,MAAM,SAAS,GAAwB,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,gBAAgB,GACjB,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,YAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,kCAAkC;QAClC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAC7B,OAAO,IAAI,CAAC;SACb;QAED,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,CAAC,OAAO,EAAE;YACjD,uBAAuB,EAAE,KAAK;YAC9B,iBAAiB,EAAE,IAAI;YACvB,iBAAiB,EAAE,KAAK;YACxB,aAAa,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO;YACpC,GAAG,CAAC,gBAAgB,IAAI;gBACtB,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO;aACpC,CAAC;SACH,CAAC,CAAC;QAEH,SAAS,CAAC,QAAQ,EAAE,CAAC;QAErB,OAAO,GAAG,EAAE;YACV,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/esnext/FocusTrap/index.js

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

package/dist/esnext/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/esnext/IconButton/icon_button.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { css, cx } from '../styles';
+import { Button } from '../Button';
+import { Tooltip } from '../Tooltip';
+/**
+ *
+ */
+/**
+ * Styles.
+ */
+const stylesBase = () => css({
+    '--pv-color-black': 'var(--pv-color-gray-9)',
+});
+/**
+ *
+ */
+export const IconButton = React.forwardRef((props, ref) => {
+    const { title, className, disabled, ...other } = props;
+    const component = (React.createElement(Button, { "aria-label": title, disabled: disabled, ...other, ref: ref, withoutPadding: true, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }) }));
+    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/esnext/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,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,kBAAkB,EAAE,wBAAwB;CAC7C,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,CAChB,oBAAC,MAAM,kBACO,KAAK,EACjB,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,GAAG,EAAE,GAAG,EACR,cAAc,QACd,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,GACF,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/esnext/IconButton/index.js

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

package/dist/esnext/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/esnext/Image/image.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { useImage } from '../hooks';
+export const Image = React.forwardRef((props, ref) => {
+    const { className, src, fallback, loading, alt, ...other } = props;
+    const { status, image } = useImage(src);
+    const hasError = status === 'failed';
+    const showImage = image?.src;
+    if (showImage) {
+        return (React.createElement("img", { ...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/esnext/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,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,SAAS,EACT,GAAG,EACH,QAAQ,EACR,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,CAAC;IACrC,MAAM,SAAS,GAAG,KAAK,EAAE,GAAG,CAAC;IAE7B,IAAI,SAAS,EAAE;QACb,OAAO,CACL,gCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,SAAS,GACpB,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/esnext/Image/index.js

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

package/dist/esnext/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/esnext/LinearProgress/index.js

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

package/dist/esnext/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/esnext/LinearProgress/linear_progress.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Box } from '../Box';
+import { css, cx, keyframes } from '../styles';
+const stylesKeyframeProgress = keyframes `
+  0% {
+    left: -30%;
+  }
+  100% {
+    left: 100%;
+  }
+`;
+const stylesBase = () => css({
+    label: 'LinearProgress',
+    height: '4px',
+    overflow: 'hidden',
+    position: 'relative',
+});
+const stylesProgress = () => css({
+    label: 'progress',
+    top: 0,
+    left: 0,
+    bottom: 0,
+    width: '30%',
+    position: 'absolute',
+    transformOrigin: 'left',
+    animation: `${stylesKeyframeProgress} 2s cubic-bezier(0.53, 0.21, 0.29, 0.67) 0s infinite`,
+});
+export const LinearProgress = React.forwardRef((props, ref) => {
+    const { color, className, ...other } = props;
+    return (React.createElement(Box, { ...other, ref: ref, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }), 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',
+};
+//# sourceMappingURL=linear_progress.js.map

package/dist/esnext/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,MAAM,sBAAsB,GAAG,SAAS,CAAA;;;;;;;CAOvC,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,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,GAAG,sBAAsB,sDAAsD;CAC3F,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,GAAG,OACE,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,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/esnext/Menu/index.js

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

package/dist/esnext/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/esnext/Menu/menu.js

@@ -0,0 +1,114 @@
+import React from 'react';
+import { Popover } from '../Popover';
+import { Typography } from '../Typography';
+import { css, cx } from '../styles';
+const stylesMenuList = () => css({
+    label: 'Menu-list',
+    padding: 'var(--pv-size-base-2) 0px',
+    outline: 'none',
+});
+const stylesMenuItem = () => 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',
+    },
+});
+const stylesPopper = () => 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 const Menu = React.forwardRef((props, ref) => {
+    const { children, options, onClose, popoverProps = {}, } = props;
+    const { className, modalProps = {}, } = popoverProps;
+    const [open, setOpen] = React.useState(false);
+    const childRef = React.useRef(null);
+    const handleChildClick = () => {
+        setOpen(true);
+    };
+    const handlePopoverClose = () => {
+        setOpen(false);
+        if (onClose) {
+            onClose();
+        }
+    };
+    const handleMenuItemClick = (option) => (event) => {
+        setOpen(false);
+        if (option.onClick) {
+            option.onClick(event);
+        }
+        if (onClose) {
+            onClose();
+        }
+    };
+    const 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, { ...popoverProps, modalProps: {
+                ...modalProps,
+                disableAutoFocus: true,
+            }, ref: ref, open: open, anchorEl: childRef.current, onClose: handlePopoverClose, className: cx({
+                [stylesPopper()]: true,
+                [className]: !!className,
+            }) },
+            React.createElement("div", { role: "menu", tabIndex: -1, className: cx({
+                    [stylesMenuList()]: true,
+                }) }, options.map((option, index) => {
+                const { component, disabled, label, className: classNameProp, textVariant: textVariantProp, ...other } = option;
+                const Component = component || 'button';
+                const textVariant = textVariantProp || 'b3';
+                return (React.createElement(Component, { ...other, 
+                    // eslint-disable-next-line react/no-array-index-key
+                    key: index, type: "button", role: "menuitem", className: cx({
+                        [stylesMenuItem()]: true,
+                        [classNameProp]: !!classNameProp,
+                    }), 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/esnext/Menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/Menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,EAAE,EAAkB,MAAM,WAAW,CAAC;AAoCpD,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC/B,KAAK,EAAE,WAAW;IAClB,OAAO,EAAE,2BAA2B;IACpC,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC/B,KAAK,EAAE,WAAW;IAClB,OAAO,EAAE,2BAA2B;IACpC,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,uBAAuB;IAC/B,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,YAAY;IAC5B,cAAc,EAAE,MAAM;IACtB,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,wBAAwB;IACpC,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,uBAAuB;IAC9B,kBAAkB,EAAE;QAClB,SAAS,EAAE;YACT,eAAe,EAAE,wBAAwB;SAC1C;QACD,SAAS,EAAE;YACT,eAAe,EAAE,wBAAwB;SAC1C;QACD,UAAU,EAAE;YACV,eAAe,EAAE,wBAAwB;SAC1C;KACF;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,wBAAwB;QAC/B,MAAM,EAAE,aAAa;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC7B,KAAK,EAAE,cAAc;IACrB,oCAAoC,EAAE;QACpC,MAAM,EAAE,2BAA2B;KACpC;IACD,iCAAiC,EAAE;QACjC,MAAM,EAAE,2BAA2B;KACpC;IACD,mCAAmC,EAAE;QACnC,MAAM,EAAE,2BAA2B;KACpC;IACD,kCAAkC,EAAE;QAClC,MAAM,EAAE,2BAA2B;KACpC;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7E,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,YAAY,GAAG,EAAE,GAClB,GAAG,KAAK,CAAC;IACV,MAAM,EACJ,SAAS,EACT,UAAU,GAAG,EAAE,GAChB,GAAG,YAAY,CAAC;IACjB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEpC,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,OAAO,CAAC,KAAK,CAAC,CAAC;QAEf,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAC;SACX;IACH,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAC1B,MAAmB,EACnB,EAAE,CAAC,CACH,KAA0C,EAC1C,EAAE;QACF,OAAO,CAAC,KAAK,CAAC,CAAC;QAEf,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SACvB;QAED,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAC;SACX;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAA4E;QAC7F,GAAG,EAAE,QAAQ;QACb,OAAO,EAAE,gBAAgB;QACzB,eAAe,EAAE,MAAM;QACvB,eAAe,EAAE,MAAM,CAAC,IAAI,CAAQ;KACrC,CAAC;IAEF,OAAO,CACL;QACG,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,aAAa,CAAC;QAC5C,oBAAC,OAAO,OACF,YAAY,EAChB,UAAU,EAAE;gBACV,GAAG,UAAU;gBACb,gBAAgB,EAAE,IAAI;aACvB,EACD,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,CAAC,OAAO,EAC1B,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,EAAE,CAAC;gBACZ,CAAC,YAAY,EAAE,CAAC,EAAE,IAAI;gBACtB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;aACzB,CAAC;YAEF,6BACE,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,EAAE,CAAC;oBACZ,CAAC,cAAc,EAAE,CAAC,EAAE,IAAI;iBACzB,CAAC,IAED,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAC7B,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,eAAe,EAC5B,GAAG,KAAK,EACT,GAAG,MAAM,CAAC;gBACX,MAAM,SAAS,GAAG,SAAS,IAAI,QAAQ,CAAC;gBACxC,MAAM,WAAW,GAAG,eAAe,IAAI,IAAI,CAAC;gBAE5C,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK;oBACT,oDAAoD;oBACpD,GAAG,EAAE,KAAK,EACV,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,EAAE,CAAC;wBACZ,CAAC,cAAc,EAAE,CAAC,EAAE,IAAI;wBACxB,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,aAAa;qBACjC,CAAC,EACF,OAAO,EAAE,mBAAmB,CAAC,MAAM,CAAC,EACpC,QAAQ,EAAE,QAAQ;oBAElB,oBAAC,UAAU,IACT,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,MAAM,IAEf,KAAK,CACK,CACH,CACb,CAAC;YACJ,CAAC,CAAC,CACE,CACE,CACT,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/esnext/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/esnext/Modal/modal.js

@@ -1,14 +1,15 @@
 import * as React from 'react';
+import { FocusTrap } from '../FocusTrap';
 import { Backdrop } from '../Backdrop';
 import { Portal } from '../Portal';
 import { css, cx } from '../styles';
 const stylesBase = () => css({
     label: 'Modal',
     position: 'fixed',
-    zIndex: 1000,
-    right: 0,
-    bottom: 0,
+    zIndex: 1300,
     top: 0,
+    bottom: 0,
+    right: 0,
     left: 0,
 });
 const stylesHidden = () => css({
@@ -16,17 +17,46 @@ const stylesHidden = () => css({
     visibility: 'hidden',
 });
 export const Modal = React.forwardRef((props, ref) => {
-    const { children, className, open, onBackdropClick, transitionDuration, dataTestId, ...other } = props;
+    const { children, className, open, transitionDuration, disableBackdropClick, disableEscapeKeyDown, keepMounted, backdropProps, disableEnforceFocus, disableAutoFocus, onClose, ...other } = props;
     const [exited, setExited] = React.useState(true);
+    if (!keepMounted && !open) {
+        return null;
+    }
+    const handleBackdropClick = (event) => {
+        if (disableBackdropClick) {
+            return;
+        }
+        if (onClose) {
+            onClose(event);
+        }
+    };
+    const handleKeyDown = (event) => {
+        if (disableEscapeKeyDown) {
+            return;
+        }
+        if (event.key !== 'Escape') {
+            return;
+        }
+        event.stopPropagation();
+        if (onClose) {
+            onClose(event);
+        }
+    };
     return (React.createElement(Portal, null,
-        React.createElement("div", Object.assign({}, other, { ref: ref, className: cx({
+        React.createElement("div", { ...other, ref: ref, className: cx({
                 [stylesBase()]: true,
                 [stylesHidden()]: !open && exited,
                 [className]: !!className,
-            }), role: "presentation", "aria-hidden": !open, "data-testid": dataTestId }),
-            React.createElement(Backdrop, { open: open, onClick: onBackdropClick, onEnter: () => setExited(false), onExited: () => setExited(true), transitionDuration: transitionDuration }),
-            children)));
+            }), role: "presentation", "aria-hidden": !open, onKeyDown: handleKeyDown },
+            React.createElement(Backdrop, { ...backdropProps, open: open, onClick: handleBackdropClick, onEnter: () => setExited(false), onExited: () => 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/esnext/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,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,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,CAAC;AAEH,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC7B,KAAK,EAAE,QAAQ;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA6B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/E,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,eAAe,EACf,kBAAkB,EAClB,UAAU,EACV,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,OAAO,CACL,oBAAC,MAAM;QACL,6CACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;gBACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;gBACpB,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,MAAM;gBACjC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;aACzB,CAAC,EACF,IAAI,EAAC,cAAc,iBACN,CAAC,IAAI,iBACL,UAAU;YAEvB,oBAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,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/esnext/OverridableComponent.js

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

package/dist/esnext/OverridableComponent.js.map

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

package/dist/esnext/Popover/index.js

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

package/dist/esnext/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"}

package/dist/esnext/Popover/popover.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { usePopper } from 'react-popper';
+import { Modal } from '../Modal';
+import { Box } from '../Box';
+import { Fade } from '../Fade';
+import { css, cx } from '../styles';
+const stylesBase = () => css({
+    label: 'Popover',
+    outline: 0,
+    maxWidth: 'calc(100% - 32px)',
+    minWidth: '16px',
+    maxHeight: 'calc(100% - 32px)',
+    minHeight: '16px',
+    boxShadow: 'var(--pv-shadow-light-low)',
+});
+export const Popover = React.forwardRef((props, ref) => {
+    const { open, children, anchorEl, placement, onClose, className, modalProps, allowUseSameWidth, ...other } = props;
+    const [popperElement, setPopperElement] = React.useState(null);
+    const sameWidthModifier = React.useMemo(() => ({
+        name: 'sameWidth',
+        enabled: allowUseSameWidth,
+        phase: 'beforeWrite',
+        requires: ['computeStyles'],
+        fn: ({ state }) => {
+            // eslint-disable-next-line no-param-reassign
+            state.styles.popper.width = `${state.rects.reference.width}px`;
+        },
+        effect: ({ state }) => {
+            // @ts-ignore
+            // eslint-disable-next-line no-param-reassign
+            state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;
+        },
+    }), []);
+    const { styles, attributes } = usePopper(anchorEl, popperElement, {
+        placement,
+        modifiers: [sameWidthModifier],
+    });
+    return (React.createElement(Modal, { ...modalProps, ref: ref, open: open, onClose: onClose, backdropProps: {
+            invisible: true,
+        } },
+        React.createElement(Fade, { in: open, ref: setPopperElement },
+            React.createElement(Box, { ...other, borderRadius: 4, background: "white", tabIndex: -1, style: styles.popper, ...attributes.popper, className: cx({
+                    [stylesBase()]: true,
+                    [className]: !!className,
+                }) }, children))));
+});
+Popover.displayName = 'Popover';
+Popover.defaultProps = {
+    placement: 'bottom-end',
+    allowUseSameWidth: false,
+};
+//# sourceMappingURL=popover.js.map

package/dist/esnext/Popover/popover.js.map

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

package/dist/esnext/Popper/index.js

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

package/dist/esnext/Popper/index.js.map

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