@ceed/cds 0.0.187-treeshaking.1 → 0.0.187

package/dist/components/NavigationItem/NavigationItem.js

@@ -1,45 +0,0 @@
-import React__default from 'react';
-import { styled, ListItemButton as ListItemButton$1, listItemButtonClasses, ListItem, ListItemDecorator } from '@mui/joy';
-
-const ListItemButton = styled(ListItemButton$1, {
-    name: "NavigationItem",
-    slot: "Button",
-    shouldForwardProp: (prop) => prop !== "useIcon" && prop !== "level",
-})(({ theme, useIcon, level }) => ({
-    padding: theme.spacing(4, 6, 4, (useIcon ? 6 : 8) + (level || 0) * 8),
-    gap: theme.spacing(4),
-    fontWeight: 500,
-    "&:hover": {
-        backgroundColor: theme.palette.neutral.plainHoverBg,
-    },
-    "&:active": {
-        backgroundColor: theme.palette.neutral.plainActiveBg,
-    },
-    [`&.${listItemButtonClasses.selected}`]: {
-        color: theme.palette.primary.plainColor,
-        "--Icon-color": theme.palette.primary.plainColor,
-        "&:not(:hover):not(:active)": {
-            backgroundColor: theme.palette.background.surface,
-        },
-    },
-}));
-function NavigationItem(props) {
-    // prop destruction
-    const { children, startDecorator, level, selected, id, onClick, ...rest } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    const handleClick = () => {
-        onClick?.(id);
-    };
-    return (React__default.createElement(ListItem, { ...rest },
-        React__default.createElement(ListItemButton, { level: level, useIcon: !!startDecorator, selected: selected, "aria-current": selected, onClick: handleClick },
-            startDecorator && React__default.createElement(ListItemDecorator, null, startDecorator),
-            children)));
-}
-
-export { NavigationItem };

package/dist/components/Navigator/Navigator.js

@@ -1,30 +0,0 @@
-import React__default from 'react';
-import { NavigationGroup } from '../NavigationGroup/NavigationGroup.js';
-import { NavigationItem } from '../NavigationItem/NavigationItem.js';
-
-function Navigator(props) {
-    // prop destruction
-    const { items, level = 0, onSelect } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    const handleItemClick = (id) => {
-        onSelect?.(id);
-    };
-    return (React__default.createElement("div", null, items.map((item, index) => {
-        if (item.type === "item") {
-            return (React__default.createElement(NavigationItem, { key: item.id, id: item.id, startDecorator: item.startDecorator, selected: item.selected, level: level, onClick: handleItemClick }, item.title));
-        }
-        else if (item.type === "group") {
-            return (React__default.createElement(NavigationGroup, { key: index, title: item.title, startDecorator: item.startDecorator, level: level, defaultExpanded: item.expanded }, item.content));
-        }
-        return null;
-    })));
-}
-Navigator.displayName = "Navigator";
-
-export { Navigator };

package/dist/components/Pagination/Pagination.js

