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

package/dist/esnext/TextField/text_field.js

@@ -0,0 +1,93 @@
+import * as React from 'react';
+import { css, cx } from '../styles';
+import { Typography } from '../Typography';
+const stylesInputBase = () => css({
+    label: 'TextField',
+    fontFamily: 'inherit',
+    outline: 'none',
+    boxSizing: 'border-box',
+    width: '100%',
+    borderRadius: '4px',
+    padding: '0 var(--pv-size-base-2)',
+    color: 'var(--pv-color-black)',
+    backgroundColor: 'var(--pv-color-gray-1)',
+    borderStyle: 'solid',
+    borderWidth: '1px',
+    borderColor: 'var(--pv-color-gray-8)',
+    transition: 'background-color 200ms, color 200ms, border-color 200ms',
+    display: 'inline-flex',
+    appearance: 'none',
+    '&::placeholder': {
+        color: 'var(--pv-color-gray-9)',
+    },
+    '&:hover': {
+        backgroundColor: 'var(--pv-color-gray-3)',
+        borderColor: 'var(--pv-color-gray-7)',
+    },
+    '&:disabled': {
+        cursor: 'not-allowed',
+        backgroundColor: 'var(--pv-color-gray-1)',
+        borderColor: 'var(--pv-color-gray-5)',
+        color: 'var(--pv-color-gray-7)',
+    },
+    '&:not(:disabled)': {
+        '&[aria-invalid]': {
+            backgroundColor: 'var(--pv-color-wrong-tint-5)',
+            borderColor: 'var(--pv-color-wrong-tint-3)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-secondary-tint-5)',
+            borderColor: 'var(--pv-color-secondary-tint-3)',
+        },
+    },
+}, {
+    fontWeight: 'var(--pv-text-c1-weight)',
+    fontSize: 'var(--pv-text-c1-size)',
+    letterSpacing: 'var(--pv-text-c1-spacing)',
+});
+const stylesInputSizeSmall = () => css({
+    label: 'small',
+    height: 'var(--pv-size-base-6)',
+});
+const stylesInputSizeMedium = () => css({
+    label: 'medium',
+    height: 'var(--pv-size-base-7)',
+});
+const stylesInputSizeLarge = () => css({
+    label: 'large',
+    height: 'var(--pv-size-base-8)',
+});
+const stylesLabel = () => css({
+    label: 'TextField-label',
+    marginBottom: '2px',
+    display: 'inline-block',
+});
+const stylesError = () => css({
+    label: 'TextField-error',
+    marginTop: '2px',
+});
+export const TextField = React.forwardRef((props, ref) => {
+    const { size, className, label, inputProps, disabled, defaultValue, id, value, placeholder, required, name, inputRef, error, errorText, autoFocus, readOnly, type = 'text', onChange, ...other } = props;
+    return (React.createElement("div", { ...other, ref: ref, className: className },
+        label && (React.createElement("label", { htmlFor: id, className: cx({
+                [stylesLabel()]: true,
+            }) },
+            React.createElement(Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
+        React.createElement("input", { ...inputProps, type: type, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, 
+            // eslint-disable-next-line jsx-a11y/no-autofocus
+            autoFocus: autoFocus, className: cx({
+                [stylesInputBase()]: true,
+                [stylesInputSizeSmall()]: size === 'small',
+                [stylesInputSizeMedium()]: size === 'medium',
+                [stylesInputSizeLarge()]: size === 'large',
+            }), "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly }),
+        error && errorText && (React.createElement(Typography, { variant: "c2", color: "wrong", className: cx({
+                [stylesError()]: true,
+            }) }, errorText))));
+});
+TextField.displayName = 'TextField';
+TextField.defaultProps = {
+    disabled: false,
+    size: 'medium',
+};
+//# sourceMappingURL=text_field.js.map

package/dist/esnext/TextField/text_field.js.map

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

package/dist/esnext/TextareaField/index.js

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

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

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

package/dist/esnext/TextareaField/textarea_field.js

@@ -0,0 +1,95 @@
+import * as React from 'react';
+import { css, cx } from '../styles';
+import { Typography } from '../Typography';
+const stylesInputBase = () => css({
+    label: 'TextareaField',
+    fontFamily: 'inherit',
+    outline: 'none',
+    boxSizing: 'border-box',
+    width: '100%',
+    borderRadius: '4px',
+    padding: 'var(--pv-size-base) var(--pv-size-base-2)',
+    color: 'var(--pv-color-black)',
+    backgroundColor: 'var(--pv-color-gray-1)',
+    borderStyle: 'solid',
+    borderWidth: '1px',
+    borderColor: 'var(--pv-color-gray-8)',
+    transition: 'background-color 200ms, color 200ms, border-color 200ms',
+    display: 'block',
+    appearance: 'none',
+    resize: 'none',
+    '&::placeholder': {
+        color: 'var(--pv-color-gray-9)',
+    },
+    '&:hover': {
+        backgroundColor: 'var(--pv-color-gray-3)',
+        borderColor: 'var(--pv-color-gray-7)',
+    },
+    '&:disabled': {
+        cursor: 'not-allowed',
+        backgroundColor: 'var(--pv-color-gray-1)',
+        borderColor: 'var(--pv-color-gray-5)',
+        color: 'var(--pv-color-gray-7)',
+    },
+    '&:not(:disabled)': {
+        '&[aria-invalid]': {
+            backgroundColor: 'var(--pv-color-wrong-tint-5)',
+            borderColor: 'var(--pv-color-wrong-tint-3)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-secondary-tint-5)',
+            borderColor: 'var(--pv-color-secondary-tint-3)',
+        },
+    },
+}, {
+    fontWeight: 'var(--pv-text-c1-weight)',
+    fontSize: 'var(--pv-text-c1-size)',
+    lineHeight: 'var(--pv-text-c1-height)',
+    letterSpacing: 'var(--pv-text-c1-spacing)',
+});
+const stylesInputSizeSmall = () => css({
+    label: 'small',
+    minHeight: 'var(--pv-size-base-12)',
+});
+const stylesInputSizeMedium = () => css({
+    label: 'medium',
+    minHeight: 'var(--pv-size-base-14)',
+});
+const stylesInputSizeLarge = () => css({
+    label: 'large',
+    minHeight: 'var(--pv-size-base-16)',
+});
+const stylesLabel = () => css({
+    label: 'TextareaField-label',
+    marginBottom: '2px',
+    display: 'inline-block',
+});
+const stylesError = () => css({
+    label: 'TextareaField-error',
+    marginTop: '2px',
+});
+export const TextareaField = React.forwardRef((props, ref) => {
+    const { size, className, label, onChange, inputProps, disabled, defaultValue, id, value, placeholder, required, name, inputRef, error, errorText, autoFocus, readOnly, ...other } = props;
+    return (React.createElement("div", { ...other, ref: ref, className: className },
+        label && (React.createElement("label", { htmlFor: id, className: cx({
+                [stylesLabel()]: true,
+            }) },
+            React.createElement(Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
+        React.createElement("textarea", { ...inputProps, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, 
+            // eslint-disable-next-line jsx-a11y/no-autofocus
+            autoFocus: autoFocus, className: cx({
+                [stylesInputBase()]: true,
+                [stylesInputSizeSmall()]: size === 'small',
+                [stylesInputSizeMedium()]: size === 'medium',
+                [stylesInputSizeLarge()]: size === 'large',
+            }), "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly }),
+        error && errorText && (React.createElement(Typography, { variant: "c2", color: "wrong", className: cx({
+                [stylesError()]: true,
+            }) }, errorText))));
+});
+TextareaField.displayName = 'TextareaField';
+TextareaField.defaultProps = {
+    disabled: false,
+    size: 'medium',
+};
+//# sourceMappingURL=textarea_field.js.map

package/dist/esnext/TextareaField/textarea_field.js.map

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

package/dist/esnext/Toast/index.js

@@ -0,0 +1,3 @@
+export { ToastProvider } from './toast_provider';
+export { useToast } from './use_toast';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esnext/Toast/toast.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { Alert } from '../Alert';
+import { Fade } from '../Fade';
+export const Toast = (props) => {
+    const { id, duration, isClosable, alertProps, children, onClose, } = props;
+    const handleClose = () => {
+        onClose(id);
+    };
+    React.useEffect(() => {
+        if (duration > 0) {
+            const timeout = window.setTimeout(handleClose, duration);
+            return () => {
+                clearTimeout(timeout);
+            };
+        }
+        return null;
+    });
+    return (React.createElement(Fade, { in: true },
+        React.createElement(Alert, { ...alertProps, onClose: isClosable ? handleClose : undefined }, children)));
+};
+Toast.displayName = 'Toast';
+Toast.defaultProps = {
+    duration: 4000,
+};
+//# sourceMappingURL=toast.js.map

package/dist/esnext/Toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/Toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAyB/B,MAAM,CAAC,MAAM,KAAK,GAAwB,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EACJ,EAAE,EACF,QAAQ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,GAAG,CAAC,EAAE;YAChB,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAC/B,WAAW,EACX,QAAQ,CACT,CAAC;YAEF,OAAO,GAAG,EAAE;gBACV,YAAY,CAAC,OAAO,CAAC,CAAC;YACxB,CAAC,CAAC;SACH;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE;QACN,oBAAC,KAAK,OACA,UAAU,EACd,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAE5C,QAAQ,CACH,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;CACf,CAAC"}

package/dist/esnext/Toast/toast_container.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { css, cx } from '../styles';
+const stylesBase = () => css({
+    label: 'ToastContainer',
+    position: 'fixed',
+    bottom: 0,
+    padding: '10px',
+    zIndex: 1300,
+    width: '100%',
+    maxWidth: '460px',
+    wordBreak: 'break-word',
+    left: '50%',
+    transform: 'translateX(-50%)',
+    '& > * + *': {
+        marginTop: '10px',
+    },
+});
+export const ToastContainer = (props) => {
+    const { children, className, ...other } = props;
+    return (React.createElement("div", { className: cx({
+            [stylesBase()]: true,
+            [className]: !!className,
+        }), ...other }, children));
+};
+ToastContainer.displayName = 'ToastContainer';
+//# sourceMappingURL=toast_container.js.map

package/dist/esnext/Toast/toast_container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast_container.js","sourceRoot":"","sources":["../../../src/Toast/toast_container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAWpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,kBAAkB;IAC7B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEhD,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,KACE,KAAK,IAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/esnext/Toast/toast_context.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+const stub = () => {
+    throw new Error('You forgot to wrap your component in <ToastProvider>.');
+};
+const initialContext = {
+    addToast: stub,
+    removeToast: stub,
+    removeAllToasts: stub,
+};
+export const ToastContext = React.createContext(initialContext);
+//# sourceMappingURL=toast_context.js.map

package/dist/esnext/Toast/toast_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast_context.js","sourceRoot":"","sources":["../../../src/Toast/toast_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0C/B,MAAM,IAAI,GAAG,GAAU,EAAE;IACvB,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;AAC3E,CAAC,CAAC;AAEF,MAAM,cAAc,GAAqB;IACvC,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE,IAAI;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB,cAAc,CAAC,CAAC"}

package/dist/esnext/Toast/toast_provider.js

@@ -0,0 +1,80 @@
+import * as React from 'react';
+import { ToastContext, } from './toast_context';
+import { ToastContainer } from './toast_container';
+import { Portal } from '../Portal';
+import { Toast } from './toast';
+export const ToastProvider = (props) => {
+    const { children, toastContainerProps, maxToasts = 1, } = props;
+    const [toasts, setToasts] = React.useState([]);
+    const [queue, setQueue] = React.useState([]);
+    const addToast = React.useCallback((options) => {
+        const id = options.id || `${Date.now()}${Math.random()}`;
+        const newToast = {
+            ...options,
+            id,
+            createdAt: Date.now(),
+        };
+        const inQueue = queue.findIndex((item) => item.id === id);
+        if (inQueue > -1) {
+            return;
+        }
+        const inToasts = toasts.findIndex((item) => item.id === id);
+        if (inToasts > -1) {
+            return;
+        }
+        if (toasts.length >= maxToasts) {
+            setQueue((prevState) => ([
+                ...prevState,
+                newToast,
+            ]));
+            return;
+        }
+        setToasts((prevState) => ([
+            ...prevState,
+            newToast,
+        ]));
+    }, [toasts, queue]);
+    const removeToast = React.useCallback((id) => {
+        const inToasts = toasts.findIndex((item) => item.id === id);
+        if (inToasts > -1 && queue.length) {
+            return setQueue((prevQueue) => {
+                setToasts((prevToasts) => {
+                    const newList = [...prevToasts];
+                    newList.splice(inToasts, 1);
+                    newList.push(prevQueue[0]);
+                    return newList;
+                });
+                return prevQueue.slice(1, prevQueue.length);
+            });
+        }
+        if (inToasts > -1) {
+            return setToasts((prevToasts) => prevToasts.filter((item) => item.id !== id));
+        }
+        const inQueue = queue.findIndex((item) => item.id === id);
+        if (inQueue > -1) {
+            return setQueue((prevQueue) => prevQueue.filter((item) => item.id !== id));
+        }
+        return undefined;
+    }, [toasts, queue]);
+    const removeAllToasts = () => {
+        setToasts([]);
+        setQueue([]);
+    };
+    const hasToasts = Boolean(toasts.length);
+    return (React.createElement(ToastContext.Provider, { value: {
+            addToast,
+            removeToast,
+            removeAllToasts,
+        } },
+        children,
+        hasToasts && (React.createElement(Portal, null,
+            React.createElement(ToastContainer, { ...toastContainerProps }, toasts.map((toast) => (React.createElement(Toast, { key: toast.id, id: toast.id, onClose: removeToast, isClosable: toast.isClosable, duration: toast.duration, alertProps: {
+                    disableIcon: toast.disableIcon,
+                    variant: toast.variant,
+                } }, toast.message))))))));
+};
+ToastProvider.displayName = 'ToastProvider';
+ToastProvider.defaultProps = {
+    maxToasts: 1,
+};
+//# sourceMappingURL=toast_provider.js.map

package/dist/esnext/Toast/toast_provider.js.map

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

package/dist/esnext/Toast/use_toast.js

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ToastContext } from './toast_context';
+export const useToast = () => React.useContext(ToastContext);
+//# sourceMappingURL=use_toast.js.map

package/dist/esnext/Toast/use_toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_toast.js","sourceRoot":"","sources":["../../../src/Toast/use_toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAqB,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC"}

package/dist/esnext/Tooltip/index.js

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

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

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

package/dist/esnext/Tooltip/tooltip.js

@@ -0,0 +1,118 @@
+import React from 'react';
+import { Popper } from '../Popper';
+import { Box } from '../Box';
+import { useMergedRef } from '../hooks';
+import { Typography } from '../Typography';
+import { css, cx, keyframes } from '../styles';
+const stylesKeyframeOpacity = keyframes `
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+`;
+const stylesTooltip = () => css({
+    label: 'Tooltip',
+    boxShadow: 'var(--pv-shadow-light-low)',
+    maxWidth: '300px',
+    wordWrap: 'break-word',
+    fontSize: 0,
+    animation: `${stylesKeyframeOpacity} 225ms`,
+});
+const stylesSizeSmall = () => css({
+    label: 'small',
+    padding: '5px 8px',
+});
+const stylesSizeLarge = () => css({
+    label: 'large',
+    padding: '8px 10px',
+});
+const stylesPopper = (interactive) => css({
+    label: 'Popper',
+    pointerEvents: interactive ? 'auto' : 'none',
+    zIndex: 1500,
+    '&[data-popper-placement^="bottom"]': {
+        padding: 'var(--pv-size-base-3) 0px',
+    },
+    '&[data-popper-placement^="top"]': {
+        padding: 'var(--pv-size-base-3) 0px',
+    },
+    '&[data-popper-placement^="right"]': {
+        padding: '0px var(--pv-size-base-3)',
+    },
+    '&[data-popper-placement^="left"]': {
+        padding: '0px var(--pv-size-base-3)',
+    },
+});
+export const Tooltip = (props) => {
+    const { children, title, placement, className, disableFocusListener, disableHoverListener, disableTouchListener, interactive, size, color, disablePortal, ...other } = props;
+    const [open, setOpen] = React.useState(false);
+    const nodeRef = React.useRef(null);
+    const multiRef = useMergedRef(children.ref, nodeRef);
+    const enterTimer = React.useRef();
+    const leaveTimer = React.useRef();
+    React.useEffect(() => () => {
+        clearTimeout(enterTimer.current);
+        clearTimeout(leaveTimer.current);
+    }, []);
+    const handleEnter = () => {
+        clearTimeout(enterTimer.current);
+        clearTimeout(leaveTimer.current);
+        setOpen(true);
+        enterTimer.current = setTimeout(() => {
+            setOpen(true);
+        }, 100);
+    };
+    const handleLeave = () => {
+        clearTimeout(enterTimer.current);
+        clearTimeout(leaveTimer.current);
+        leaveTimer.current = setTimeout(() => {
+            setOpen(false);
+        }, 0);
+    };
+    const popperProps = {};
+    const childrenProps = {
+        ref: multiRef,
+    };
+    if (!disableTouchListener) {
+        childrenProps.onTouchStart = handleEnter;
+        childrenProps.onTouchEnd = handleLeave;
+    }
+    if (!disableHoverListener) {
+        childrenProps.onMouseOver = handleEnter;
+        childrenProps.onMouseLeave = handleLeave;
+        if (interactive) {
+            popperProps.onMouseOver = handleEnter;
+            popperProps.onMouseLeave = handleLeave;
+        }
+    }
+    if (!disableFocusListener) {
+        childrenProps.onFocus = handleEnter;
+        childrenProps.onBlur = handleLeave;
+        if (interactive) {
+            popperProps.onFocus = handleEnter;
+            popperProps.onBlur = handleLeave;
+        }
+    }
+    return (React.createElement(React.Fragment, null,
+        React.cloneElement(children, childrenProps),
+        React.createElement(Popper, { anchorEl: nodeRef.current, open: title && open, placement: placement, className: cx({
+                [stylesPopper(interactive)]: true,
+            }), disablePortal: disablePortal, ...popperProps },
+            React.createElement(Box, { ...other, background: color === 'black' ? 'gray-10' : 'white', borderRadius: 4, className: cx({
+                    [stylesTooltip()]: true,
+                    [stylesSizeSmall()]: size === 'small',
+                    [stylesSizeLarge()]: size === 'large',
+                    [className]: !!className,
+                }) },
+                React.createElement(Typography, { component: "span", variant: size === 'small' ? 'c2' : 'b3', color: color === 'black' ? 'white' : 'black' }, title)))));
+};
+Tooltip.displayName = 'Tooltip';
+Tooltip.defaultProps = {
+    placement: 'bottom',
+    size: 'small',
+    color: 'white',
+    disablePortal: true,
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/esnext/Tooltip/tooltip.js.map

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

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

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

package/dist/esnext/Typography/typography.js

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { css, cx, } from '../styles';
+const stylesBase = () => css({
+    label: 'Typography',
+    margin: 0,
+});
+const stylesVariant = (variant) => css({
+    label: variant,
+    fontWeight: `var(--pv-text-${variant}-weight)`,
+    fontSize: `var(--pv-text-${variant}-size)`,
+    lineHeight: `var(--pv-text-${variant}-height)`,
+    letterSpacing: `var(--pv-text-${variant}-spacing)`,
+});
+const stylesColor = (color) => css({
+    label: color,
+    color: color === 'inherit' ? 'inherit' : `var(--pv-color-${color})`,
+});
+const stylesNoWrap = () => css({
+    label: 'noWrap',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+});
+export const Typography = React.forwardRef((props, ref) => {
+    const { variant, className, color, noWrap, component: componentProp, ...other } = props;
+    const getTagFromVariantProp = () => {
+        if (/h/.test(variant)) {
+            return variant;
+        }
+        if (/s/.test(variant)) {
+            return 'h6';
+        }
+        if (/btn/.test(variant)) {
+            return 'span';
+        }
+        return 'p';
+    };
+    const Component = componentProp || getTagFromVariantProp();
+    return (React.createElement(Component, { ...other, ref: ref, className: cx({
+            [stylesBase()]: true,
+            [stylesVariant(variant)]: !!variant,
+            [stylesColor(color)]: !!color,
+            [stylesNoWrap()]: noWrap,
+            [className]: !!className,
+        }) }));
+});
+Typography.displayName = 'Typography';
+Typography.defaultProps = {
+    variant: 'b1',
+    color: 'black',
+};
+//# sourceMappingURL=typography.js.map

package/dist/esnext/Typography/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/Typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,GAAG,EACH,EAAE,GAGH,MAAM,WAAW,CAAC;AAkCnB,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,CAAC;CACV,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,OAAuC,EAAE,EAAE,CAAC,GAAG,CAAC;IACrE,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,iBAAiB,OAAO,UAAU;IAC9C,QAAQ,EAAE,iBAAiB,OAAO,QAAQ;IAC1C,UAAU,EAAE,iBAAiB,OAAO,UAAU;IAC9C,aAAa,EAAE,iBAAiB,OAAO,WAAW;CAC5C,CAAC,CAAC;AAEV,MAAM,WAAW,GAAG,CAAC,KAAmC,EAAE,EAAE,CAAC,GAAG,CAAC;IAC/D,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,KAAK,GAAG;CACpE,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC7B,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,UAAU;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,EACJ,OAAO,EACP,SAAS,EACT,KAAK,EACL,MAAM,EACN,SAAS,EAAE,aAAa,EACxB,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACrB,OAAO,OAAiB,CAAC;SAC1B;QAED,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACrB,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACvB,OAAO,MAAM,CAAC;SACf;QAED,OAAO,GAAG,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,aAAa,IAAI,qBAAqB,EAAE,CAAC;IAE3D,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO;YACnC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK;YAC7B,CAAC,YAAY,EAAE,CAAC,EAAE,MAAM;YACxB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,OAAO;CACf,CAAC"}

package/dist/esnext/hooks/index.js

@@ -0,0 +1,10 @@
+export { useMediaQuery } from './use_media_query';
+export { useMergedRef } from './use_merged_ref';
+export { useClipboard } from './use_clipboard';
+export { useControllableState } from './use_controllable';
+export { useId } from './use_id';
+export { useImage } from './use_image';
+export { useWindowEventListener } from './use_window_event_listener';
+export { useAutocomplete, } from './use_autocomplete';
+export { useEventCallback } from './use_event_callback';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAuB,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAA6B,MAAM,oBAAoB,CAAC;AACrF,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EACL,eAAe,GAOhB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}