@ceed/cds 0.0.187-treeshaking.2 → 0.0.187

package/dist/components/DatePicker/DatePicker.js

@@ -1,211 +0,0 @@
-'use client';
-import React__default, { forwardRef, useRef, useCallback, useState, useEffect, useImperativeHandle } from 'react';
-import { IMaskInput, IMask } from 'react-imask';
-import CalendarTodayIcon from '../../external/@mui/icons-material/esm/CalendarToday.js';
-import { styled, useThemeProps } from '@mui/joy';
-import { Popper, FocusTrap, ClickAwayListener } from '@mui/base';
-import { Input } from '../Input/Input.js';
-import { IconButton } from '../IconButton/IconButton.js';
-import { Sheet } from '../Sheet/Sheet.js';
-import { Calendar } from '../Calendar/Calendar.js';
-import { DialogActions } from '../DialogActions/DialogActions.js';
-import { Button } from '../Button/Button.js';
-import { useControlledState } from '../../hooks/use-controlled-state/index.js';
-
-const CalendarButton = styled(IconButton, {
-    name: "DatePicker",
-    slot: "calendarButton",
-})(({ theme }) => ({
-    '&:focus': {
-        '--Icon-color': 'currentColor',
-        outlineOffset: `${theme.getCssVar('focus-thickness')}`,
-        outline: `${theme.getCssVar('focus-thickness')} solid ${theme.getCssVar('palette-focusVisible')}`
-    }
-}));
-const StyledPopper = styled(Popper, {
-    name: "DatePicker",
-    slot: "popper",
-})(({ theme }) => ({
-    zIndex: theme.zIndex.tooltip,
-}));
-const CalendarSheet = styled(Sheet, {
-    name: "DatePicker",
-    slot: "sheet",
-    overridesResolver: (props, styles) => styles.root,
-})(({ theme }) => ({
-    width: "264px",
-    boxShadow: theme.shadow.md,
-    borderRadius: theme.radius.md,
-}));
-const DatePickerRoot = styled("div", {
-    name: "DatePicker",
-    slot: "root",
-    overridesResolver: (props, styles) => styles.root,
-})({
-    width: "100%",
-});
-const formatValueString = (date, format) => {
-    let day = `${date.getDate()}`;
-    let month = `${date.getMonth() + 1}`;
-    const year = date.getFullYear();
-    if (Number(day) < 10)
-        day = "0" + day;
-    if (Number(month) < 10)
-        month = "0" + month;
-    return format
-        .replace(/YYYY/g, year.toString())
-        .replace(/MM/g, month)
-        .replace(/DD/g, day);
-};
-function parseDate(dateString, format) {
-    const formatParts = format.split(/[-./\s]/);
-    const dateParts = dateString.split(/[-./\s]/);
-    if (formatParts.length !== dateParts.length) {
-        throw new Error("Invalid date string or format");
-    }
-    let day, month, year;
-    for (let i = 0; i < formatParts.length; i++) {
-        const value = parseInt(dateParts[i], 10);
-        switch (formatParts[i]) {
-            case "DD":
-                day = value;
-                break;
-            case "MM":
-                month = value - 1; // JavaScript months are 0-indexed
-                break;
-            case "YYYY":
-                year = value;
-                break;
-        }
-    }
-    const result = new Date(year, month, day);
-    return result;
-}
-const formatToPattern = (format) => {
-    return format
-        .replace(/YYYY/g, "Y")
-        .replace(/MM/g, "M")
-        .replace(/DD/g, "D")
-        .replace(/[^YMD\s]/g, (match) => `${match}\``);
-};
-const TextMaskAdapter = React__default.forwardRef(function TextMaskAdapter(props, ref) {
-    const { onChange, format, ...other } = props;
-    return (React__default.createElement(IMaskInput, { ...other, inputRef: ref, onAccept: (value) => onChange({ target: { name: props.name, value } }), mask: Date, pattern: formatToPattern(format), blocks: {
-            D: {
-                mask: IMask.MaskedRange,
-                from: 1,
-                to: 31,
-                maxLength: 2,
-            },
-            M: {
-                mask: IMask.MaskedRange,
-                from: 1,
-                to: 12,
-                maxLength: 2,
-            },
-            Y: {
-                mask: IMask.MaskedRange,
-                from: 1900,
-                to: 9999,
-                maxLength: 4,
-            },
-        }, 
-        // define date -> str convertion
-        format: (date) => formatValueString(date, format), 
-        // define str -> date convertion
-        parse: (str) => parseDate(str, format), autofix: "pad", overwrite: true }));
-});
-const DatePicker = forwardRef((inProps, ref) => {
-    // prop destruction
-    const props = useThemeProps({ props: inProps, name: "DatePicker" });
-    const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast, required, 
-    // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
-    sx, className, format = "YYYY/MM/DD", size, inputReadOnly, hideClearButton, readOnly, ...innerProps } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    const innerRef = useRef(null);
-    const buttonRef = useRef(null);
-    const [value, setValue] = useControlledState(props.value, props.defaultValue || "", useCallback((value) => onChange?.({ target: { name: props.name, value } }), [props.name, onChange]), { disableStrict: true });
-    const [anchorEl, setAnchorEl] = useState(null);
-    // form hooks
-    // query hooks
-    // calculated values
-    const open = Boolean(anchorEl);
-    // effects
-    useEffect(() => {
-        if (!anchorEl) {
-            // NOTE: 변경된 값을 blur이벤트 핸들러에서 다룰려면 calendar tooltip이 닫힐 때 blur 이벤트를 발생시켜야 한다.
-            innerRef.current?.blur();
-        }
-    }, [anchorEl, innerRef]);
-    useImperativeHandle(ref, () => innerRef.current, [
-        innerRef,
-    ]);
-    // handlers
-    const handleChange = useCallback((event) => {
-        setValue(event.target.value);
-    }, [setValue]);
-    const handleCalendarToggle = useCallback((event) => {
-        setAnchorEl(anchorEl ? null : event.currentTarget);
-        // Focus the input again after it has been blurred
-        setTimeout(() => {
-            innerRef.current?.focus();
-        }, 0);
-    }, [anchorEl, setAnchorEl, innerRef]);
-    const handleInputMouseDown = useCallback((event) => {
-        if (inputReadOnly) {
-            event.preventDefault();
-            buttonRef.current?.focus();
-        }
-    }, [inputReadOnly, buttonRef]);
-    return (React__default.createElement(DatePickerRoot, null,
-        React__default.createElement(FocusTrap, { open: true },
-            React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(Input, { ...innerProps, color: error ? "danger" : innerProps.color, ref: innerRef, size: size, value: value, onChange: handleChange, placeholder: format, disabled: disabled, required: required, error: error, slotProps: {
-                        input: {
-                            component: TextMaskAdapter,
-                            ref: innerRef,
-                            format,
-                            sx: { "&:hover": { cursor: inputReadOnly || readOnly ? "default" : "text" } },
-                            onMouseDown: handleInputMouseDown,
-                        },
-                    }, className: className, sx: sx, endDecorator: React__default.createElement(CalendarButton, { ref: buttonRef, variant: "plain", onClick: readOnly ? undefined : handleCalendarToggle, "aria-label": "Toggle Calendar", "aria-controls": "date-picker-popper", "aria-haspopup": "dialog", "aria-expanded": open, disabled: disabled },
-                        React__default.createElement(CalendarTodayIcon, null)), label: label, helperText: helperText, readOnly: readOnly || inputReadOnly }),
-                open && (React__default.createElement(ClickAwayListener, { onClickAway: () => setAnchorEl(null) },
-                    React__default.createElement(StyledPopper, { id: "date-picker-popper", open: true, anchorEl: anchorEl, placement: "bottom-end", 
-                        // NOTE: 값이 변경 되기전 blur 이벤트 방지
-                        onMouseDown: (e) => e.preventDefault(), modifiers: [
-                            {
-                                name: "offset",
-                                options: {
-                                    offset: [4, 4],
-                                },
-                            },
-                        ], "aria-label": "Calendar Tooltip", "aria-expanded": open },
-                        React__default.createElement(CalendarSheet, { tabIndex: -1, role: "presentation" },
-                            React__default.createElement(Calendar, { value: !Number.isNaN(new Date(value).getTime())
-                                    ? [new Date(value), undefined]
-                                    : undefined, onChange: ([date]) => {
-                                    handleChange({
-                                        target: {
-                                            name: props.name,
-                                            value: formatValueString(date, format),
-                                        },
-                                    });
-                                    setAnchorEl(null);
-                                }, minDate: minDate ? new Date(minDate) : undefined, maxDate: maxDate ? new Date(maxDate) : undefined, disableFuture: disableFuture, disablePast: disablePast }),
-                            !hideClearButton && (React__default.createElement(DialogActions, { sx: {
-                                    p: 1,
-                                } },
-                                React__default.createElement(Button, { size: size, variant: "plain", color: "neutral", onClick: () => {
-                                        handleChange({
-                                            target: {
-                                                name: props.name,
-                                                value: "",
-                                            },
-                                        });
-                                        setAnchorEl(null);
-                                    } }, "Clear")))))))))));
-});
-
-export { DatePicker };