@@ -1,117 +0,0 @@
-import React__default, { useCallback, useEffect } from 'react';
-import PreviousIcon from '../../external/@mui/icons-material/esm/ChevronLeft.js';
-import NextIcon from '../../external/@mui/icons-material/esm/ChevronRight.js';
-import { styled, Stack } from '@mui/joy';
-import { Button } from '../Button/Button.js';
-import { IconButton } from '../IconButton/IconButton.js';
-import { useControlledState } from '../../hooks/use-controlled-state/index.js';
-
-const PaginationButton = styled(Button, {
-    name: "Pagination",
-    slot: "button",
-})(({ theme, active, size }) => ({
-    "--Button-size": {
-        sm: "32px",
-        md: "40px",
-        lg: "48px",
-    }[size],
-    width: "var(--Button-size)",
-    height: "var(--Button-size)",
-    backgroundColor: active
-        ? theme.vars.palette.primary.softHoverBg
-        : "transparent",
-    color: active
-        ? theme.vars.palette.primary.softColor
-        : theme.vars.palette.neutral.plainColor,
-    "&:hover": {
-        color: active
-            ? theme.vars.palette.primary.softColor
-            : theme.vars.palette.neutral.softColor,
-        backgroundColor: active
-            ? theme.vars.palette.primary.softActiveBg
-            : theme.vars.palette.neutral.softHoverBg,
-    },
-}));
-const PaginationIconButton = styled(IconButton, {
-    name: "Pagination",
-    slot: "button",
-})(({ theme, size }) => ({
-    "--IconButton-size": {
-        sm: "32px",
-        md: "40px",
-        lg: "48px",
-    }[size],
-    "--Icon-fontSize": "20px",
-    width: "var(--IconButton-size)",
-    height: "var(--IconButton-size)",
-    color: theme.vars.palette.neutral.plainColor,
-    "&:hover": {
-        color: theme.vars.palette.neutral.softColor,
-        backgroundColor: theme.vars.palette.neutral.softHoverBg,
-    },
-}));
-const PaginationRoot = styled(Stack, {
-    name: "Pagination",
-    slot: "root",
-})({});
-const PaginationContainer = styled(Stack, {
-    name: "Pagination",
-    slot: "container",
-})(({ theme, size }) => ({
-    gap: {
-        sm: theme.spacing(1),
-        md: theme.spacing(1.5),
-        lg: theme.spacing(2),
-    }[size],
-}));
-function Pagination(props) {
-    // prop destruction
-    const { paginationModel: _paginationModel, defaultPaginationModel = { page: 1, pageSize: 25 }, onPageChange, rowCount, size = "md", ...innerProps } = props;
-    const [paginationModel, setPaginationModel] = useControlledState(_paginationModel, defaultPaginationModel, useCallback((newPage) => {
-        onPageChange(newPage.page);
-    }, [onPageChange]));
-    const handlePageChange = (newPage) => {
-        setPaginationModel({ ...paginationModel, page: newPage });
-    };
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    const firstPage = 1;
-    const lastPage = Math.max(firstPage, Math.ceil(rowCount / paginationModel.pageSize));
-    const beforePages = [
-        paginationModel.page - 2,
-        paginationModel.page - 1,
-    ].filter((p) => p > 1);
-    const afterPages = [
-        paginationModel.page + 1,
-        paginationModel.page + 2,
-    ].filter((p) => p <= lastPage - 1);
-    const isMoreAfterPages = lastPage > 1 && paginationModel.page < lastPage - 3;
-    const isMoreBeforePages = lastPage > 1 && paginationModel.page > 4;
-    // Add this effect to handle rowCount changes
-    useEffect(() => {
-        if (paginationModel.page > lastPage) {
-            setPaginationModel({ ...paginationModel, page: lastPage });
-        }
-    }, [rowCount, paginationModel, lastPage, setPaginationModel]);
-    // effects
-    // handlers
-    return (React__default.createElement(PaginationRoot, { ...innerProps },
-        React__default.createElement(PaginationContainer, { direction: "row", size: size, alignItems: "center" },
-            React__default.createElement(PaginationIconButton, { size: size, variant: "plain", color: "neutral", onClick: () => handlePageChange(paginationModel.page - 1), disabled: paginationModel.page === firstPage, "aria-label": "Previous page" },
-                React__default.createElement(PreviousIcon, null)),
-            paginationModel.page !== firstPage && (React__default.createElement(PaginationButton, { size: size, variant: "plain", color: "neutral", onClick: () => handlePageChange(firstPage) }, firstPage)),
-            isMoreBeforePages && (React__default.createElement(PaginationButton, { size: size, variant: "plain", color: "neutral", onClick: () => handlePageChange(paginationModel.page - 3), "aria-label": "More previous pages" }, "...")),
-            beforePages.map((p) => (React__default.createElement(PaginationButton, { key: p, size: size, variant: "plain", color: "neutral", onClick: () => handlePageChange(p) }, p))),
-            React__default.createElement(PaginationButton, { active: true, size: size, "aria-current": "page" }, paginationModel.page),
-            afterPages.map((p) => (React__default.createElement(PaginationButton, { key: p, size: size, variant: "plain", color: "neutral", onClick: () => handlePageChange(p) }, p))),
-            isMoreAfterPages && (React__default.createElement(PaginationButton, { size: size, variant: "plain", color: "neutral", "aria-label": "More next pages", onClick: () => handlePageChange(paginationModel.page + 3) }, "...")),
-            paginationModel.page !== lastPage && (React__default.createElement(PaginationButton, { size: size, variant: "plain", color: "neutral", onClick: () => handlePageChange(lastPage) }, lastPage)),
-            React__default.createElement(PaginationIconButton, { size: size, variant: "plain", color: "neutral", onClick: () => handlePageChange(paginationModel.page + 1), disabled: paginationModel.page === lastPage, "aria-label": "Next page" },
-                React__default.createElement(NextIcon, null)))));
-}
-Pagination.displayName = "Pagination";
-
-export { Pagination };

