@peculiar/react-components 0.0.2-alpha.29 → 0.0.2-alpha.292

package/dist/esnext/CircularProgress/circular_progress.js

@@ -0,0 +1,78 @@
+import React from 'react';
+import { css, cx, keyframes } from '../styles';
+/**
+ * Styles.
+ */
+const SIZE = 44;
+const THICKNESS = 4;
+const circularRotateKeyframe = keyframes `
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`;
+const circularDashKeyframe = keyframes `
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`;
+const stylesBase = (color) => css({
+    label: 'CircularProgress',
+    overflow: 'hidden',
+    position: 'relative',
+    display: 'inline-block',
+    color: `var(--pv-color-${color})`,
+    animation: `${circularRotateKeyframe} 1.4s linear infinite`,
+});
+const stylesBaseSmall = () => css({
+    label: 'small',
+    height: 'var(--pv-size-base-3)',
+    width: 'var(--pv-size-base-3)',
+});
+const stylesBaseLarge = () => css({
+    label: 'large',
+    height: 'var(--pv-size-base-6)',
+    width: 'var(--pv-size-base-6)',
+});
+const stylesProgressSvg = () => css({
+    label: 'CircularProgress-svg',
+    display: 'block',
+});
+const stylesProgressCircle = () => css({
+    label: 'CircularProgress-circle',
+    stroke: 'currentcolor',
+    strokeDasharray: '80px, 200px',
+    strokeDashoffset: 0,
+    animation: `${circularDashKeyframe} 1.4s ease-in-out infinite`,
+});
+/**
+ *
+ */
+export const CircularProgress = React.forwardRef((props, ref) => {
+    const { color, className, size, ...other } = props;
+    return (React.createElement("div", { ...other, ref: ref, className: cx({
+            [stylesBase(color)]: true,
+            [stylesBaseSmall()]: size === 'small',
+            [stylesBaseLarge()]: size === 'large',
+            [className]: !!className,
+        }), role: "progressbar" },
+        React.createElement("svg", { viewBox: `${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`, className: stylesProgressSvg() },
+            React.createElement("circle", { cx: SIZE, cy: SIZE, r: (SIZE - THICKNESS) / 2, fill: "none", strokeWidth: THICKNESS, className: stylesProgressCircle() }))));
+});
+CircularProgress.displayName = 'CircularProgress';
+CircularProgress.defaultProps = {
+    color: 'primary',
+    size: 'large',
+};
+//# sourceMappingURL=circular_progress.js.map

package/dist/esnext/CircularProgress/circular_progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAuB/C;;GAEG;AACH,MAAM,IAAI,GAAG,EAAE,CAAC;AAChB,MAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,MAAM,sBAAsB,GAAG,SAAS,CAAA;;;;;;;CAOvC,CAAC;AAEF,MAAM,oBAAoB,GAAG,SAAS,CAAA;;;;;;;;;;;;;CAarC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAyB,EAAE,EAAE,CAAC,GAAG,CAAC;IACpD,KAAK,EAAE,kBAAkB;IACzB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,kBAAkB,KAAK,GAAG;IACjC,SAAS,EAAE,GAAG,sBAAsB,uBAAuB;CAC5D,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAClC,KAAK,EAAE,sBAAsB;IAC7B,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IACrC,KAAK,EAAE,yBAAyB;IAChC,MAAM,EAAE,cAAc;IACtB,eAAe,EAAE,aAAa;IAC9B,gBAAgB,EAAE,CAAC;IACnB,SAAS,EAAE,GAAG,oBAAoB,4BAA4B;CAC/D,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAC9C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,KAAK,EACL,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,gCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI;YACzB,CAAC,eAAe,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;YACrC,CAAC,eAAe,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;YACrC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,IAAI,EAAC,aAAa;QAElB,6BACE,OAAO,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE,EAClD,SAAS,EAAE,iBAAiB,EAAE;YAE9B,gCACE,EAAE,EAAE,IAAI,EACR,EAAE,EAAE,IAAI,EACR,CAAC,EAAE,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,EACzB,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,EACtB,SAAS,EAAE,oBAAoB,EAAE,GACjC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,gBAAgB,CAAC,YAAY,GAAG;IAC9B,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,OAAO;CACd,CAAC"}

