@lunit/oui 1.0.0-alpha.1

package/dist/components/TabbedPanel/TabbedPanel.styled.js

@@ -0,0 +1,116 @@
+import TabPanel from '@mui/lab/TabPanel/TabPanel';
+import { Tab, Tabs, styled } from '@mui/material';
+const tabSizeStyle = (size) => {
+    return {
+        minHeight: `${size === 'small' ? '28px' : '44px'} !important`,
+    };
+};
+// Style for Tabs (Tab Group)
+const baseTabMenuStyle = (theme) => {
+    return {
+        padding: 0,
+        borderBottom: `1px solid ${theme.palette.neutralGrey[65]}`,
+    };
+};
+const toggleTabMenuStyle = {
+    borderRadius: '8px',
+    outline: 'none',
+    boxShadow: 'none',
+    borderBottom: 'none',
+};
+// Style for Tab (Tab Button)
+const baseTabStyle = (theme, size) => {
+    return {
+        background: theme.palette.neutralGrey[90],
+        borderRadius: 'inherit',
+        color: theme.palette.neutralGrey[45],
+        minWidth: '100px',
+        padding: `${size === 'small' ? '4px 8px' : '12px 16px'}`,
+        textTransform: 'none',
+        '&:hover': {
+            opacity: 0.8,
+        },
+        '&:active': {
+            background: theme.palette.neutralGrey[60],
+            color: theme.palette.neutralGrey[0],
+        },
+        '&.Mui-selected': {
+            background: theme.palette.neutralGrey[90],
+            color: theme.palette.neutralGrey[0],
+        },
+    };
+};
+const toggleTabStyle = (theme) => {
+    return {
+        outline: 'none',
+        borderRadius: 'inherit',
+        border: `1px solid ${theme.palette.neutralGrey[75]}`,
+        boxShadow: 'none',
+        background: theme.palette.neutralGrey[90],
+        color: theme.palette.neutralGrey[45],
+        '&:hover': {
+            opacity: 0.8,
+        },
+        '&:active': {
+            borderRadius: 'inherit',
+            boxShadow: 'none',
+            outline: 'none',
+            borderColor: theme.palette.neutralGrey[60],
+            background: theme.palette.neutralGrey[60],
+            color: theme.palette.neutralGrey[0],
+        },
+        '&.Mui-selected': {
+            borderRadius: 'inherit',
+            boxShadow: 'none',
+            outline: 'none',
+            borderColor: 'transparent',
+            background: theme.palette.neutralGrey[75],
+            color: theme.palette.neutralGrey[0],
+            '&:hover': { opacity: 1 },
+        },
+        '&:first-of-type': {
+            borderRadius: '8px 0 0 8px',
+        },
+        '&:last-of-type': {
+            borderRadius: '0 8px 8px 0',
+        },
+    };
+};
+const baseTabbedPanelStyle = {
+    padding: '0',
+};
+const BaseTabMenu = styled(Tabs, {
+    shouldForwardProp: (prop) => !['size', 'buttonVariant'].includes(prop.toString()),
+})(({ theme, size, buttonVariant }) => {
+    let style = {
+        ...baseTabMenuStyle(theme),
+        ...tabSizeStyle(size ?? 'medium'),
+    };
+    if (buttonVariant === 'toggle') {
+        style = {
+            ...style,
+            ...toggleTabMenuStyle,
+        };
+    }
+    return style;
+});
+const BaseTab = styled(Tab, {
+    shouldForwardProp: (prop) => !['size', 'buttonVariant'].includes(prop.toString()),
+})(({ theme, size, buttonVariant }) => {
+    let style = {
+        ...baseTabStyle(theme, size ?? 'medium'),
+        ...tabSizeStyle(size ?? 'medium'),
+    };
+    if (buttonVariant === 'toggle') {
+        style = {
+            ...style,
+            ...toggleTabStyle(theme),
+        };
+    }
+    return style;
+});
+const BaseTabPanel = styled(TabPanel)(() => {
+    return baseTabbedPanelStyle;
+});
+export { BaseTabMenu, BaseTab, BaseTabPanel };
+//# sourceMappingURL=TabbedPanel.styled.js.map