package/dist/components/Pagination/index.js

@@ -1,5 +0,0 @@
-import { Pagination } from './Pagination.js';
-
-
-
-export { Pagination, Pagination as default };

package/dist/components/PercentageInput/PercentageInput.js

@@ -1,85 +0,0 @@
-import React__default, { useCallback, useState, useMemo } from 'react';
-import { NumericFormat } from 'react-number-format';
-import { styled, useThemeProps } from '@mui/joy';
-import { Input } from '../Input/Input.js';
-import { useControlledState } from '../../hooks/use-controlled-state/index.js';
-
-const padDecimal = (value, decimalScale) => {
-    const [integer, decimal = ""] = `${value}`.split(".");
-    return Number(`${integer}${decimal.padEnd(decimalScale, "0")}`);
-};
-const TextMaskAdapter = React__default.forwardRef(function TextMaskAdapter(props, ref) {
-    // prop destruction
-    const { onChange, min, max, ...innerProps } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return (React__default.createElement(NumericFormat, { ...innerProps, onValueChange: ({ value }) => {
-            onChange?.({
-                target: {
-                    name: props.name,
-                    value,
-                },
-            });
-        }, valueIsNumericString: true, thousandSeparator: true, suffix: "%", getInputRef: ref, allowNegative: true }));
-});
-const PercentageInputRoot = styled(Input, {
-    name: "PercentageInput",
-    slot: "Root",
-    overridesResolver: (props, styles) => styles.root,
-})({});
-const PercentageInput = React__default.forwardRef(function PercentageInput(inProps, ref) {
-    // prop destruction
-    const props = useThemeProps({ props: inProps, name: "PercentageInput" });
-    const { name, onChange, label, error, helperText, required, disabled, useMinorUnit, maxDecimalScale = 0, min, max, 
-    // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
-    sx, className, ...innerProps } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    const [_value, setValue] = useControlledState(props.value, props.defaultValue, useCallback((value) => onChange?.({ target: { name, value } }), [onChange, name]));
-    const [internalError, setInternalError] = useState((max && _value && _value > max) || (min && _value && _value < min));
-    // form hooks
-    // query hooks
-    // calculated values
-    const value = useMemo(() => {
-        if (_value && useMinorUnit) {
-            return _value / Math.pow(10, maxDecimalScale);
-        }
-        return _value;
-    }, [_value, useMinorUnit, maxDecimalScale]);
-    // effects
-    // handlers
-    const handleChange = useCallback((event) => {
-        if (event.target.value === "") {
-            setValue(undefined);
-            return;
-        }
-        const originalAmount = Number(event.target.value);
-        if ((min && originalAmount < min) || (max && originalAmount > max)) {
-            setInternalError(true);
-        }
-        else {
-            setInternalError(false);
-        }
-        const amount = useMinorUnit
-            ? padDecimal(originalAmount, maxDecimalScale)
-            : originalAmount;
-        setValue(amount);
-    }, [setValue, useMinorUnit, maxDecimalScale, min, max]);
-    return (React__default.createElement(PercentageInputRoot, { ...innerProps, ref: ref, value: value, onChange: handleChange, error: internalError || error, disabled: disabled, required: required, color: internalError || error ? "danger" : props.color, label: label, helperText: helperText, slotProps: {
-            input: {
-                component: TextMaskAdapter,
-                "aria-label": innerProps["aria-label"],
-                decimalScale: maxDecimalScale,
-            },
-        }, sx: {
-            ...sx,
-        }, className: className }));
-});
-PercentageInput.displayName = "PercentageInput";
-
-export { PercentageInput };

package/dist/components/Radio/Radio.js

@@ -1,11 +0,0 @@
-import { Radio as Radio$1, RadioGroup as RadioGroup$1 } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionRadio = motion(Radio$1);
-const Radio = MotionRadio;
-Radio.displayName = "Radio";
-const MotionRadioGroup = motion(RadioGroup$1);
-const RadioGroup = MotionRadioGroup;
-RadioGroup.displayName = "RadioGroup";
-
-export { Radio, RadioGroup };

