@pop-ui/core 0.0.11 → 0.0.14

package/dist/components/Table/index.js

@@ -1,112 +0,0 @@
-'use client';
-import { createElement as _createElement } from "react";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from "./styles.module.scss";
-import { useCallback, useMemo, useState } from "react";
-import { DragDropContext, Draggable, Droppable, } from "react-beautiful-dnd";
-import ic_sortable from "../../assets/icons/ic_sortable.svg";
-import ic_chevron_up from "../../assets/icons/ic_chevron_up.svg";
-import ic_chevron_down from "../../assets/icons/ic_chevron_down.svg";
-import ic_drag from "../../assets/icons/ic_drag.svg";
-export const Table = ({ tableId, headerList, tableData, sortable, draggable = false, striped, onDragEnd, className, }) => {
-    const [rows, setRows] = useState();
-    const [sortedColIndex, setSortedColIndex] = useState();
-    const [sortedDirection, setSortedDirection] = useState();
-    const rowMaker = useCallback((sortedData) => {
-        const tableRows = sortedData?.map((data, index) => {
-            const dataKeys = Object.keys(data);
-            const row = (_jsx(_Fragment, { children: dataKeys.map((key, keyIndex) => (_jsx("td", { className: styles.td_cell, children: data[key].cell }, `table_${tableId || 0}_tr_${index}_col_${keyIndex}`))) }));
-            if (draggable && data[dataKeys[0]]?.dndId === undefined) {
-                console.error("draggable table을 사용할 때엔 tableData의 첫번째 필드에 고유한 dndId를 설정해주세요");
-            }
-            return {
-                row: row,
-                dndId: data[dataKeys[0]]?.dndId,
-                trClassName: data[dataKeys[0]]?.trClassName,
-            };
-        });
-        setRows(tableRows);
-    }, [draggable, tableId]);
-    useMemo(() => {
-        // 테이블 데이터 변경시, sort option 삭제
-        setSortedColIndex(undefined);
-        setSortedDirection(undefined);
-        rowMaker(tableData);
-    }, [rowMaker, tableData]);
-    const sortingHandler = useCallback((colIndex) => {
-        if (tableData) {
-            const copyArr = tableData.slice(0);
-            // 정렬 기준 키
-            const sortBy = Object.keys(copyArr[0])[colIndex];
-            setSortedColIndex(colIndex);
-            let newSortedData;
-            /*
-              정렬 순서
-                1. 내림차순
-                2. 오름차순
-                3. 초기화
-              1, 2, 3을 반복
-            */
-            if (!sortedDirection) {
-                newSortedData = copyArr?.sort((a, b) => String(b[sortBy].sortTarget || b[sortBy].cell).localeCompare(String(a[sortBy].sortTarget || a[sortBy].cell)));
-                setSortedDirection("desc");
-            }
-            else if (sortedDirection === "desc") {
-                newSortedData = copyArr?.sort((a, b) => String(a[sortBy].sortTarget || a[sortBy].cell).localeCompare(String(b[sortBy].sortTarget || b[sortBy].cell)));
-                setSortedDirection("asc");
-            }
-            else {
-                newSortedData = copyArr;
-                setSortedColIndex(undefined);
-                setSortedDirection(undefined);
-            }
-            rowMaker(newSortedData);
-        }
-    }, [rowMaker, sortedDirection, tableData]);
-    const sortableArrow = useCallback((index) => {
-        if (!sortable) {
-            return null;
-        }
-        if (sortedColIndex === index) {
-            if (sortedDirection === "desc") {
-                return _jsx("img", { src: ic_chevron_down, alt: "ic_chevron_down" });
-            }
-            return _jsx("img", { src: ic_chevron_up, alt: "ic_chevron_up" });
-        }
-        else {
-            return _jsx("img", { src: ic_sortable, alt: "ic_sortable" });
-        }
-    }, [sortable, sortedColIndex, sortedDirection]);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const reorder = useCallback((list, item, insertIdx) => {
-        const result = Array.from(list);
-        result.splice(insertIdx, 0, item);
-        return result;
-    }, []);
-    const onDragEndHandler = useCallback((result) => {
-        //  영역 밖에 drop한 경우
-        if (!result.destination) {
-            return;
-        }
-        // rows가 존재하지 않는 경우
-        if (!rows) {
-            return;
-        }
-        // reorder 처리를 위한 temp value 선언
-        const duplRows = rows?.slice(0);
-        const [newItem] = duplRows.splice(result.source.index, 1);
-        const items = reorder(duplRows, newItem, result.destination.index);
-        setRows(items);
-        if (onDragEnd) {
-            onDragEnd(items.map((el) => ({ dndId: el?.dndId })));
-        }
-    }, [onDragEnd, reorder, rows]);
-    return (_jsxs("table", { className: `${styles.table} ${className || ""}`, children: [_jsx("thead", { children: _jsxs("tr", { children: [draggable && (_jsx("th", { className: styles.th_cell, style: { padding: 0 } })), headerList?.map((header, index) => (_jsx("th", { className: sortable ? styles.th_cell_sortable : styles.th_cell, onClick: () => {
-                                if (sortable) {
-                                    sortingHandler(index);
-                                }
-                            }, children: _jsxs("div", { children: [header, sortableArrow(index)] }) }, `table_header_col_${index}`)))] }) }), _jsx(DragDropContext, { onDragEnd: onDragEndHandler, children: _jsx(Droppable, { droppableId: `dnd_table_${tableId || 0}_drop_zone`, children: (dropProvided) => (_jsxs("tbody", { ref: dropProvided.innerRef, ...dropProvided.droppableProps, children: [rows?.map((rowData, index) => (_jsx(Draggable, { draggableId: `dnd_table_${tableId || 0}_drag_item_${rowData?.dndId}`, index: index, isDragDisabled: !draggable, children: (dragProvided) => (_createElement("tr", { ...dragProvided.dragHandleProps, ...dragProvided.draggableProps, ref: dragProvided.innerRef, key: `table_${tableId || 0}_tr_${index}`, className: `${striped && index % 2 === 1 ? styles.tr_gray : ""} ${rowData.trClassName}` },
-                                    draggable && (_jsx("td", { className: styles.td_cell, style: { padding: 0 }, children: _jsx("div", { children: _jsx("img", { src: ic_drag, alt: "ic_drag" }) }) })),
-                                    rowData?.row)) }, `dnd_table_${tableId || 0}_drag_item_${rowData?.dndId !== undefined ? rowData.dndId : index}`))), dropProvided.placeholder] })) }) })] }));
-};
-export default Table;