package/dist/components/TabbedPanel/TabbedPanel.styled.js.map

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

package/dist/components/TabbedPanel/TabbedPanel.types.js

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

package/dist/components/TabbedPanel/TabbedPanel.types.js.map

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

package/dist/components/TabbedPanel/TabbedPanel.utils.js

@@ -0,0 +1,18 @@
+/**
+ *
+ * @param defaultTab string | undefined
+ * @param tabs TabConfig[]
+ * @returns string
+ * @description returns the initial value for useState, based on defaultTab.
+ * If default tab is provided and matched, returns that,
+ * else, returns first tab.
+ *
+ */
+function findDefaultTab(defaultTab, tabs) {
+    if (defaultTab) {
+        return tabs.find((t) => t.value === defaultTab)?.value ?? tabs[0].value;
+    }
+    return tabs[0].value;
+}
+export { findDefaultTab };
+//# sourceMappingURL=TabbedPanel.utils.js.map

package/dist/components/TabbedPanel/TabbedPanel.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabbedPanel.utils.js","sourceRoot":"","sources":["../../../src/components/TabbedPanel/TabbedPanel.utils.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,SAAS,cAAc,CAAC,UAA8B,EAAE,IAAiB;IACvE,IAAI,UAAU,EAAE;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,UAAU,CAAC,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;KACzE;IACD,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AACvB,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/TabbedPanel/index.js

@@ -0,0 +1,3 @@
+import TabbedPanel from './TabbedPanel';
+export { TabbedPanel };
+//# sourceMappingURL=index.js.map

package/dist/components/TabbedPanel/index.js.map

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

package/dist/components/TextField/TextArea.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { InputMsg, BaseTextFieldContainer } from '../BaseTextField/BaseTextField.styled';
+import BaseTextArea from './TextArea.styled';
+const TextArea = forwardRef((props, ref) => {
+    const { error, helperMsg, OuterBoxProps, ...areaProps } = props;
+    return (_jsxs(BaseTextFieldContainer, { ...OuterBoxProps, width: props.width, children: [_jsx(BaseTextArea, { ref: ref, ...areaProps, multiline: "true", error: !!error }), error ? (_jsx(InputMsg, { variant: "body5", error: true, children: error })) : (helperMsg && _jsx(InputMsg, { variant: "body5", children: helperMsg }))] }));
+});
+export default TextArea;
+//# sourceMappingURL=TextArea.js.map

package/dist/components/TextField/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextField/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAG7C,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,KAAoB,EAAE,GAA6C,EAAE,EAAE;IACtE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhE,OAAO,CACL,MAAC,sBAAsB,OACjB,aAAa,EACjB,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,KAAC,YAAY,IACX,GAAG,EAAE,GAAG,KACJ,SAAS,EACb,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,CAAC,CAAC,KAAK,GACd,EACD,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,QAAQ,IACP,OAAO,EAAC,OAAO,EACf,KAAK,kBAEJ,KAAK,GACG,CACZ,CAAC,CAAC,CAAC,CACF,SAAS,IAAI,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,YAAE,SAAS,GAAY,CAC9D,IACsB,CAC1B,CAAC;AACJ,CAAC,CACF,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/dist/components/TextField/TextArea.styled.js

@@ -0,0 +1,31 @@
+import { styled } from '@mui/material';
+import { styles } from '../BaseTextField/BaseTextField.styled';
+import { formatCSSSize } from '../BaseTextField/BaseTextField.utils';
+const baseTextAreaStyle = (theme, height) => {
+    return {
+        ...styles.baseTextFieldStyle(theme),
+        height: height ? formatCSSSize(height) : '100px',
+        resize: 'none',
+        '&::-webkit-scrollbar': {
+            width: '14px !important',
+        },
+        '&::-webkit-scrollbar-thumb': {
+            border: `4px solid ${theme.palette.neutralGrey[75]}`,
+        },
+    };
+};
+const BaseTextArea = styled('textarea', {
+    shouldForwardProp: (prop) => !['error', 'width', 'height'].includes(prop.toString()),
+})(({ theme, height, error }) => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let resultStyle = baseTextAreaStyle(theme, height);
+    if (error) {
+        resultStyle = {
+            ...resultStyle,
+            ...styles.baseTextFieldErrorStyle(theme),
+        };
+    }
+    return resultStyle;
+});
+export default BaseTextArea;
+//# sourceMappingURL=TextArea.styled.js.map