package/dist/components/DatePicker/index.js

@@ -1,6 +0,0 @@
-'use client';
-import { DatePicker } from './DatePicker.js';
-
-
-
-export { DatePicker, DatePicker as default };

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,214 +0,0 @@
-'use client';
-import React__default, { forwardRef, useRef, useCallback, useState, useMemo, useEffect, useImperativeHandle } from 'react';
-import { IMaskInput, IMask } from 'react-imask';
-import CalendarTodayIcon from '../../external/@mui/icons-material/esm/CalendarToday.js';
-import { styled, useThemeProps } from '@mui/joy';
-import { Popper, FocusTrap, ClickAwayListener } from '@mui/base';
-import { Input } from '../Input/Input.js';
-import { IconButton } from '../IconButton/IconButton.js';
-import { Sheet } from '../Sheet/Sheet.js';
-import { Calendar } from '../Calendar/Calendar.js';
-import { DialogActions } from '../DialogActions/DialogActions.js';
-import { Button } from '../Button/Button.js';
-import { useControlledState } from '../../hooks/use-controlled-state/index.js';
-
-const CalendarButton = styled(IconButton, {
-    name: "DateRangePicker",
-    slot: "calendarButton",
-})(({ theme }) => ({
-    '&:focus': {
-        '--Icon-color': 'currentColor',
-        outlineOffset: `${theme.getCssVar('focus-thickness')}`,
-        outline: `${theme.getCssVar('focus-thickness')} solid ${theme.getCssVar('palette-focusVisible')}`
-    }
-}));
-const StyledPopper = styled(Popper, {
-    name: "DateRangePicker",
-    slot: "popper",
-})(({ theme }) => ({
-    zIndex: theme.zIndex.tooltip,
-}));
-const CalendarSheet = styled(Sheet, {
-    name: "DateRangePicker",
-    slot: "sheet",
-    overridesResolver: (props, styles) => styles.root,
-})(({ theme }) => ({
-    zIndex: theme.zIndex.tooltip,
-    width: "264px",
-    boxShadow: theme.shadow.md,
-    borderRadius: theme.radius.md,
-}));
-const DateRangePickerRoot = styled("div", {
-    name: "DateRangePicker",
-    slot: "root",
-    overridesResolver: (props, styles) => styles.root,
-})({
-    width: "100%",
-});
-const formatValueString = ([date1, date2], format) => {
-    const getStr = (date) => {
-        let day = `${date.getDate()}`;
-        let month = `${date.getMonth() + 1}`;
-        const year = date.getFullYear();
-        if (Number(day) < 10)
-            day = "0" + day;
-        if (Number(month) < 10)
-            month = "0" + month;
-        return format
-            .replace(/YYYY/g, year.toString())
-            .replace(/MM/g, month)
-            .replace(/DD/g, day);
-    };
-    return [getStr(date1), date2 ? getStr(date2) : ""].join(" - ");
-};
-function parseDate(dateString, format) {
-    const formatParts = format.split(/[-./\s]/);
-    const dateParts = dateString.split(/[-./\s]/);
-    let day, month, year;
-    for (let i = 0; i < formatParts.length; i++) {
-        const value = parseInt(dateParts[i], 10);
-        switch (formatParts[i]) {
-            case "DD":
-                day = value;
-                break;
-            case "MM":
-                month = value - 1; // JavaScript months are 0-indexed
-                break;
-            case "YYYY":
-                year = value;
-                break;
-        }
-    }
-    const result = new Date(year, month, day);
-    return result;
-}
-const parseDates = (str, format) => {
-    const date1 = str.split(" - ")[0] || "";
-    const date2 = str.split(" - ")[1] || "";
-    return [parseDate(date1, format), parseDate(date2, format)];
-};
-const formatToPattern = (format) => {
-    return `${format} - ${format}`
-        .replace(/YYYY/g, "Y")
-        .replace(/MM/g, "M")
-        .replace(/DD/g, "D")
-        .replace(/[^YMD\s]/g, (match) => `${match}\``);
-};
-const TextMaskAdapter = React__default.forwardRef(function TextMaskAdapter(props, ref) {
-    const { onChange, format, ...other } = props;
-    return (React__default.createElement(IMaskInput, { ...other, inputRef: ref, onAccept: (value) => onChange({ target: { name: props.name, value } }), mask: Date, 
-        // other options are optional
-        pattern: formatToPattern(format), 
-        // you can provide your own blocks definitions, default blocks for date mask are:
-        blocks: {
-            D: {
-                mask: IMask.MaskedRange,
-                from: 1,
-                to: 31,
-                maxLength: 2,
-            },
-            M: {
-                mask: IMask.MaskedRange,
-                from: 1,
-                to: 12,
-                maxLength: 2,
-            },
-            Y: {
-                mask: IMask.MaskedRange,
-                from: 1900,
-                to: 9999,
-            },
-        }, 
-        // define date -> str convertion
-        format: (dates) => formatValueString(dates, format), 
-        // define str -> date convertion
-        parse: (str) => parseDates(str, format), 
-        // optional interval options
-        // min={new Date(2000, 0, 1)} // defaults to `1900-01-01`
-        // max={new Date(2020, 0, 1)} // defaults to `9999-01-01`
-        autofix: "pad", overwrite: true }));
-});
-const DateRangePicker = forwardRef((inProps, ref) => {
-    // prop destruction
-    const props = useThemeProps({ props: inProps, name: "DateRangePicker" });
-    const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast, required, 
-    // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
-    sx, className, format = "YYYY/MM/DD", size, inputReadOnly, hideClearButton, readOnly, ...innerProps } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    const innerRef = useRef(null);
-    const buttonRef = useRef(null);
-    const [value, setValue] = useControlledState(props.value, props.defaultValue || "", useCallback((value) => onChange?.({ target: { name: props.name, value } }), [props.name, onChange]), { disableStrict: true });
-    const [anchorEl, setAnchorEl] = useState(null);
-    // form hooks
-    // query hooks
-    // calculated values
-    const open = Boolean(anchorEl);
-    const calendarValue = useMemo(() => (value ? parseDates(value, format) : undefined), [value, format]);
-    // effects
-    useEffect(() => {
-        if (!anchorEl) {
-            // NOTE: 변경된 값을 blur이벤트 핸들러에서 다룰려면 calendar tooltip이 닫힐 때 blur 이벤트를 발생시켜야 한다.
-            innerRef.current?.blur();
-        }
-    }, [anchorEl, innerRef]);
-    useImperativeHandle(ref, () => innerRef.current, [
-        innerRef,
-    ]);
-    // handlers
-    const handleChange = useCallback((event) => {
-        setValue(event.target.value);
-    }, [setValue]);
-    const handleCalendarToggle = useCallback((event) => {
-        setAnchorEl(anchorEl ? null : event.currentTarget);
-        innerRef.current?.focus();
-    }, [anchorEl, setAnchorEl, innerRef]);
-    const handleCalendarChange = useCallback(([date1, date2]) => {
-        if (!date1 || !date2)
-            return;
-        setValue(formatValueString([date1, date2], format));
-        setAnchorEl(null);
-    }, [setValue, setAnchorEl, format]);
-    const handleInputMouseDown = useCallback((event) => {
-        if (inputReadOnly) {
-            event.preventDefault();
-            buttonRef.current?.focus();
-        }
-    }, [inputReadOnly, buttonRef]);
-    return (React__default.createElement(DateRangePickerRoot, null,
-        React__default.createElement(FocusTrap, { open: true },
-            React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(Input, { ...innerProps, color: error ? "danger" : innerProps.color, ref: ref, size: size, value: value, onChange: handleChange, disabled: disabled, required: required, placeholder: `${format} - ${format}`, slotProps: {
-                        input: {
-                            component: TextMaskAdapter,
-                            ref: innerRef,
-                            format,
-                            sx: { "&:hover": { cursor: inputReadOnly || readOnly ? "default" : "text" } },
-                            onMouseDown: handleInputMouseDown,
-                        },
-                    }, error: error, className: className, sx: sx, endDecorator: React__default.createElement(CalendarButton, { ref: buttonRef, variant: "plain", onClick: readOnly ? undefined : handleCalendarToggle, "aria-label": "Toggle Calendar", "aria-controls": "date-range-picker-popper", "aria-haspopup": "dialog", "aria-expanded": open, disabled: disabled },
-                        React__default.createElement(CalendarTodayIcon, null)), label: label, helperText: helperText, readOnly: readOnly || inputReadOnly }),
-                open && (React__default.createElement(ClickAwayListener, { onClickAway: () => setAnchorEl(null) },
-                    React__default.createElement(StyledPopper, { id: "date-range-picker-popper", open: true, anchorEl: anchorEl, placement: "bottom-end", 
-                        // NOTE: 값이 변경 되기전 blur 이벤트 방지
-                        onMouseDown: (e) => e.preventDefault(), modifiers: [
-                            {
-                                name: "offset",
-                                options: {
-                                    offset: [4, 4],
-                                },
-                            },
-                        ], "aria-label": "Calendar Tooltip", "aria-expanded": open },
-                        React__default.createElement(CalendarSheet, { tabIndex: -1, role: "presentation" },
-                            React__default.createElement(Calendar, { rangeSelection: true, defaultValue: calendarValue, onChange: handleCalendarChange, minDate: minDate ? new Date(minDate) : undefined, maxDate: maxDate ? new Date(maxDate) : undefined, disableFuture: disableFuture, disablePast: disablePast }),
-                            !hideClearButton && (React__default.createElement(DialogActions, { sx: {
-                                    p: 1,
-                                } },
-                                React__default.createElement(Button, { size: size, variant: "plain", color: "neutral", onClick: () => {
-                                        setValue("");
-                                        setAnchorEl(null);
-                                    } }, "Clear")))))))))));
-});
-DateRangePicker.displayName = "DateRangePicker";
-
-export { DateRangePicker };