package/dist/esnext/CircularProgress/index.js

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

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

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

package/dist/esnext/Collapse/collapse.js

@@ -0,0 +1,79 @@
+import * as React from 'react';
+import { Transition } from 'react-transition-group';
+import { css, cx } from '../styles';
+const stylesBase = (timeout) => css({
+    label: 'Collapse',
+    transition: `height ${timeout}ms cubic-bezier(0.4, 0, 0.2, 1) 0ms`,
+    overflowY: 'hidden',
+    height: 0,
+});
+const stylesEntered = () => css({
+    label: 'entered',
+    height: 'auto',
+    overflowY: 'visible',
+});
+const stylesHidden = () => css({
+    label: 'hidden',
+    visibility: 'hidden',
+});
+export const Collapse = (props) => {
+    const { timeout, in: inProp, children, onEnter, onEntered, onEntering, onExit, onExited, onExiting, className, ...other } = props;
+    const wrapperRef = React.useRef(null);
+    const nodeRef = React.useRef(null);
+    const getWrapperSize = () => (wrapperRef.current ? wrapperRef.current.clientHeight : 0);
+    const handleEnter = (isAppearing) => {
+        if (nodeRef.current) {
+            nodeRef.current.style.height = '0px';
+        }
+        if (onEnter) {
+            onEnter(isAppearing);
+        }
+    };
+    const handleEntering = (isAppearing) => {
+        if (nodeRef.current) {
+            nodeRef.current.style.height = `${getWrapperSize()}px`;
+        }
+        if (onEntering) {
+            onEntering(isAppearing);
+        }
+    };
+    const handleEntered = (isAppearing) => {
+        if (nodeRef.current) {
+            nodeRef.current.style.height = 'auto';
+        }
+        if (onEntered) {
+            onEntered(isAppearing);
+        }
+    };
+    const handleExit = () => {
+        if (nodeRef.current) {
+            nodeRef.current.style.height = `${getWrapperSize()}px`;
+            // 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 (onExit) {
+            onExit();
+        }
+    };
+    const handleExiting = () => {
+        if (nodeRef.current) {
+            nodeRef.current.style.height = '0px';
+        }
+        if (onExiting) {
+            onExiting();
+        }
+    };
+    return (React.createElement(Transition, { in: inProp, timeout: timeout, onEnter: handleEnter, onEntering: handleEntering, onEntered: handleEntered, onExit: handleExit, onExiting: handleExiting, onExited: onExited }, (state) => (React.createElement("div", { ...other, className: cx({
+            [stylesBase(timeout)]: true,
+            [stylesEntered()]: state === 'entered',
+            [stylesHidden()]: state === 'exited' && !inProp,
+            [className]: !!className,
+        }), ref: nodeRef },
+        React.createElement("div", { ref: wrapperRef }, children)))));
+};
+Collapse.displayName = 'Collapse';
+Collapse.defaultProps = {
+    timeout: 225,
+};
+//# sourceMappingURL=collapse.js.map

package/dist/esnext/Collapse/collapse.js.map

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

package/dist/esnext/Collapse/index.js

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

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

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

package/dist/esnext/Dialog/dialog.js

