@team-monolith/cds 1.76.9 → 1.76.11

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

@@ -5,4 +5,4 @@ export interface AlertDialogActionsProps {
     /** Content 내용으로 표기될 값 */
     children: React.ReactNode;
 }
-export declare const AlertDialogActions: React.ForwardRefExoticComponent<AlertDialogActionsProps & React.RefAttributes<any>>;
+export declare const AlertDialogActions: React.ForwardRefExoticComponent<AlertDialogActionsProps & React.RefAttributes<unknown>>;

package/dist/components/AlertDialog/AlertDialogActions.js

@@ -13,7 +13,7 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
 import { css } from "@emotion/react";
 import React from "react";
-export const AlertDialogActions = React.forwardRef((props, ref) => {
+export const AlertDialogActions = React.forwardRef(function AlertDialogActions(props, ref) {
     const { className, component: Component = "div", children } = props, other = __rest(props, ["className", "component", "children"]);
     return (_jsx(Component, Object.assign({}, other, { ref: ref, className: className, css: css `
         grid-area: actions;

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

@@ -5,4 +5,4 @@ export interface AlertDialogContentProps {
     /** Content 내용으로 표기될 값 */
     children: React.ReactNode;
 }
-export declare const AlertDialogContent: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<any>>;
+export declare const AlertDialogContent: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<unknown>>;

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

@@ -10,4 +10,4 @@ export interface AlertDialogTitleProps {
     /** Content 내용으로 표기될 값 */
     children: React.ReactNode;
 }
-export declare const AlertDialogTitle: React.ForwardRefExoticComponent<AlertDialogTitleProps & React.RefAttributes<any>>;
+export declare const AlertDialogTitle: React.ForwardRefExoticComponent<AlertDialogTitleProps & React.RefAttributes<unknown>>;

package/dist/components/AlertDialog/AlertDialogTitle.js

@@ -17,42 +17,41 @@ import { SquareButton } from "../SquareButton";
 import { CloseFillIcon } from "../../icons";
 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) => {
+export const AlertDialogTitle = React.forwardRef(function AlertDialogTitle(props, ref) {
     const { className, component: Component = "div", onClose, children } = props, other = __rest(props, ["className", "component", "onClose", "children"]);
     const { icon } = React.useContext(AlertDialogContext);
     const theme = useTheme();
     return (_jsx(_Fragment, { children: _jsxs(Component, Object.assign({}, other, { ref: ref, className: className, css: css `
-            grid-area: title;
-            font-family: ${theme.fontFamily.ui};
-            font-style: normal;
-            font-weight: 500;
-            font-size: 20px;
-            line-height: 36px;
-            color: ${theme.color.foreground.neutralBase};
+          grid-area: title;
+          font-family: ${theme.fontFamily.ui};
+          font-style: normal;
+          font-weight: 500;
+          font-size: 20px;
+          line-height: 36px;
+          color: ${theme.color.foreground.neutralBase};
 
+          display: flex;
+          justify-content: space-between;
+        ` }, { children: [_jsxs("div", Object.assign({ css: css `
             display: flex;
-            justify-content: space-between;
-          ` }, { children: [_jsxs("div", Object.assign({ css: css `
-              display: flex;
-              flex-direction: column;
-              justify-content: center;
-              align-items: flex-start;
-              gap: 16px;
-            ` }, { children: [icon && (_jsx("div", Object.assign({ css: css `
-                  display: none;
-                  ${MOBILE(css `
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    color: ${theme.color.background.infoActive};
+            flex-direction: column;
+            justify-content: center;
+            align-items: flex-start;
+            gap: 16px;
+          ` }, { children: [icon && (_jsx("div", Object.assign({ css: css `
+                display: none;
+                ${MOBILE(css `
+                  display: flex;
+                  justify-content: center;
+                  align-items: center;
+                  color: ${theme.color.background.infoActive};
 
-                    svg {
-                      width: 32px;
-                      height: 32px;
-                    }
-                  `)}
-                ` }, { children: icon }))), children] })), onClose && (_jsx(SquareButton, { color: "icon", size: "small", icon: _jsx(CloseFillIcon, {}), onClick: onClose, buttonProps: {
+                  svg {
+                    width: 32px;
+                    height: 32px;
+                  }
+                `)}
+              ` }, { children: icon }))), children] })), onClose && (_jsx(SquareButton, { color: "icon", size: "small", icon: _jsx(CloseFillIcon, {}), onClick: onClose, buttonProps: {
                         "aria-label": "닫기",
                     } }))] })) }));
 });