package/dist/components/RadioList/RadioList.js

@@ -1,18 +0,0 @@
-import React__default from 'react';
-import { RadioGroup, Radio } from '../Radio/Radio.js';
-
-function RadioList(props) {
-    // prop destruction
-    const { items, ...innerProps } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return (React__default.createElement(RadioGroup, { ...innerProps }, items.map((item) => (React__default.createElement(Radio, { key: `${item.value}`, value: item.value, label: item.label })))));
-}
-RadioList.displayName = "RadioList";
-
-export { RadioList };

package/dist/components/Select/Select.js

@@ -1,56 +0,0 @@
-import React__default, { useMemo } from 'react';
-import { Option as Option$1, Select as Select$1 } from '@mui/joy';
-import { motion } from 'framer-motion';
-import { FormControl } from '../FormControl/FormControl.js';
-import { FormLabel } from '../FormLabel/FormLabel.js';
-import { FormHelperText } from '../FormHelperText/FormHelperText.js';
-
-// NOTE: Context를 공유하는 컴포넌트는 한 파일로 번들링되어야 Framer에서 문제 없이 동작할수 있다.
-// 파일별로 필요한 패키지를 모두 import 하도록 되어 있기 때문에 다른 파일에서 내보내면 Context가 고유하게 2개 생기는것이 원인이다.
-const MotionOption = motion(Option$1);
-const Option = MotionOption;
-Option.displayName = "Option";
-function Select(props) {
-    // prop destruction
-    const { label, helperText, error, size, color, disabled, required, onChange, 
-    // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
-    sx, className, ...innerProps } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    const options = useMemo(() => props.options.map((option) => {
-        if (typeof option !== "object") {
-            return {
-                value: option,
-                label: option,
-            };
-        }
-        return option;
-    }), [props.options]);
-    // effects
-    // handlers
-    const handleChange = (event, newValue) => {
-        const _event = event || { target: {} };
-        const newEvent = {
-            ..._event,
-            target: {
-                // @ts-expect-error target에 name이 있을 수 있다.
-                name: _event.target?.name || props.name,
-                value: newValue || undefined,
-            },
-        };
-        onChange?.(newEvent);
-    };
-    const select = (React__default.createElement(Select$1, { ...innerProps, required: required, disabled: disabled, size: size, color: error ? "danger" : color, onChange: handleChange }, options.map((option) => (React__default.createElement(Option, { key: option.value, value: option.value }, option.label)))));
-    return (React__default.createElement(FormControl, { required: required, disabled: disabled, size: size, color: color, error: error, 
-        // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
-        sx: sx, className: className },
-        label && React__default.createElement(FormLabel, null, label),
-        select,
-        helperText && React__default.createElement(FormHelperText, null, helperText)));
-}
-Select.displayName = "Select";
-
-export { Option, Select };

package/dist/components/Select/index.js

@@ -1,6 +0,0 @@
-import { Select } from './Select.js';
-export { Option } from './Select.js';
-
-
-
-export { Select, Select as default };

package/dist/components/Sheet/Sheet.js

@@ -1,8 +0,0 @@
-import { Sheet as Sheet$1 } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionSheet = motion(Sheet$1);
-const Sheet = MotionSheet;
-Sheet.displayName = "Sheet";
-
-export { Sheet };

package/dist/components/Sheet/index.js

@@ -1,5 +0,0 @@
-import { Sheet } from './Sheet.js';
-
-
-
-export { Sheet, Sheet as default };

package/dist/components/Stack/index.js

@@ -1,2 +0,0 @@
-import { Stack } from '@mui/joy';
-export { Stack, Stack as default } from '@mui/joy';

package/dist/components/Stepper/Stepper.js