package/dist/components/DialogActions/DialogActions.js

@@ -1,15 +0,0 @@
-'use client';
-import { DialogActions as DialogActions$1, styled } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionDialogActions = motion(DialogActions$1);
-const StyledDialogActions = styled(MotionDialogActions)(({ theme }) => ({
-    padding: theme.spacing(2),
-    gap: theme.spacing(2),
-    flexDirection: "row",
-    justifyContent: "flex-end",
-}));
-const DialogActions = StyledDialogActions;
-DialogActions.displayName = "DialogActions";
-
-export { DialogActions };

package/dist/components/DialogActions/index.js

@@ -1,6 +0,0 @@
-'use client';
-import { DialogActions } from './DialogActions.js';
-
-
-
-export { DialogActions, DialogActions as default };

package/dist/components/DialogContent/DialogContent.js

@@ -1,12 +0,0 @@
-'use client';
-import { DialogContent as DialogContent$1, styled } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionDialogContent = motion(DialogContent$1);
-const StyledDialogContent = styled(MotionDialogContent)(({ theme }) => ({
-    padding: theme.spacing(0, 6, 5),
-}));
-const DialogContent = StyledDialogContent;
-DialogContent.displayName = "DialogContent";
-
-export { DialogContent };

package/dist/components/DialogContent/index.js

