@lunit/oui 1.0.0-alpha.5 → 1.0.0-alpha.7

package/dist/components/Dropdown/IconDropdown.styled.js

@@ -0,0 +1,72 @@
+import { Select, styled } from '@mui/material';
+const baseIconDropdownStyle = (theme) => {
+    return {
+        fontFamily: 'Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"',
+        fontSize: '14px',
+        fontWeight: '400',
+        background: theme.palette.neutralGrey[85],
+        width: '52px',
+        borderRadius: '8px',
+        border: '1px solid transparent',
+        padding: '0 2px 0 0',
+        height: '36px',
+        color: theme.palette.neutralGrey[5],
+        '& fieldset': {
+            border: 'none',
+        },
+        '&.Mui-focused': {
+            border: `1px solid transparent !important`,
+        },
+        '&.Mui-disabled': {
+            opacity: '0.4',
+        },
+        '.MuiSvgIcon-root ': {
+            cursor: 'pointer',
+            color: theme.palette.neutralGrey[5],
+            '&.Mui-disabled': {
+                color: theme.palette.neutralGrey[45],
+            },
+        },
+        '.MuiSelect-select': {
+            display: 'flex',
+            padding: '0 0 0 8px !important',
+            width: 'fit-content',
+        },
+        '&:hover': {
+            backgroundColor: theme.palette.neutralGrey[70],
+            opacity: 0.8,
+            border: `1px solid transparent`,
+            '&.Mui-disabled': {
+                border: '1px solid transparent',
+            },
+        },
+    };
+};
+const toggledIconDropdownStyle = (theme) => {
+    return {
+        backgroundColor: theme.palette.neutralGrey[70],
+        border: `1px solid transparent`,
+    };
+};
+const BaseIconDropdown = styled(Select, {
+    shouldForwardProp: (prop) => !['small', 'isToggled'].includes(prop.toString()),
+})(({ theme, isToggled }) => {
+    let style = baseIconDropdownStyle(theme);
+    if (isToggled) {
+        style = {
+            ...style,
+            ...toggledIconDropdownStyle(theme),
+        };
+    }
+    return style;
+});
+const DropdownContainer = styled('div')(() => {
+    return {
+        position: 'relative',
+        display: 'flex',
+        flexDirection: 'column',
+        minWidth: '32px',
+    };
+});
+export { BaseIconDropdown, DropdownContainer };
+//# sourceMappingURL=IconDropdown.styled.js.map

package/dist/components/Dropdown/IconDropdown.types.js

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

package/dist/components/Dropdown/index.js

@@ -0,0 +1,6 @@
+import Dropdown from './Dropdown';
+import DropdownItem from './DropdownItem';
+import DropdownSubtitle from './DropdownSubtitle';
+import IconDropdown from './IconDropdown';
+export { Dropdown, DropdownItem, DropdownSubtitle, IconDropdown, };
+//# sourceMappingURL=index.js.map

