@team-monolith/cds 1.76.6 → 1.76.8

package/dist/CdsProvider.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Global, ThemeProvider, css } from "@emotion/react";
 import { ThemeProvider as MuiThemeProvider } from "@mui/material";
-import COLOR from "./foundation/color";
-import FONT from "./foundation/font";
+import { COLOR } from "./foundation/color";
+import { FONT } from "./foundation/font";
 import { createTheme } from "@mui/material";
 import { createContext } from "react";
 export const light = {

package/dist/components/AlertDialog/AlertDialog.js

@@ -13,10 +13,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
 import { css, useTheme } from "@emotion/react";
 import React from "react";
-import shadows from "../../foundation/shadows";
+import { shadows } from "../../foundation/shadows";
 import styled from "@emotion/styled";
 import { MOBILE } from "../../foundation/breakpoints";
-import AlertDialogContext from "./AlertDialogContext";
+import { AlertDialogContext } from "./AlertDialogContext";
 import { ZINDEX } from "../../utils/zIndex";
 import { Modal } from "../..";
 export const AlertDialog = React.forwardRef(function AlertDialog(props, ref) {

package/dist/components/AlertDialog/AlertDialogContext.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-declare const _default: React.Context<{
+export declare const AlertDialogContext: React.Context<{
     icon?: React.ReactNode;
 }>;
-export default _default;

package/dist/components/AlertDialog/AlertDialogContext.js

@@ -1,2 +1,2 @@
 import React from "react";
-export default React.createContext({});
+export const AlertDialogContext = React.createContext({});

package/dist/components/AlertDialog/AlertDialogTitle.js

@@ -13,9 +13,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/reac
 /** @jsxImportSource @emotion/react */
 import { css, useTheme } from "@emotion/react";
 import React from "react";
-import SquareButton from "../SquareButton";
+import { SquareButton } from "../SquareButton";
 import { CloseFillIcon } from "../../icons";
-import AlertDialogContext from "./AlertDialogContext";
+import { AlertDialogContext } from "./AlertDialogContext";
 import { MOBILE } from "../../foundation/breakpoints";
 // eslint-disable-next-line react/display-name, @typescript-eslint/no-explicit-any
 export const AlertDialogTitle = React.forwardRef((props, ref) => {

package/dist/components/Banner.d.ts

@@ -36,5 +36,4 @@ export interface BannerProps {
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=44-2847&t=bhnL1ombbddld3RQ-0)
  */
-declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<any>>;
-export default Banner;
+export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<any>>;

package/dist/components/Banner.js

@@ -15,8 +15,8 @@ import { css, useTheme } from "@emotion/react";
 import styled from "@emotion/styled";
 import React from "react";
 import { CloseFillIcon } from "../icons";
-import SquareButton from "./SquareButton";
-import Button from "./Button";
+import { SquareButton } from "./SquareButton";
+import { Button } from "./Button";
 export const bannerClasses = {
     icon: "Banner-icon",
     textContainer: "Banner-textContainer",
@@ -56,7 +56,7 @@ const COLOR_PALETTE = (theme, color) => ({
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=44-2847&t=bhnL1ombbddld3RQ-0)
  */
 // eslint-disable-next-line react/display-name, @typescript-eslint/no-explicit-any
-const Banner = React.forwardRef((props, ref) => {
+export const Banner = React.forwardRef((props, ref) => {
     const { className, component: Component = "div", headline, content, icon, color, buttonLabel, onButtonClick, buttonProps, close, onClose, fullWidth } = props, other = __rest(props, ["className", "component", "headline", "content", "icon", "color", "buttonLabel", "onButtonClick", "buttonProps", "close", "onClose", "fullWidth"]);
     const theme = useTheme();
     return (_jsxs(Component, Object.assign({}, other, { ref: ref, className: className, css: [
@@ -126,4 +126,3 @@ const TextContainer = styled.div `
   padding: 12px;
   gap: 4px;
 `;
-export default Banner;

package/dist/components/Book/Book.d.ts

@@ -33,8 +33,23 @@ export interface BookProps {
     onCoverClick?: () => void;
     /** 커버에 노출되는 아이콘 */
     icon?: React.ReactNode;
-    /** 진행도 프로그레스 바 영역 */
+    /** 진행도 프로그레스 바 표시를 위한 정보 */
     progressInfo?: ProgressInfo;
 }
-declare const _default: React.ForwardRefExoticComponent<BookProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+/**
+ * Framer Motion의 whileHover를 사용하지 않고 직접 애니메이션 상태를 관리합니다.
+ * 내부적으로는 간단한 애니메이션 상태 관리가 있으며, 필요한 경우
+ * open 상태를 전달하여 외부에서 관리할 수 있습니다.
+ *
+ * 사유1)
+ *   모바일에서는 hover가 없기 때문에 whileHover를 사용할 수 없습니다.
+ *   클릭(탭)을 통해 열고 닫을 수 있어야 합니다.
+ *
+ * 사유2)
+ *   관리/배부 드랍다운 Modal이 Card 위로 그려져 hoverEnd를 유발하기 때문에
+ *   특정 상황에서는 hoverEnd가 발생했어도 Card를 열고 있어야 합니다.
+ * @param props
+ * @param ref
+ * @returns
+ */
+export declare const Book: React.ForwardRefExoticComponent<BookProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Book/Book.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/reac
 import { css, useTheme } from "@emotion/react";
 import styled from "@emotion/styled";
 import { forwardRef, useState } from "react";
-import shadows from "../../foundation/shadows";
+import { shadows } from "../../foundation/shadows";
 import { EyeOffFillIcon } from "../../icons";
 import { motion } from "framer-motion";
 export const bookClasses = {
@@ -78,17 +78,17 @@ const CARD_COLOR_PALETTE = (theme) => ({
  * @param ref
  * @returns
  */
-function Book(props, ref) {
+export const Book = forwardRef(function Book(props, ref) {
     const { className, title, subtitle, subtitleBold, isHidden = false, buttons, open: controlledOpen, onHoverStart, onHoverEnd, onCoverClick, icon, progressInfo, } = props;
     const theme = useTheme();
     const [open, setOpen] = useState(false);
-    return (_jsxs(Container, Object.assign({ initial: "closed", animate: (controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : open) ? "open" : "closed", ref: ref, onHoverStart: () => {
+    return (_jsxs(Container, Object.assign({ className: className, initial: "closed", animate: (controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : open) ? "open" : "closed", ref: ref, onHoverStart: () => {
             setOpen(true);
             onHoverStart === null || onHoverStart === void 0 ? void 0 : onHoverStart();
         }, onHoverEnd: () => {
             setOpen(false);
             onHoverEnd === null || onHoverEnd === void 0 ? void 0 : onHoverEnd();
-        } }, { children: [_jsxs(Cover, Object.assign({ className: `${className} ${bookClasses.cover}`, css: onCoverClick &&
+        } }, { children: [_jsxs(Cover, Object.assign({ className: bookClasses.cover, css: onCoverClick &&
                     css `
             cursor: pointer;
           `, variants: coverMotion, onClick: () => {
@@ -124,8 +124,7 @@ function Book(props, ref) {
                             // Button 클릭 시에도 CoverClick 이벤트가 발생하지 않도록 막습니다.
                             e.stopPropagation();
                         } }, { children: buttons }))] })), _jsx(Shelf, {})] })));
-}
-export default forwardRef(Book);
+});
 const Container = styled(motion.div) `
   position: relative;
 

package/dist/components/Book/index.d.ts

@@ -1,2 +1 @@
-export { default } from "./Book";
 export * from "./Book";

package/dist/components/Book/index.js

@@ -1,2 +1 @@
-export { default } from "./Book";
 export * from "./Book";

package/dist/components/Button.d.ts

@@ -33,5 +33,5 @@ type ButtonComponent = <RootComponentType extends React.ElementType = "button">(
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=20-173&t=cXcCv3QijbX7MkoC-0)
  */
-declare const Button: ButtonComponent;
-export default Button;
+export declare const Button: ButtonComponent;
+export {};

package/dist/components/Button.js

@@ -209,7 +209,7 @@ const SIZE_TO_LABEL_STYLE = {
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=20-173&t=cXcCv3QijbX7MkoC-0)
  */
-const Button = React.forwardRef(function Button(props, ref) {
+export const Button = React.forwardRef(function Button(props, ref) {
     const { className, component: Component = "button", disabled, color, size, startIcon, endIcon, label, fullWidth, bold = false, loading = false } = props, other = __rest(props, ["className", "component", "disabled", "color", "size", "startIcon", "endIcon", "label", "fullWidth", "bold", "loading"]);
     const theme = useTheme();
     return (_jsxs(Component, Object.assign({ type: "button" }, other, { className: className, ref: ref, css: [
@@ -250,4 +250,3 @@ const Label = styled.span `
   white-space: nowrap;
   ${({ size }) => SIZE_TO_LABEL_STYLE[size]}
 `;
-export default Button;

package/dist/components/CheckboxInput.d.ts

@@ -23,5 +23,4 @@ export interface CheckboxInputProps {
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=36-907&t=G4t39O7uXZvsGQ9u-0)
  */
-declare const CheckboxInput: React.ForwardRefExoticComponent<CheckboxInputProps & React.RefAttributes<any>>;
-export default CheckboxInput;
+export declare const CheckboxInput: React.ForwardRefExoticComponent<CheckboxInputProps & React.RefAttributes<any>>;

package/dist/components/CheckboxInput.js

@@ -101,7 +101,7 @@ const CHECKBOX_ICON_STYLE = (theme, type, disabled) => {
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=36-907&t=G4t39O7uXZvsGQ9u-0)
  */
-const CheckboxInput = React.forwardRef((props, ref) => {
+export const CheckboxInput = React.forwardRef((props, ref) => {
     const { className, checked, label, spacer, disabled, partial, onChange, onClick, inputProps } = props, other = __rest(props, ["className", "checked", "label", "spacer", "disabled", "partial", "onChange", "onClick", "inputProps"]);
     if (!label) {
         return _jsx(Checkbox, Object.assign({}, props, { ref: ref }));
@@ -164,4 +164,3 @@ const CheckboxIcon = (props) => {
     const theme = useTheme();
     return (_jsxs("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", css: CHECKBOX_ICON_STYLE(theme, props.type, props.disabled) }, { children: [_jsx("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "1.5", fill: "currentColor", stroke: "currentColor" }), props.type === "checked" && (_jsx("path", { d: "M7.10545 12.6041L7.08783 12.6217L2.68799 8.22185L4.12067 6.78917L7.10551 9.77402L11.8795 5L13.3122 6.43268L7.12313 12.6218L7.10545 12.6041Z", fill: "currentColor" })), props.type === "partial" && (_jsx("rect", { x: "4", y: "4", width: "8", height: "8", fill: "currentColor" }))] })));
 };
-export default CheckboxInput;

package/dist/components/Input.d.ts

@@ -13,5 +13,4 @@ export type InputProps = InputBaseProps & {
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=26-10284&t=HnIfxpf8uR6WmzMW-0)
  */
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<any>>;
-export default Input;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<any>>;

package/dist/components/Input.js

@@ -66,7 +66,7 @@ const SIZE_TO_FONT_STYLES = (size) => ({
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=26-10284&t=HnIfxpf8uR6WmzMW-0)
  */
 // eslint-disable-next-line react/display-name, @typescript-eslint/no-explicit-any
-const Input = React.forwardRef((props, ref) => {
+export const Input = React.forwardRef((props, ref) => {
     const { label, hintText, hintIcon, 
     /* eslint-disable @typescript-eslint/no-unused-vars */
     className, color, size, placeholder, disabled, startIcon, startLabel, endLabel, endIcon, inputProps, inputRef, fullWidth, onChange, onClear, defaultValue, value } = props, 
@@ -102,4 +102,3 @@ const Hint = styled.div(({ theme, color, disabled }) => css `
     gap: 4px;
     ${COLOR_TO_HINT_STYLES(theme, color, disabled)};
   `);
-export default Input;

package/dist/components/Pagination.d.ts

@@ -23,5 +23,4 @@ export interface PaginationProps {
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=35-798&t=6OdVgm0hiYaq5PFw-0)
  */
-declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<any>>;
-export default Pagination;
+export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<any>>;

package/dist/components/Pagination.js

@@ -8,7 +8,7 @@ import { HOVER } from "../utils/hover";
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=35-798&t=6OdVgm0hiYaq5PFw-0)
  */
-const Pagination = React.forwardRef((props, ref) => (_jsx(StyledPagination, Object.assign({ siblingCount: 2, shape: "rounded" }, props, { ref: ref }))));
+export const Pagination = React.forwardRef((props, ref) => (_jsx(StyledPagination, Object.assign({ siblingCount: 2, shape: "rounded" }, props, { ref: ref }))));
 const StyledPagination = styled(MuiPagination)(({ theme }) => css `
     &.MuiPagination-root {
       & .MuiPagination-ul {
@@ -66,4 +66,3 @@ const StyledPagination = styled(MuiPagination)(({ theme }) => css `
       }
     }
   `);
-export default Pagination;

package/dist/components/PinInput.d.ts

@@ -32,5 +32,4 @@ export interface PinInputProps {
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=26-11031&t=n7a8XP4k8R2TGmiO-0)
  */
-declare const PinInput: React.ForwardRefExoticComponent<PinInputProps & React.RefAttributes<any>>;
-export default PinInput;
+export declare const PinInput: React.ForwardRefExoticComponent<PinInputProps & React.RefAttributes<any>>;

package/dist/components/PinInput.js

@@ -81,7 +81,7 @@ function updateFocus(value, i, setFocus) {
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=26-11031&t=n7a8XP4k8R2TGmiO-0)
  */
-const PinInput = React.forwardRef((props, ref) => {
+export const PinInput = React.forwardRef((props, ref) => {
     const { className, autoFocus, size, placeholder, label, hintText, hintIcon, disabled = false, error, positive, onChange, values } = props, other = __rest(props, ["className", "autoFocus", "size", "placeholder", "label", "hintText", "hintIcon", "disabled", "error", "positive", "onChange", "values"]);
     return (_jsxs(PinInputWrapper, Object.assign({ className: className, size: size, ref: ref }, other, { children: [label ? (_jsxs(Label, Object.assign({ disabled: disabled }, { children: [label, " ", _jsx(PinInputComponent, Object.assign({}, props))] }))) : (_jsx(PinInputComponent, Object.assign({}, props))), hintText && (_jsxs(Hint, Object.assign({ color: error ? "activeDanger" : positive ? "activeSuccess" : "default", disabled: disabled }, { children: [hintIcon, hintText] })))] })));
 });
@@ -183,4 +183,3 @@ const Label = styled.label `
       color: ${theme.color.foreground.neutralBaseDisabled};
     `}
 `;
-export default PinInput;

package/dist/components/Popover.d.ts

@@ -10,5 +10,4 @@ export interface PopoverProps {
     /** 우측 버튼 */
     button?: React.ReactNode;
 }
-declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
-export default Popover;
+export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Popover.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from "@emotion/styled";
 import React from "react";
-import shadows from "../foundation/shadows";
+import { shadows } from "../foundation/shadows";
 import { css } from "@emotion/react";
-const Popover = React.forwardRef((props, ref) => {
+export const Popover = React.forwardRef((props, ref) => {
     const { className, headline, content, icon, button } = props;
     return (_jsxs(Container, Object.assign({ ref: ref, className: className }, { children: [icon && _jsx(Icon, { children: icon }), _jsxs(ContentArea, { children: [headline && _jsx(Headline, { children: headline }), content && _jsx(Content, { children: content })] }), button] })));
 });
-export default Popover;
 const Container = styled.div(({ theme }) => css `
     display: inline-flex;
     align-items: center;

package/dist/components/RadioInput.d.ts

@@ -19,5 +19,4 @@ export interface RadioInputProps {
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=420-3704&t=lvpbJKdtz7Lb8wIQ-0)
  */
-declare const RadioInput: React.ForwardRefExoticComponent<RadioInputProps & React.RefAttributes<any>>;
-export default RadioInput;
+export declare const RadioInput: React.ForwardRefExoticComponent<RadioInputProps & React.RefAttributes<any>>;

package/dist/components/RadioInput.js

@@ -71,7 +71,7 @@ const TYPE_TO_ICON_STYLE = (theme, type, disabled) => {
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=420-3704&t=lvpbJKdtz7Lb8wIQ-0)
  */
-const RadioInput = React.forwardRef((props, ref) => {
+export const RadioInput = React.forwardRef((props, ref) => {
     const { className, checked, label, spacer, disabled, onChange, inputProps } = props, other = __rest(props, ["className", "checked", "label", "spacer", "disabled", "onChange", "inputProps"]);
     if (!label) {
         return _jsx(RadioButton, Object.assign({}, props, { ref: ref }));
@@ -130,4 +130,3 @@ const RadioButtonIcon = (props) => {
     const theme = useTheme();
     return (_jsxs("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", css: TYPE_TO_ICON_STYLE(theme, props.type, props.disabled) }, { children: [_jsx("path", { d: "M0.5 8C0.5 3.85786 3.85786 0.5 8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8Z", fill: "currentColor", stroke: "currentColor" }), props.type === "selected" && (_jsx("rect", { x: "4", y: "4", width: "8", height: "8", rx: "4", fill: "currentColor" }))] })));
 };
-export default RadioInput;

package/dist/components/SquareButton.d.ts

@@ -38,5 +38,5 @@ type SquareButtonComponent = <RootComponentType extends React.ElementType = "spa
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=22-374&t=kTLv3t86qtGalHSS-0)
  */
-declare const SquareButton: SquareButtonComponent;
-export default SquareButton;
+export declare const SquareButton: SquareButtonComponent;
+export {};

package/dist/components/SquareButton.js

@@ -167,7 +167,7 @@ const SIZE_TO_LABEL_STYLE = {
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=22-374&t=kTLv3t86qtGalHSS-0)
  */
-const SquareButton = React.forwardRef(function SquareButton(props, ref) {
+export const SquareButton = React.forwardRef(function SquareButton(props, ref) {
     const { className, component: Component = "span", disabled, type = "button", color, size, icon, label, fullWidth, onClick, loading = false, buttonProps } = props, other = __rest(props, ["className", "component", "disabled", "type", "color", "size", "icon", "label", "fullWidth", "onClick", "loading", "buttonProps"]);
     return (_jsxs(Component, Object.assign({}, other, { ref: ref, className: className, css: css `
           display: flex;
@@ -194,4 +194,3 @@ const Label = styled.span `
     : theme.color.foreground.neutralBase};
   ${({ size }) => SIZE_TO_LABEL_STYLE[size]}
 `;
-export default SquareButton;

package/dist/components/Switch.d.ts

@@ -15,5 +15,4 @@ export interface SwitchProps {
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=36-1577&t=9sDLb4XIOdmF2VMc-0)
  */
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<any>>;
-export default Switch;
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<any>>;

package/dist/components/Switch.js

@@ -18,7 +18,7 @@ import { css } from "@emotion/react";
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=36-1577&t=9sDLb4XIOdmF2VMc-0)
  */
-const Switch = React.forwardRef((props, ref) => {
+export const Switch = React.forwardRef((props, ref) => {
     const { className, checked, disabled = false, size, onChange } = props, other = __rest(props, ["className", "checked", "disabled", "size", "onChange"]);
     return (_jsx(StyledSwitch, Object.assign({}, other, { ref: ref, className: className, checked: checked, disabled: disabled, onChange: onChange, switchSize: size })));
 });
@@ -108,4 +108,3 @@ const StyledSwitch = styled(MuiSwitch, {
       }
     }
   `);
-export default Switch;

package/dist/components/SwitchButton.d.ts

@@ -29,5 +29,5 @@ type SwitchButtonComponent = <RootComponentType extends React.ElementType = "but
 /**
  * [피그마](https://www.figma.com/file/CxpgZcJFoRPWEZyx5RC0tq/Framework-System?node-id=766%3A11274&mode=dev)
  */
-declare const SwitchButton: SwitchButtonComponent;
-export default SwitchButton;
+export declare const SwitchButton: SwitchButtonComponent;
+export {};

package/dist/components/SwitchButton.js

@@ -126,7 +126,7 @@ const SIZE_TO_SWITCH_BUTTON_STYLE = (size) => ({
 /**
  * [피그마](https://www.figma.com/file/CxpgZcJFoRPWEZyx5RC0tq/Framework-System?node-id=766%3A11274&mode=dev)
  */
-const SwitchButton = React.forwardRef(function SwitchButton(props, ref) {
+export const SwitchButton = React.forwardRef(function SwitchButton(props, ref) {
     const { className, component: Component = "button", color, size, isOn, onIcon, offIcon, content, onClick } = props, other = __rest(props, ["className", "component", "color", "size", "isOn", "onIcon", "offIcon", "content", "onClick"]);
     const theme = useTheme();
     return (_jsxs(Component, Object.assign({ type: "button" }, other, { className: className, ref: ref, css: [
@@ -150,4 +150,3 @@ const Content = styled.span(({ theme }) => css `
     font-family: ${theme.fontFamily.ui};
     font-weight: 500;
   `);
-export default SwitchButton;

package/dist/components/Tag.d.ts

@@ -19,5 +19,4 @@ export interface TagProps {
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=42-869&t=HZXCHP0r0tbvMA6v-0)
  */
-declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<any>>;
-export default Tag;
+export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<any>>;

package/dist/components/Tag.js

@@ -67,7 +67,7 @@ const COLOR_TO_STYLE = (theme, color) => ({
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=42-869&t=HZXCHP0r0tbvMA6v-0)
  */
-const Tag = React.forwardRef((props, ref) => {
+export const Tag = React.forwardRef((props, ref) => {
     const { className, component: Component = "span", label, icon, color = "default", bold, close, onClick } = props, other = __rest(props, ["className", "component", "label", "icon", "color", "bold", "close", "onClick"]);
     const theme = useTheme();
     return (_jsxs(Component, Object.assign({}, other, { ref: ref, className: className, css: [
@@ -103,4 +103,3 @@ const StyledCloseFillIcon = styled(CloseFillIcon) `
   width: 10px;
   height: 10px;
 `;
-export default Tag;

package/dist/components/Tooltip.d.ts

@@ -22,5 +22,4 @@ export interface TooltipProps {
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=172-626&t=aFkKTFgWq2xFFGC5-0)
  */
-declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<any>>;
-export default Tooltip;
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<any>>;

package/dist/components/Tooltip.js

@@ -18,7 +18,7 @@ import { Tooltip as MuiTooltip, } from "@mui/material";
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=172-626&t=aFkKTFgWq2xFFGC5-0)
  */
-const Tooltip = React.forwardRef((props, ref) => {
+export const Tooltip = React.forwardRef((props, ref) => {
     const { title, text, children } = props, restProps = __rest(props, ["title", "text", "children"]);
     return (_jsx(StyledTooltip, Object.assign({ ref: ref, title: _jsxs(_Fragment, { children: [title && _jsx(TitleDiv, { children: title }), text] }) }, restProps, { children: children })));
 });
@@ -47,4 +47,3 @@ const StyledTooltip = styled((_a) => {
 const TitleDiv = styled.div `
   font-weight: 700;
 `;
-export default Tooltip;

package/dist/foundation/color.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+export declare const COLOR: {
     blue10: string;
     blue09: string;
     blue08: string;
@@ -78,4 +78,3 @@ declare const _default: {
     alphaf20: string;
     alphaf10: string;
 };
-export default _default;

package/dist/foundation/color.js

@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/no-anonymous-default-export
-export default {
+export const COLOR = {
     blue10: "#1C3D73",
     blue09: "#234E91",
     blue08: "#2C61B5",

package/dist/foundation/font.d.ts

@@ -1,5 +1,4 @@
-declare const _default: {
+export declare const FONT: {
     pretendard: string;
     naumSquareNeo: string;
 };
-export default _default;

package/dist/foundation/font.js

@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/no-anonymous-default-export
-export default {
+export const FONT = {
     pretendard: "Pretendard",
     naumSquareNeo: "NanumSquareNeo",
 };

package/dist/foundation/shadows.d.ts

@@ -1,4 +1,4 @@
-declare const shadows: {
+export declare const shadows: {
     shadow02: string;
     shadow04: string;
     shadow08: string;
@@ -6,4 +6,3 @@ declare const shadows: {
     shadow32: string;
     shadow64: string;
 };
-export default shadows;

package/dist/foundation/shadows.js

@@ -1,5 +1,5 @@
 // https://www.figma.com/file/wefLB6cN0oM2VZjwYmBA6B/Codle-PD-Kit---Foundation?type=design&node-id=1-14238&t=Jg9tQ0vSRG6mw1RZ-0
-const shadows = {
+export const shadows = {
     shadow02: "0px 0.15px 0.45px rgba(0, 0, 0, 0.11), 0px 0.8px 1.8px rgba(0, 0, 0, 0.13)",
     shadow04: "0px 0.3px 0.9px rgba(0, 0, 0, 0.07), 0px 1.6px 3.6px rgba(0, 0, 0, 0.11)",
     shadow08: "0px 0.6px 1.8px rgba(0, 0, 0, 0.11), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13)",
@@ -7,4 +7,3 @@ const shadows = {
     shadow32: "0px 2.4px 7.4px rgba(0, 0, 0, 0.18), 0px 12.8px 28.8px rgba(0, 0, 0, 0.22)",
     shadow64: "0px 4.8px 14.4px rgba(0, 0, 0, 0.18), 0px 25.6px 57.6px rgba(0, 0, 0, 0.22)",
 };
-export default shadows;

package/dist/index.d.ts

@@ -1,38 +1,24 @@
 /// <reference path="../@types/emotion.d.ts" />
 export * from "./components/AlertDialog";
 export * from "./components/DecoratedNumber";
-export { default as Banner } from "./components/Banner";
 export * from "./components/Banner";
-export { default as Book } from "./components/Book";
 export * from "./components/Book";
-export { default as Button } from "./components/Button";
 export * from "./components/Button";
-export { default as CheckboxInput } from "./components/CheckboxInput";
 export * from "./components/CheckboxInput";
-export { default as Input } from "./components/Input";
 export * from "./components/Input";
 export * from "./components/Modal";
-export { default as Pagination } from "./components/Pagination";
 export * from "./components/Pagination";
-export { default as PinInput } from "./components/PinInput";
 export * from "./components/PinInput";
-export { default as Popover } from "./components/Popover";
 export * from "./components/Popover";
-export { default as RadioInput } from "./components/RadioInput";
 export * from "./components/RadioInput";
 export * from "./components/Spinner";
-export { default as SquareButton } from "./components/SquareButton";
 export * from "./components/SquareButton";
-export { default as Switch } from "./components/Switch";
 export * from "./components/Switch";
-export { default as SwitchButton } from "./components/SwitchButton";
 export * from "./components/SwitchButton";
-export { default as Tag } from "./components/Tag";
 export * from "./components/Tag";
-export { default as Tooltip } from "./components/Tooltip";
 export * from "./components/Tooltip";
-export { default as color } from "./foundation/color";
-export { default as shadows } from "./foundation/shadows";
+export * from "./foundation/color";
+export * from "./foundation/shadows";
 export * from "./foundation/breakpoints";
 export * from "./CdsProvider";
 export * from "./icons";

package/dist/index.js

@@ -1,38 +1,24 @@
 /// <reference path="../../@types/emotion.d.ts" />
 export * from "./components/AlertDialog";
 export * from "./components/DecoratedNumber";
-export { default as Banner } from "./components/Banner";
 export * from "./components/Banner";
-export { default as Book } from "./components/Book";
 export * from "./components/Book";
-export { default as Button } from "./components/Button";
 export * from "./components/Button";
-export { default as CheckboxInput } from "./components/CheckboxInput";
 export * from "./components/CheckboxInput";
-export { default as Input } from "./components/Input";
 export * from "./components/Input";
 export * from "./components/Modal";
-export { default as Pagination } from "./components/Pagination";
 export * from "./components/Pagination";
-export { default as PinInput } from "./components/PinInput";
 export * from "./components/PinInput";
-export { default as Popover } from "./components/Popover";
 export * from "./components/Popover";
-export { default as RadioInput } from "./components/RadioInput";
 export * from "./components/RadioInput";
 export * from "./components/Spinner";
-export { default as SquareButton } from "./components/SquareButton";
 export * from "./components/SquareButton";
-export { default as Switch } from "./components/Switch";
 export * from "./components/Switch";
-export { default as SwitchButton } from "./components/SwitchButton";
 export * from "./components/SwitchButton";
-export { default as Tag } from "./components/Tag";
 export * from "./components/Tag";
-export { default as Tooltip } from "./components/Tooltip";
 export * from "./components/Tooltip";
-export { default as color } from "./foundation/color";
-export { default as shadows } from "./foundation/shadows";
+export * from "./foundation/color";
+export * from "./foundation/shadows";
 export * from "./foundation/breakpoints";
 export * from "./CdsProvider";
 export * from "./icons";

package/dist/patterns/Dropdown/DropdownContext.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { ItemState } from "./DropdownItem";
-declare const DropdownContext: React.Context<{
+export declare const DropdownContext: React.Context<{
     /** 최상위 드롭다운 메뉴의 open 여부 */
     open: boolean;
     onCloseOnItemClick?: ((e: React.MouseEvent<HTMLElement>) => void) | undefined;
@@ -8,4 +8,3 @@ declare const DropdownContext: React.Context<{
     itemState: ItemState;
     setItemState: React.Dispatch<React.SetStateAction<ItemState>>;
 }>;
-export default DropdownContext;