@lunit/oui 1.0.0-alpha.1

package/dist/components/Button/styleds/GhostButton.styled.js

@@ -0,0 +1,128 @@
+import { ButtonBase, styled } from '@mui/material';
+import { baseButtonStyle, baseLargeStyle, baseSmallStyle } from './BaseButton.styled';
+import { baseLargeIconStyle, baseMediumIconStyle, baseSmallIconStyle } from './IconButton.styled';
+const ghostPrimaryStyle = (theme, focusOutline) => {
+    const mainColor = theme.palette.lunitTeal[40];
+    return {
+        ...baseButtonStyle(theme, false),
+        backgroundColor: 'transparent',
+        color: mainColor,
+        '&:hover': {
+            backgroundColor: theme.palette.neutralGrey[70],
+            opacity: 0.8,
+        },
+        '&:disabled': {
+            backgroundColor: 'transparent',
+            color: mainColor,
+            opacity: 0.4,
+        },
+        '&:focus': {
+            border: focusOutline ? `1px solid ${mainColor}` : '1px solid transparent',
+        },
+        '&:focus-visible': {
+            outline: 'none',
+            border: focusOutline ? `1px solid ${mainColor}` : '1px solid transparent',
+        },
+    };
+};
+const ghostSecondaryStyle = (theme, focusOutline) => {
+    const mainColor = theme.palette.neutralGrey[25];
+    return {
+        color: mainColor,
+        '&:hover': {
+            backgroundColor: theme.palette.neutralGrey[75],
+            opacity: 0.7,
+        },
+        '&:disabled': {
+            backgroundColor: 'transparent',
+            color: mainColor,
+            opacity: 0.4,
+        },
+        '&:focus': {
+            border: focusOutline ? `1px solid ${mainColor}` : '1px solid transparent',
+        },
+        '&:focus-visible': {
+            outline: 'none',
+            border: focusOutline ? `1px solid ${mainColor}` : '1px solid transparent',
+        },
+    };
+};
+const ghostErrorStyle = (theme, focusOutline) => {
+    const mainColor = theme.palette.red[5];
+    return {
+        color: mainColor,
+        '&:hover': {
+            backgroundColor: theme.palette.neutralGrey[70],
+            opacity: 0.7,
+        },
+        '&:disabled': {
+            backgroundColor: 'transparent',
+            color: mainColor,
+            opacity: 0.4,
+        },
+        '&:focus': {
+            border: focusOutline ? `1px solid ${mainColor}` : '1px solid transparent',
+        },
+        '&:focus-visible': {
+            outline: 'none',
+            border: focusOutline ? `1px solid ${mainColor}` : '1px solid transparent',
+        },
+    };
+};
+const BaseGhostButton = styled(ButtonBase, {
+    shouldForwardProp: (prop) => !['color', 'variant', 'size', 'focusOutline', 'isIconOnly'].includes(prop.toString()),
+})(({ theme, color, size, focusOutline, isIconOnly }) => {
+    let resultStyle = ghostPrimaryStyle(theme, focusOutline);
+    // Apply icon sizing if icon only
+    if (isIconOnly) {
+        if (size === 'small') {
+            resultStyle = {
+                ...resultStyle,
+                ...baseSmallIconStyle,
+            };
+        }
+        else if (size === 'large') {
+            resultStyle = {
+                ...resultStyle,
+                ...baseLargeIconStyle,
+            };
+        }
+        else {
+            resultStyle = {
+                ...resultStyle,
+                ...baseMediumIconStyle,
+            };
+        }
+    }
+    else {
+        // Apply label or icon-label
+        if (size === 'small') {
+            resultStyle = {
+                ...resultStyle,
+                ...baseSmallStyle,
+            };
+        }
+        if (size === 'large') {
+            resultStyle = {
+                ...resultStyle,
+                ...baseLargeStyle,
+            };
+        }
+    }
+    // Apply color
+    if (color === 'error') {
+        resultStyle = {
+            ...resultStyle,
+            ...ghostErrorStyle(theme, focusOutline),
+        };
+    }
+    if (color === 'secondary') {
+        resultStyle = {
+            ...resultStyle,
+            ...ghostSecondaryStyle(theme, focusOutline),
+        };
+    }
+    return resultStyle;
+});
+export { ghostPrimaryStyle, ghostSecondaryStyle, ghostErrorStyle, BaseGhostButton };
+//# sourceMappingURL=GhostButton.styled.js.map