package/dist/components/FileDnDZone/FileDnDZone.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from '@mui/material';
+import { BaseFileDnDZone, DnDSection, DnDMainBox, FileDnDZoneContainer, } from './FileDnDZone.styled';
+import theme from '../../theme';
+import { DEFAULT_FILE_FORMATS } from './FileDnDZone.utils';
+const FileDnDZone = ({ slidesUploaded, maxSlideLimit = 500, acceptedFileFormats = DEFAULT_FILE_FORMATS, disabled, WrapperProps, OuterBoxProps, InnerBoxProps, SectionBoxProps, }) => {
+    const disabledSX = {
+        opacity: 0.4,
+    };
+    return (_jsx(FileDnDZoneContainer, { sx: disabled ? disabledSX : {}, ...WrapperProps, children: _jsxs(BaseFileDnDZone, { ...OuterBoxProps, children: [_jsx(Typography, { variant: "h7", sx: { color: theme.palette.neutralGrey[25] }, children: "Drag and drop your slide files here" }), _jsxs(DnDMainBox, { ...InnerBoxProps, children: [_jsxs(DnDSection, { ...SectionBoxProps, children: [_jsx(Typography, { variant: "body_sb1", sx: { color: theme.palette.neutralGrey[45] }, children: "Supported file formats" }), _jsx(Typography, { variant: "body_sb1", sx: { color: theme.palette.neutralGrey[25], padding: '0 18px', textAlign: 'center' }, children: acceptedFileFormats })] }), _jsxs(DnDSection, { ...SectionBoxProps, children: [_jsx(Typography, { variant: "body_sb1", sx: { color: theme.palette.neutralGrey[45] }, children: "Allowed number of slides" }), _jsx(Typography, { variant: "body_sb1", sx: { color: theme.palette.neutralGrey[25] }, children: `You have uploaded ${slidesUploaded.toLocaleString()} slides on Lunit SCOPE.` }), _jsx(Typography, { variant: "body_sb1", sx: { color: theme.palette.neutralGrey[25] }, children: `The number of slides cannot exceed ${maxSlideLimit.toLocaleString()}.` })] })] })] }) }));
+};
+export default FileDnDZone;
+//# sourceMappingURL=FileDnDZone.js.map

package/dist/components/FileDnDZone/FileDnDZone.styled.js

@@ -0,0 +1,39 @@
+import { Box, styled } from '@mui/material';
+const commonStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+};
+const FileDnDZoneContainer = styled(Box)(() => {
+    return {
+        position: 'relative',
+        height: '100%',
+        width: '100%',
+    };
+});
+const BaseFileDnDZone = styled(Box)(() => {
+    return {
+        ...commonStyle,
+        position: 'absolute',
+        left: 'calc(50% - 213px)',
+        top: '100px',
+        height: '196px',
+        width: '426px',
+        gap: '16px',
+    };
+});
+const DnDSection = styled(Box)(() => {
+    return {
+        ...commonStyle,
+        gap: '4px',
+    };
+});
+const DnDMainBox = styled(Box)(() => {
+    return {
+        ...commonStyle,
+        gap: '24px',
+    };
+});
+export { FileDnDZoneContainer, BaseFileDnDZone, DnDSection, DnDMainBox };
+//# sourceMappingURL=FileDnDZone.styled.js.map

package/dist/components/FileDnDZone/FileDnDZone.types.js

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

package/dist/components/FileDnDZone/FileDnDZone.utils.js

@@ -0,0 +1,3 @@
+const DEFAULT_FILE_FORMATS = 'Leica(.svs), 3DHistech(.mrxs), and Philips(.isyntax, .tiff)';
+export { DEFAULT_FILE_FORMATS };
+//# sourceMappingURL=FileDnDZone.utils.js.map

package/dist/components/FileDnDZone/index.js

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