package/dist/components/TextField/TextField.stories.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TextField } from ".";
-export default {
-    title: "Core/TextField",
-    component: TextField,
-};
-const Template = (args) => _jsx(TextField, { ...args });
-export const LabelTextField = Template.bind({});
-LabelTextField.args = {
-    label: "label text",
-    labelPosition: "top",
-    size: "md",
-    required: false,
-    disabled: false,
-};
-export const ToolTipTextField = Template.bind({});
-ToolTipTextField.args = {
-    label: "label text",
-    labelPosition: "top",
-    tooltip: "tootip text",
-    tooltipPosition: "top",
-    size: "md",
-    required: false,
-    disabled: false,
-};
-export const Textarea = Template.bind({});
-Textarea.args = {
-    label: "label text",
-    labelPosition: "top",
-    size: "md",
-    required: false,
-    disabled: false,
-    textarea: true,
-    minRows: 4,
-    maxTextCount: 100,
-};

package/dist/components/TextField/index.js

@@ -1,44 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input, Textarea, Tooltip } from "@mantine/core";
-import ic_tooltip from "../../assets/icons/ic_tooltip.svg";
-import ic_input_clear from "../../assets/icons/ic_input_clear.svg";
-import styles from "./styles.module.scss";
-import { useCallback, useState } from "react";
-export const TextField = ({ label, labelPosition = "top", size = "md", required, tooltip, tooltipPosition = "top", errorMsg, description, textarea = false, minRows, maxTextCount, onChange, onClear, ...props }) => {
-    const [textCount, setTextCount] = useState(0);
-    let labelStyle = styles.md_label;
-    let textfieldStyle = styles.md_textfield;
-    let tooltipStyle = styles.md_tooltip;
-    if (size === "sm") {
-        labelStyle = styles.sm_label;
-        textfieldStyle = styles.sm_textfield;
-        tooltipStyle = styles.sm_tooltip;
-    }
-    else if (size === "lg") {
-        labelStyle = styles.lg_label;
-        textfieldStyle = styles.lg_textfield;
-        tooltipStyle = styles.lg_tooltip;
-    }
-    const onChangeHandler = useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (event) => {
-        if (maxTextCount) {
-            if (event.currentTarget?.value?.length > maxTextCount) {
-                return;
-            }
-            setTextCount(event.currentTarget?.value?.length);
-            if (onChange) {
-                onChange(event);
-            }
-        }
-        if (onChange) {
-            setTextCount(event.currentTarget?.value?.length);
-            onChange(event);
-        }
-    }, [maxTextCount, onChange]);
-    return (_jsxs("div", { className: labelPosition === "top"
-            ? styles.top_label_textfield
-            : styles.left_label_textfield, children: [_jsxs("div", { children: [label && (_jsx(Input.Label, { required: required, className: labelStyle, children: label })), tooltip && (_jsx(Tooltip, { label: tooltip, position: tooltipPosition, children: _jsx("img", { className: tooltipStyle, src: ic_tooltip, alt: "tooltip_icon" }) }))] }), _jsxs("div", { children: [_jsxs("div", { className: styles.textfield_wrapper, children: [textarea ? (_jsx(Textarea, { className: styles.textarea, size: size, minRows: minRows, error: errorMsg, onChange: onChangeHandler, disabled: props?.disabled, ...props })) : (_jsx(Input, { className: textfieldStyle, error: errorMsg, onChange: onChangeHandler, rightSection: onClear && textCount > 0 ? (_jsx("div", { className: styles.clear_button, onClick: onClear, children: _jsx("img", { src: ic_input_clear }) })) : undefined, ...props })), maxTextCount && maxTextCount > 0 && (_jsx("span", { className: styles.text_counter, children: `${textCount}/${maxTextCount}` }))] }), description && (_jsx(Input.Description, { className: styles.input_description, children: description })), errorMsg && (_jsx(Input.Error, { className: styles.input_error_msg, children: errorMsg }))] })] }));
-};
-export default TextField;