package/dist/components/Banner.d.ts

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

package/dist/components/Banner.js

@@ -55,41 +55,40 @@ 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
-export const Banner = React.forwardRef((props, ref) => {
+export const Banner = React.forwardRef(function Banner(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: [
             css `
-            display: flex;
-            align-items: center;
-            padding: 0px 12px;
-            line-height: 125%;
-            background: ${COLOR_PALETTE(theme, color).background};
-          `,
+          display: flex;
+          align-items: center;
+          padding: 0px 12px;
+          line-height: 125%;
+          background: ${COLOR_PALETTE(theme, color).background};
+        `,
             fullWidth
                 ? css `
-                width: 100%;
-              `
+              width: 100%;
+            `
                 : css `
-                border-radius: 12px;
-                width: fit-content;
-              `,
+              border-radius: 12px;
+              width: fit-content;
+            `,
         ] }, { children: [icon && (_jsx(Icon, Object.assign({ className: bannerClasses.icon, css: css `
-              align-self: ${headline && content ? "flex-start" : "center"};
+            align-self: ${headline && content ? "flex-start" : "center"};
+            color: ${COLOR_PALETTE(theme, color).headline};
+          ` }, { children: icon }))), _jsxs(TextContainer, Object.assign({ className: bannerClasses.textContainer }, { children: [headline && (_jsx(Headline, Object.assign({ className: bannerClasses.headline, css: css `
               color: ${COLOR_PALETTE(theme, color).headline};
-            ` }, { children: icon }))), _jsxs(TextContainer, Object.assign({ className: bannerClasses.textContainer }, { children: [headline && (_jsx(Headline, Object.assign({ className: bannerClasses.headline, css: css `
-                color: ${COLOR_PALETTE(theme, color).headline};
-              ` }, { children: headline }))), content && (_jsx(Content, Object.assign({ className: bannerClasses.content, css: css `
-                color: ${COLOR_PALETTE(theme, color).content};
-              ` }, { children: content })))] })), buttonLabel && (_jsx(Button, Object.assign({ className: bannerClasses.button, css: !buttonProps &&
+            ` }, { children: headline }))), content && (_jsx(Content, Object.assign({ className: bannerClasses.content, css: css `
+              color: ${COLOR_PALETTE(theme, color).content};
+            ` }, { children: content })))] })), buttonLabel && (_jsx(Button, Object.assign({ className: bannerClasses.button, css: !buttonProps &&
                     css `
-                color: ${COLOR_PALETTE(theme, color).content};
-              `, color: "textNeutral", size: "small", label: buttonLabel, onClick: onButtonClick }, buttonProps))), close && (_jsx(SquareButton, { className: bannerClasses.closeSquareButton, css: css `
-              > button {
-                color: ${COLOR_PALETTE(theme, color).content};
-              }
-            `, color: "icon", size: "small", icon: _jsx(CloseFillIcon, {}), onClick: onClose, buttonProps: {
+              color: ${COLOR_PALETTE(theme, color).content};
+            `, color: "textNeutral", size: "small", label: buttonLabel, onClick: onButtonClick }, buttonProps))), close && (_jsx(SquareButton, { className: bannerClasses.closeSquareButton, css: css `
+            > button {
+              color: ${COLOR_PALETTE(theme, color).content};
+            }
+          `, color: "icon", size: "small", icon: _jsx(CloseFillIcon, {}), onClick: onClose, buttonProps: {
                     "aria-label": "닫기",
                 } }))] })));
 });

package/dist/components/CheckboxInput.d.ts

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

package/dist/components/CheckboxInput.js

@@ -101,8 +101,8 @@ 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)
  */
-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"]);
+export const CheckboxInput = React.forwardRef(function CheckboxInput(props, ref) {
+    const { className, checked, label, spacer, disabled, partial, onChange, onClick: _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 }));
     }
@@ -115,10 +115,10 @@ export const CheckboxInput = React.forwardRef((props, ref) => {
         inputProps,
     };
     return (_jsxs(Label, Object.assign({ className: className, ref: ref, disabled: disabled !== null && disabled !== void 0 ? disabled : false }, other, { children: [_jsx(Checkbox, Object.assign({}, checkboxProps)), _jsx("span", Object.assign({ css: css `
-            margin-left: 8px;
-          ` }, { children: label }))] })));
+          margin-left: 8px;
+        ` }, { children: label }))] })));
 });