package/dist/components/Button/styleds/GhostButton.styled.js.map

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

package/dist/components/Button/styleds/IconButton.styled.js

@@ -0,0 +1,23 @@
+const baseSmallIconStyle = {
+    height: '28px',
+    width: '28px',
+    minWidth: '28px',
+    padding: '4px',
+};
+const baseLargeIconStyle = {
+    fontWeight: 600,
+    fontSize: '16px',
+    lineHeight: '22px',
+    // textTransform: 'capitalize', // Causes type error
+    height: '44px',
+    width: '44px',
+    padding: '12px',
+};
+const baseMediumIconStyle = {
+    height: '36px',
+    width: '36px',
+    minWidth: '36px',
+    padding: '8px',
+};
+export { baseMediumIconStyle, baseSmallIconStyle, baseLargeIconStyle };
+//# sourceMappingURL=IconButton.styled.js.map

package/dist/components/Button/styleds/IconButton.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.styled.js","sourceRoot":"","sources":["../../../../src/components/Button/styleds/IconButton.styled.ts"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAG;IACzB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,KAAK;CACf,CAAC;AAEF,MAAM,kBAAkB,GAAG;IACzB,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,oDAAoD;IACpD,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;CAChB,CAAC;AAEF,MAAM,mBAAmB,GAAG;IAC1B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,KAAK;CACf,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/Button/styleds/OutlinedButton.styled.js

@@ -0,0 +1,136 @@
+import { ButtonBase, styled } from '@mui/material';
+import { baseButtonStyle, baseLargeStyle, baseSmallStyle } from './BaseButton.styled';
+import { baseLargeIconStyle, baseMediumIconStyle, baseSmallIconStyle } from './IconButton.styled';
+const outlinedPrimaryStyle = (theme, focusOutline) => {
+    const mainColor = theme.palette.lunitTeal[40];
+    return {
+        ...baseButtonStyle(theme, false),
+        backgroundColor: 'transparent',
+        color: mainColor,
+        border: `1px solid ${mainColor}`,
+        '&:hover': {
+            backgroundColor: theme.palette.neutralGrey[70],
+            opacity: 0.8,
+        },
+        '&:disabled': {
+            color: mainColor,
+            backgroundColor: 'transparent',
+            opacity: 0.4,
+        },
+        '&:focus': {
+            border: `1px solid ${mainColor}`,
+            outline: focusOutline ? `2px solid ${mainColor}` : 'none',
+        },
+        '&:focus-visible': {
+            border: `1px solid ${mainColor}`,
+            outline: focusOutline ? `2px solid ${mainColor}` : 'none',
+        },
+    };
+};
+const outlinedSecondaryStyle = (theme, focusOutline) => {
+    const mainColor = theme.palette.neutralGrey[25];
+    return {
+        backgroundColor: 'transparent',
+        color: mainColor,
+        border: `1px solid ${mainColor}`,
+        '&:hover': {
+            backgroundColor: theme.palette.neutralGrey[70],
+            opacity: 0.8,
+        },
+        '&:disabled': {
+            backgroundColor: 'transparent',
+            color: mainColor,
+            opacity: 0.4,
+        },
+        '&:focus': {
+            border: `1px solid ${mainColor}`,
+            outline: focusOutline ? `2px solid ${mainColor}` : 'none',
+        },
+        '&:focus-visible': {
+            border: `1px solid ${mainColor}`,
+            outline: focusOutline ? `2px solid ${mainColor}` : 'none',
+        },
+    };
+};
+const outlinedErrorStyle = (theme, focusOutline) => {
+    const mainColor = theme.palette.red[5];
+    return {
+        backgroundColor: 'transparent',
+        color: mainColor,
+        border: `1px solid ${mainColor}`,
+        '&:hover': {
+            backgroundColor: theme.palette.neutralGrey[70],
+            opacity: 0.8,
+        },
+        '&:disabled': {
+            backgroundColor: 'transparent',
+            color: mainColor,
+            opacity: 0.4,
+        },
+        '&:focus': {
+            border: `1px solid ${mainColor}`,
+            outline: focusOutline ? `2px solid ${mainColor}` : 'none',
+        },
+        '&:focus-visible': {
+            border: `1px solid ${mainColor}`,
+            outline: focusOutline ? `2px solid ${mainColor}` : 'none',
+        },
+    };
+};
+const BaseOutlinedButton = styled(ButtonBase, {
+    shouldForwardProp: (prop) => !['color', 'variant', 'size', 'focusOutline', 'isIconOnly'].includes(prop.toString()),
+})(({ theme, color, size, focusOutline, isIconOnly }) => {
+    let resultStyle = outlinedPrimaryStyle(theme, focusOutline);
+    // Apply icon sizing if icon only
+    if (isIconOnly) {
+        if (size === 'small') {
+            resultStyle = {
+                ...resultStyle,
+                ...baseSmallIconStyle,
+            };
+        }
+        else if (size === 'large') {
+            resultStyle = {
+                ...resultStyle,
+                ...baseLargeIconStyle,
+            };
+        }
+        else {
+            resultStyle = {
+                ...resultStyle,
+                ...baseMediumIconStyle,
+            };
+        }
+    }
+    else {
+        // Apply label or icon-label
+        if (size === 'small') {
+            resultStyle = {
+                ...resultStyle,
+                ...baseSmallStyle,
+            };
+        }
+        if (size === 'large') {
+            resultStyle = {
+                ...resultStyle,
+                ...baseLargeStyle,
+            };
+        }
+    }
+    // Apply color
+    if (color === 'error') {
+        resultStyle = {
+            ...resultStyle,
+            ...outlinedErrorStyle(theme, focusOutline),
+        };
+    }
+    if (color === 'secondary') {
+        resultStyle = {
+            ...resultStyle,
+            ...outlinedSecondaryStyle(theme, focusOutline),
+        };
+    }
+    return resultStyle;
+});
+export { outlinedPrimaryStyle, outlinedSecondaryStyle, outlinedErrorStyle, BaseOutlinedButton };
+//# sourceMappingURL=OutlinedButton.styled.js.map