package/dist/components/TimePicker/TimePicker.stories.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TimePicker } from ".";
-export default {
-    title: "Core/TimePicker",
-    component: TimePicker,
-};
-const Template = (args) => _jsx(TimePicker, { ...args });
-export const defaultTimePicker = Template.bind({});
-defaultTimePicker.args = {
-    size: "md",
-    disabled: false,
-    defaultValue: `${new Date().getHours()}:${new Date().getMinutes()}`,
-};

package/dist/components/TimePicker/index.js

@@ -1,26 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef } from "react";
-import { ActionIcon } from "@mantine/core";
-import { TimeInput } from "@mantine/dates";
-import ic_clock from "../../assets/icons/ic_clock.svg";
-import styles from "./styles.module.scss";
-export const TimePicker = ({ size = "md", ...props }) => {
-    const timeInputRef = useRef(null);
-    let sizeStyle = styles.md_textfield;
-    let iconSize = 18;
-    if (size === "sm") {
-        sizeStyle = styles.sm_textfield;
-        iconSize = 14;
-    }
-    else if (size === "lg") {
-        sizeStyle = styles.lg_textfield;
-        iconSize = 24;
-    }
-    return (_jsx(TimeInput, { ref: timeInputRef, className: sizeStyle, size: size, ...props, rightSection: _jsx(ActionIcon, { onClick: () => {
-                if (timeInputRef) {
-                    timeInputRef?.current?.showPicker();
-                }
-            }, children: _jsx("img", { width: iconSize, src: ic_clock, alt: "clock_icon" }) }) }));
-};
-export default TimePicker;

package/dist/components/Toggle/Toggle.stories.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Toggle } from ".";
-export default {
-    title: "Core/Toggle",
-    component: Toggle,
-};
-const Template = (args) => _jsx(Toggle, { ...args });
-export const defaultToggle = Template.bind({});
-defaultToggle.args = {
-    label: "toggle label",
-    labelPosition: "left",
-    description: "description text",
-    size: "md",
-    disabled: false,
-};

package/dist/components/Toggle/index.js

@@ -1,34 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Switch } from "@mantine/core";
-import styles from "./styles.module.scss";
-import { useCallback, useState } from "react";
-export const Toggle = ({ size = "md", labelPosition = "right", disabled, onChange, ...props }) => {
-    const [isChecked, setIsChecked] = useState(props?.checked || false);
-    let sizeStyle = styles.md_toggle;
-    let trackWidth = 50;
-    if (size === "sm") {
-        sizeStyle = styles.sm_toggle;
-        trackWidth = 38;
-    }
-    else if (size === "lg") {
-        sizeStyle = styles.lg_toggle;
-        trackWidth = 67;
-    }
-    const onChangeHandler = useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (event) => {
-        if (onChange) {
-            onChange(event);
-        }
-        setIsChecked(event?.target?.checked);
-    }, [onChange]);
-    return (_jsx(Switch, { className: sizeStyle, size: size, labelPosition: labelPosition, disabled: disabled, onChange: onChangeHandler, styles: () => ({
-            track: {
-                backgroundColor: !disabled && isChecked ? "#0fd3d8 !important" : undefined,
-                borderColor: !disabled && isChecked ? "#0fd3d8 !important" : undefined,
-                width: trackWidth,
-            },
-        }), ...props }));
-};
-export default Toggle;

package/dist/components/Tooltip/Tooltip.stories.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tooltip } from ".";
-export default {
-    title: "Core/Tooltip",
-    component: Tooltip,
-};
-const Template = (args) => _jsx(Tooltip, { ...args });
-export const defaultTooltip = Template.bind({});
-defaultTooltip.args = {
-    title: "tooltip title",
-    content: "tooltip content content content content content content content content content content content",
-    maw: 220,
-    multiline: true,
-    position: "top",
-    children: (_jsx("div", { style: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            width: 280,
-            height: 50,
-            background: "#e0e0e0",
-            fontSize: 25,
-        }, children: "hover me" })),
-};

package/dist/components/Tooltip/index.js

@@ -1,8 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tooltip as MantineTooltip, } from "@mantine/core";
-import styles from "./styles.module.scss";
-export const Tooltip = ({ title, content, maw = 280, multiline = true, ...props }) => {
-    return (_jsx(MantineTooltip, { ...props, maw: maw, multiline: multiline, label: _jsxs("div", { className: styles.tooltip_body, children: [title && _jsx("span", { className: styles.tooltip_title, children: title }), _jsx("span", { className: styles.tooltip_content, children: content })] }) }));
-};
-export default Tooltip;

package/dist/components/index.js

@@ -1,17 +0,0 @@
-export { default as Button } from "./Button";
-export { TextField } from "./TextField";
-export { SearchBar } from "./SearchBar";
-export { Dropdown } from "./Dropdown";
-export { Checkbox } from "./Checkbox";
-export { Radio } from "./Radio";
-export { Toggle } from "./Toggle";
-export { DatePicker } from "./DatePicker";
-export { TimePicker } from "./TimePicker";
-export { Pagination } from "./Pagination";
-export { Tab } from "./Tab";
-export { SegmentButton } from "./SegmentButton";
-export { Alert } from "./Alert";
-export { Tooltip } from "./Tooltip";
-export { Table } from "./Table";
-export { Modal } from "./Modal";
-export { ImageUploader } from "./ImageUploader";

package/dist/components/shared/styles.js