package/dist/components/TextField/TextArea.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.styled.js","sourceRoot":"","sources":["../../../src/components/TextField/TextArea.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAE,MAAmC,EAAE,EAAE;IAC9E,OAAO;QACL,GAAG,MAAM,CAAC,kBAAkB,CAAC,KAAK,CAAC;QACnC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO;QAChD,MAAM,EAAE,MAAe;QACvB,sBAAsB,EAAE;YACtB,KAAK,EAAE,iBAAiB;SACzB;QACD,4BAA4B,EAAE;YAC5B,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE;SACrD;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;CACrF,CAAC,CAAoB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IACjD,8DAA8D;IAC9D,IAAI,WAAW,GAAQ,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAExD,IAAI,KAAK,EAAE;QACT,WAAW,GAAG;YACZ,GAAG,WAAW;YACd,GAAG,MAAM,CAAC,uBAAuB,CAAC,KAAK,CAAC;SACzC,CAAC;KACH;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/components/TextField/TextArea.types.js

@@ -0,0 +1,3 @@
+export {};
+// n.b structured to match TextInput
+//# sourceMappingURL=TextArea.types.js.map

package/dist/components/TextField/TextArea.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.types.js","sourceRoot":"","sources":["../../../src/components/TextField/TextArea.types.ts"],"names":[],"mappings":";AA2BA,oCAAoC"}

package/dist/components/TextField/TextInput.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import PasswordInput from './components/PasswordInput';
+import NormalTextInput from './components/NormalTextInput';
+import isPasswordInput from './TextInput.utils';
+const TextInput = forwardRef((props, ref) => {
+    if (isPasswordInput(props)) {
+        return (_jsx(PasswordInput, { ...props, ref: ref }));
+    }
+    return (_jsx(NormalTextInput, { ...props, ref: ref }));
+});
+export default TextInput;
+//# sourceMappingURL=TextInput.js.map

package/dist/components/TextField/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/TextField/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAGhD,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,KAAqB,EAAE,GAA0C,EAAE,EAAE;IACpE,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;QAC1B,OAAO,CACL,KAAC,aAAa,OACR,KAAK,EACT,GAAG,EAAE,GAAG,GACR,CACH,CAAC;KACH;IACD,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/TextField/TextInput.styled.js