package/dist/components/Button/styleds/OutlinedButton.styled.js.map

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

package/dist/components/Card/Card.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import BaseCard from './Card.styled';
+function Card({ size, selected, onClick, children, ...props }) {
+    return (_jsx(BaseCard, { size: size, selected: selected, onClick: onClick, ...props, children: children }));
+}
+export default Card;
+//# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,eAAe,CAAC;AAGrC,SAAS,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa;IACtE,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,KACZ,KAAK,YAER,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC"}

package/dist/components/Card/Card.styled.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Card as MuiCard, styled } from '@mui/material';
+const BaseCard = styled(({ ...props }) => _jsx(MuiCard, { ...props }))(({ theme, size = 'large', selected }) => ({
+    width: size === 'small' ? '480px' : '520px',
+    height: size === 'small' ? '156px' : '284px',
+    cursor: 'pointer',
+    borderRadius: '8px',
+    backgroundColor: !selected ? theme.palette.neutralGrey[85] : theme.palette.neutralGrey[75],
+    '&:hover': {
+        backgroundColor: theme.palette.neutralGrey[75],
+    },
+}));
+export default BaseCard;
+//# sourceMappingURL=Card.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.styled.js","sourceRoot":"","sources":["../../../src/components/Card/Card.styled.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,EAAE,GAAG,KAAK,EAAa,EAAE,EAAE,CAAC,KAAC,OAAO,OAAK,KAAK,GAAI,CAAC,CAC1E,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACxC,KAAK,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;IAC3C,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;IAC5C,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE,KAAK;IACnB,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;IAC1F,SAAS,EAAE;QACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;KAC/C;CACF,CAAC,CACH,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Card/Card.types.js

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

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

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