@@ -1,219 +0,0 @@
-import { css } from "@storybook/theming";
-import { rgba } from "polished";
-export const background = {
-    app: "#F6F9FC",
-    appInverse: "#7A8997",
-    positive: "#E1FFD4",
-    negative: "#FEDED2",
-    warning: "#FFF5CF",
-    calmBlue: "#E3F3FF",
-};
-export const color = {
-    aqua: "#0FD3D8",
-    secondary: "#029CFD",
-    tertiary: "#E3E6E8",
-    orange: "#FC521F",
-    gold: "#FFAE00",
-    green: "#66BF3C",
-    seafoam: "#37D5D3",
-    purple: "#6F2CAC",
-    ultraviolet: "#2A0481",
-    red: "#ff4400",
-    bluelight: "#E3F3FF",
-    bluelighter: "#F5FBFF",
-    lightest: "#FFFFFF",
-    lighter: "#F7FAFC",
-    light: "#EEF3F6",
-    mediumlight: "#ECF4F9",
-    medium: "#D9E8F2",
-    mediumdark: "#73828C",
-    dark: "#5C6870",
-    darker: "#454E54",
-    darkest: "#2E3438",
-    tr10: "rgba(0, 0, 0, 0.1)",
-    tr5: "rgba(0, 0, 0, 0.05)",
-    border: "hsla(203, 50%, 30%, 0.15)",
-    positive: "#448028",
-    negative: "#D43900",
-    warning: "#A15C20",
-    selected: "#0271B6",
-};
-export const spacing = {
-    padding: {
-        small: 10,
-        medium: 20,
-        large: 30,
-    },
-    borderRadius: {
-        small: 5,
-        default: 10,
-    },
-};
-export const typography = {
-    type: {
-        primary: '"Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif',
-        code: '"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace',
-    },
-    weight: {
-        regular: "400",
-        bold: "700",
-        extrabold: "800",
-    },
-    size: {
-        s1: 12,
-        s2: 14,
-        s3: 16,
-        m1: 20,
-        m2: 24,
-        m3: 28,
-        l1: 32,
-        l2: 40,
-        l3: 48,
-        code: 90,
-    },
-};
-export const breakpoint = 600;
-export const pageMargin = 5.55555;
-export const pageMargins = css `
-  padding: 0 ${spacing.padding.medium}px;
-  @media (min-width: ${breakpoint * 1}px) {
-    margin: 0 ${pageMargin * 1}%;
-  }
-  @media (min-width: ${breakpoint * 2}px) {
-    margin: 0 ${pageMargin * 2}%;
-  }
-  @media (min-width: ${breakpoint * 3}px) {
-    margin: 0 ${pageMargin * 3}%;
-  }
-  @media (min-width: ${breakpoint * 4}px) {
-    margin: 0 ${pageMargin * 4}%;
-  }
-`;
-export const hoverEffect = css `
-  border: 1px solid ${color.border};
-  border-radius: ${spacing.borderRadius.small}px;
-  transition:
-    background 150ms ease-out,
-    border 150ms ease-out,
-    transform 150ms ease-out;
-
-  &:hover,
-  &.__hover {
-    border-color: ${rgba(color.secondary, 0.5)};
-    transform: translate3d(0, -3px, 0);
-    box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;
-  }
-
-  &:active,
-  &.__active {
-    border-color: ${rgba(color.secondary, 1)};
-    transform: translate3d(0, 0, 0);
-  }
-`;
-export const zIndex = {
-    tooltip: 2147483647,
-};
-export const headers = {
-    hero1: css({
-        fontSize: typography.size.l3,
-        fontWeight: typography.weight.bold,
-    }),
-    hero2: css({
-        fontSize: typography.size.l2,
-        fontWeight: typography.weight.bold,
-    }),
-    h1: css({
-        fontSize: typography.size.l1,
-        fontWeight: typography.weight.bold,
-    }),
-    h2: css({
-        fontSize: typography.size.m3,
-        fontWeight: typography.weight.bold,
-    }),
-    h3: css({
-        fontSize: typography.size.m2,
-        fontWeight: typography.weight.bold,
-    }),
-    h4: css({
-        fontSize: typography.size.m1,
-        fontWeight: typography.weight.bold,
-    }),
-    h5: css({
-        fontSize: typography.size.s3,
-        fontWeight: typography.weight.bold,
-    }),
-    h6: css({
-        fontSize: typography.size.s2,
-        fontWeight: typography.weight.bold,
-    }),
-};
-export const subheading = {
-    regular: css({
-        fontSize: 13,
-        fontWeight: typography.weight.extrabold,
-        lineHeight: "18px",
-        letterSpacing: "0.38em",
-    }),
-    small: css({
-        fontSize: 11,
-        fontWeight: typography.weight.extrabold,
-        lineHeight: "16px",
-        letterSpacing: "0.38em",
-    }),
-};
-export const text = {
-    storybookMediumBold: css({
-        fontSize: 13,
-        fontWeight: typography.weight.bold,
-        lineHeight: "18px",
-    }),
-    storybookMedium: css({
-        fontSize: 13,
-        fontWeight: typography.weight.regular,
-        lineHeight: "18px",
-    }),
-    largeBold: css({
-        fontSize: typography.size.s3,
-        fontWeight: typography.weight.bold,
-        lineHeight: "24px",
-    }),
-    small: css({
-        fontSize: typography.size.s1,
-        fontWeight: typography.weight.regular,
-        lineHeight: "18px",
-    }),
-    regularBold: css({
-        fontSize: typography.size.s2,
-        fontWeight: typography.weight.bold,
-        lineHeight: "20px",
-    }),
-    smallBold: css({
-        fontSize: typography.size.s1,
-        fontWeight: typography.weight.bold,
-        lineHeight: "18px",
-    }),
-    large: css({
-        fontSize: typography.size.s3,
-        fontWeight: typography.weight.regular,
-        lineHeight: "24px",
-    }),
-    regular: css({
-        fontSize: typography.size.s2,
-        fontWeight: typography.weight.regular,
-        lineHeight: "20px",
-    }),
-};
-export const code = {
-    regular: css({
-        fontFamily: typography.type.code,
-        fontSize: typography.size.s2,
-        fontWeight: typography.weight.regular,
-        lineHeight: "17px",
-    }),
-    small: css({
-        fontFamily: typography.type.code,
-        fontSize: typography.size.s1,
-        fontWeight: typography.weight.regular,
-        lineHeight: "14px",
-    }),
-};