@@ -1,6 +0,0 @@
-'use client';
-import { DialogContent } from './DialogContent.js';
-
-
-
-export { DialogContent, DialogContent as default };

package/dist/components/DialogFrame/DialogFrame.js

@@ -1,32 +0,0 @@
-'use client';
-import React__default from 'react';
-import { DialogTitle } from '../DialogTitle/DialogTitle.js';
-import { DialogContent } from '../DialogContent/DialogContent.js';
-import { ModalDialog } from '../Modal/Modal.js';
-import { DialogActions } from '../DialogActions/DialogActions.js';
-import { styled } from '@mui/joy';
-
-const StyledDialogFrame = styled(ModalDialog, {
-    name: "Dialog",
-    slot: "Root",
-})({
-    padding: 0,
-});
-const DialogFrame = React__default.forwardRef((props, ref) => {
-    // prop destruction
-    const { title, children, actions, fullscreen, ...innerProps } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return (React__default.createElement(StyledDialogFrame, { layout: fullscreen ? "fullscreen" : "center", ref: ref, ...innerProps },
-        React__default.createElement(DialogTitle, null, title),
-        React__default.createElement(DialogContent, null, children),
-        React__default.createElement(DialogActions, null, actions)));
-});
-DialogFrame.displayName = "DialogFrame";
-
-export { DialogFrame };