@@ -1,66 +0,0 @@
-import React__default from 'react';
-import { styled, Step as Step$1, StepIndicator as StepIndicator$1, Stepper as Stepper$1, stepIndicatorClasses, stepClasses, Stack } from '@mui/joy';
-import CheckIcon from '../../external/@mui/icons-material/esm/Check.js';
-import { motion } from 'framer-motion';
-import { Typography } from '../Typography/Typography.js';
-
-const Step = styled(Step$1)({});
-Step.displayName = "Step";
-const StepIndicator = styled(StepIndicator$1)({});
-StepIndicator.displayName = "StepIndicator";
-const StyledStepper = styled(Stepper$1)(({ theme }) => ({
-    "--StepIndicator-size": "24px",
-    "--Step-gap": theme.spacing(2),
-    "--joy-palette-success-solidBg": "var(--joy-palette-success-400)",
-    [`& .${stepIndicatorClasses.root}`]: {
-        fontSize: "var(--ceed-fontSize-xs)",
-    },
-}));
-const MotionStepper = motion(StyledStepper);
-function Stepper(props) {
-    // prop destruction
-    const { steps, activeColor = "primary.500", inactiveColor = "neutral.400", activeLineColor = "primary.500", inactiveLineColor = "neutral.300", activeStep, } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return (React__default.createElement(MotionStepper, { sx: (theme) => ({
-            "--StepIndicator-size": "24px",
-            "--Step-gap": theme.spacing(2),
-            [`& .${stepIndicatorClasses.root}`]: {
-                fontSize: "var(--ceed-fontSize-xs)",
-            },
-            [`& .${stepClasses.completed}`]: {
-                "&::after": { bgcolor: activeLineColor },
-                [`& .${stepIndicatorClasses.root}`]: {
-                    bgcolor: activeColor,
-                },
-            },
-            [`& .${stepClasses.active}`]: {
-                "&::after": { bgcolor: inactiveLineColor },
-                [`& .${stepIndicatorClasses.root}`]: {
-                    bgcolor: activeColor,
-                },
-            },
-            [`& .${stepClasses.disabled}`]: {
-                "&::after": { bgcolor: inactiveLineColor },
-                [`& .${stepIndicatorClasses.root}`]: {
-                    bgcolor: inactiveColor,
-                },
-            },
-        }) }, steps.map((step, i) => {
-        const active = activeStep === i + 1;
-        const completed = activeStep > i + 1;
-        const disabled = activeStep < i + 1;
-        const hasContent = step.label || step.extraContent;
-        return (React__default.createElement(Step, { indicator: React__default.createElement(StepIndicator, { variant: "solid", color: "primary" }, completed ? React__default.createElement(CheckIcon, null) : step.indicatorContent), active: active, completed: completed, disabled: disabled }, hasContent && (React__default.createElement(Stack, null,
-            step.label && (React__default.createElement(Typography, { level: "title-sm" }, step.label)),
-            step.extraContent && (React__default.createElement(Typography, { level: "body-xs" }, step.extraContent))))));
-    })));
-}
-Stepper.displayName = "Stepper";
-
-export { Step, StepIndicator, Stepper };

package/dist/components/Switch/Switch.js

@@ -1,46 +0,0 @@
-import React__default from 'react';
-import { Switch as Switch$1, styled, switchClasses } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionSwitch = motion(Switch$1);
-const StyledThumb = styled(motion.div)({
-    "--Icon-fontSize": "calc(var(--Switch-thumbSize) * 0.75)",
-    display: "inline-flex",
-    justifyContent: "center",
-    alignItems: "center",
-    position: "absolute",
-    left: "var(--Switch-thumbOffset)",
-    width: "var(--Switch-thumbWidth)",
-    height: "var(--Switch-thumbSize)",
-    borderRadius: "var(--Switch-thumbRadius)",
-    boxShadow: "var(--Switch-thumbShadow)",
-    color: "var(--Switch-thumbColor)",
-    backgroundColor: "var(--Switch-thumbBackground)",
-    [`&.${switchClasses.checked}`]: {
-        left: "unset",
-        right: "var(--Switch-thumbOffset)",
-    },
-});
-const Thumb = (props) => (React__default.createElement(StyledThumb, { ...props, layout: true, transition: spring }));
-const spring = {
-    type: "spring",
-    stiffness: 700,
-    damping: 30,
-};
-const Switch = (props) => {
-    // prop destruction
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return (React__default.createElement(MotionSwitch, { ...props, slots: {
-            thumb: Thumb,
-            ...props.slots,
-        } }));
-};
-Switch.displayName = "Switch";
-
-export { Switch };

package/dist/components/Table/Table.js