@@ -0,0 +1,103 @@
+import { styled } from '@mui/material';
+import { InputMsg, styles } from '../BaseTextField/BaseTextField.styled';
+const baseTextInputStyle = (theme) => {
+    return {
+        ...styles.baseTextFieldStyle(theme),
+        textOverflow: 'ellipsis',
+    };
+};
+const textInputLarge = {
+    padding: '11px 16px',
+};
+const textInputWithLeftIcon = {
+    paddingLeft: '44px',
+};
+const BaseTextInput = styled('input', {
+    shouldForwardProp: (prop) => ![
+        'error',
+        'large',
+        'showClear',
+        'leftIcon',
+        'width',
+        'OuterBoxProps',
+        'InputContainerProps',
+    ].includes(prop.toString()),
+})(({ theme, large, error, leftIcon, width }) => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let resultStyle = {
+        ...baseTextInputStyle(theme),
+        width: 
+        // eslint-disable-next-line no-nested-ternary
+        typeof width !== 'undefined' ? (typeof width === 'number' ? `${width}px` : width) : width,
+    };
+    if (error) {
+        resultStyle = {
+            ...resultStyle,
+            ...styles.baseTextFieldErrorStyle(theme),
+        };
+    }
+    if (large) {
+        resultStyle = {
+            ...resultStyle,
+            ...textInputLarge,
+        };
+    }
+    if (leftIcon) {
+        resultStyle = {
+            ...resultStyle,
+            ...textInputWithLeftIcon,
+        };
+    }
+    return resultStyle;
+});
+const LeftIconContainer = styled('div')(() => {
+    return {
+        position: 'absolute',
+        left: '0px',
+        top: '0px',
+        zIndex: '2',
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingLeft: '16px',
+        paddingRight: '8px',
+        pointerEvents: 'none',
+    };
+});
+const RightIconContainer = styled('div')(() => {
+    return {
+        position: 'absolute',
+        right: '16px',
+        top: '0px',
+        zIndex: '2',
+        height: '36px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    };
+});
+const ButtonWrapper = styled('button')(({ theme }) => {
+    return {
+        width: '28px',
+        height: '28px',
+        backgroundColor: 'transparent',
+        opacity: '0.8',
+        border: 'none',
+        color: theme.palette.neutralGrey[45],
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderRadius: '8px',
+        padding: 0,
+        '&:hover': {
+            backgroundColor: theme.palette.neutralGrey[70],
+            cursor: 'pointer',
+        },
+        '&:active': {
+            backgroundColor: theme.palette.neutralGrey[60],
+        },
+    };
+});
+export { BaseTextInput, InputMsg, LeftIconContainer, RightIconContainer, ButtonWrapper };
+//# sourceMappingURL=TextInput.styled.js.map

package/dist/components/TextField/TextInput.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.styled.js","sourceRoot":"","sources":["../../../src/components/TextField/TextInput.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAGzE,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,OAAO;QACL,GAAG,MAAM,CAAC,kBAAkB,CAAC,KAAK,CAAC;QACnC,YAAY,EAAE,UAAU;KACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG;IACrB,OAAO,EAAE,WAAW;CACrB,CAAC;AAEF,MAAM,qBAAqB,GAAG;IAC5B,WAAW,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,EAAE;IACpC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,OAAO;QACP,OAAO;QACP,WAAW;QACX,UAAU;QACV,OAAO;QACP,eAAe;QACf,qBAAqB;KACtB,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;CAC9B,CAAC,CAAqB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;IAClE,8DAA8D;IAC9D,IAAI,WAAW,GAAQ;QACrB,GAAG,kBAAkB,CAAC,KAAK,CAAC;QAC5B,KAAK;QACH,6CAA6C;QAC7C,OAAO,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK;KAC5F,CAAC;IAEF,IAAI,KAAK,EAAE;QACT,WAAW,GAAG;YACZ,GAAG,WAAW;YACd,GAAG,MAAM,CAAC,uBAAuB,CAAC,KAAK,CAAC;SACzC,CAAC;KACH;IAED,IAAI,KAAK,EAAE;QACT,WAAW,GAAG;YACZ,GAAG,WAAW;YACd,GAAG,cAAc;SAClB,CAAC;KACH;IAED,IAAI,QAAQ,EAAE;QACZ,WAAW,GAAG;YACZ,GAAG,WAAW;YACd,GAAG,qBAAqB;SACzB,CAAC;KACH;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;IAC3C,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,KAAK;QACX,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,KAAK;QACnB,aAAa,EAAE,MAAM;KACtB,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAqB,GAAG,EAAE;IAChE,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACnD,OAAO;QACL,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,aAAa;QAC9B,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;QACpC,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;YAC9C,MAAM,EAAE,SAAS;SAClB;QACD,UAAU,EAAE;YACV,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;SAC/C;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/TextField/TextInput.types.js

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

package/dist/components/TextField/TextInput.types.js.map

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

package/dist/components/TextField/TextInput.utils.js

@@ -0,0 +1,6 @@
+// Function for inferring required input by props
+function isPasswordInput(props) {
+    return props.type === 'password';
+}
+export default isPasswordInput;
+//# sourceMappingURL=TextInput.utils.js.map

package/dist/components/TextField/TextInput.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.utils.js","sourceRoot":"","sources":["../../../src/components/TextField/TextInput.utils.ts"],"names":[],"mappings":"AAEA,iDAAiD;AACjD,SAAS,eAAe,CAAC,KAAqB;IAC5C,OAAO,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;AACnC,CAAC;AACD,eAAe,eAAe,CAAC"}

package/dist/components/TextField/components/Buttons.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CloseSmall, HideSmall, ShowSmall } from '../../Icons';
+import { ButtonWrapper } from '../TextInput.styled';
+function ClearButton({ onClick }) {
+    return (_jsx(ButtonWrapper, { onClick: onClick, children: _jsx(CloseSmall, { fontSize: "small" }) }));
+}
+function ShowHidePasswordButton({ onClick, isHidden, }) {
+    return (_jsx(ButtonWrapper, { onClick: onClick, children: isHidden ? _jsx(HideSmall, {}) : _jsx(ShowSmall, {}) }));
+}
+export { ClearButton, ShowHidePasswordButton };
+//# sourceMappingURL=Buttons.js.map