package/dist/components/DialogTitle/DialogTitle.js

@@ -1,12 +0,0 @@
-'use client';
-import { DialogTitle as DialogTitle$1, styled } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionDialogTitle = motion(DialogTitle$1);
-const StyledDialogTitle = styled(MotionDialogTitle)(({ theme }) => ({
-    padding: theme.spacing(4, 6),
-}));
-const DialogTitle = StyledDialogTitle;
-DialogTitle.displayName = "DialogTitle";
-
-export { DialogTitle };

package/dist/components/DialogTitle/index.js

@@ -1,6 +0,0 @@
-'use client';
-import { DialogTitle } from './DialogTitle.js';
-
-
-
-export { DialogTitle, DialogTitle as default };

package/dist/components/Divider/Divider.js

@@ -1,20 +0,0 @@
-'use client';
-import React__default from 'react';
-import { Divider as Divider$1 } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionDivider = motion(Divider$1);
-const Divider = (props) => {
-    // prop destruction
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return React__default.createElement(MotionDivider, { ...props });
-};
-Divider.displayName = "Divider";
-
-export { Divider };

package/dist/components/Drawer/Drawer.js

@@ -1,41 +0,0 @@
-'use client';
-import React__default from 'react';
-import { Drawer as Drawer$1, useTheme } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionDrawer = motion(Drawer$1);
-const Drawer = (props) => {
-    // prop destruction
-    const { children, size, ...innerProps } = props;
-    // lib hooks
-    const theme = useTheme();
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return (React__default.createElement(MotionDrawer, { ...innerProps, slotProps: {
-            ...innerProps.slotProps,
-            content: {
-                ...innerProps.slotProps?.content,
-                sx: {
-                    bgcolor: "transparent",
-                    boxShadow: "none",
-                    [theme.breakpoints.down("md")]: {
-                        width: "100%",
-                    },
-                },
-            },
-        }, sx: {
-            ...props.sx,
-            "--Drawer-horizontalSize": {
-                sm: "360px",
-                md: "600px",
-                lg: "900px",
-            }[size || "md"],
-        } }, children));
-};
-Drawer.displayName = "Drawer";
-
-export { Drawer };