@@ -1,64 +0,0 @@
-import React__default from 'react';
-import { Table as Table$1 } from '@mui/joy';
-import { Checkbox } from '../Checkbox/Checkbox.js';
-
-const Table = (props) => {
-    // prop destruction
-    const { children, ...inheritProps } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return React__default.createElement(Table$1, { ...inheritProps }, children);
-};
-Table.displayName = "Table";
-function TableHead(props) {
-    // prop destruction
-    const { headCells, showCheckbox, onCheckboxChange, slots: { checkbox: RenderCheckbox = Checkbox } = {}, slotProps: { checkbox: checkboxProps = {} } = {}, } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return (React__default.createElement("thead", null,
-        React__default.createElement("tr", null,
-            showCheckbox && (React__default.createElement("th", { style: {
-                    width: "40px",
-                    textAlign: "center",
-                } },
-                React__default.createElement(RenderCheckbox, { onChange: onCheckboxChange, ...checkboxProps }))),
-            headCells.map((headCell) => (React__default.createElement("th", { key: headCell.label, style: {
-                    width: headCell.width,
-                    minWidth: headCell.minWidth,
-                    maxWidth: headCell.maxWidth,
-                    textAlign: headCell.numeric ? "right" : "left",
-                } }, headCell.label))))));
-}
-TableHead.displayName = "TableHead";
-function TableBody(props) {
-    // prop destruction
-    const { rows, cellOrder, rowOptions, showCheckbox, onCheckboxChange, slots: { checkbox: RenderCheckbox = Checkbox } = {}, slotProps: { checkbox: checkboxProps = {} } = {}, } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return (React__default.createElement("tbody", null, rows.map((row, rowIndex) => (React__default.createElement("tr", { key: rowIndex },
-        showCheckbox && (React__default.createElement("td", { style: {
-                textAlign: "center",
-            } },
-            React__default.createElement(RenderCheckbox, { onChange: (event) => onCheckboxChange?.(event, rowIndex), ...checkboxProps }))),
-        cellOrder.map((cellKey) => (React__default.createElement("td", { key: cellKey, style: {
-                textAlign: rowOptions?.[cellKey]?.numeric ? "right" : "left",
-            } }, row[cellKey]))))))));
-}
-TableBody.displayName = "TableBody";
-
-export { Table, TableBody, TableHead };

package/dist/components/Tabs/Tabs.js

@@ -1,17 +0,0 @@
-import { Tabs as Tabs$1, Tab as Tab$1, TabList as TabList$1, TabPanel as TabPanel$1 } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionTabs = motion(Tabs$1);
-const Tabs = MotionTabs;
-Tabs.displayName = "Tabs";
-const MotionTab = motion(Tab$1);
-const Tab = MotionTab;
-Tab.displayName = "Tab";
-const MotionTabList = motion(TabList$1);
-const TabList = MotionTabList;
-TabList.displayName = "TabList";
-const MotionTabPanel = motion(TabPanel$1);
-const TabPanel = MotionTabPanel;
-TabPanel.displayName = "TabPanel";
-
-export { Tab, TabList, TabPanel, Tabs };

package/dist/components/Textarea/Textarea.js

@@ -1,31 +0,0 @@
-import React__default from 'react';
-import { Textarea as Textarea$1 } from '@mui/joy';
-import { motion } from 'framer-motion';
-import { FormControl } from '../FormControl/FormControl.js';
-import { FormLabel } from '../FormLabel/FormLabel.js';
-import { FormHelperText } from '../FormHelperText/FormHelperText.js';
-
-const MotionTextarea = motion(Textarea$1);
-const Textarea = (props) => {
-    // prop destruction
-    const { label, error, helperText, color, size, disabled, required, minRows = 2, maxRows = 4, 
-    // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
-    sx, className, ...innerProps } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    const textarea = (React__default.createElement(MotionTextarea, { required: required, disabled: disabled, color: error ? "danger" : color, size: size, minRows: minRows, maxRows: maxRows, ...innerProps }));
-    return (React__default.createElement(FormControl, { required: required, disabled: disabled, color: color, size: size, error: error, 
-        // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
-        sx: sx, className: className },
-        label && React__default.createElement(FormLabel, null, label),
-        textarea,
-        helperText && React__default.createElement(FormHelperText, null, helperText)));
-};
-Textarea.displayName = "Textarea";
-
-export { Textarea };

package/dist/components/Textarea/index.js

@@ -1,5 +0,0 @@
-import { Textarea } from './Textarea.js';
-
-
-
-export { Textarea, Textarea as default };