-const Checkbox = React.forwardRef((props, ref) => {
+const Checkbox = React.forwardRef(function Checkbox(props, ref) {
     const { className, checked, partial, disabled = false, spacer = false, onChange, onClick, inputProps } = props, other = __rest(props, ["className", "checked", "partial", "disabled", "spacer", "onChange", "onClick", "inputProps"]);
     const type = checked
         ? "checked"

package/dist/components/DecoratedNumber/Default/DefaultNumberLarge.d.ts

@@ -4,4 +4,4 @@ export declare const DefaultNumberLarge: import("react").ForwardRefExoticCompone
     number: number;
     innerColor?: string | undefined;
     outerColor?: string | undefined;
-} & import("react").RefAttributes<any>>;
+} & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/DecoratedNumber/Default/DefaultNumberLarge.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTheme } from "@emotion/react";
 import { forwardRef } from "react";
-export const DefaultNumberLarge = forwardRef((props, ref) => {
+export const DefaultNumberLarge = forwardRef(function DefaultNumberLarge(props, ref) {
     const theme = useTheme();
     const { className, number, innerColor = theme.color.foreground.primary, outerColor = theme.color.foreground.primaryDisabled, } = props;
     switch (number) {

package/dist/components/DecoratedNumber/Default/DefaultNumberSmall.d.ts

@@ -3,4 +3,4 @@ export declare const DefaultNumberSmall: import("react").ForwardRefExoticCompone
     className?: string | undefined;
     number: number;
     color?: string | undefined;
-} & import("react").RefAttributes<any>>;
+} & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/DecoratedNumber/Default/DefaultNumberSmall.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-export const DefaultNumberSmall = forwardRef((props, ref) => {
+export const DefaultNumberSmall = forwardRef(function DefaultNumberSmall(props, ref) {
     const { className, number, color = "#000000" } = props;
     switch (number) {
         case 1:

package/dist/components/Input.d.ts

@@ -13,4 +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)
  */
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<any>>;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/Input.js

@@ -65,14 +65,12 @@ 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
-export const Input = React.forwardRef((props, ref) => {
+export const Input = React.forwardRef(function Input(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, 
     /* eslint-enable @typescript-eslint/no-unused-vars */
     other = __rest(props, ["label", "hintText", "hintIcon", "className", "color", "size", "placeholder", "disabled", "startIcon", "startLabel", "endLabel", "endIcon", "inputProps", "inputRef", "fullWidth", "onChange", "onClear", "defaultValue", "value"]);
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { className: _className } = props, inputBaseProps = __rest(props, ["className"]);
     return (_jsxs(InputWrapper, Object.assign({ className: props.className, size: props.size, fullWidth: props.fullWidth, ref: ref }, other, { children: [label ? (_jsxs(Label, Object.assign({ disabled: props.disabled }, { children: [label, " ", _jsx(InputBase, Object.assign({}, inputBaseProps))] }))) : (_jsx(InputBase, Object.assign({}, inputBaseProps))), hintText && (_jsxs(Hint, Object.assign({ color: props.color, disabled: props.disabled }, { children: [hintIcon, hintText] })))] })));
 });

package/dist/components/Pagination.d.ts

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

package/dist/components/Pagination.js

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

package/dist/components/PinInput.d.ts

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

package/dist/components/PinInput.js

@@ -25,7 +25,7 @@ const SIZE_TO_STYLES = (size) => ({
     large: css `
       width: 56px;
     `,
-}[size]);
+})[size];
 const COLOR_TO_HINT_STYLES = (theme, color, disabled) => disabled
     ? css `
         color: ${theme.color.foreground.neutralBaseDisabled};
@@ -69,7 +69,7 @@ const SIZE_TO_FONT_STYLES = (size) => ({
         height: 18px;
       }
     `,
-}[size]);
+})[size];
 /** i번째 값을 value로 바꾸는 setState Wrapper 함수  */
 function updateFocus(value, i, setFocus) {
     setFocus((prevFocus) => {
@@ -81,8 +81,8 @@ function updateFocus(value, i, setFocus) {
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=26-11031&t=n7a8XP4k8R2TGmiO-0)
  */
-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"]);
+export const PinInput = React.forwardRef(function PinInput(props, ref) {
+    const { className, autoFocus: _autoFocus, size, placeholder: _placeholder, label, hintText, hintIcon, disabled = false, error, positive, onChange: _onChange, values: _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] })))] })));
 });
 function PinInputComponent(props) {

package/dist/components/Popover.js

@@ -3,7 +3,7 @@ import styled from "@emotion/styled";
 import React from "react";
 import { shadows } from "../foundation/shadows";
 import { css } from "@emotion/react";
-export const Popover = React.forwardRef((props, ref) => {
+export const Popover = React.forwardRef(function Popover(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] })));
 });