package/dist/components/Card/index.js

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

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

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

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Typography } from '@mui/material';
+import clsx from 'clsx';
+import { Container, StyledCheckbox } from './Checkbox.styled';
+import { UncheckedIcon, CheckedIcon, IndeterminateIcon } from './Checkbox.utils';
+const Checkbox = forwardRef(({ value, name, checked, defaultChecked, disabled, required, indeterminate, onChange, onChangeCapture, label, inputProps, inputRef, ...rootProps }, ref) => {
+    return (_jsxs(Container, { ...rootProps, className: clsx('checkbox', rootProps.className), component: label != null ? 'label' : 'span', ref: ref, children: [_jsx(StyledCheckbox, { disableRipple: true, icon: _jsx(UncheckedIcon, {}), checkedIcon: _jsx(CheckedIcon, {}), indeterminateIcon: _jsx(IndeterminateIcon, {}), value: value, name: name, checked: indeterminate ? true : checked, defaultChecked: defaultChecked, disabled: disabled, required: required, indeterminate: indeterminate, onChange: onChange, onChangeCapture: onChangeCapture, inputProps: inputProps, inputRef: inputRef }), label && (_jsx(Typography, { variant: "body5", sx: { display: 'flex', alignItems: 'center' }, children: label }))] }));
+});
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEjF,MAAM,QAAQ,GAAG,UAAU,CACzB,CACE,EACE,KAAK,EACL,IAAI,EACJ,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,eAAe,EACf,KAAK,EACL,UAAU,EACV,QAAQ,EACR,GAAG,SAAS,EACE,EAChB,GAAG,EACH,EAAE;IACF,OAAO,CACL,MAAC,SAAS,OACJ,SAAS,EACb,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,EAChD,SAAS,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC3C,GAAG,EAAE,GAAG,aAER,KAAC,cAAc,IACb,aAAa,QACb,IAAI,EAAE,KAAC,aAAa,KAAG,EACvB,WAAW,EAAE,KAAC,WAAW,KAAG,EAC5B,iBAAiB,EAAE,KAAC,iBAAiB,KAAG,EACxC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,EACvC,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,GAClB,EACD,KAAK,IAAI,CACR,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAE5C,KAAK,GACK,CACd,IACS,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Checkbox/Checkbox.styled.js

@@ -0,0 +1,25 @@
+import { styled, Box, Checkbox } from '@mui/material';
+export const Container = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'touchRippleRef',
+})(({ theme }) => ({
+    display: 'inline-flex',
+    gap: theme.spacing(2),
+}));
+export const StyledCheckbox = styled(Checkbox)(({ theme }) => ({
+    width: '22px',
+    height: '22px',
+    padding: 0,
+    '&.Mui-disabled, &.Mui-disabled + .MuiTypography-root': {
+        opacity: 0.4,
+    },
+    '&.Mui-focusVisible > .checkbox-icon': {
+        borderRadius: '4px',
+        boxShadow: `0 0 0 1px ${theme.palette.lunitTeal[10]}`,
+    },
+}));
+export const iconStyle = {
+    display: 'inline-block',
+    width: '18px',
+    height: '18px',
+};
+//# sourceMappingURL=Checkbox.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.styled.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEtD,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IACnC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,gBAAgB;CACvD,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjB,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7D,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,CAAC;IACV,sDAAsD,EAAE;QACtD,OAAO,EAAE,GAAG;KACb;IACD,qCAAqC,EAAE;QACrC,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE;KACtD;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;CACf,CAAC"}

package/dist/components/Checkbox/Checkbox.types.js

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

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

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