@@ -0,0 +1,91 @@
+import React from 'react';
+import { Modal } from '../Modal';
+import { Box } from '../Box';
+import { Fade } from '../Fade';
+import { CircularProgress } from '../CircularProgress';
+import { css, cx } from '../styles';
+const stylesBase = (loading) => css({
+    label: 'Dialog',
+    width: '100%',
+    display: 'flex',
+    maxHeight: 'calc(100% - 60px)',
+    flexDirection: 'column',
+    margin: 'var(--pv-size-base-6)',
+    position: 'relative',
+    outline: 'none',
+    boxShadow: 'var(--pv-shadow-dark-hight)',
+    overflow: 'hidden',
+    border: 0,
+    padding: 0,
+    ...(loading && {
+        '[data-key="dialog.content"]': {
+            opacity: 0.5,
+        },
+        '[data-key="dialog.actions"]': {
+            opacity: 0.5,
+        },
+    }),
+});
+const stylesSizeSmall = () => css({
+    label: 'small',
+    maxWidth: '310px',
+});
+const stylesSizeMedium = () => css({
+    label: 'medium',
+    maxWidth: '640px',
+});
+const stylesSizeLarge = () => css({
+    label: 'large',
+    maxWidth: '1024px',
+});
+const stylesFullScreen = () => css({
+    label: 'fullScreen',
+    height: '100%',
+    margin: 0,
+    maxWidth: '100%',
+    maxHeight: 'none',
+});
+const stylesModal = () => css({
+    label: 'Dialog-modal',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+});
+const stylesLoading = () => css({
+    label: 'Dialog-loading',
+    position: 'absolute',
+    inset: '0px',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+});
+export const Dialog = React.forwardRef((props, ref) => {
+    const { open, children, className, fullScreen, transitionDuration, disableBackdropClick, disableEscapeKeyDown, size, loading, loadingColor, onClose, 'data-testid': dataTestId, ...other } = props;
+    return (React.createElement(Modal, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, className: cx(stylesModal()), disableBackdropClick: loading || disableBackdropClick, disableEscapeKeyDown: loading || disableEscapeKeyDown, backdropProps: {
+            invisible: fullScreen,
+        } },
+        React.createElement(Fade, { in: open, timeout: transitionDuration },
+            React.createElement(Box, { ...other, role: "dialog", background: "white", borderRadius: fullScreen ? 0 : 4, className: cx({
+                    [stylesBase(loading)]: true,
+                    [stylesSizeSmall()]: size === 'small',
+                    [stylesSizeMedium()]: size === 'medium',
+                    [stylesSizeLarge()]: size === 'large',
+                    [stylesFullScreen()]: fullScreen,
+                    [className]: !!className,
+                }), tabIndex: -1, component: "fieldset", 
+                // @ts-ignore
+                disabled: loading },
+                children,
+                loading && (React.createElement(Box, { className: cx(stylesLoading()) },
+                    React.createElement(CircularProgress, { color: loadingColor })))))));
+});
+Dialog.displayName = 'Dialog';
+Dialog.defaultProps = {
+    transitionDuration: 225,
+    fullScreen: false,
+    disableBackdropClick: false,
+    disableEscapeKeyDown: false,
+    size: 'medium',
+    loadingColor: 'secondary',
+};
+//# sourceMappingURL=dialog.js.map

package/dist/esnext/Dialog/dialog.js.map

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

package/dist/esnext/Dialog/dialog_actions.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { css, cx } from '../styles';
+const stylesBase = () => css({
+    label: 'DialogActions',
+    padding: 'var(--pv-size-base-3) var(--pv-size-base-4) var(--pv-size-base-4)',
+    flex: '0 0 auto',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    '& > :not(:first-of-type)': {
+        marginLeft: 'var(--pv-size-base-2)',
+    },
+});
+export const DialogActions = React.forwardRef((props, ref) => {
+    const { children, className, ...other } = props;
+    return (React.createElement("footer", { ...other, ref: ref, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }), "data-key": "dialog.actions" }, children));
+});
+DialogActions.displayName = 'DialogActions';
+DialogActions.defaultProps = {};
+//# sourceMappingURL=dialog_actions.js.map