package/dist/components/TextField/components/Buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Buttons.js","sourceRoot":"","sources":["../../../../src/components/TextField/components/Buttons.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,SAAS,WAAW,CAAC,EAAE,OAAO,EAA4B;IACxD,OAAO,CACL,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,YAC7B,KAAC,UAAU,IAAC,QAAQ,EAAC,OAAO,GAAG,GACjB,CACjB,CAAC;AACJ,CAAC;AAED,SAAS,sBAAsB,CAAC,EAC9B,OAAO,EACP,QAAQ,GAKT;IACC,OAAO,CACL,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,YAAG,QAAQ,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,GAAiB,CAC5F,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/TextField/components/NormalTextInput.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useMemo, useState } from 'react';
+import { InputMsg, BaseTextFieldContainer, BaseTextFieldBox, } from '../../BaseTextField/BaseTextField.styled';
+import { BaseTextInput, LeftIconContainer, RightIconContainer } from '../TextInput.styled';
+import { ClearButton } from './Buttons';
+const NormalTextInput = forwardRef((props, ref) => {
+    const { error, helperMsg, leftIcon, rightIcon, onClearButtonClick, inputSX, ...inputProps } = props;
+    const [showClear, setShowClear] = useState(!!props.defaultValue ?? false);
+    const showRightIcon = useMemo(() => {
+        return (rightIcon ?? // if rightIcon is passed, use it, else use clear button
+            (!props.disabled && // hide if disabled
+                !props.readOnly && // hide if readonly
+                !!onClearButtonClick && // hide if no function (it doesn't do anything)
+                showClear));
+    }, [props.disabled, onClearButtonClick, props.readOnly, rightIcon, showClear]);
+    function handleClearButtonClick() {
+        onClearButtonClick?.();
+        setShowClear(false);
+    }
+    function changeHandler(e) {
+        // wrap incoming onChange
+        if (props.onChange) {
+            props.onChange(e);
+        }
+        // rightIcon overrides clear button
+        if (rightIcon)
+            return;
+        // handle show/hide of clear button
+        if (e.target.value) {
+            if (!showClear)
+                setShowClear(true);
+        }
+        else if (showClear)
+            setShowClear(false);
+    }
+    return (_jsxs(BaseTextFieldBox, { ...props.OuterBoxProps, width: props.width, children: [_jsxs(BaseTextFieldContainer, { ...props.InputContainerProps, width: props.width, children: [leftIcon && (_jsx(LeftIconContainer, { sx: inputProps.disabled ? { opacity: '0.8' } : undefined, children: leftIcon })), _jsx(BaseTextInput, { ref: ref, ...inputProps, error: !!error, onChange: (e) => changeHandler(e), leftIcon: leftIcon, sx: inputSX ?? { paddingRight: showRightIcon ? '44px' : '16px' } }), showRightIcon && (_jsxs(RightIconContainer, { children: [rightIcon && rightIcon, !rightIcon && _jsx(ClearButton, { onClick: () => handleClearButtonClick() })] }))] }), error ? (_jsx(InputMsg, { variant: "body5", error: true, children: error })) : (helperMsg && _jsx(InputMsg, { variant: "body5", children: helperMsg }))] }));
+});
+export default NormalTextInput;
+//# sourceMappingURL=NormalTextInput.js.map