package/dist/components/Checkbox/Checkbox.utils.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { iconStyle } from './Checkbox.styled';
+export const UncheckedIcon = () => {
+    return (_jsx(Box, { component: "span", className: "checkbox-icon", sx: {
+            ...iconStyle,
+            background: `url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 1.5H4C2.61929 1.5 1.5 2.61929 1.5 4V14C1.5 15.3807 2.61929 16.5 4 16.5H14C15.3807 16.5 16.5 15.3807 16.5 14V4C16.5 2.61929 15.3807 1.5 14 1.5ZM4 0C1.79086 0 0 1.79086 0 4V14C0 16.2091 1.79086 18 4 18H14C16.2091 18 18 16.2091 18 14V4C18 1.79086 16.2091 0 14 0H4Z' fill='%2399999B'/%3E%3C/svg%3E%0A")`,
+        } }));
+};
+export const CheckedIcon = () => {
+    return (_jsx(Box, { component: "span", className: "checkbox-icon", sx: {
+            ...iconStyle,
+            background: `url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C1.79086 0 0 1.79086 0 4V14C0 16.2091 1.79086 18 4 18H14C16.2091 18 18 16.2091 18 14V4C18 1.79086 16.2091 0 14 0H4ZM14.2516 7.14413C14.6074 6.72168 14.5533 6.09083 14.1309 5.73508C13.7084 5.37933 13.0776 5.43341 12.7218 5.85586L8.31824 11.0851L5.14993 8.37556C4.7302 8.01661 4.09895 8.06588 3.74 8.48561C3.38105 8.90533 3.43032 9.53658 3.85005 9.89553L7.78416 13.26C7.98672 13.4332 8.25006 13.5184 8.51571 13.4967C8.78135 13.4749 9.02732 13.348 9.19901 13.1441L14.2516 7.14413Z' fill='%2300C9EA'/%3E%3C/svg%3E%0A")`,
+        } }));
+};
+export const IndeterminateIcon = () => {
+    return (_jsx(Box, { component: "span", className: "checkbox-icon", sx: {
+            ...iconStyle,
+            background: `url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='4' fill='%2300C9EA'/%3E%3Cpath d='M3 9C3 8.44772 3.44772 8 4 8H14C14.5523 8 15 8.44772 15 9V9C15 9.55228 14.5523 10 14 10H4C3.44772 10 3 9.55228 3 9V9Z' fill='white'/%3E%3C/svg%3E%0A")`,
+        } }));
+};
+//# sourceMappingURL=Checkbox.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.utils.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.utils.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAC,MAAM,EAChB,SAAS,EAAC,eAAe,EACzB,EAAE,EAAE;YACF,GAAG,SAAS;YACZ,UAAU,EAAE,ieAAie;SAC9e,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAC,MAAM,EAChB,SAAS,EAAC,eAAe,EACzB,EAAE,EAAE;YACF,GAAG,SAAS;YACZ,UAAU,EAAE,yrBAAyrB;SACtsB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAC,MAAM,EAChB,SAAS,EAAC,eAAe,EACzB,EAAE,EAAE;YACF,GAAG,SAAS;YACZ,UAAU,EAAE,2VAA2V;SACxW,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Checkbox/index.js

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

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

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

package/dist/components/Chip/Chip.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CloseSmall } from '../Icons';
+import StyledChip from './Chip.styled';
+import { presetMap } from './Chip.utils';
+function Chip({ preset, label, icon, onDelete, onClick, ...otherProps }) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const overwrittenProps = {
+        label,
+        icon,
+        onDelete,
+        onClick,
+    };
+    // Remove undefined properties
+    Object.keys(overwrittenProps).forEach((key) => overwrittenProps[key] === undefined ? delete overwrittenProps[key] : {});
+    const newPreset = preset?.includes('failed') ? 'failed' : preset;
+    const customProps = {
+        disableRipple: true,
+        deleteIcon: _jsx(CloseSmall, {}),
+        ...presetMap[newPreset || 'default'],
+        ...overwrittenProps,
+        ...otherProps,
+    };
+    return _jsx(StyledChip, { ...customProps });
+}
+export default Chip;
+//# sourceMappingURL=Chip.js.map

package/dist/components/Chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,SAAS,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,UAAU,EAAa;IAChF,8DAA8D;IAC9D,MAAM,gBAAgB,GAAQ;QAC5B,KAAK;QACL,IAAI;QACJ,QAAQ;QACR,OAAO;KACR,CAAC;IACF,8BAA8B;IAC9B,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAC5C,gBAAgB,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CACxE,CAAC;IAEF,MAAM,SAAS,GAAG,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;IAEjE,MAAM,WAAW,GAAG;QAClB,aAAa,EAAE,IAAI;QACnB,UAAU,EAAE,KAAC,UAAU,KAAG;QAC1B,GAAG,SAAS,CAAC,SAAS,IAAI,SAAS,CAAC;QACpC,GAAG,gBAAgB;QACnB,GAAG,UAAU;KACd,CAAC;IAEF,OAAO,KAAC,UAAU,OAAK,WAAW,GAAI,CAAC;AACzC,CAAC;AAED,eAAe,IAAI,CAAC"}