package/dist/components/Icons/BellNoti/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcBellNotiOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const BellNoti = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+BellNoti.displayName = 'BellNoti';
+BellNoti.variants = variants;
+export default BellNoti;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/CloseLarge/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcCloseLargeOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const CloseLarge = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+CloseLarge.displayName = 'CloseLarge';
+CloseLarge.variants = variants;
+export default CloseLarge;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/CloseSmall/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcCloseSmallOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const CloseSmall = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+CloseSmall.displayName = 'CloseSmall';
+CloseSmall.variants = variants;
+export default CloseSmall;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/DownloadPdf/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcDownloadPdfOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const DownloadPdf = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+DownloadPdf.displayName = 'DownloadPdf';
+DownloadPdf.variants = variants;
+export default DownloadPdf;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/Ellipse/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcEllipseOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const Ellipse = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+Ellipse.displayName = 'Ellipse';
+Ellipse.variants = variants;
+export default Ellipse;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/FilterNoti/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcFilterNotiOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const FilterNoti = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+FilterNoti.displayName = 'FilterNoti';
+FilterNoti.variants = variants;
+export default FilterNoti;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/HideLarge/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcHideLargeOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const HideLarge = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+HideLarge.displayName = 'HideLarge';
+HideLarge.variants = variants;
+export default HideLarge;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/HideSmall/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcHideSmallOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const HideSmall = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+HideSmall.displayName = 'HideSmall';
+HideSmall.variants = variants;
+export default HideSmall;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/InformationLarge/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcInformationLargeOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const InformationLarge = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+InformationLarge.displayName = 'InformationLarge';
+InformationLarge.variants = variants;
+export default InformationLarge;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/InformationSmall/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcInformationSmallOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const InformationSmall = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+InformationSmall.displayName = 'InformationSmall';
+InformationSmall.variants = variants;
+export default InformationSmall;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/Manufacturer/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcManufacturerOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const Manufacturer = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+Manufacturer.displayName = 'Manufacturer';
+Manufacturer.variants = variants;
+export default Manufacturer;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/Rectangle/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcRectangleOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const Rectangle = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+Rectangle.displayName = 'Rectangle';
+Rectangle.variants = variants;
+export default Rectangle;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/RefreshLeft/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcRefreshLeftOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const RefreshLeft = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+RefreshLeft.displayName = 'RefreshLeft';
+RefreshLeft.variants = variants;
+export default RefreshLeft;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/RefreshRight/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcRefreshRightOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const RefreshRight = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+RefreshRight.displayName = 'RefreshRight';
+RefreshRight.variants = variants;
+export default RefreshRight;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/ShowLarge/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcShowLargeOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const ShowLarge = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+ShowLarge.displayName = 'ShowLarge';
+ShowLarge.variants = variants;
+export default ShowLarge;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/ShowSmall/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SvgIcon from "@mui/material/SvgIcon";
+import { IcShowSmallOutlined20Px as outlined } from '../../../assets';
+const variants = ['outlined',];
+const ShowSmall = ({ variant = 'outlined', ...rest }) => {
+    if (variant === 'outlined') {
+        return _jsx(SvgIcon, { ...rest, component: outlined, inheritViewBox: true });
+    }
+    return null;
+};
+ShowSmall.displayName = 'ShowSmall';
+ShowSmall.variants = variants;
+export default ShowSmall;
+//# sourceMappingURL=index.js.map

package/dist/components/Icons/index.js