package/dist/components/RadioInput.d.ts

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

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)
  */
-export const RadioInput = React.forwardRef((props, ref) => {
+export const RadioInput = React.forwardRef(function RadioInput(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 }));
@@ -87,8 +87,8 @@ export const RadioInput = React.forwardRef((props, ref) => {
           margin-left: 8px;
         ` }, { children: label }))] })));
 });
-const RadioButton = React.forwardRef((props, ref) => {
-    const { className, checked, label, spacer = false, disabled = false, onChange, inputProps } = props, other = __rest(props, ["className", "checked", "label", "spacer", "disabled", "onChange", "inputProps"]);
+const RadioButton = React.forwardRef(function RadioButton(props, ref) {
+    const { className, checked, label: _label, spacer = false, disabled = false, onChange, inputProps } = props, other = __rest(props, ["className", "checked", "label", "spacer", "disabled", "onChange", "inputProps"]);
     const type = props.checked ? "selected" : "default";
     return (_jsxs(RadioButtonContainer, Object.assign({ className: className, spacer: spacer, disabled: disabled, ref: ref }, other, { children: [_jsx(StyledInput, Object.assign({ type: "radio" }, inputProps, { checked: checked, disabled: disabled, onChange: onChange })), _jsx(RadioButtonIcon, { type: type, disabled: disabled })] })));
 });

package/dist/components/Switch.d.ts

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

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)
  */
-export const Switch = React.forwardRef((props, ref) => {
+export const Switch = React.forwardRef(function Switch(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 })));
 });

package/dist/components/Tag.d.ts

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

package/dist/components/Tag.js

@@ -67,37 +67,37 @@ 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)
  */
-export const Tag = React.forwardRef((props, ref) => {
+export const Tag = React.forwardRef(function Tag(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: [
             css `
-            box-sizing: border-box;
-            display: flex;
-            // flex가 화면 전체로 확장되지 않고 내부의 아이콘과 텍스트만 포함한다.
-            padding: 1px 8px;
-            align-items: center;
-            gap: 3px;
-            width: fit-content;
-            border-radius: 8px;
-            height: 22px;
+          box-sizing: border-box;
+          display: flex;
+          // flex가 화면 전체로 확장되지 않고 내부의 아이콘과 텍스트만 포함한다.
+          padding: 1px 8px;
+          align-items: center;
+          gap: 3px;
+          width: fit-content;
+          border-radius: 8px;
+          height: 22px;
 
-            svg {
-              width: 14px;
-              height: 14px;
-            }
-          `,
+          svg {
+            width: 14px;
+            height: 14px;
+          }
+        `,
             COLOR_TO_STYLE(theme, color),
             close
                 ? css `
-                cursor: pointer;
-              `
+              cursor: pointer;
+            `
                 : undefined,
         ], onClick: onClick }, { children: [icon, _jsx("span", Object.assign({ css: css `
-            font-weight: ${bold ? 700 : 400};
-            font-size: 12px;
-            line-height: 20px;
-          ` }, { children: label })), close && _jsx(StyledCloseFillIcon, {})] })));
+          font-weight: ${bold ? 700 : 400};
+          font-size: 12px;
+          line-height: 20px;
+        ` }, { children: label })), close && _jsx(StyledCloseFillIcon, {})] })));
 });
 const StyledCloseFillIcon = styled(CloseFillIcon) `
   width: 10px;

package/dist/components/Tooltip.d.ts

@@ -17,9 +17,9 @@ export interface TooltipProps {
      */
     placement?: "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top";
     /** 툴팁을 표시할 객체입니다. ref를 props로 받을 수 있어야합니다. */
-    children: React.ReactElement<any, any>;
+    children: React.ReactElement;
 }
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=172-626&t=aFkKTFgWq2xFFGC5-0)
  */
-export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<any>>;
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<unknown>>;

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)
  */
-export const Tooltip = React.forwardRef((props, ref) => {
+export const Tooltip = React.forwardRef(function Tooltip(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 })));
 });

package/dist/foundation/color.js

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

package/dist/foundation/font.js

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

package/dist/icons/custom/AiHelper.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomAiHelperIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomAiHelperSvg: string;

package/dist/icons/custom/AiHelper.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/ai-helper.svg";
+export const CustomAiHelperIcon = forwardRef(function CustomAiHelperIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsx("circle", { cx: 12, cy: 12, r: 10, fill: "#031B20" }), _jsx("path", { d: "M18.127 10.7312C18.3052 10.25 18.3498 9.76875 18.3052 9.2875C18.2607 8.80625 18.0824 8.325 17.8596 7.8875C17.4586 7.23125 16.8793 6.70625 16.2109 6.4C15.4979 6.09375 14.7404 6.00625 13.9829 6.18125C13.6264 5.83125 13.2254 5.525 12.7798 5.30625C12.3342 5.0875 11.7995 5 11.3093 5C10.5518 5 9.79428 5.21875 9.17045 5.65625C8.54661 6.09375 8.10101 6.70625 7.87821 7.40625C7.34349 7.5375 6.8979 7.75625 6.4523 8.01875C6.05126 8.325 5.73934 8.71875 5.47198 9.1125C5.07095 9.76875 4.93727 10.5125 5.02639 11.2562C5.11551 12 5.42742 12.7 5.91758 13.2688C5.73934 13.75 5.69478 14.2312 5.73934 14.7125C5.7839 15.1937 5.96214 15.675 6.18494 16.1125C6.58598 16.7688 7.16525 17.2937 7.83365 17.6C8.54661 17.9062 9.30413 17.9937 10.0616 17.8187C10.4181 18.1687 10.8192 18.475 11.2648 18.6937C11.7104 18.9125 12.2451 19 12.7352 19C13.4928 19 14.2503 18.7812 14.8741 18.3438C15.4979 17.9062 15.9435 17.2937 16.1663 16.5938C16.6565 16.5062 17.1467 16.2875 17.5477 15.9812C17.9487 15.675 18.3052 15.325 18.528 14.8875C18.929 14.2312 19.0627 13.4875 18.9736 12.7438C18.8845 12 18.6171 11.3 18.127 10.7312ZM12.7798 18.0813C12.0668 18.0813 11.5321 17.8625 11.042 17.4688C11.042 17.4688 11.0865 17.425 11.1311 17.425L13.9829 15.8062C14.072 15.7625 14.1166 15.7188 14.1611 15.6312C14.2057 15.5437 14.2057 15.5 14.2057 15.4125V11.475L15.4088 12.175V15.4125C15.4534 16.9437 14.2057 18.0813 12.7798 18.0813ZM7.03157 15.675C6.71966 15.15 6.58598 14.5375 6.71966 13.925C6.71966 13.925 6.76422 13.9688 6.80878 13.9688L9.6606 15.5875C9.74972 15.6312 9.79428 15.6312 9.8834 15.6312C9.97252 15.6312 10.0616 15.6312 10.1062 15.5875L13.5819 13.6187V14.975L10.6855 16.6375C10.0616 16.9875 9.34869 17.075 8.68029 16.9C7.96733 16.725 7.38805 16.2875 7.03157 15.675ZM6.27406 9.59375C6.58598 9.06875 7.07613 8.675 7.65541 8.45625V8.54375V11.7812C7.65541 11.8688 7.65541 11.9562 7.69997 12C7.74453 12.0875 7.78909 12.1312 7.87821 12.175L11.3539 14.1438L10.1508 14.8438L7.29893 13.225C6.6751 12.875 6.2295 12.3063 6.05126 11.65C5.87302 10.9938 5.91758 10.2062 6.27406 9.59375ZM16.1218 11.825L12.6461 9.85625L13.8492 9.15625L16.7011 10.775C17.1467 11.0375 17.5031 11.3875 17.7259 11.825C17.9487 12.2625 18.0824 12.7438 18.0379 13.2688C17.9933 13.75 17.8151 14.2312 17.5031 14.625C17.1912 15.0188 16.7902 15.325 16.3 15.5V12.175C16.3 12.0875 16.3 12 16.2555 11.9562C16.2555 11.9562 16.2109 11.8688 16.1218 11.825ZM17.3249 10.075C17.3249 10.075 17.2803 10.0312 17.2358 10.0312L14.3839 8.4125C14.2948 8.36875 14.2503 8.36875 14.1611 8.36875C14.072 8.36875 13.9829 8.36875 13.9383 8.4125L10.4627 10.3812V9.025L13.3591 7.3625C13.8047 7.1 14.2948 7.0125 14.8295 7.0125C15.3197 7.0125 15.8099 7.1875 16.2555 7.49375C16.6565 7.8 17.013 8.19375 17.1912 8.63125C17.3695 9.06875 17.414 9.59375 17.3249 10.075ZM9.83884 12.525L8.63573 11.825V8.54375C8.63573 8.0625 8.76941 7.5375 9.03677 7.14375C9.30413 6.70625 9.70516 6.4 10.1508 6.18125C10.5964 5.9625 11.1311 5.875 11.6212 5.9625C12.1114 6.00625 12.6016 6.225 13.0026 6.53125C13.0026 6.53125 12.958 6.575 12.9135 6.575L10.0616 8.19375C9.97252 8.2375 9.92796 8.28125 9.8834 8.36875C9.83884 8.45625 9.83884 8.5 9.83884 8.5875V12.525ZM10.4627 11.125L12.0223 10.25L13.5819 11.125V12.875L12.0223 13.75L10.4627 12.875V11.125Z", fill: "#CFF4F6" })] })));
+});
+export const CustomAiHelperSvg = svgImport;

package/dist/icons/custom/Badge.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomBadgeIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomBadgeSvg: string;

package/dist/icons/custom/Badge.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/badge.svg";
+export const CustomBadgeIcon = forwardRef(function CustomBadgeIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.447 2.98973L15.5837 2.28245C13.4967 0.572518 10.5033 0.572515 8.41627 2.28245L7.55299 2.98973L6.47719 3.23493C3.83936 3.83615 2.0434 6.19713 2.05437 8.83138L2.05921 9.99315L1.56117 11.0351C0.423017 13.4163 1.05069 16.2993 3.13048 17.9739L4.00991 18.682L4.49487 19.7188C5.62176 22.1282 8.28669 23.4736 10.9321 22.8467L12 22.5936L13.0679 22.8467C15.7133 23.4736 18.3782 22.1282 19.5051 19.7189L19.9901 18.682L20.8695 17.9739C22.9493 16.2993 23.577 13.4163 22.4388 11.0351L21.9408 9.99316L21.9456 8.83138C21.9566 6.19713 20.1606 3.83615 17.5228 3.23493L16.447 2.98973ZM13.2598 5.11854C12.5242 4.51582 11.4758 4.51582 10.7402 5.11854L9.57377 6.07416C9.334 6.2706 9.05316 6.40835 8.75287 6.47679L7.29206 6.80974C6.37071 7.01974 5.71706 7.85454 5.72106 8.81611L5.72741 10.3407C5.72872 10.6541 5.65935 10.9636 5.52467 11.2454L4.86945 12.6162C4.4562 13.4808 4.68949 14.5218 5.43013 15.1181L6.60444 16.0636C6.84583 16.258 7.04018 16.5062 7.17252 16.7891L7.81629 18.1656C8.22233 19.0337 9.16688 19.497 10.0864 19.279L11.5444 18.9334C11.8441 18.8624 12.1559 18.8624 12.4556 18.9334L13.9135 19.279C14.8331 19.497 15.7777 19.0337 16.1837 18.1656L16.8275 16.7891C16.9598 16.5062 17.1542 16.258 17.3956 16.0636L18.5699 15.1181C19.3105 14.5218 19.5438 13.4808 19.1305 12.6162L18.4753 11.2454C18.3406 10.9636 18.2713 10.6541 18.2726 10.3407L18.2789 8.81611C18.2829 7.85454 17.6293 7.01974 16.7079 6.80974L15.2471 6.47679C14.9468 6.40835 14.666 6.2706 14.4262 6.07416L13.2598 5.11854Z", fill: "#363636" }), _jsx("path", { d: "M10.9692 6.36987C11.5711 5.87671 12.4289 5.87671 13.0308 6.36987L13.9851 7.15178C14.1812 7.31251 14.411 7.42522 14.6567 7.48122L15.8519 7.75364C16.6057 7.92546 17.1405 8.60852 17.1372 9.39529L17.132 10.6427C17.131 10.8992 17.1877 11.1524 17.2979 11.383L17.834 12.5046C18.1721 13.212 17.9812 14.0638 17.3753 14.5517L16.4145 15.3254C16.217 15.4844 16.058 15.6875 15.9497 15.919L15.423 17.0452C15.0908 17.7555 14.318 18.1346 13.5656 17.9562L12.3727 17.6735C12.1275 17.6154 11.8725 17.6154 11.6273 17.6735L10.4344 17.9562C9.68203 18.1346 8.90922 17.7555 8.57702 17.0452L8.0503 15.919C7.94203 15.6875 7.78302 15.4844 7.58552 15.3254L6.62474 14.5517C6.01876 14.0638 5.8279 13.212 6.16601 12.5046L6.70208 11.383C6.81228 11.1524 6.86903 10.8992 6.86796 10.6427L6.86277 9.39529C6.85949 8.60851 7.39429 7.92546 8.14811 7.75364L9.3433 7.48122C9.58898 7.42522 9.81876 7.31251 10.0149 7.15178L10.9692 6.36987Z", fill: "#363636" })] })));
+});
+export const CustomBadgeSvg = svgImport;

package/dist/icons/custom/BadgeColor.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomBadgeColorIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomBadgeColorSvg: string;

package/dist/icons/custom/BadgeColor.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/badge-color.svg";
+export const CustomBadgeColorIcon = forwardRef(function CustomBadgeColorIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsx("path", { d: "M10.9692 6.36987C11.5711 5.87671 12.4289 5.87671 13.0308 6.36987L13.9851 7.15178C14.1812 7.31251 14.411 7.42522 14.6567 7.48122L15.8519 7.75364C16.6057 7.92546 17.1405 8.60852 17.1372 9.39529L17.132 10.6427C17.131 10.8992 17.1877 11.1524 17.2979 11.383L17.834 12.5046C18.1721 13.212 17.9812 14.0638 17.3753 14.5517L16.4145 15.3254C16.217 15.4844 16.058 15.6875 15.9497 15.919L15.423 17.0452C15.0908 17.7555 14.318 18.1346 13.5656 17.9562L12.3727 17.6735C12.1275 17.6154 11.8725 17.6154 11.6273 17.6735L10.4344 17.9562C9.68203 18.1346 8.90922 17.7555 8.57702 17.0452L8.0503 15.919C7.94203 15.6875 7.78302 15.4844 7.58552 15.3254L6.62474 14.5517C6.01876 14.0638 5.8279 13.212 6.16601 12.5046L6.70208 11.383C6.81228 11.1524 6.86903 10.8992 6.86796 10.6427L6.86277 9.39529C6.85949 8.60851 7.39429 7.92546 8.14811 7.75364L9.3433 7.48122C9.58898 7.42522 9.81876 7.31251 10.0149 7.15178L10.9692 6.36987Z", fill: "#25241D" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.447 2.98973L15.5837 2.28245C13.4967 0.572518 10.5033 0.572515 8.41627 2.28245L7.55299 2.98973L6.47719 3.23493C3.83936 3.83615 2.0434 6.19713 2.05437 8.83138L2.05921 9.99315L1.56117 11.0351C0.423017 13.4163 1.05069 16.2993 3.13048 17.9739L4.00991 18.682L4.49487 19.7188C5.62176 22.1282 8.28669 23.4736 10.9321 22.8467L12 22.5936L13.0679 22.8467C15.7133 23.4736 18.3782 22.1282 19.5051 19.7189L19.9901 18.682L20.8695 17.9739C22.9493 16.2993 23.577 13.4163 22.4388 11.0351L21.9408 9.99316L21.9456 8.83138C21.9566 6.19713 20.1606 3.83615 17.5228 3.23493L16.447 2.98973ZM13.2598 5.11854C12.5242 4.51582 11.4758 4.51582 10.7402 5.11854L9.57377 6.07416C9.334 6.2706 9.05316 6.40835 8.75287 6.47679L7.29206 6.80974C6.37071 7.01974 5.71706 7.85454 5.72106 8.81611L5.72741 10.3407C5.72872 10.6541 5.65935 10.9636 5.52467 11.2454L4.86945 12.6162C4.4562 13.4808 4.68949 14.5218 5.43013 15.1181L6.60444 16.0636C6.84583 16.258 7.04018 16.5062 7.17252 16.7891L7.81629 18.1656C8.22233 19.0337 9.16688 19.497 10.0864 19.279L11.5444 18.9334C11.8441 18.8624 12.1559 18.8624 12.4556 18.9334L13.9135 19.279C14.8331 19.497 15.7777 19.0337 16.1837 18.1656L16.8275 16.7891C16.9598 16.5062 17.1542 16.258 17.3956 16.0636L18.5699 15.1181C19.3105 14.5218 19.5438 13.4808 19.1305 12.6162L18.4753 11.2454C18.3406 10.9636 18.2713 10.6541 18.2726 10.3407L18.2789 8.81611C18.2829 7.85454 17.6293 7.01974 16.7079 6.80974L15.2471 6.47679C14.9468 6.40835 14.666 6.2706 14.4262 6.07416L13.2598 5.11854Z", fill: "#FFCE31" })] })));
+});
+export const CustomBadgeColorSvg = svgImport;

package/dist/icons/custom/BadgeGold.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomBadgeGoldIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomBadgeGoldSvg: string;

package/dist/icons/custom/BadgeGold.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import svgImport from "svg/cds/icons/custom/badge-gold.svg";
+export const CustomBadgeGoldIcon = forwardRef(function CustomBadgeGoldIcon(props, ref) {
+    return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsx("path", { d: "M10.0723 2.06023C11.2727 1.40005 12.7273 1.40005 13.9277 2.06023L19.9277 5.36023C21.2059 6.06324 22 7.40633 22 8.86509V15.1349C22 16.5937 21.2059 17.9368 19.9277 18.6398L13.9277 21.9398C12.7273 22.6 11.2727 22.6 10.0723 21.9398L4.07232 18.6398C2.79413 17.9368 2 16.5937 2 15.1349V8.86509C2 7.40633 2.79413 6.06324 4.07232 5.36023L10.0723 2.06023Z", fill: "url(#paint0_linear_4029_17034)", style: {} }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.9638 7.11266L12.9638 3.81266C12.3637 3.48257 11.6363 3.48257 11.0362 3.81266L5.03616 7.11266C4.39707 7.46417 4 8.13571 4 8.86509V15.1349C4 15.8643 4.39707 16.5359 5.03616 16.8874L11.0362 20.1874C11.6363 20.5174 12.3637 20.5174 12.9638 20.1874L18.9638 16.8874C19.6029 16.5359 20 15.8643 20 15.1349V8.86509C20 8.13571 19.6029 7.46417 18.9638 7.11266ZM13.9277 2.06023C12.7273 1.40005 11.2727 1.40005 10.0723 2.06023L4.07232 5.36023C2.79413 6.06324 2 7.40633 2 8.86509V15.1349C2 16.5937 2.79413 17.9368 4.07232 18.6398L10.0723 21.9398C11.2727 22.6 12.7273 22.6 13.9277 21.9398L19.9277 18.6398C21.2059 17.9368 22 16.5937 22 15.1349V8.86509C22 7.40633 21.2059 6.06324 19.9277 5.36023L13.9277 2.06023Z", fill: "#FFCC00", style: {
+                    fill: "#FFCC00",
+                    fill: "color(display-p3 1.0000 0.8000 0.0000)",
+                    fillOpacity: 1,
+                } }), _jsx("path", { d: "M10.5 14.1177L17 8L18 8.94118L10.5 16L6 11.7647L7 10.8236L10.5 14.1177Z", fill: "#FFCC00", style: {
+                    fill: "#FFCC00",
+                    fill: "color(display-p3 1.0000 0.8000 0.0000)",
+                    fillOpacity: 1,
+                } }), _jsx("defs", { children: _jsxs("linearGradient", Object.assign({ id: "paint0_linear_4029_17034", x1: 12, y1: 1.00001, x2: 12, y2: 23, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#29335C", style: {
+                                stopColor: "#29335C",
+                                stopColor: "color(display-p3 0.1617 0.1985 0.3626)",
+                                stopOpacity: 1,
+                            } }), _jsx("stop", { offset: 1, stopColor: "#2C2F37", style: {
+                                stopColor: "#2C2F37",
+                                stopColor: "color(display-p3 0.1725 0.1843 0.2157)",
+                                stopOpacity: 1,
+                            } })] })) })] })));
+});
+export const CustomBadgeGoldSvg = svgImport;

package/dist/icons/custom/BadgeGreen.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const CustomBadgeGreenIcon: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    color?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export declare const CustomBadgeGreenSvg: string;