package/dist/components/Chip/Chip.styled.js

@@ -0,0 +1,106 @@
+import { Chip as MUIChip } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import tinycolor from 'tinycolor2';
+import theme from '../../theme';
+const StyledChip = styled(MUIChip, {
+    shouldForwardProp: (prop) => prop !== 'disableRipple',
+})(({ className }) => {
+    return {
+        height: '24px',
+        // Preset Colors
+        '&.presetDefault.MuiChip-colorDefault': {
+            backgroundColor: theme.palette.neutralGrey[70],
+            color: theme.palette.neutralGrey[25],
+        },
+        '&.presetUploaded': {
+            backgroundColor: theme.palette.analysisStatus.Uploaded,
+            color: theme.palette.lunitTeal[90],
+        },
+        '&.presetAnalyzing': {
+            backgroundColor: theme.palette.analysisStatus.Analyzing,
+            color: theme.palette.purple[80],
+        },
+        '&.presetAnalyzed': {
+            backgroundColor: theme.palette.analysisStatus.Analyzed,
+            color: theme.palette.green[50],
+        },
+        '&.presetFailed': {
+            color: theme.palette.neutralGrey[0],
+            backgroundColor: `${tinycolor(theme.palette.analysisStatus.FailedEnabled).setAlpha(0.5)}`,
+            border: `1px solid ${theme.palette.analysisStatus.FailedEnabled}`,
+            '&.MuiChip-clickable:hover': {
+                backgroundColor: `${tinycolor(theme.palette.analysisStatus.FailedHover).setAlpha(0.5)}`,
+                border: `1px solid ${theme.palette.analysisStatus.FailedHover}`,
+            },
+            '&.MuiChip-clickable:active': {
+                backgroundColor: theme.palette.analysisStatus.FailedSelected,
+                border: `1px solid ${theme.palette.analysisStatus.FailedSelected}`,
+            },
+        },
+        '&.presetReady': {
+            color: theme.palette.neutralGrey[0],
+            backgroundColor: `${tinycolor(theme.palette.analysisStatus.Ready).setAlpha(0.5)}`,
+            border: `1px solid ${theme.palette.analysisStatus.Ready}`,
+            '&.MuiChip-clickable:hover': {
+                backgroundColor: `${tinycolor(theme.palette.analysisStatus.ReadyHover).setAlpha(0.5)}`,
+                border: `1px solid ${theme.palette.analysisStatus.ReadyHover}`,
+            },
+            '&.MuiChip-clickable:active': {
+                backgroundColor: theme.palette.analysisStatus.ReadySelected,
+                border: `1px solid ${theme.palette.analysisStatus.ReadySelected}`,
+            },
+        },
+        '&.presetInferred': {
+            color: theme.palette.neutralGrey[0],
+            backgroundColor: `${tinycolor(theme.palette.analysisStatus.Inferred).setAlpha(0.5)}`,
+            border: `1px solid ${theme.palette.analysisStatus.Inferred}`,
+            '&.MuiChip-clickable:hover': {
+                backgroundColor: `${tinycolor(theme.palette.analysisStatus.InferredHover).setAlpha(0.5)}`,
+                border: `1px solid ${theme.palette.analysisStatus.InferredHover}`,
+            },
+            '&.MuiChip-clickable:active': {
+                backgroundColor: theme.palette.analysisStatus.InferredSelected,
+                border: `1px solid ${theme.palette.analysisStatus.InferredSelected}`,
+            },
+        },
+        '&.presetInvalid': {
+            color: theme.palette.neutralGrey[0],
+            backgroundColor: `${tinycolor(theme.palette.analysisStatus.Invalid).setAlpha(0.5)}`,
+            border: `1px solid ${tinycolor(theme.palette.analysisStatus.Invalid).setAlpha(0.5)}`,
+            '&.MuiChip-clickable:hover': {
+                backgroundColor: `${tinycolor(theme.palette.analysisStatus.InvalidHover).setAlpha(0.5)}`,
+                border: `1px solid ${theme.palette.neutralGrey[0]}`,
+            },
+            '&.MuiChip-clickable:active': {
+                backgroundColor: theme.palette.analysisStatus.InvalidSelected,
+                border: `1px solid ${theme.palette.neutralGrey[0]}`,
+            },
+        },
+        // Label Font
+        '.MuiChip-label': {
+            fontStyle: 'normal',
+            fontWeight: className === 'presetDefault' ? '400' : '500',
+            fontSize: '14px',
+            lineHeight: '20px',
+        },
+        // Icons position
+        '.MuiChip-icon': {
+            height: '18px',
+            marginRight: '-7px',
+            color: 'unset', // used default set by preset
+        },
+        '.MuiChip-deleteIcon': {
+            height: '18px',
+            width: '18px',
+            marginLeft: '-7px',
+            color: theme.palette.neutralGrey[0],
+            '&:hover': {
+                color: theme.palette.neutralGrey[0],
+                borderRadius: '50%',
+                backgroundColor: theme.palette.neutralGrey[90],
+            },
+        },
+    };
+});
+export default StyledChip;
+//# sourceMappingURL=Chip.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.styled.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,MAAM,aAAa,CAAC;AAGhC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,EAAE;IACjC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,eAAe;CACtD,CAAC,CAAY,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC9B,OAAO;QACL,MAAM,EAAE,MAAM;QAEd,gBAAgB;QAChB,sCAAsC,EAAE;YACtC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;YAC9C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;SACrC;QAED,kBAAkB,EAAE;YAClB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ;YACtD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;SACnC;QAED,mBAAmB,EAAE;YACnB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,SAAS;YACvD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;SAChC;QAED,kBAAkB,EAAE;YAClB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ;YACtD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;SAC/B;QAED,gBAAgB,EAAE;YAChB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YACnC,eAAe,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YACzF,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,aAAa,EAAE;YAEjE,2BAA2B,EAAE;gBAC3B,eAAe,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACvF,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,WAAW,EAAE;aAChE;YACD,4BAA4B,EAAE;gBAC5B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,cAAc;gBAC5D,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,cAAc,EAAE;aACnE;SACF;QAED,eAAe,EAAE;YACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YACnC,eAAe,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YACjF,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,EAAE;YACzD,2BAA2B,EAAE;gBAC3B,eAAe,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACtF,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,UAAU,EAAE;aAC/D;YACD,4BAA4B,EAAE;gBAC5B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,aAAa;gBAC3D,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,aAAa,EAAE;aAClE;SACF;QAED,kBAAkB,EAAE;YAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YACnC,eAAe,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YACpF,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE;YAC5D,2BAA2B,EAAE;gBAC3B,eAAe,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACzF,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,aAAa,EAAE;aAClE;YACD,4BAA4B,EAAE;gBAC5B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,gBAAgB;gBAC9D,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,gBAAgB,EAAE;aACrE;SACF;QAED,iBAAiB,EAAE;YACjB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YACnC,eAAe,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YACnF,MAAM,EAAE,aAAa,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YACpF,2BAA2B,EAAE;gBAC3B,eAAe,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACxF,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;aACpD;YACD,4BAA4B,EAAE;gBAC5B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,eAAe;gBAC7D,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;aACpD;SACF;QAED,aAAa;QACb,gBAAgB,EAAE;YAChB,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,SAAS,KAAK,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;YACzD,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;SACnB;QAED,iBAAiB;QACjB,eAAe,EAAE;YACf,MAAM,EAAE,MAAM;YACd,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE,OAAO,EAAE,6BAA6B;SAC9C;QAED,qBAAqB,EAAE;YACrB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YACnC,SAAS,EAAE;gBACT,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;gBACnC,YAAY,EAAE,KAAK;gBACnB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;aAC/C;SACF;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/components/Chip/Chip.types.js

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

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

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