@@ -0,0 +1,180 @@
+export { default as BellNoti } from './BellNoti';
+export { default as CloseLarge } from './CloseLarge';
+export { default as CloseSmall } from './CloseSmall';
+export { default as DownloadPdf } from './DownloadPdf';
+export { default as Ellipse } from './Ellipse';
+export { default as FilterNoti } from './FilterNoti';
+export { default as HideLarge } from './HideLarge';
+export { default as HideSmall } from './HideSmall';
+export { default as InformationLarge } from './InformationLarge';
+export { default as InformationSmall } from './InformationSmall';
+export { default as Manufacturer } from './Manufacturer';
+export { default as Rectangle } from './Rectangle';
+export { default as RefreshLeft } from './RefreshLeft';
+export { default as RefreshRight } from './RefreshRight';
+export { default as ShowLarge } from './ShowLarge';
+export { default as ShowSmall } from './ShowSmall';
+export { Analyze } from '@lunit/design-system-icons';
+export { Annotation } from '@lunit/design-system-icons';
+export { Apps } from '@lunit/design-system-icons';
+export { ArrowDoubleDown } from '@lunit/design-system-icons';
+export { ArrowDoubleLeft } from '@lunit/design-system-icons';
+export { ArrowDoubleRight } from '@lunit/design-system-icons';
+export { ArrowDoubleUp } from '@lunit/design-system-icons';
+export { ArrowDown } from '@lunit/design-system-icons';
+export { ArrowDownSm } from '@lunit/design-system-icons';
+export { ArrowDownXs } from '@lunit/design-system-icons';
+export { ArrowDownward } from '@lunit/design-system-icons';
+export { ArrowExpand } from '@lunit/design-system-icons';
+export { ArrowLeft } from '@lunit/design-system-icons';
+export { ArrowMore } from '@lunit/design-system-icons';
+export { ArrowRight } from '@lunit/design-system-icons';
+export { ArrowUp } from '@lunit/design-system-icons';
+export { ArrowUpSm } from '@lunit/design-system-icons';
+export { ArrowUpXs } from '@lunit/design-system-icons';
+export { ArrowUpward } from '@lunit/design-system-icons';
+export { Avatar16 } from '@lunit/design-system-icons';
+export { Avatar } from '@lunit/design-system-icons';
+export { Avatar28 } from '@lunit/design-system-icons';
+export { Bell } from '@lunit/design-system-icons';
+export { Brightness } from '@lunit/design-system-icons';
+export { BrightnessPreset } from '@lunit/design-system-icons';
+export { Brush } from '@lunit/design-system-icons';
+export { Calendar } from '@lunit/design-system-icons';
+export { Check } from '@lunit/design-system-icons';
+export { Close16 } from '@lunit/design-system-icons';
+export { Close } from '@lunit/design-system-icons';
+export { CloudDownload } from '@lunit/design-system-icons';
+export { CloudUpload } from '@lunit/design-system-icons';
+export { Convert } from '@lunit/design-system-icons';
+export { Crop } from '@lunit/design-system-icons';
+export { Cursor } from '@lunit/design-system-icons';
+export { Dashboard } from '@lunit/design-system-icons';
+export { Delete } from '@lunit/design-system-icons';
+export { Demo } from '@lunit/design-system-icons';
+export { DownloadFolder } from '@lunit/design-system-icons';
+export { DownloadT1 } from '@lunit/design-system-icons';
+export { DownloadT2 } from '@lunit/design-system-icons';
+export { DownloadT3 } from '@lunit/design-system-icons';
+export { DownloadT4 } from '@lunit/design-system-icons';
+export { DrawArrow } from '@lunit/design-system-icons';
+export { DrawLine } from '@lunit/design-system-icons';
+export { Dummy16 } from '@lunit/design-system-icons';
+export { Dummy } from '@lunit/design-system-icons';
+export { Duplicate } from '@lunit/design-system-icons';
+export { Edit } from '@lunit/design-system-icons';
+export { EditTtr } from '@lunit/design-system-icons';
+export { EditType } from '@lunit/design-system-icons';
+export { Eraser } from '@lunit/design-system-icons';
+export { Error16 } from '@lunit/design-system-icons';
+export { Error } from '@lunit/design-system-icons';
+export { Exclude16 } from '@lunit/design-system-icons';
+export { Exclude } from '@lunit/design-system-icons';
+export { Feedback } from '@lunit/design-system-icons';
+export { File } from '@lunit/design-system-icons';
+export { Filter } from '@lunit/design-system-icons';
+export { FlipHorizontal } from '@lunit/design-system-icons';
+export { FlipVertical } from '@lunit/design-system-icons';
+export { FloodFill } from '@lunit/design-system-icons';
+export { Forward } from '@lunit/design-system-icons';
+export { Fullscreen } from '@lunit/design-system-icons';
+export { Hand } from '@lunit/design-system-icons';
+export { Help } from '@lunit/design-system-icons';
+export { Hide16 } from '@lunit/design-system-icons';
+export { Hide } from '@lunit/design-system-icons';
+export { History } from '@lunit/design-system-icons';
+export { Home } from '@lunit/design-system-icons';
+export { Include16 } from '@lunit/design-system-icons';
+export { Include } from '@lunit/design-system-icons';
+export { Information16 } from '@lunit/design-system-icons';
+export { Information } from '@lunit/design-system-icons';
+export { Invert } from '@lunit/design-system-icons';
+export { Label } from '@lunit/design-system-icons';
+export { Language } from '@lunit/design-system-icons';
+export { Layout1x1 } from '@lunit/design-system-icons';
+export { Layout1x2 } from '@lunit/design-system-icons';
+export { Layout1x4 } from '@lunit/design-system-icons';
+export { Layout2x1 } from '@lunit/design-system-icons';
+export { Layout2x2 } from '@lunit/design-system-icons';
+export { Lock } from '@lunit/design-system-icons';
+export { Logo16 } from '@lunit/design-system-icons';
+export { Logo } from '@lunit/design-system-icons';
+export { Logo32 } from '@lunit/design-system-icons';
+export { Logout } from '@lunit/design-system-icons';
+export { LunitLogo } from '@lunit/design-system-icons';
+export { Magnify } from '@lunit/design-system-icons';
+export { Menu as MenuIcon } from '@lunit/design-system-icons';
+export { MenuOpen } from '@lunit/design-system-icons';
+export { Minus } from '@lunit/design-system-icons';
+export { MoreHorizontal } from '@lunit/design-system-icons';
+export { MoreVertical } from '@lunit/design-system-icons';
+export { MoveDown } from '@lunit/design-system-icons';
+export { MoveLeft } from '@lunit/design-system-icons';
+export { MoveRight } from '@lunit/design-system-icons';
+export { MoveUp } from '@lunit/design-system-icons';
+export { Pan } from '@lunit/design-system-icons';
+export { Password } from '@lunit/design-system-icons';
+export { PathologySlides } from '@lunit/design-system-icons';
+export { PauseT1 } from '@lunit/design-system-icons';
+export { PauseT2 } from '@lunit/design-system-icons';
+export { PdfDownload } from '@lunit/design-system-icons';
+export { PdfUpload } from '@lunit/design-system-icons';
+export { Pen } from '@lunit/design-system-icons';
+export { Play } from '@lunit/design-system-icons';
+export { Plus } from '@lunit/design-system-icons';
+export { PolygonSelection } from '@lunit/design-system-icons';
+export { Project } from '@lunit/design-system-icons';
+export { Redo } from '@lunit/design-system-icons';
+export { Refresh } from '@lunit/design-system-icons';
+export { Removable16 } from '@lunit/design-system-icons';
+export { Removable } from '@lunit/design-system-icons';
+export { Reorder } from '@lunit/design-system-icons';
+export { Report } from '@lunit/design-system-icons';
+export { Reset } from '@lunit/design-system-icons';
+export { ResetText } from '@lunit/design-system-icons';
+export { ResetView } from '@lunit/design-system-icons';
+export { Review } from '@lunit/design-system-icons';
+export { Rewind } from '@lunit/design-system-icons';
+export { RotationLeft } from '@lunit/design-system-icons';
+export { RotationRight } from '@lunit/design-system-icons';
+export { RulerT1 } from '@lunit/design-system-icons';
+export { RulerT2 } from '@lunit/design-system-icons';
+export { RulerviewCircle } from '@lunit/design-system-icons';
+export { RulerviewLine } from '@lunit/design-system-icons';
+export { Save } from '@lunit/design-system-icons';
+export { SearchT1 } from '@lunit/design-system-icons';
+export { SearchT2 } from '@lunit/design-system-icons';
+export { SendEmail } from '@lunit/design-system-icons';
+export { Setting } from '@lunit/design-system-icons';
+export { Shortcut } from '@lunit/design-system-icons';
+export { Show16 } from '@lunit/design-system-icons';
+export { Show } from '@lunit/design-system-icons';
+export { Skip } from '@lunit/design-system-icons';
+export { StartT1 } from '@lunit/design-system-icons';
+export { StartT2 } from '@lunit/design-system-icons';
+export { Storage } from '@lunit/design-system-icons';
+export { Success16 } from '@lunit/design-system-icons';
+export { Success } from '@lunit/design-system-icons';
+export { TagT1 } from '@lunit/design-system-icons';
+export { TagT2 } from '@lunit/design-system-icons';
+export { TagT3 } from '@lunit/design-system-icons';
+export { Text } from '@lunit/design-system-icons';
+export { Toggle } from '@lunit/design-system-icons';
+export { Undo } from '@lunit/design-system-icons';
+export { Unlock } from '@lunit/design-system-icons';
+export { UploadFolder } from '@lunit/design-system-icons';
+export { UploadT1 } from '@lunit/design-system-icons';
+export { UploadT2 } from '@lunit/design-system-icons';
+export { UploadT3 } from '@lunit/design-system-icons';
+export { UploadT4 } from '@lunit/design-system-icons';
+export { User } from '@lunit/design-system-icons';
+export { ViewList } from '@lunit/design-system-icons';
+export { ViewModule } from '@lunit/design-system-icons';
+export { ViewfinderT1 } from '@lunit/design-system-icons';
+export { ViewfinderT2 } from '@lunit/design-system-icons';
+export { ViewfinderT3 } from '@lunit/design-system-icons';
+export { Warning16 } from '@lunit/design-system-icons';
+export { Warning } from '@lunit/design-system-icons';
+export { ZoomIn } from '@lunit/design-system-icons';
+export { ZoomOut } from '@lunit/design-system-icons';
+//# sourceMappingURL=index.js.map