package/dist/components/TextField/components/NormalTextInput.js.map

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

package/dist/components/TextField/components/PasswordInput.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useState } from 'react';
+import { InputMsg, BaseTextFieldContainer } from '../../BaseTextField/BaseTextField.styled';
+import { BaseTextInput, LeftIconContainer, RightIconContainer } from '../TextInput.styled';
+import { ShowHidePasswordButton } from './Buttons';
+function PasswordInputContainer(props) {
+    const { error, disabled, helperMsg, leftIcon, children, hidePassword, handlePasswordShowHide, width, OuterBoxProps, } = props;
+    return (_jsxs(BaseTextFieldContainer, { ...OuterBoxProps, width: width, children: [leftIcon && (_jsx(LeftIconContainer, { sx: disabled ? { opacity: '0.8' } : undefined, children: leftIcon })), children, _jsx(RightIconContainer, { error: error, children: !disabled && (_jsx(ShowHidePasswordButton, { onClick: (event) => {
+                        event.preventDefault();
+                        handlePasswordShowHide();
+                    }, isHidden: hidePassword })) }), error ? (_jsx(InputMsg, { variant: "body5", error: true, children: error })) : (helperMsg && _jsx(InputMsg, { variant: "body5", children: helperMsg }))] }));
+}
+const PasswordInput = forwardRef((props, ref) => {
+    const { error, helperMsg, leftIcon, type, inputSX, ...otherInputProps } = props;
+    const [hidePassword, setHidePassword] = useState(true);
+    function handlePasswordShowHide() {
+        setHidePassword(!hidePassword);
+    }
+    return (_jsx(PasswordInputContainer, { ...props, hidePassword: hidePassword, handlePasswordShowHide: () => handlePasswordShowHide(), children: _jsx(BaseTextInput, { type: hidePassword ? 'password' : 'text', ref: ref, ...otherInputProps, leftIcon: leftIcon, sx: inputSX }) }));
+});
+export default PasswordInput;
+//# sourceMappingURL=PasswordInput.js.map

package/dist/components/TextField/components/PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../../src/components/TextField/components/PasswordInput.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAWnD,SAAS,sBAAsB,CAAC,KAAkC;IAChE,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,sBAAsB,EACtB,KAAK,EACL,aAAa,GACd,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,MAAC,sBAAsB,OACjB,aAAa,EACjB,KAAK,EAAE,KAAK,aAEX,QAAQ,IAAI,CACX,KAAC,iBAAiB,IAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,YAC7D,QAAQ,GACS,CACrB,EACA,QAAQ,EACT,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,YAC7B,CAAC,QAAQ,IAAI,CACZ,KAAC,sBAAsB,IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;wBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,sBAAsB,EAAE,CAAC;oBAC3B,CAAC,EACD,QAAQ,EAAE,YAAY,GACtB,CACH,GACkB,EACpB,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,QAAQ,IACP,OAAO,EAAC,OAAO,EACf,KAAK,kBAEJ,KAAK,GACG,CACZ,CAAC,CAAC,CAAC,CACF,SAAS,IAAI,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,YAAE,SAAS,GAAY,CAC9D,IACsB,CAC1B,CAAC;AACJ,CAAC;AAED,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,KAA6B,EAAE,GAAyC,EAAE,EAAE;IAC3E,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,GAAG,KAAK,CAAC;IAEhF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEvD,SAAS,sBAAsB;QAC7B,eAAe,CAAC,CAAC,YAAY,CAAC,CAAC;IACjC,CAAC;IAED,OAAO,CACL,KAAC,sBAAsB,OACjB,KAAK,EACT,YAAY,EAAE,YAAY,EAC1B,sBAAsB,EAAE,GAAG,EAAE,CAAC,sBAAsB,EAAE,YAEtD,KAAC,aAAa,IACZ,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EACxC,GAAG,EAAE,GAAG,KACJ,eAAe,EACnB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,OAAO,GACX,GACqB,CAC1B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/TextField/index.js