package/dist/core.css

@@ -1 +0,0 @@
-@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._lg_button_18ipb_16{font-family:Pretendard;font-size:18;font-weight:700;line-height:130%;height:50px;padding:20;border-radius:6px}._md_button_18ipb_26{font-family:Pretendard;font-size:16;font-weight:SemiBold;line-height:130%;height:40px;padding:16;border-radius:6px}._sm_button_18ipb_36{font-family:Pretendard;font-size:14;font-weight:SemiBold;line-height:130%;height:30px;padding:12;border-radius:4px}._primary_18ipb_46{background-color:#0fd3d8;color:#fff;cursor:pointer}._primary_18ipb_46:focus{background-color:#11badd;color:#fff}._primary_18ipb_46:hover{background-color:#11badd;color:#fff}._primary_18ipb_46:active{background-color:#07a3c6;color:#fff}._primary_18ipb_46:disabled{background-color:#b0b0b0;color:#fff}._primaryline_18ipb_68{background-color:#fff;color:#0fd3d8;border-color:#0fd3d8;border-style:solid;border-width:1;cursor:pointer}._primaryline_18ipb_68:focus{background-color:#e7e7e7;color:#11badd;border-color:#11badd;border-style:solid;border-width:1}._primaryline_18ipb_68:hover{background-color:#e7e7e7;color:#11badd;border-color:#11badd;border-style:solid;border-width:1}._primaryline_18ipb_68:active{background-color:#cdcdcd;color:#07a3c6;border-color:#07a3c6;border-style:solid;border-width:1}._primaryline_18ipb_68:disabled{background-color:#b0b0b0;color:#fff}._basic_18ipb_102{background-color:#fff;color:#4a4a4a;border-color:#b0b0b0;border-style:solid;border-width:1;cursor:pointer}._basic_18ipb_102:focus{background-color:#e7e7e7;color:#4a4a4a;border-color:#b0b0b0;border-style:solid;border-width:1}._basic_18ipb_102:hover{background-color:#e7e7e7;color:#4a4a4a;border-color:#b0b0b0;border-style:solid;border-width:1}._basic_18ipb_102:active{background-color:#cdcdcd;color:#4a4a4a;border-color:#b0b0b0;border-width:1}._basic_18ipb_102:disabled{background-color:#b0b0b0;color:#fff}._danger_18ipb_135{background-color:#fa5252;color:#fff;cursor:pointer}._danger_18ipb_135:focus{background-color:#e03131;color:#fff}._danger_18ipb_135:hover{background-color:#e03131;color:#fff}._danger_18ipb_135:active{background-color:#c92a2a;color:#fff}._danger_18ipb_135:disabled{background-color:#b0b0b0;color:#fff}._setting_18ipb_157{background-color:#9b9b9b;color:#fff;cursor:pointer}._setting_18ipb_157:focus{background-color:gray;color:#fff}._setting_18ipb_157:hover{background-color:gray;color:#fff}._setting_18ipb_157:active{background-color:#666;color:#fff}._setting_18ipb_157:disabled{background-color:#b0b0b0;color:#fff}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._left_label_textfield_wii04_16{display:flex;flex-direction:row;gap:20px}._top_label_textfield_wii04_22{display:flex;flex-direction:column}._sm_label_wii04_27{font-family:Pretendard;font-size:14px;font-weight:600;letter-spacing:0em;text-align:left;margin:8px 3px}._md_label_wii04_36{font-family:Pretendard;font-size:16px;font-weight:600;letter-spacing:0em;text-align:left;margin:12px 4px}._lg_label_wii04_45{font-family:Pretendard;font-size:18px;font-weight:600;letter-spacing:0em;text-align:left;margin:16px 4px}._sm_tooltip_wii04_54{width:14px;height:14px}._md_tooltip_wii04_59{width:16px;height:16px}._lg_tooltip_wii04_64{width:18px;height:18px}._textfield_wrapper_wii04_69{position:relative}._text_counter_wii04_73{position:absolute;bottom:-16px;right:0;font-family:Pretendard;font-size:12px;font-weight:500;letter-spacing:0em;text-align:right;color:gray}._textarea_wii04_85 textarea:hover{outline:1.5px solid #72eef1;border-color:transparent}._textarea_wii04_85 textarea:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._sm_textfield_wii04_94 input{height:30px;min-height:30px;padding:8px;font-size:14px}._sm_textfield_wii04_94 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._sm_textfield_wii04_94 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._md_textfield_wii04_109 input{height:40px;min-height:40px;padding:12px;font-size:14px}._md_textfield_wii04_109 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._md_textfield_wii04_109 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._lg_textfield_wii04_124 input{height:50px;min-height:50px;padding:16px;font-size:16px}._lg_textfield_wii04_124 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._lg_textfield_wii04_124 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._input_description_wii04_139{margin-top:8px}._input_error_msg_wii04_143{margin-top:4px}._clear_button_wii04_147{display:flex;align-items:center;justify-content:center;cursor:pointer}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._left_label_textfield_hosiw_16{display:flex;flex-direction:row;gap:20px}._top_label_textfield_hosiw_22{display:flex;flex-direction:column}._sm_label_hosiw_27{font-family:Pretendard;font-size:14px;font-weight:600;letter-spacing:0em;text-align:left;margin:8px 3px}._md_label_hosiw_36{font-family:Pretendard;font-size:16px;font-weight:600;letter-spacing:0em;text-align:left;margin:12px 4px}._lg_label_hosiw_45{font-family:Pretendard;font-size:18px;font-weight:600;letter-spacing:0em;text-align:left;margin:16px 4px}._sm_tooltip_hosiw_54{width:14px;height:14px}._md_tooltip_hosiw_59{width:16px;height:16px}._lg_tooltip_hosiw_64{width:18px;height:18px}._sm_textfield_hosiw_69 input{height:30px;padding:8px;font-size:14px;min-height:30px}._sm_textfield_hosiw_69 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._sm_textfield_hosiw_69 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._md_textfield_hosiw_84 input{height:40px;padding:12px;font-size:14px;min-height:40px}._md_textfield_hosiw_84 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._md_textfield_hosiw_84 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._lg_textfield_hosiw_99 input{height:50px;padding:16px;font-size:16px;min-height:50px}._lg_textfield_hosiw_99 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._lg_textfield_hosiw_99 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._input_description_hosiw_114{margin-top:8px}._input_error_msg_hosiw_118{margin-top:4px}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._sm_checkbox_7y75g_16 input{width:18px;height:18px}._sm_checkbox_7y75g_16 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._sm_checkbox_7y75g_16 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._sm_checkbox_7y75g_16 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._sm_checkbox_7y75g_16 label{height:18px;color:#333;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;display:flex;align-items:center}._sm_checkbox_7y75g_16 div{color:gray;font-family:Pretendard;font-size:12px;font-style:normal;font-weight:500}._md_checkbox_7y75g_52 input{width:24px;height:24px}._md_checkbox_7y75g_52 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._md_checkbox_7y75g_52 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._md_checkbox_7y75g_52 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._md_checkbox_7y75g_52 label{height:24px;color:#333;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:600;display:flex;align-items:center}._md_checkbox_7y75g_52 div{color:gray;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500}._lg_checkbox_7y75g_88 input{width:32px;height:32px}._lg_checkbox_7y75g_88 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._lg_checkbox_7y75g_88 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._lg_checkbox_7y75g_88 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._lg_checkbox_7y75g_88 label{height:32px;color:#333;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:700;display:flex;align-items:center}._lg_checkbox_7y75g_88 div{color:gray;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._sm_radio_1ib4u_16 input{width:18px;height:18px}._sm_radio_1ib4u_16 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._sm_radio_1ib4u_16 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._sm_radio_1ib4u_16 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._sm_radio_1ib4u_16 label{height:18px;color:#333;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;display:flex;align-items:center}._sm_radio_1ib4u_16 div{color:gray;font-family:Pretendard;font-size:12px;font-style:normal;font-weight:500}._md_radio_1ib4u_52 input{width:24px;height:24px}._md_radio_1ib4u_52 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._md_radio_1ib4u_52 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._md_radio_1ib4u_52 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._md_radio_1ib4u_52 label{height:24px;color:#333;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:600;display:flex;align-items:center}._md_radio_1ib4u_52 div{color:gray;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500}._lg_radio_1ib4u_88 input{width:32px;height:32px}._lg_radio_1ib4u_88 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._lg_radio_1ib4u_88 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._lg_radio_1ib4u_88 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._lg_radio_1ib4u_88 label{height:32px;color:#333;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:700;display:flex;align-items:center}._lg_radio_1ib4u_88 div{color:gray;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._sm_toggle_jaqix_16 label{height:18px;color:#333;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;display:flex;align-items:center}._sm_toggle_jaqix_16 div{color:gray;font-family:Pretendard;font-size:12px;font-style:normal;font-weight:500}._md_toggle_jaqix_34 label{height:24px;color:#333;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:600;display:flex;align-items:center}._md_toggle_jaqix_34 div{color:gray;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500}._lg_toggle_jaqix_52 label{height:32px;color:#333;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:700;display:flex;align-items:center}._lg_toggle_jaqix_52 div{color:gray;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._sm_textfield_2zkt2_16 button{height:30px;min-height:30px;padding:8px;font-size:14px;line-height:100%}._sm_textfield_2zkt2_16 button:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._sm_textfield_2zkt2_16 button:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._sm_textfield_2zkt2_16 button[data-in-range]{background-color:#edfcff}._sm_textfield_2zkt2_16 button[data-selected]{background-color:#0fd3d8}._sm_textfield_2zkt2_16 button[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._sm_textfield_2zkt2_16 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._sm_textfield_2zkt2_16 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._sm_textfield_2zkt2_16 input[data-in-range]{background-color:#edfcff}._sm_textfield_2zkt2_16 input[data-selected]{background-color:#0fd3d8}._sm_textfield_2zkt2_16 input[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._md_textfield_2zkt2_66 button{height:40px;min-height:40px;padding:12px;font-size:14px;line-height:100%}._md_textfield_2zkt2_66 button:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._md_textfield_2zkt2_66 button:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._md_textfield_2zkt2_66 button[data-in-range]{background-color:#edfcff}._md_textfield_2zkt2_66 button[data-selected]{background-color:#0fd3d8}._md_textfield_2zkt2_66 button[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._md_textfield_2zkt2_66 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._md_textfield_2zkt2_66 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._md_textfield_2zkt2_66 input[data-in-range]{background-color:#edfcff}._md_textfield_2zkt2_66 input[data-selected]{background-color:#0fd3d8}._md_textfield_2zkt2_66 input[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._lg_textfield_2zkt2_116 button{height:50px;min-height:50px;padding:16px;font-size:16px;line-height:100%}._lg_textfield_2zkt2_116 button:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._lg_textfield_2zkt2_116 button:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._lg_textfield_2zkt2_116 button[data-in-range]{background-color:#edfcff}._lg_textfield_2zkt2_116 button[data-selected]{background-color:#0fd3d8}._lg_textfield_2zkt2_116 button[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._lg_textfield_2zkt2_116 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._lg_textfield_2zkt2_116 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._lg_textfield_2zkt2_116 input[data-in-range]{background-color:#edfcff}._lg_textfield_2zkt2_116 input[data-selected]{background-color:#0fd3d8}._lg_textfield_2zkt2_116 input[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._sm_textfield_8xl46_16 input{height:30px;min-height:30px;padding:8px;font-size:14px;line-height:100%}._sm_textfield_8xl46_16 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._sm_textfield_8xl46_16 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._md_textfield_8xl46_33 input{height:40px;min-height:40px;padding:12px;font-size:14px;line-height:100%}._md_textfield_8xl46_33 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._md_textfield_8xl46_33 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._lg_textfield_8xl46_50 input{height:50px;min-height:50px;padding:16px;font-size:16px;line-height:100%}._lg_textfield_8xl46_50 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._lg_textfield_8xl46_50 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._pagination_hiiqe_16{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center;flex-wrap:wrap}._pagination_hiiqe_16 ._page_index_hiiqe_24{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:8px;gap:10px;font-family:Pretendard;font-size:14px;font-weight:400;letter-spacing:0px;text-align:center;color:gray;border:none;cursor:pointer;background-color:#fff0}._pagination_hiiqe_16 ._page_index_hiiqe_24:hover{background-color:#f6f6f6}._pagination_hiiqe_16 ._page_index_hiiqe_24:active{background-color:#e7e7e7}._pagination_hiiqe_16 ._page_index_active_hiiqe_48{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:8px;gap:10px;font-family:Pretendard;font-size:14px;font-weight:400;letter-spacing:0px;text-align:center;color:gray;border:none;cursor:pointer;font-weight:700;background-color:#e7e7e7;color:#4a4a4a}._pagination_hiiqe_16 ._page_index_active_hiiqe_48:hover{background-color:#f6f6f6}._pagination_hiiqe_16 ._page_index_active_hiiqe_48:active{background-color:#e7e7e7}._pagination_hiiqe_16 ._arrow_hiiqe_74{display:flex;align-items:center;justify-content:center;min-width:40px;border-radius:8px;gap:10px;font-family:Pretendard;font-size:14px;font-weight:400;letter-spacing:0px;text-align:center;color:gray;border:none;cursor:pointer;border:1px solid #b0b0b0;margin:0 8px;width:40px;height:40px;background-color:#fff}._pagination_hiiqe_16 ._arrow_hiiqe_74:hover{background-color:#f6f6f6}._pagination_hiiqe_16 ._arrow_hiiqe_74:active{background-color:#e7e7e7}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._tab_title_list_1fmw0_16{border-bottom:2px solid #d8d8d8}._tab_title_list_1fmw0_16 button{margin-bottom:7px;display:flex;align-items:center;text-align:center;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:700;height:50px;color:#b0b0b0;border-radius:6px;border:none;padding:0 20px;cursor:pointer}._tab_title_list_1fmw0_16 button:hover{background-color:#f6f6f6}._tab_title_list_1fmw0_16 button ._border_bottom_1fmw0_38{position:absolute;bottom:-9px;left:0;width:100%}._tab_title_list_1fmw0_16 button[data-active]{position:relative;color:#006180}._tab_title_list_1fmw0_16 button[data-active] ._border_bottom_1fmw0_38{position:absolute;bottom:-9px;left:0;width:100%;border-bottom:2px solid #006180;border-color:#006180}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._sm_segment_button_ok8t2_16 label{box-sizing:border-box;display:flex;align-items:center;color:#9b9b9b;height:30px;padding:0 8px;font-size:14px}._sm_segment_button_ok8t2_16 label[data-active]{color:#4a4a4a}._md_segment_button_ok8t2_29 label{box-sizing:border-box;display:flex;align-items:center;color:#9b9b9b;height:40px;padding:0 12px;font-size:14px}._md_segment_button_ok8t2_29 label[data-active]{color:#4a4a4a}._lg_segment_button_ok8t2_42 label{box-sizing:border-box;display:flex;align-items:center;color:#9b9b9b;height:50px;padding:0 16px;font-size:16px}._lg_segment_button_ok8t2_42 label[data-active]{color:#4a4a4a}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._light_success_gs18x_16{background-color:#efffef;border-radius:6px;border:1.5px solid #30cc37}._light_success_gs18x_16 span{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#30cc37}._light_success_gs18x_16 div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}._light_error_gs18x_38{background-color:#fef3f2;border-radius:6px;border:1.5px solid #fa5252}._light_error_gs18x_38 span{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#fa5252}._light_error_gs18x_38 div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}._fill_success_gs18x_60{background-color:#d1fcd3;border-radius:6px}._fill_success_gs18x_60 span{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#30cc37}._fill_success_gs18x_60 div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}._fill_error_gs18x_81{background-color:#fee4e2;border-radius:6px}._fill_error_gs18x_81 span{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#fa5252}._fill_error_gs18x_81 div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._tooltip_body_iesd0_16{display:flex;flex-direction:column}._tooltip_title_iesd0_21{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#fff;margin-bottom:8px}._tooltip_content_iesd0_31{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#fff}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._table_16tlf_16{width:max-content;border-collapse:collapse}._table_16tlf_16 ._tr_gray_16tlf_20{background-color:#fbfbfb}._table_16tlf_16 th,._table_16tlf_16 td{font-family:Pretendard;font-size:14px;font-style:normal;box-sizing:border-box;height:52px;text-align:center;padding:16px}@media (max-width: 767px){._table_16tlf_16 th,._table_16tlf_16 td{white-space:nowrap}}._table_16tlf_16 ._th_cell_16tlf_39{border-bottom:1px solid #d8d8d8;background-color:#f6f6f6}._table_16tlf_16 ._th_cell_16tlf_39>div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:700;line-height:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center}._table_16tlf_16 ._th_cell_sortable_16tlf_56{border-bottom:1px solid #d8d8d8;background-color:#f6f6f6}._table_16tlf_16 ._th_cell_sortable_16tlf_56>div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:700;line-height:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center}._table_16tlf_16 ._th_cell_sortable_16tlf_56 img{width:14px;height:14px;margin-left:4px}._table_16tlf_16 ._th_cell_sortable_16tlf_56:hover{cursor:pointer;background-color:#e7e7e7}._table_16tlf_16 ._td_cell_16tlf_82{color:#4a4a4a;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:140%;border-bottom:1px solid #e7e7e7}._table_16tlf_16 ._td_cell_16tlf_82>div{display:flex;align-items:center;justify-content:center}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._image_uploader_lv9hk_16{width:200px;height:200px;border:none;border-radius:6px;background-color:#edfcff;padding:0;overflow:hidden}._image_uploader_lv9hk_16[data-accept]{opacity:.7}._image_uploader_lv9hk_16:hover{background-color:#c8fdff}._image_uploader_lv9hk_16 ._preview_lv9hk_31{object-fit:cover;width:100%;height:100%}._image_uploader_lv9hk_16 div{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:12px}._image_uploader_lv9hk_16 div span{color:#07a3c6;text-align:center;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;line-height:140%}._image_uploader_wrapper_lv9hk_55{position:relative;width:fit-content;height:fit-content}._image_uploader_wrapper_lv9hk_55 ._file_clear_button_lv9hk_60{position:absolute;display:flex;align-items:center;justify-content:center;top:-12px;right:-12px;width:24px;height:24px;z-index:1;cursor:pointer}._image_uploader_wrapper_lv9hk_55 ._file_clear_button_lv9hk_60:hover{opacity:.9}

package/dist/helpers/checkMessage/checkMessage.test.js

@@ -1,9 +0,0 @@
-import { checkMessage } from ".";
-describe("checkMessage", () => {
-    it('should return "world" if message is "hello"', () => {
-        expect(checkMessage("hello")).toBe("world");
-    });
-    it('should return "error" if message is not "hello"', () => {
-        expect(checkMessage("")).toBe("error");
-    });
-});

package/dist/helpers/checkMessage/index.js

@@ -1,8 +0,0 @@
-export function checkMessage(message) {
-    if (message === "hello") {
-        return "world";
-    }
-    else {
-        return "error";
-    }
-}

package/dist/index.js

@@ -1 +0,0 @@
-export * from "./components";

package/dist/types/components/Alert/Alert.stories.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import(".").AlertProps>;
-export default _default;
-export declare const defaultAlert: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, import(".").AlertProps>;

package/dist/types/components/Alert/index.d.ts

@@ -1,9 +0,0 @@
-import { AlertProps as MatineAlertProps } from "@mantine/core";
-export interface AlertProps extends MatineAlertProps {
-    visible: boolean;
-    type?: "success" | "error";
-    variant?: "fill" | "light";
-    title?: string;
-}
-export declare const Alert: ({ visible, type, variant, top, right, ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element | null;
-export default Alert;