package/dist/esnext/Dialog/dialog_actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog_actions.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAepC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,eAAe;IACtB,OAAO,EAAE,mEAAmE;IAC5E,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,UAAU;IAC1B,0BAA0B,EAAE;QAC1B,UAAU,EAAE,uBAAuB;KACpC;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/F,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,mCACM,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,cACO,gBAAgB,IAExB,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/esnext/Dialog/dialog_content.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { Box } from '../Box';
+import { Collapse } from '../Collapse';
+import { Alert } from '../Alert';
+import { css, cx } from '../styles';
+const stylesBase = () => css({
+    label: 'DialogContent',
+    flex: '1 1 auto',
+    overflow: 'hidden',
+    display: 'flex',
+    flexDirection: 'column',
+});
+const stylesPinned = () => css({
+    label: 'DialogPinnedContent',
+    padding: '0 var(--pv-size-base-4)',
+    flex: '0 0 auto',
+});
+const stylesScrolled = () => css({
+    label: 'DialogScrolledContent',
+    overflowY: 'auto',
+    flex: '1 1 auto',
+    padding: 'var(--pv-size-base-3) var(--pv-size-base-4) var(--pv-size-base-6) var(--pv-size-base-4)',
+});
+const stylesError = () => css({
+    label: 'DialogContent-error',
+    margin: 'var(--pv-size-base-2) 0',
+    padding: 'var(--pv-size-base-2) var(--pv-size-base-3)',
+});
+const stylesCollapse = () => css({
+    margin: '0 calc(var(--pv-size-base-3) * -1)',
+});
+export const DialogContent = React.forwardRef((props, ref) => {
+    const { children, className, dividers, error, ...other } = props;
+    return (React.createElement(Box, { ...other, ref: ref, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }), borderColor: "gray-5", borderWidth: dividers ? 1 : 0, borderStyle: "solid", borderPosition: "horizontal", "data-key": "dialog.content" },
+        React.createElement("div", { className: cx(stylesPinned()) },
+            React.createElement(Collapse, { in: Boolean(error), className: cx(stylesCollapse()) },
+                React.createElement(Alert, { variant: "wrong", disableIcon: true, className: cx(stylesError()) }, error))),
+        React.createElement("div", { className: cx(stylesScrolled()) }, children)));
+});
+DialogContent.displayName = 'DialogContent';
+DialogContent.defaultProps = {
+    dividers: true,
+};
+//# sourceMappingURL=dialog_content.js.map

package/dist/esnext/Dialog/dialog_content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog_content.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAuBpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC7B,KAAK,EAAE,qBAAqB;IAC5B,OAAO,EAAE,yBAAyB;IAClC,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC/B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,yFAAyF;CACnG,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC5B,KAAK,EAAE,qBAAqB;IAC5B,MAAM,EAAE,yBAAyB;IACjC,OAAO,EAAE,6CAA6C;CACvD,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC/B,MAAM,EAAE,oCAAoC;CAC7C,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/F,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,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,WAAW,EAAC,QAAQ,EACpB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,WAAW,EAAC,OAAO,EACnB,cAAc,EAAC,YAAY,cAClB,gBAAgB;QAEzB,6BAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,CAAC;YAChC,oBAAC,QAAQ,IACP,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC;gBAE/B,oBAAC,KAAK,IACJ,OAAO,EAAC,OAAO,EACf,WAAW,QACX,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,IAE3B,KAAK,CACA,CACC,CACP;QACN,6BAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,IACjC,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,IAAI;CACf,CAAC"}

package/dist/esnext/Dialog/dialog_title.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Typography } from '../Typography';
+import { css, cx } from '../styles';
+import { IconButton } from '../IconButton';
+import { CloseIcon } from '../icons';
+const stylesBase = () => css({
+    label: 'DialogTitle',
+    padding: 'var(--pv-size-base-4) var(--pv-size-base-4) var(--pv-size-base-2)',
+    display: 'flex',
+    flex: '0 0 auto',
+    justifyContent: 'space-between',
+});
+const stylesCloseButton = () => css({
+    label: 'DialogTitle-close',
+    margin: '0 calc(var(--pv-size-base) * -1) 0 var(--pv-size-base-2)',
+});
+export const DialogTitle = React.forwardRef((props, ref) => {
+    const { children, className, onClose, ...other } = props;
+    return (React.createElement("header", { ...other, ref: ref, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }), "data-key": "dialog.title" },
+        React.createElement(Typography, { variant: "h4", color: "black" }, children),
+        onClose && (React.createElement(IconButton, { size: "small", onClick: onClose, className: cx(stylesCloseButton()) },
+            React.createElement(CloseIcon, null)))));
+});
+DialogTitle.displayName = 'DialogTitle';
+DialogTitle.defaultProps = {};
+//# sourceMappingURL=dialog_title.js.map

package/dist/esnext/Dialog/dialog_title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog_title.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAmBrC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,mEAAmE;IAC5E,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,eAAe;CAChC,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAClC,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,0DAA0D;CACnE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3F,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,mCACM,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,cACO,cAAc;QAEvB,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,IAEZ,QAAQ,CACE;QAEZ,OAAO,IAAI,CACV,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,CAAC;YAElC,oBAAC,SAAS,OAAG,CACF,CACd,CACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,WAAW,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/esnext/Dialog/index.js