@@ -0,0 +1,4 @@
+import TextInput from './TextInput';
+import TextArea from './TextArea';
+export { TextInput, TextArea };
+//# sourceMappingURL=index.js.map

package/dist/components/TextField/index.js.map

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

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography } from '@mui/material';
+import { forwardRef } from 'react';
+import BaseTooltip from './Tooltip.styled';
+const Tooltip = forwardRef(({ icon, title, children, size = 'small', placement = 'bottom', noPadding = false, ...otherProps }, ref) => {
+    return (_jsx(BaseTooltip, { ref: ref, arrow: true, size: size, PopperProps: {
+            popperOptions: {
+                modifiers: [
+                    {
+                        name: 'offset',
+                        enabled: true,
+                        options: {
+                            offset: [0, 6],
+                        },
+                    },
+                ],
+            },
+        }, title: icon && size === 'small' ? (_jsxs(Box, { sx: { display: 'flex', flexDirection: 'row', gap: '8px' }, children: [icon, title && _jsx(Typography, { variant: "body5", children: title })] })) : (title), placement: placement, noPadding: noPadding, ...otherProps, children: children }));
+});
+export default Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAG3C,MAAM,OAAO,GAAG,UAAU,CACxB,CACE,EACE,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,SAAS,GAAG,QAAQ,EACpB,SAAS,GAAG,KAAK,EACjB,GAAG,UAAU,EACA,EACf,GAAG,EACH,EAAE;IACF,OAAO,CACL,KAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,KAAK,QACL,IAAI,EAAE,IAAI,EACV,WAAW,EAAE;YACX,aAAa,EAAE;gBACb,SAAS,EAAE;oBACT;wBACE,IAAI,EAAE,QAAQ;wBACd,OAAO,EAAE,IAAI;wBACb,OAAO,EAAE;4BACP,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;yBACf;qBACF;iBACF;aACF;SACF,EACD,KAAK,EACH,IAAI,IAAI,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACzB,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,aAC3D,IAAI,EACJ,KAAK,IAAI,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,YAAE,KAAK,GAAc,IACtD,CACP,CAAC,CAAC,CAAC,CACF,KAAK,CACN,EAEH,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,KAChB,UAAU,YAEb,QAAQ,GACG,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Tooltip/Tooltip.styled.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tooltip as MuiTooltip, styled, tooltipClasses } from '@mui/material';
+import typographyOptions from '../../foundations/typography';
+import { resizeArrowBySize, setMarginByPlacement, setPaddingBySize } from './Tooltip.utils';
+const BaseTooltip = styled(({ className, ref, ...props }) => (_jsx(MuiTooltip, { ...props, ref: ref, classes: { popper: className } })), {
+    shouldForwardProp: (prop) => prop !== 'noPadding',
+})(({ theme, size = 'small', placement = 'bottom', noPadding }) => ({
+    [`& .${tooltipClasses.tooltip}`]: {
+        ...typographyOptions.body5,
+        margin: '0px !important',
+        padding: noPadding ? '0px !important' : setPaddingBySize(size),
+        backgroundColor: theme.palette.neutralGrey[75],
+        borderRadius: size === 'small' ? '4px' : '8px',
+        filter: 'drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.32)) drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.4))',
+    },
+    [`& .${tooltipClasses.arrow}`]: {
+        color: theme.palette.neutralGrey[75],
+        margin: `${setMarginByPlacement(placement, resizeArrowBySize(size, placement))} !important`,
+        width: `${resizeArrowBySize(size, placement).width}px  !important`,
+        height: `${resizeArrowBySize(size, placement).height}px !important`,
+    },
+}));
+export default BaseTooltip;
+//# sourceMappingURL=Tooltip.styled.js.map