package/dist/components/List/List.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useMemo } from 'react';
+import { ArrowDownSm, ArrowUpSm } from '../Icons';
+import { Collapse } from '@mui/material';
+import { MuiList, MuiListSubheader } from './List.styled';
+export const ListContext = createContext({
+    size: 'small',
+    showCheck: false,
+});
+const List = ({ size = 'small', showCheck = false, subheader, subheaderType = 'bold', open = 'visible', children, onOpen, onClose, ...props }) => {
+    const contextValue = useMemo(() => ({ size, showCheck }), [size, showCheck]);
+    const collapsible = open !== 'visible';
+    const onSubheaderClick = ((event) => {
+        if (open === 'visible') {
+            return;
+        }
+        const handler = open ? onClose : onOpen;
+        handler?.(event);
+    });
+    return (_jsx(ListContext.Provider, { value: contextValue, children: _jsx(MuiList, { ...props, subheader: subheader ? (_jsxs(MuiListSubheader, { type: subheaderType, clickable: collapsible, tabIndex: collapsible ? 0 : undefined, onClick: onSubheaderClick, children: [subheader, collapsible && (open ? _jsx(ArrowDownSm, {}) : _jsx(ArrowUpSm, {}))] })) : null, children: collapsible ? (_jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: children })) : (children) }) }));
+};
+export default List;
+//# sourceMappingURL=List.js.map

package/dist/components/List/List.styled.js

@@ -0,0 +1,29 @@
+import { styled, List, ListSubheader } from '@mui/material';
+export const MuiList = styled(List)(({ theme }) => ({
+    padding: theme.spacing(2),
+}));
+export const MuiListSubheader = styled(ListSubheader, {
+    shouldForwardProp: (prop) => !['type', 'clickable'].includes(prop.toString()),
+})(({ type, clickable, theme }) => ({
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    height: '36px',
+    padding: '0px 8px',
+    backgroundColor: 'transparent',
+    ...(type === 'bold'
+        ? {
+            ...theme.typography.body_b1,
+            color: theme.palette.neutralGrey[0],
+        }
+        : {
+            ...theme.typography.small_body_m1,
+            color: theme.palette.neutralGrey[40],
+        }),
+    ...(clickable && { cursor: 'pointer' }),
+    svg: {
+        width: '20px',
+        height: '20px',
+    },
+}));
+//# sourceMappingURL=List.styled.js.map

package/dist/components/List/List.types.js

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