@@ -0,0 +1,5 @@
+export { Dialog } from './dialog';
+export { DialogTitle } from './dialog_title';
+export { DialogContent } from './dialog_content';
+export { DialogActions } from './dialog_actions';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/esnext/Drawer/drawer.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { Modal } from '../Modal';
+import { Slide } from '../Slide';
+import { Box } from '../Box';
+import { css, cx } from '../styles';
+const stylesBase = () => css({
+    label: 'Drawer',
+    width: '270px',
+    height: '100%',
+    position: 'fixed',
+    top: 0,
+    right: 0,
+    overflowY: 'auto',
+    outline: 'none',
+});
+export const Drawer = React.forwardRef((props, ref) => {
+    const { children, className, open, transitionDuration, disableBackdropClick, disableEscapeKeyDown, onClose, 'data-testid': dataTestId, ...other } = props;
+    return (React.createElement(Modal, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, disableBackdropClick: disableBackdropClick, disableEscapeKeyDown: disableEscapeKeyDown, keepMounted: true },
+        React.createElement(Slide, { in: open, timeout: transitionDuration },
+            React.createElement(Box, { ...other, background: "white", className: cx({
+                    [stylesBase()]: true,
+                    [className]: !!className,
+                }), tabIndex: -1 }, children))));
+});
+Drawer.displayName = 'Drawer';
+Drawer.defaultProps = {
+    transitionDuration: 225,
+    disableBackdropClick: false,
+    disableEscapeKeyDown: false,
+};
+//# sourceMappingURL=drawer.js.map

package/dist/esnext/Drawer/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAoCpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,iBACH,UAAU,EACvB,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW;QAEX,oBAAC,KAAK,IACJ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,GAAG,OACE,KAAK,EACT,UAAU,EAAC,OAAO,EAClB,SAAS,EAAE,EAAE,CAAC;oBACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;oBACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;iBACzB,CAAC,EACF,QAAQ,EAAE,CAAC,CAAC,IAEX,QAAQ,CACL,CACA,CACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,kBAAkB,EAAE,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,oBAAoB,EAAE,KAAK;CAC5B,CAAC"}

package/dist/esnext/Drawer/index.js

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

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

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

package/dist/esnext/Fab/fab.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { css, cx } from '../styles';
+import { ButtonBase } from '../ButtonBase';
+const stylesBase = () => css({
+    label: 'Fab',
+    borderRadius: '50%',
+    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, { ...other, ref: ref, className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }), size: "large" }, children));
+});
+Fab.displayName = 'Fab';
+Fab.defaultProps = {
+    // eslint-disable-next-line react/default-props-match-prop-types
+    disabled: false,
+    variant: 'contained',
+    // eslint-disable-next-line react/default-props-match-prop-types
+    color: 'primary',
+};
+//# sourceMappingURL=fab.js.map

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

@@ -0,0 +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;AAc5D,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;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9E,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,CAAC,CAAC;AAEH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,GAAG,CAAC,YAAY,GAAG;IACjB,gEAAgE;IAChE,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,WAAW;IACpB,gEAAgE;IAChE,KAAK,EAAE,SAAS;CACjB,CAAC"}

package/dist/esnext/Fab/index.js

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

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

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

package/dist/esnext/Fade/fade.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { Transition } from 'react-transition-group';
+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 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: 225,
+    finalOpacity: 1,
+    appear: true,
+};
+//# sourceMappingURL=fade.js.map

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

@@ -0,0 +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;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/Fade/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Fade/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,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,28 @@
+import * as React from 'react';
+import { Button } from '../Button';
+import { Tooltip } from '../Tooltip';
+import { css, cx } from '../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 = {
+    // eslint-disable-next-line react/default-props-match-prop-types
+    disabled: false,
+    // eslint-disable-next-line react/default-props-match-prop-types
+    color: 'default',
+    // eslint-disable-next-line react/default-props-match-prop-types
+    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;AAC/B,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAWpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,kBAAkB,EAAE,wBAAwB;CAC7C,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5F,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,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,gEAAgE;IAChE,QAAQ,EAAE,KAAK;IACf,gEAAgE;IAChE,KAAK,EAAE,SAAS;IAChB,gEAAgE;IAChE,IAAI,EAAE,QAAQ;CACf,CAAC"}

package/dist/esnext/IconButton/index.js

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