package/dist/components/Tooltip/Tooltip.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.styled.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.styled.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,iBAAiB,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAG5F,MAAM,WAAW,GAAG,MAAM,CACxB,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE,CAAC,CAC9C,KAAC,UAAU,OACL,KAAK,EACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAC9B,CACH,EACD;IACE,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,WAAW;CAClD,CACF,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,OAAO,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,CAAC,MAAM,cAAc,CAAC,OAAO,EAAE,CAAC,EAAE;QAChC,GAAG,iBAAiB,CAAC,KAAK;QAC1B,MAAM,EAAE,gBAAgB;QACxB,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC;QAC9D,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;QAC9C,YAAY,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;QAC9C,MAAM,EACJ,2FAA2F;KAC9F;IACD,CAAC,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;QACpC,MAAM,EAAE,GAAG,oBAAoB,CAAC,SAAS,EAAE,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,aAAa;QAC3F,KAAK,EAAE,GAAG,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,KAAK,gBAAgB;QAClE,MAAM,EAAE,GAAG,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,MAAM,eAAe;KACpE;CACF,CAAC,CAAC,CAAC;AAEJ,eAAe,WAAW,CAAC"}

package/dist/components/Tooltip/Tooltip.types.js

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

package/dist/components/Tooltip/Tooltip.types.js.map

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

package/dist/components/Tooltip/Tooltip.utils.js

@@ -0,0 +1,30 @@
+// small(10px * 6px) -> (10/2)^2 + 6^2 = 7.8^2
+// large(16px * 8px)   -> (16/2)^2 + 8^2 = 11.3^2
+const setArrowSizeBySize = {
+    small: { width: 11, height: 7.8 },
+    large: { width: 16, height: 11.3 },
+};
+const tooltipPlacementToSize = {
+    bottom: setArrowSizeBySize,
+    left: setArrowSizeBySize,
+    right: setArrowSizeBySize,
+    top: setArrowSizeBySize,
+};
+export const resizeArrowBySize = (tooltipType, tooltipPlacement) => {
+    const size = tooltipPlacementToSize[tooltipPlacement][tooltipType];
+    if (tooltipPlacement === 'left' || tooltipPlacement === 'right') {
+        return { width: size.height, height: size.width };
+    }
+    return size;
+};
+export const setMarginByPlacement = (tooltipPlacement, margin) => ({
+    bottom: `-${margin.height}px 0 0 0`,
+    right: `0 0 0 -${margin.width}px`,
+    left: `0 -${margin.width}px 0 0`,
+    top: `0 0 -${margin.height}px 0`,
+})[tooltipPlacement];
+export const setPaddingBySize = (tooltipSize) => ({
+    small: '6px 8px',
+    large: '12px 16px',
+})[tooltipSize];
+//# sourceMappingURL=Tooltip.utils.js.map

package/dist/components/Tooltip/Tooltip.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.utils.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.utils.ts"],"names":[],"mappings":"AAQA,8CAA8C;AAC9C,iDAAiD;AACjD,MAAM,kBAAkB,GAAoB;IAC1C,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;IACjC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;CACnC,CAAC;AAEF,MAAM,sBAAsB,GAA2B;IACrD,MAAM,EAAE,kBAAkB;IAC1B,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,kBAAkB;IACzB,GAAG,EAAE,kBAAkB;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,WAAyB,EACzB,gBAAkC,EACrB,EAAE;IACf,MAAM,IAAI,GAAG,sBAAsB,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAC;IACnE,IAAI,gBAAgB,KAAK,MAAM,IAAI,gBAAgB,KAAK,OAAO,EAAE;QAC/D,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;KACnD;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,gBAAkC,EAAE,MAAmB,EAAE,EAAE,CAC9F,CAAC;IACC,MAAM,EAAE,IAAI,MAAM,CAAC,MAAM,UAAU;IACnC,KAAK,EAAE,UAAU,MAAM,CAAC,KAAK,IAAI;IACjC,IAAI,EAAE,MAAM,MAAM,CAAC,KAAK,QAAQ;IAChC,GAAG,EAAE,QAAQ,MAAM,CAAC,MAAM,MAAM;CACjC,CAAC,CAAC,gBAAgB,CAAC,CAAC;AAEvB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,WAAyB,EAAE,EAAE,CAC5D,CAAC;IACC,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,WAAW;CACnB,CAAC,CAAC,WAAW,CAAC,CAAC"}

package/dist/components/Tooltip/index.js

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

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

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