package/dist/components/Dropdown/Dropdown.js

@@ -1,9 +0,0 @@
-'use client';
-import { Dropdown as Dropdown$1 } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionDropdown = motion(Dropdown$1);
-const Dropdown = MotionDropdown;
-Dropdown.displayName = "Dropdown";
-
-export { Dropdown };

package/dist/components/Dropdown/index.js

@@ -1,6 +0,0 @@
-'use client';
-import { Dropdown } from './Dropdown.js';
-
-
-
-export { Dropdown, Dropdown as default };

package/dist/components/FormControl/FormControl.js

@@ -1,16 +0,0 @@
-'use client';
-import { FormControl as FormControl$1, styled, formLabelClasses } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionFormControl = motion(FormControl$1);
-const FormControl = styled(MotionFormControl)(({ theme }) => ({
-    [`.${formLabelClasses.root}`]: {
-        display: "block",
-    },
-    [`.${formLabelClasses.asterisk}`]: {
-        marginLeft: theme.spacing(0.5),
-    },
-}));
-FormControl.displayName = "FormControl";
-
-export { FormControl };

package/dist/components/FormControl/index.js

@@ -1,6 +0,0 @@
-'use client';
-import { FormControl } from './FormControl.js';
-
-
-
-export { FormControl, FormControl as default };

package/dist/components/FormHelperText/FormHelperText.js

@@ -1,9 +0,0 @@
-'use client';
-import { FormHelperText as FormHelperText$1 } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionFormHelperText = motion(FormHelperText$1);
-const FormHelperText = MotionFormHelperText;
-FormHelperText.displayName = "FormHelperText";
-
-export { FormHelperText };

package/dist/components/FormHelperText/index.js

@@ -1,6 +0,0 @@
-'use client';
-import { FormHelperText } from './FormHelperText.js';
-
-
-
-export { FormHelperText, FormHelperText as default };

package/dist/components/FormLabel/FormLabel.js

@@ -1,9 +0,0 @@
-'use client';
-import { FormLabel as FormLabel$1 } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionFormLabel = motion(FormLabel$1);
-const FormLabel = MotionFormLabel;
-FormLabel.displayName = "FormLabel";
-
-export { FormLabel };