@pfct/purple 1.9.2 → 1.11.0

package/dist/components/Input/PostfixInput/index.util.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../../utils/format.util.cjs.js`);require(`../../../utils/index.cjs.js`);var t=1e4,n=n=>{let r=Number(e.extractNumber(n));return Number.isNaN(r)?``:(Number(e.extractNumber(n))*t).toString()},r=n=>{let r=Number(e.extractNumber(n))/t,i=r?r.toString():``;return i&&e.formatKoreaCurrency(i)};exports.formatDisplayValueWithManWon=r,exports.formatRealValueWithManWon=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../utils/format.util.cjs.js");require("../../../utils/index.cjs.js");var t=1e4,n=n=>{let r=Number(e.extractNumber(n));return Number.isNaN(r)?``:(Number(e.extractNumber(n))*t).toString()},r=n=>{let r=Number(e.extractNumber(n))/t,i=r?r.toString():``;return i&&e.formatKoreaCurrency(i)};exports.formatDisplayValueWithManWon=r,exports.formatRealValueWithManWon=n;

package/dist/components/Input/ResidentNumberInput/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`../common/InputFrame/index.cjs.js`),t=require(`./index.styled.cjs.js`),n=require(`./rrn.cjs.js`);let r=require(`react`),i=require(`react/jsx-runtime`);var a=({value:a,onChange:o,rrnInputType:s=13,label:c,placeholder:l,disabled:u=!1,errorValidation:d=[],onBlur:f})=>{let p=s===7?n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender:n.RRN_LENGTHS.total,m=n.sanitizeRRN(a).slice(0,p),h=n.splitRRN(m),g=m.length>0,[_,v]=(0,r.useState)(!1),[y,b]=(0,r.useState)(``),x=_||g,S=!(c||x)&&!!l,C=_||g,w=(0,r.useRef)(null),T=(0,r.useRef)(null),E=(0,r.useRef)(null),D={birth:T,gender:E,security:E},O={birth:null,gender:w,security:T},k=(0,r.useMemo)(()=>`●`.repeat(h.security.length),[h.security]),A=(0,r.useRef)(void 0);(0,r.useEffect)(()=>{let e=m,t=A.current,r=t===void 0||t===``;A.current=e,r&&e.length>0&&e.length<p&&(e.length>=n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender?E.current?.focus():e.length>=n.RRN_LENGTHS.birth&&T.current?.focus())},[m,p]),(0,r.useEffect)(()=>{if(m.length===0||_){b(``);return}for(let e of d)if(!e.condition(m)){b(e.errorText);return}b(``)},[m,_,d]);let j=()=>v(!0),M=e=>{let t=e.relatedTarget;t===w.current||t===T.current||t===E.current||(v(!1),f?.(e))},N=e=>t=>{if(e===`security`&&(t.key===`ArrowLeft`||t.key===`ArrowRight`)){t.preventDefault();return}t.key===`Backspace`&&h[e].length===0&&O[e]?.current?.focus()},P=e=>t=>{let r=t.target.value,i={...h,[e]:r};o(n.sanitizeRRN(`${i.birth}${i.gender}${i.security}`).slice(0,p)),e!==`security`&&r.length>=n.RRN_LENGTHS[e]&&D[e].current?.focus()};return(0,i.jsxs)(e.InputFrame,{active:x,disabled:!!u,errorText:y,focused:_,label:c,children:[(0,i.jsx)(t.BirthInput,{disabled:!!u,focused:C,hasLabel:!!c,onBlur:M,onChange:P(`birth`),onFocus:j,onKeyDown:N(`birth`),placeholder:S?l:``,ref:w,type:`tel`,value:h.birth}),C&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.Hyphen,{disabled:!!u,hasLabel:!!c,visible:h.birth.length>=n.RRN_LENGTHS.birth,children:`-`}),(0,i.jsx)(t.GenderNumberInput,{disabled:!!u,hasLabel:!!c,onBlur:M,onChange:P(`gender`),onFocus:j,onKeyDown:N(`gender`),ref:T,type:`tel`,value:h.gender}),(0,i.jsx)(t.FakeInputWrapper,{hasLabel:!!c,children:s===7?(0,i.jsx)(t.VirtualPlaceHolderSevenTypeInput,{disabled:!!u,onClick:()=>T.current?.focus(),visible:h.gender.length>0,children:`●●●●●●`}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.VirtualPlaceHolder,{disabled:!!u,children:k}),(0,i.jsx)(t.SecurityPlaceHolder,{visible:h.gender.length>0,children:`●●●●●●`}),(0,i.jsx)(t.FakeSecurityInput,{disabled:!!u,hasLabel:!!c,onBlur:M,onChange:P(`security`),onClick:()=>{E.current?.setSelectionRange(h.security.length,h.security.length)},onFocus:j,onKeyDown:N(`security`),ref:E,type:`tel`,value:h.security})]})})]})]})};exports.RRN_LENGTHS=n.RRN_LENGTHS,exports.ResidentNumberInput=a,exports.sanitizeRRN=n.sanitizeRRN,exports.splitRRN=n.splitRRN;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../common/InputFrame/index.cjs.js"),t=require("./index.styled.cjs.js"),n=require("./rrn.cjs.js");let r=require("react"),i=require("react/jsx-runtime");var a=({value:a,onChange:o,rrnInputType:s=13,label:c,placeholder:l,disabled:u=!1,errorValidation:d=[],onBlur:f})=>{let p=s===7?n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender:n.RRN_LENGTHS.total,m=n.sanitizeRRN(a).slice(0,p),h=n.splitRRN(m),g=m.length>0,[_,v]=(0,r.useState)(!1),[y,b]=(0,r.useState)(``),x=_||g,S=!(c||x)&&!!l,C=_||g,w=(0,r.useRef)(null),T=(0,r.useRef)(null),E=(0,r.useRef)(null),D={birth:T,gender:E,security:E},O={birth:null,gender:w,security:T},k=(0,r.useMemo)(()=>`●`.repeat(h.security.length),[h.security]),A=(0,r.useRef)(void 0);(0,r.useEffect)(()=>{let e=m,t=A.current,r=t===void 0||t===``;A.current=e,r&&e.length>0&&e.length<p&&(e.length>=n.RRN_LENGTHS.birth+n.RRN_LENGTHS.gender?E.current?.focus():e.length>=n.RRN_LENGTHS.birth&&T.current?.focus())},[m,p]),(0,r.useEffect)(()=>{if(m.length===0||_){b(``);return}for(let e of d)if(!e.condition(m)){b(e.errorText);return}b(``)},[m,_,d]);let j=()=>v(!0),M=e=>{let t=e.relatedTarget;t===w.current||t===T.current||t===E.current||(v(!1),f?.(e))},N=e=>t=>{if(e===`security`&&(t.key===`ArrowLeft`||t.key===`ArrowRight`)){t.preventDefault();return}t.key===`Backspace`&&h[e].length===0&&O[e]?.current?.focus()},P=e=>t=>{let r=t.target.value,i={...h,[e]:r};o(n.sanitizeRRN(`${i.birth}${i.gender}${i.security}`).slice(0,p)),e!==`security`&&r.length>=n.RRN_LENGTHS[e]&&D[e].current?.focus()};return(0,i.jsxs)(e.InputFrame,{active:x,disabled:!!u,errorText:y,focused:_,label:c,children:[(0,i.jsx)(t.BirthInput,{disabled:!!u,focused:C,hasLabel:!!c,onBlur:M,onChange:P(`birth`),onFocus:j,onKeyDown:N(`birth`),placeholder:S?l:``,ref:w,type:`tel`,value:h.birth}),C&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.Hyphen,{disabled:!!u,hasLabel:!!c,visible:h.birth.length>=n.RRN_LENGTHS.birth,children:`-`}),(0,i.jsx)(t.GenderNumberInput,{disabled:!!u,hasLabel:!!c,onBlur:M,onChange:P(`gender`),onFocus:j,onKeyDown:N(`gender`),ref:T,type:`tel`,value:h.gender}),(0,i.jsx)(t.FakeInputWrapper,{hasLabel:!!c,children:s===7?(0,i.jsx)(t.VirtualPlaceHolderSevenTypeInput,{disabled:!!u,onClick:()=>T.current?.focus(),visible:h.gender.length>0,children:`●●●●●●`}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.VirtualPlaceHolder,{disabled:!!u,children:k}),(0,i.jsx)(t.SecurityPlaceHolder,{visible:h.gender.length>0,children:`●●●●●●`}),(0,i.jsx)(t.FakeSecurityInput,{disabled:!!u,hasLabel:!!c,onBlur:M,onChange:P(`security`),onClick:()=>{E.current?.setSelectionRange(h.security.length,h.security.length)},onFocus:j,onKeyDown:N(`security`),ref:E,type:`tel`,value:h.security})]})})]})]})};exports.RRN_LENGTHS=n.RRN_LENGTHS,exports.ResidentNumberInput=a,exports.sanitizeRRN=n.sanitizeRRN,exports.splitRRN=n.splitRRN;

package/dist/components/Input/ResidentNumberInput/index.styled.cjs.js

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../../chunks/chunk.BwUGlERp.js`),t=require(`../../../core/Colors/index.cjs.js`),n=require(`../../../core/TextStyles/index.cjs.js`),r=require(`../common/InputFrame/constant.cjs.js`),i=require(`../common/InputFrame/index.styled.cjs.js`);let a=require(`@emotion/react`),o=require(`@emotion/styled`);o=e.n(o);var s=a.css`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/chunk.DWNI8pZO.js"),t=require("../../../core/Colors/index.cjs.js"),n=require("../../../core/TextStyles/index.cjs.js"),r=require("../common/InputFrame/constant.cjs.js"),i=require("../common/InputFrame/index.styled.cjs.js");let a=require("@emotion/react"),o=require("@emotion/styled");o=e.n(o);var s=a.css`
 	${n.typographyMap.title1}
 `,c=({hasLabel:e})=>e&&a.css`
 		padding: ${r.INNER_POSITION_TOP.hasLabel}px 0 ${r.INNER_POSITION_BOTTOM.hasLabel}px 0;

package/dist/components/Input/TextField/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../../chunks/chunk.BwUGlERp.js`),t=require(`../../../icons/src/icons/Cancel_circle.cjs.js`);require(`../../../icons/src/aliases/index.cjs.js`);const n=require(`../../../chunks/utils.BICeWUKj.js`),r=require(`../../ui/typography.cjs.js`);let i=require(`react`);i=e.n(i);let a=require(`react/jsx-runtime`);var o=({className:e,type:o,label:s,error:c,decoration:l,placeholder:u,onDelete:d,guideMessage:f,ref:p,...m})=>{let[h,g]=(0,i.useState)(!1),[_,v]=(0,i.useState)(!1),y=h||_,b=s&&y||!s,x=!l&&d!==void 0&&h&&_,S=e=>{e.stopPropagation(),d?.()};return(0,i.useEffect)(()=>{v(!!m.value)},[m.value]),(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsxs)(`div`,{className:n.t(`relative flex items-center rounded-[10px] bg-white`,`border border-transparent hover:border hover:border-gray-600`,`transition-colors duration-200`,h?`border border-gray-600`:``,c?`border border-red-400 hover:border-red-400`:``,m.disabled&&`cursor-not-allowed border border-gray-50 bg-gray-25 hover:border-gray-50`),children:[s&&(0,a.jsx)(`label`,{className:n.t(`absolute left-[20px] text-gray-200 transition-all duration-200`,y?`typo-b2 top-[11px]`:`typo-t1 top-1/2 -translate-y-1/2`,m.disabled&&`cursor-not-allowed`),htmlFor:m.id,children:s}),(0,a.jsxs)(`div`,{className:`flex w-full items-end justify-between pr-[15px]`,children:[(0,a.jsx)(`input`,{className:n.t(`typo-t1 w-full py-[20px] pl-[20px] outline-none`,`file:border-0 file:bg-transparent`,`typo-t1 placeholder:text-gray-200`,`disabled:cursor-not-allowed disabled:text-gray-200`,s&&y&&`pt-[30px] pb-[10px] pl-[20px]`,l&&`pr-10`,e),onBlur:e=>{g(!1),m.onBlur?.(e)},onChange:e=>{v(e.target.value.length>0),m.onChange?.(e)},onFocus:e=>{g(!0),m.onFocus?.(e)},placeholder:b?u:void 0,ref:p,type:o,...m}),x&&(0,a.jsx)(`button`,{className:n.t(`absolute right-[15px] cursor-pointer`,s?`bottom-[10px]`:`bottom-[19px]`),onClick:S,onMouseDown:e=>e.preventDefault(),type:`button`,children:(0,a.jsx)(t.default,{className:`text-gray-200`})})]}),l&&(0,a.jsx)(`div`,{className:`absolute right-[15px] flex items-center`,children:l})]}),(c||f)&&(0,a.jsx)(r.Typography,{className:n.t(`mt-[9px] ml-[5px]`,c?`text-red-400`:`text-gray-400`),variant:`b2`,children:c||f})]})};o.displayName=`TextField`,exports.TextField=o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/chunk.DWNI8pZO.js"),t=require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/aliases/index.cjs.js");const n=require("../../../chunks/utils.C67s_c-g.js"),r=require("../../ui/typography.cjs.js");let i=require("react");i=e.n(i);let a=require("react/jsx-runtime");var o=({className:e,type:o,label:s,error:c,decoration:l,placeholder:u,onDelete:d,guideMessage:f,ref:p,...m})=>{let[h,g]=(0,i.useState)(!1),[_,v]=(0,i.useState)(!1),y=h||_,b=s&&y||!s,x=!l&&d!==void 0&&h&&_,S=e=>{e.stopPropagation(),d?.()};return(0,i.useEffect)(()=>{v(!!m.value)},[m.value]),(0,a.jsxs)(`div`,{className:`relative`,children:[(0,a.jsxs)(`div`,{className:n.t(`relative flex items-center rounded-[10px] bg-white`,`border border-transparent hover:border hover:border-gray-600`,`transition-colors duration-200`,h?`border border-gray-600`:``,c?`border border-red-400 hover:border-red-400`:``,m.disabled&&`cursor-not-allowed border border-gray-50 bg-gray-25 hover:border-gray-50`),children:[s&&(0,a.jsx)(`label`,{className:n.t(`absolute left-[20px] text-gray-200 transition-all duration-200`,y?`typo-b2 top-[11px]`:`typo-t1 top-1/2 -translate-y-1/2`,m.disabled&&`cursor-not-allowed`),htmlFor:m.id,children:s}),(0,a.jsxs)(`div`,{className:`flex w-full items-end justify-between pr-[15px]`,children:[(0,a.jsx)(`input`,{className:n.t(`typo-t1 w-full py-[20px] pl-[20px] outline-none`,`file:border-0 file:bg-transparent`,`typo-t1 placeholder:text-gray-200`,`disabled:cursor-not-allowed disabled:text-gray-200`,s&&y&&`pt-[30px] pb-[10px] pl-[20px]`,l&&`pr-10`,e),onBlur:e=>{g(!1),m.onBlur?.(e)},onChange:e=>{v(e.target.value.length>0),m.onChange?.(e)},onFocus:e=>{g(!0),m.onFocus?.(e)},placeholder:b?u:void 0,ref:p,type:o,...m}),x&&(0,a.jsx)(`button`,{className:n.t(`absolute right-[15px] cursor-pointer`,s?`bottom-[10px]`:`bottom-[19px]`),onClick:S,onMouseDown:e=>e.preventDefault(),type:`button`,children:(0,a.jsx)(t.default,{className:`text-gray-200`})})]}),l&&(0,a.jsx)(`div`,{className:`absolute right-[15px] flex items-center`,children:l})]}),(c||f)&&(0,a.jsx)(r.Typography,{className:n.t(`mt-[9px] ml-[5px]`,c?`text-red-400`:`text-gray-400`),variant:`b2`,children:c||f})]})};o.displayName=`TextField`,exports.TextField=o;

package/dist/components/Input/TextField/index.d.ts

@@ -9,7 +9,7 @@ export interface TextFieldProps extends InputHTMLAttributes<HTMLInputElement> {
 declare const TextField: {
     ({ className, type, label, error, decoration, placeholder, onDelete, guideMessage, ref, ...props }: TextFieldProps & {
         ref?: React.RefObject<HTMLInputElement | null>;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export { TextField };

package/dist/components/Input/TextField/index.esm.js

@@ -1,6 +1,6 @@
 import e from "../../../icons/src/icons/Cancel_circle.esm.js";
 import "../../../icons/src/aliases/index.esm.js";
-import { t } from "../../../chunks/utils.DKI2ovkh.js";
+import { t } from "../../../chunks/utils.D6DjRYW1.js";
 import { Typography as n } from "../../ui/typography.esm.js";
 import { useEffect as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";

package/dist/components/Input/common/InputFrame/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../../chunks/chunk.BwUGlERp.js`);const e=require(`./index.styled.cjs.js`);let t=require(`react/jsx-runtime`);var n=({focused:n,active:r,disabled:i,errorText:a,label:o,children:s,handleClickInput:c})=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(e.InputWrapper,{active:n,disabled:i,error:!!a,onClick:c,children:[o&&(0,t.jsx)(e.InputLabel,{active:r,htmlFor:o,children:o}),s]}),a&&(0,t.jsx)(e.ErrorText,{children:a})]});exports.InputFrame=n,Object.defineProperty(exports,`InputFrameStyled`,{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./index.styled.cjs.js");let t=require("react/jsx-runtime");var n=({focused:n,active:r,disabled:i,errorText:a,label:o,children:s,handleClickInput:c})=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(e.InputWrapper,{active:n,disabled:i,error:!!a,onClick:c,children:[o&&(0,t.jsx)(e.InputLabel,{active:r,htmlFor:o,children:o}),s]}),a&&(0,t.jsx)(e.ErrorText,{children:a})]});exports.InputFrame=n,Object.defineProperty(exports,"InputFrameStyled",{enumerable:!0,get:function(){return e.t}});

package/dist/components/Input/common/InputFrame/index.styled.cjs.js

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../../../chunks/chunk.BwUGlERp.js`),t=require(`../../../../core/Colors/index.cjs.js`),n=require(`../../../../core/TextStyles/index.cjs.js`),r=require(`./constant.cjs.js`);let i=require(`@emotion/react`),a=require(`@emotion/styled`);a=e.n(a);var o=e.t({ErrorText:()=>d,InputDisabledTextColor:()=>c,InputLabel:()=>u,InputWrapper:()=>l,NotActivePlaceholderOrLabelStyle:()=>s}),s=({hasLabel:e})=>i.css`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../chunks/chunk.DWNI8pZO.js"),t=require("../../../../core/Colors/index.cjs.js"),n=require("../../../../core/TextStyles/index.cjs.js"),r=require("./constant.cjs.js");let i=require("@emotion/react"),a=require("@emotion/styled");a=e.n(a);var o=e.t({ErrorText:()=>d,InputDisabledTextColor:()=>c,InputLabel:()=>u,InputWrapper:()=>l,NotActivePlaceholderOrLabelStyle:()=>s}),s=({hasLabel:e})=>i.css`
 	${n.typographyMap.title1}
 
 	position: absolute;
@@ -60,4 +60,4 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
 	color: ${t.basicColors.red400};
 	margin-top: 10px;
 	left: 5px;
-`;exports.ErrorText=d,exports.InputDisabledTextColor=c,exports.InputLabel=u,exports.InputWrapper=l,exports.NotActivePlaceholderOrLabelStyle=s,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+`;exports.ErrorText=d,exports.InputDisabledTextColor=c,exports.InputLabel=u,exports.InputWrapper=l,exports.NotActivePlaceholderOrLabelStyle=s,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/components/Input/common/InputFrame/index.styled.esm.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../../chunks/chunk.B6r_6JvK.js";
+import { t as e } from "../../../../chunks/chunk.Dy4uBu1J.js";
 import { basicColors as t, generateHexWithAlphaInLightMode as n } from "../../../../core/Colors/index.esm.js";
 import { typographyMap as r } from "../../../../core/TextStyles/index.esm.js";
 import { INNER_POSITION_TOP as i } from "./constant.esm.js";

package/dist/components/Input/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./common/InputFrame/index.styled.cjs.js`),t=require(`./common/InputFrame/index.cjs.js`),n=require(`./BaseInput/index.styled.cjs.js`),r=require(`./BaseInput/index.cjs.js`);require(`../../chunks/NumberInput.DAQI90zJ.js`);const i=require(`./PostfixInput/index.cjs.js`),a=require(`./ResidentNumberInput/rrn.cjs.js`),o=require(`./ResidentNumberInput/index.cjs.js`),s=require(`./TextField/index.cjs.js`);exports.BaseInput=r.BaseInput,Object.defineProperty(exports,`BaseInputStyled`,{enumerable:!0,get:function(){return n.t}}),exports.InputFrame=t.InputFrame,Object.defineProperty(exports,`InputFrameStyled`,{enumerable:!0,get:function(){return e.t}}),exports.PostfixInput=i.PostfixInput,exports.RRN_LENGTHS=a.RRN_LENGTHS,exports.ResidentNumberInput=o.ResidentNumberInput,exports.TextField=s.TextField,exports.sanitizeRRN=a.sanitizeRRN,exports.splitRRN=a.splitRRN;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./common/InputFrame/index.styled.cjs.js"),t=require("./common/InputFrame/index.cjs.js"),n=require("./BaseInput/index.styled.cjs.js"),r=require("./BaseInput/index.cjs.js");require("../../chunks/NumberInput.DC3A0kkJ.js");const i=require("./PostfixInput/index.cjs.js"),a=require("./ResidentNumberInput/rrn.cjs.js"),o=require("./ResidentNumberInput/index.cjs.js"),s=require("./TextField/index.cjs.js");exports.BaseInput=r.BaseInput,Object.defineProperty(exports,"BaseInputStyled",{enumerable:!0,get:function(){return n.t}}),exports.InputFrame=t.InputFrame,Object.defineProperty(exports,"InputFrameStyled",{enumerable:!0,get:function(){return e.t}}),exports.PostfixInput=i.PostfixInput,exports.RRN_LENGTHS=a.RRN_LENGTHS,exports.ResidentNumberInput=o.ResidentNumberInput,exports.TextField=s.TextField,exports.sanitizeRRN=a.sanitizeRRN,exports.splitRRN=a.splitRRN;

package/dist/components/Input/index.esm.js

@@ -2,7 +2,7 @@ import { t as e } from "./common/InputFrame/index.styled.esm.js";
 import { InputFrame as t } from "./common/InputFrame/index.esm.js";
 import { t as n } from "./BaseInput/index.styled.esm.js";
 import { BaseInput as r } from "./BaseInput/index.esm.js";
-import "../../chunks/NumberInput.B0pzaAtC.js";
+import "../../chunks/NumberInput.Mh9wz9BL.js";
 import { PostfixInput as i } from "./PostfixInput/index.esm.js";
 import { RRN_LENGTHS as a, sanitizeRRN as o, splitRRN as s } from "./ResidentNumberInput/rrn.esm.js";
 import { ResidentNumberInput as c } from "./ResidentNumberInput/index.esm.js";

package/dist/components/LegacyModal/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../chunks/chunk.BwUGlERp.js`),t=require(`../../core/Typography/index.cjs.js`),n=require(`../ui/button.cjs.js`),r=require(`../Button/DoubleButton/index.cjs.js`),i=require(`../MiniButton/UnderLineMiniButton/index.cjs.js`),a=require(`./BaseModal/index.cjs.js`),o=require(`./index.styled.cjs.js`);let s=require(`react`);s=e.n(s);let c=require(`react/jsx-runtime`);var l=e=>(0,c.jsx)(o.Footer,{children:(0,c.jsx)(n.Button,{...e})}),u=e=>(0,c.jsx)(o.Footer,{children:(0,c.jsx)(r.DoubleButton,{...e})}),d=({title:e,subTitle:n})=>(0,c.jsxs)(o.Header,{children:[(0,c.jsx)(t.Headline4,{children:e}),n&&(0,c.jsx)(o.SubTitle,{children:n})]}),f=({children:e})=>(0,c.jsx)(o.Comment,{children:e}),p=({onClick:e,disabled:t,text:n})=>(0,c.jsx)(o.LineButtonWrapper,{children:(0,c.jsx)(i.UnderLineMiniButton,{colorType:`gray`,disabled:t,onClick:e,size:`m`,children:n})}),m=({children:e,hasContentPadding:t=!0})=>(0,c.jsx)(o.Body,{contentPadding:t,children:e}),h=s.default.memo(({children:e,...t})=>(0,c.jsx)(a.BaseModal,{...t,children:(0,c.jsx)(o.Wrapper,{children:e})})),g=Object.assign(h,{SingleButton:l,DoubleButton:u,Title:d,Body:m,Comment:f,UnderLineMiniButton:p});exports.LegacyModal=g;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk.DWNI8pZO.js"),t=require("../../chunks/utils.C67s_c-g.js"),n=require("../ui/button.cjs.js"),r=require("../Button/DoubleButton/index.cjs.js"),i=require("../../constants/style.constants.cjs.js"),a=require("../MiniButton/UnderLineMiniButton/index.cjs.js"),o=require("../../core/Typography/index.cjs.js"),s=require("../../chunks/dist.OKn2dMme.js");let c=require("react");c=e.n(c);let l=require("react/jsx-runtime");var u=e=>(0,l.jsx)(`div`,{className:`box-border px-[15px]`,children:(0,l.jsx)(n.Button,{...e})}),d=e=>(0,l.jsx)(`div`,{className:`box-border px-[15px]`,children:(0,l.jsx)(r.DoubleButton,{...e})}),f=({title:e,subTitle:t})=>(0,l.jsxs)(`div`,{className:`whitespace-pre-wrap px-[15px] text-center`,children:[(0,l.jsx)(o.Headline4,{children:e}),t&&(0,l.jsx)(o.Title3,{className:`mt-2.5 whitespace-pre-wrap text-center font-medium text-gray-400`,children:t})]}),p=({children:e})=>(0,l.jsx)(`div`,{className:`typo-b1 whitespace-pre-wrap rounded-[10px] bg-gray-25 p-3 text-center text-gray-400`,children:e}),m=({onClick:e,disabled:t,text:n})=>(0,l.jsx)(`div`,{className:`flex justify-center px-[11px]`,children:(0,l.jsx)(a.UnderLineMiniButton,{colorType:`gray`,disabled:t,onClick:e,size:`m`,children:n})}),h=({children:e,hasContentPadding:n=!0})=>(0,l.jsx)(`div`,{className:t.t(`pb-[30px] [&>*]:mt-5`,n?`px-5`:`px-0`),children:e}),g=c.default.memo(({visible:e,onMaskClick:n,zIndex:r=i.zIndex.modal,className:a,children:o})=>(0,l.jsx)(s.o,{open:e,children:(0,l.jsxs)(s.a,{children:[(0,l.jsx)(s.i,{className:t.t(`fixed inset-0 box-border bg-black/60 data-[state=closed]:animate-overlay-fade-out data-[state=open]:animate-overlay-fade-in`,a),"data-slot":`legacy-modal-overlay`,style:{zIndex:r}}),(0,l.jsxs)(s.n,{"aria-describedby":void 0,className:`fixed top-1/2 left-1/2 w-[320px] -translate-x-1/2 -translate-y-1/2 rounded-[10px] bg-white pt-[30px] pb-[15px] data-[state=closed]:animate-overlay-fade-out data-[state=open]:animate-overlay-fade-in`,"data-slot":`legacy-modal-content`,onEscapeKeyDown:e=>e.preventDefault(),onOpenAutoFocus:e=>e.preventDefault(),onPointerDownOutside:()=>n?.(),style:{zIndex:r},children:[(0,l.jsx)(s.s,{className:`sr-only`,children:`알림`}),o]})]})})),_=Object.assign(g,{SingleButton:u,DoubleButton:d,Title:f,Body:h,Comment:p,UnderLineMiniButton:m});exports.LegacyModal=_;

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

@@ -3,8 +3,12 @@ import { ReactFCWithChildren } from '../../types/react';
 import { DoubleButtonProps } from '../Button/DoubleButton';
 import { UnderLineMiniButtonProps } from '../MiniButton/UnderLineMiniButton';
 import { ButtonProps } from '../ui/button';
-import { BaseModalProps } from './BaseModal';
-type LegacyModalProps = Omit<BaseModalProps, 'children'> & {
+type LegacyModalProps = {
+    className?: string;
+    visible: boolean;
+    zIndex?: number;
+    onMaskClick?: () => void;
+    /** @deprecated inert — the only functional `hasContentPadding` is on `LegacyModal.Body`. */
     hasContentPadding?: boolean;
     children?: ReactNode;
 };

package/dist/components/LegacyModal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LegacyModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA0B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AACvG,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AA0C7D,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG;IAC1D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAQF;;;GAGG;AACH,QAAA,MAAM,WAAW;;;;eA1CT,SAAS;mBACL,SAAS;;;4BAsBiC,OAAO;;;;cAZ6C,MAAM;;CAsC9G,CAAC;AAEH,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LegacyModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAA0B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AACvG,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AA8CxD,KAAK,gBAAgB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,4FAA4F;IAC5F,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AA0CF;;;GAGG;AACH,QAAA,MAAM,WAAW;;;;eArFT,SAAS;mBACL,SAAS;;;4BA0BiC,OAAO;;;;cAZ6C,MAAM;;CA6E9G,CAAC;AAEH,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/LegacyModal/index.esm.js

@@ -1,24 +1,59 @@
-import { Headline4 as e } from "../../core/Typography/index.esm.js";
+import { t as e } from "../../chunks/utils.D6DjRYW1.js";
 import { Button as t } from "../ui/button.esm.js";
 import { DoubleButton as n } from "../Button/DoubleButton/index.esm.js";
-import { UnderLineMiniButton as r } from "../MiniButton/UnderLineMiniButton/index.esm.js";
-import { BaseModal as i } from "./BaseModal/index.esm.js";
-import { Body as a, Comment as o, Footer as s, Header as c, LineButtonWrapper as l, SubTitle as u, Wrapper as d } from "./index.styled.esm.js";
+import { zIndex as r } from "../../constants/style.constants.esm.js";
+import { UnderLineMiniButton as i } from "../MiniButton/UnderLineMiniButton/index.esm.js";
+import { Headline4 as a, Title3 as o } from "../../core/Typography/index.esm.js";
+import { a as s, i as c, n as l, o as u, s as d } from "../../chunks/dist.o_suB-Ao.js";
 import f from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/LegacyModal/index.tsx
-var h = (e) => /* @__PURE__ */ p(s, { children: /* @__PURE__ */ p(t, { ...e }) }), g = (e) => /* @__PURE__ */ p(s, { children: /* @__PURE__ */ p(n, { ...e }) }), _ = ({ title: t, subTitle: n }) => /* @__PURE__ */ m(c, { children: [/* @__PURE__ */ p(e, { children: t }), n && /* @__PURE__ */ p(u, { children: n })] }), v = ({ children: e }) => /* @__PURE__ */ p(o, { children: e }), y = ({ onClick: e, disabled: t, text: n }) => /* @__PURE__ */ p(l, { children: /* @__PURE__ */ p(r, {
-	colorType: "gray",
-	disabled: t,
-	onClick: e,
-	size: "m",
-	children: n
-}) }), b = ({ children: e, hasContentPadding: t = !0 }) => /* @__PURE__ */ p(a, {
-	contentPadding: t,
+var h = (e) => /* @__PURE__ */ p("div", {
+	className: "box-border px-[15px]",
+	children: /* @__PURE__ */ p(t, { ...e })
+}), g = (e) => /* @__PURE__ */ p("div", {
+	className: "box-border px-[15px]",
+	children: /* @__PURE__ */ p(n, { ...e })
+}), _ = ({ title: e, subTitle: t }) => /* @__PURE__ */ m("div", {
+	className: "whitespace-pre-wrap px-[15px] text-center",
+	children: [/* @__PURE__ */ p(a, { children: e }), t && /* @__PURE__ */ p(o, {
+		className: "mt-2.5 whitespace-pre-wrap text-center font-medium text-gray-400",
+		children: t
+	})]
+}), v = ({ children: e }) => /* @__PURE__ */ p("div", {
+	className: "typo-b1 whitespace-pre-wrap rounded-[10px] bg-gray-25 p-3 text-center text-gray-400",
 	children: e
-}), x = f.memo(({ children: e, ...t }) => /* @__PURE__ */ p(i, {
-	...t,
-	children: /* @__PURE__ */ p(d, { children: e })
+}), y = ({ onClick: e, disabled: t, text: n }) => /* @__PURE__ */ p("div", {
+	className: "flex justify-center px-[11px]",
+	children: /* @__PURE__ */ p(i, {
+		colorType: "gray",
+		disabled: t,
+		onClick: e,
+		size: "m",
+		children: n
+	})
+}), b = ({ children: t, hasContentPadding: n = !0 }) => /* @__PURE__ */ p("div", {
+	className: e("pb-[30px] [&>*]:mt-5", n ? "px-5" : "px-0"),
+	children: t
+}), x = f.memo(({ visible: t, onMaskClick: n, zIndex: i = r.modal, className: a, children: o }) => /* @__PURE__ */ p(u, {
+	open: t,
+	children: /* @__PURE__ */ m(s, { children: [/* @__PURE__ */ p(c, {
+		className: e("fixed inset-0 box-border bg-black/60 data-[state=closed]:animate-overlay-fade-out data-[state=open]:animate-overlay-fade-in", a),
+		"data-slot": "legacy-modal-overlay",
+		style: { zIndex: i }
+	}), /* @__PURE__ */ m(l, {
+		"aria-describedby": void 0,
+		className: "fixed top-1/2 left-1/2 w-[320px] -translate-x-1/2 -translate-y-1/2 rounded-[10px] bg-white pt-[30px] pb-[15px] data-[state=closed]:animate-overlay-fade-out data-[state=open]:animate-overlay-fade-in",
+		"data-slot": "legacy-modal-content",
+		onEscapeKeyDown: (e) => e.preventDefault(),
+		onOpenAutoFocus: (e) => e.preventDefault(),
+		onPointerDownOutside: () => n?.(),
+		style: { zIndex: i },
+		children: [/* @__PURE__ */ p(d, {
+			className: "sr-only",
+			children: "알림"
+		}), o]
+	})] })
 })), S = Object.assign(x, {
 	SingleButton: h,
 	DoubleButton: g,

package/dist/components/List/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../chunks/chunk.BwUGlERp.js`);const e=require(`../../chunks/utils.BICeWUKj.js`),t=require(`../ui/typography.cjs.js`);let n=require(`react/jsx-runtime`);var r=({children:t,size:r=`M`,className:i,ref:a,...o})=>(0,n.jsx)(`div`,{className:e.t(`flex items-center justify-between`,`pc:px-[80px] px-[20px]`,r===`S`?`py-[12px]`:`py-[15px]`,i),ref:a,...o,children:t});r.displayName=`List`;function i({size:r=`M`,children:i,className:a,...o}){return(0,n.jsx)(t.Typography,{className:e.t(a),variant:r===`S`?`Title3`:`h5`,...o,children:i})}function a({size:r=`M`,children:i,className:a,...o}){return(0,n.jsx)(t.Typography,{className:e.t(`text-gray-400`,a),variant:r===`S`?`Title3`:`Title2`,...o,children:i})}exports.List=r,exports.ListMainText=i,exports.ListSubText=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/utils.C67s_c-g.js"),t=require("../ui/typography.cjs.js");let n=require("react/jsx-runtime");var r=({children:t,size:r=`M`,className:i,ref:a,...o})=>(0,n.jsx)(`div`,{className:e.t(`flex items-center justify-between`,`pc:px-[80px] px-[20px]`,r===`S`?`py-[12px]`:`py-[15px]`,i),ref:a,...o,children:t});r.displayName=`List`;function i({size:r=`M`,children:i,className:a,...o}){return(0,n.jsx)(t.Typography,{className:e.t(a),variant:r===`S`?`Title3`:`h5`,...o,children:i})}function a({size:r=`M`,children:i,className:a,...o}){return(0,n.jsx)(t.Typography,{className:e.t(`text-gray-400`,a),variant:r===`S`?`Title3`:`Title2`,...o,children:i})}exports.List=r,exports.ListMainText=i,exports.ListSubText=a;

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

@@ -6,17 +6,17 @@ type ListProps = React.HTMLAttributes<HTMLDivElement> & {
 declare const List: {
     ({ children, size, className, ref, ...props }: ListProps & {
         ref?: React.RefObject<HTMLDivElement | null>;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 type ListMainTextProps = TypographyProps & {
     size?: 'S' | 'M';
 };
-declare function ListMainText({ size, children, className, ...props }: ListMainTextProps): import("react/jsx-runtime").JSX.Element;
+declare function ListMainText({ size, children, className, ...props }: ListMainTextProps): React.JSX.Element;
 type ListSubTextProps = TypographyProps & {
     size?: 'S' | 'M';
 };
-declare function ListSubText({ size, children, className, ...props }: ListSubTextProps): import("react/jsx-runtime").JSX.Element;
+declare function ListSubText({ size, children, className, ...props }: ListSubTextProps): React.JSX.Element;
 export type { ListProps };
 export { List, ListMainText, ListSubText };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEpE,KAAK,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACvD,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,IAAI;mDAMP,SAAS,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAa9D,CAAC;AAIF,KAAK,iBAAiB,GAAG,eAAe,GAAG;IAC1C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACjB,CAAC;AAEF,iBAAS,YAAY,CAAC,EAAE,IAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAMrF;AAED,KAAK,gBAAgB,GAAG,eAAe,GAAG;IACzC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACjB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,IAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAMnF;AAED,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEpE,KAAK,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACvD,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,IAAI;mDAMP,SAAS,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAa9D,CAAC;AAIF,KAAK,iBAAiB,GAAG,eAAe,GAAG;IAC1C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACjB,CAAC;AAEF,iBAAS,YAAY,CAAC,EAAE,IAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAMrF;AAED,KAAK,gBAAgB,GAAG,eAAe,GAAG;IACzC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACjB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,IAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAMnF;AAED,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/List/index.esm.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../chunks/utils.DKI2ovkh.js";
+import { t as e } from "../../chunks/utils.D6DjRYW1.js";
 import { Typography as t } from "../ui/typography.esm.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/List/index.tsx

package/dist/components/Loading/ProgressBar/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`./index.styled.cjs.js`);let t=require(`react/jsx-runtime`);var n=({progress:n,colorType:r})=>{let i=Math.min(Math.max(n,0),100);return(0,t.jsx)(e.ProgressBar,{children:(0,t.jsx)(e.Progress,{colorType:r,progress:i})})};exports.ProgressBar=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/dist.ChAGEqMb.js");let t=require("react/jsx-runtime");var n=e.t(`h-full transition-[width] duration-[3000ms] ease-[cubic-bezier(0.42,0,0.58,1)]`,{variants:{colorType:{pink:`bg-pink-400`,red:`bg-red-400`,orange:`bg-orange-400`,yellow:`bg-yellow-400`,lime:`bg-lime-400`,green:`bg-green-400`,mint:`bg-mint-400`,skyblue:`bg-skyblue-400`,blue:`bg-blue-400`,indigo:`bg-indigo-400`,purple:`bg-purple-400`,gray:`bg-gray-400`}}}),r=({progress:e,colorType:r})=>{let i=Math.min(Math.max(e,0),100);return(0,t.jsx)(`div`,{className:`absolute top-0 h-[3px] w-full bg-gray-50`,"data-slot":`progress-bar`,children:(0,t.jsx)(`div`,{className:n({colorType:r}),"data-slot":`progress-bar-fill`,style:{width:`${i}%`}})})};exports.ProgressBar=r,exports.progressVariants=n;

package/dist/components/Loading/ProgressBar/index.d.ts

@@ -1,10 +1,13 @@
 import { default as React } from 'react';
 import { ColorType } from '../../../utils';
+declare const progressVariants: (props?: ({
+    colorType?: "gray" | "pink" | "red" | "orange" | "yellow" | "lime" | "green" | "mint" | "skyblue" | "blue" | "indigo" | "purple" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface ProgressBarProps {
     colorType: ColorType;
     progress: number;
 }
 declare const ProgressBar: React.FC<ProgressBarProps>;
 export type { ProgressBarProps };
-export { ProgressBar };
+export { ProgressBar, progressVariants };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Loading/ProgressBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Loading/ProgressBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,UAAU,gBAAgB;IACzB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAQ3C,CAAC;AAEF,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Loading/ProgressBar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAShD,QAAA,MAAM,gBAAgB;;8EAiBpB,CAAC;AAEH,UAAU,gBAAgB;IACzB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAa3C,CAAC;AAEF,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/Loading/ProgressBar/index.esm.js

@@ -1,9 +1,30 @@
-import { Progress as e, ProgressBar as t } from "./index.styled.esm.js";
-import { jsx as n } from "react/jsx-runtime";
+import { t as e } from "../../../chunks/dist.BQo0PXod.js";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Loading/ProgressBar/index.tsx
-var r = ({ progress: r, colorType: i }) => /* @__PURE__ */ n(t, { children: /* @__PURE__ */ n(e, {
-	colorType: i,
-	progress: Math.min(Math.max(r, 0), 100)
-}) });
+var n = e("h-full transition-[width] duration-[3000ms] ease-[cubic-bezier(0.42,0,0.58,1)]", { variants: { colorType: {
+	pink: "bg-pink-400",
+	red: "bg-red-400",
+	orange: "bg-orange-400",
+	yellow: "bg-yellow-400",
+	lime: "bg-lime-400",
+	green: "bg-green-400",
+	mint: "bg-mint-400",
+	skyblue: "bg-skyblue-400",
+	blue: "bg-blue-400",
+	indigo: "bg-indigo-400",
+	purple: "bg-purple-400",
+	gray: "bg-gray-400"
+} } }), r = ({ progress: e, colorType: r }) => {
+	let i = Math.min(Math.max(e, 0), 100);
+	return /* @__PURE__ */ t("div", {
+		className: "absolute top-0 h-[3px] w-full bg-gray-50",
+		"data-slot": "progress-bar",
+		children: /* @__PURE__ */ t("div", {
+			className: n({ colorType: r }),
+			"data-slot": "progress-bar-fill",
+			style: { width: `${i}%` }
+		})
+	});
+};
 //#endregion
-export { r as ProgressBar };
+export { r as ProgressBar, n as progressVariants };

package/dist/components/Loading/Skeleton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`../../../chunks/utils.BICeWUKj.js`),t=require(`../../../chunks/dist.BlCN8gHs.js`);let n=require(`react/jsx-runtime`);var r=t.t(`h-5 w-full animate-pulse rounded-[0.625rem] bg-gray-25`,{variants:{variant:{text:`w-50`,circle:`h-10 w-10 rounded-full`,rect:`h-10`},defaultVariants:{variant:`text`}}});function i({className:t,variant:i,...a}){return(0,n.jsx)(`div`,{className:e.t(r({variant:i}),t),"data-slot":`skeleton`,...a})}exports.Skeleton=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js"),t=require("../../../chunks/dist.ChAGEqMb.js");let n=require("react/jsx-runtime");var r=t.t(`h-5 w-full animate-pulse rounded-[0.625rem] bg-gray-25`,{variants:{variant:{text:`w-50`,circle:`h-10 w-10 rounded-full`,rect:`h-10`},defaultVariants:{variant:`text`}}});function i({className:t,variant:i,...a}){return(0,n.jsx)(`div`,{className:e.t(r({variant:i}),t),"data-slot":`skeleton`,...a})}exports.Skeleton=i;

package/dist/components/Loading/Skeleton/index.d.ts

@@ -4,6 +4,6 @@ declare const skeletonVariants: (props?: ({
     defaultVariants?: "variant" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type SkeletonProps = React.ComponentProps<'div'> & VariantProps<typeof skeletonVariants>;
-declare function Skeleton({ className, variant, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+declare function Skeleton({ className, variant, ...props }: SkeletonProps): import("react").JSX.Element;
 export { Skeleton, type SkeletonProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Loading/Skeleton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Loading/Skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,gBAAgB;;;8EAWpB,CAAC;AAEH,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEzF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAEhE;AAED,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Loading/Skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,gBAAgB;;;8EAWpB,CAAC;AAEH,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEzF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAEhE;AAED,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,CAAC"}

package/dist/components/Loading/Skeleton/index.esm.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../../chunks/utils.DKI2ovkh.js";
-import { t } from "../../../chunks/dist.BygI7zUz.js";
+import { t as e } from "../../../chunks/utils.D6DjRYW1.js";
+import { t } from "../../../chunks/dist.BQo0PXod.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Loading/Skeleton/index.tsx
 var r = t("h-5 w-full animate-pulse rounded-[0.625rem] bg-gray-25", { variants: {

package/dist/components/Loading/Spinner/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`../../../core/Colors/index.cjs.js`);require(`../../../core/index.cjs.js`);const t=require(`./index.styled.cjs.js`);let n=require(`react/jsx-runtime`);var r=[`white`,`gray`],i=({colorType:r})=>(0,n.jsx)(t.SpinnerWrapper,{color:r===`white`?e.basicColors.white:e.basicColors.gray200});exports.Spinner=i,exports.spinnerColorTypes=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/Spinner.CU8SLZiI.js");exports.Spinner=e.t,exports.spinnerColorTypes=e.n;

package/dist/components/Loading/Spinner/index.d.ts

@@ -1,7 +1,8 @@
+import { Loader2Icon } from 'lucide-react';
 import { default as React } from 'react';
 export declare const spinnerColorTypes: readonly ["white", "gray"];
 type SpinnerColorType = (typeof spinnerColorTypes)[number];
-interface SpinnerProps {
+interface SpinnerProps extends React.ComponentProps<typeof Loader2Icon> {
     colorType?: SpinnerColorType;
 }
 declare const Spinner: React.FC<SpinnerProps>;

package/dist/components/Loading/Spinner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Loading/Spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,iBAAiB,4BAA6B,CAAC;AAC5D,KAAK,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,UAAU,YAAY;IACrB,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AAGD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAEnC,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Loading/Spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,iBAAiB,4BAA6B,CAAC;AAC5D,KAAK,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC;IACtE,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AAOD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQnC,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Loading/Spinner/index.esm.js

@@ -1,8 +1,2 @@
-import { basicColors as e } from "../../../core/Colors/index.esm.js";
-import "../../../core/index.esm.js";
-import { SpinnerWrapper as t } from "./index.styled.esm.js";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/Loading/Spinner/index.tsx
-var r = ["white", "gray"], i = ({ colorType: r }) => /* @__PURE__ */ n(t, { color: r === "white" ? e.white : e.gray200 });
-//#endregion
-export { i as Spinner, r as spinnerColorTypes };
+import { n as e, t } from "../../../chunks/Spinner.C7NCfrzp.js";
+export { t as Spinner, e as spinnerColorTypes };

package/dist/components/MiniButton/BoxMiniButton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`../../../chunks/utils.BICeWUKj.js`),t=require(`../../Button/BaseButton/index.cjs.js`);let n=require(`react/jsx-runtime`);var r=({children:r,className:i,...a})=>(0,n.jsx)(t.BaseButton,{...a,className:e.t(`typo-t4 h-[35px] w-max rounded-[8px] px-[10px] py-[9.5px]`,i),purpose:`sub`,children:r});exports.BoxMiniButton=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js"),t=require("../../Button/BaseButton/index.cjs.js");let n=require("react/jsx-runtime");var r=({children:r,className:i,...a})=>(0,n.jsx)(t.BaseButton,{...a,className:e.t(`typo-t4 h-[35px] w-max rounded-[8px] px-[10px] py-[9.5px]`,i),purpose:`sub`,children:r});exports.BoxMiniButton=r;

package/dist/components/MiniButton/BoxMiniButton/index.esm.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../chunks/utils.DKI2ovkh.js";
+import { t as e } from "../../../chunks/utils.D6DjRYW1.js";
 import { BaseButton as t } from "../../Button/BaseButton/index.esm.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/MiniButton/BoxMiniButton/index.tsx

package/dist/components/MiniButton/IconMiniButton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`../../../chunks/utils.BICeWUKj.js`),t=require(`../../../chunks/dist.DABwpBD3.js`),n=require(`../../../chunks/dist.BlCN8gHs.js`);let r=require(`react/jsx-runtime`);var i=n.t(``,{variants:{colorType:{pink:`text-pink-400`,blue:`text-blue-400`,gray:`text-gray-400`,lime:`text-lime-400`}}}),a=({size:n=`s`,asChild:a=!1,children:o,className:s,colorType:c,disabled:l,type:u=`button`,...d})=>(0,r.jsx)(a?t.t:`button`,{className:e.t(`flex h-fit w-max items-center gap-[3px] rounded-[5px] py-[3.5px] pl-[5px]`,!l&&`hover:bg-gray-50 focus:bg-gray-100`,n===`s`?`typo-t4`:`typo-t3`,i({colorType:c}),s),type:u,...d,children:o});exports.IconMiniButton=a,exports.miniButtonTextVariants=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/dist.BGio0-Tc.js"),t=require("../../../chunks/utils.C67s_c-g.js"),n=require("../../../chunks/dist.ChAGEqMb.js");let r=require("react/jsx-runtime");var i=n.t(``,{variants:{colorType:{pink:`text-pink-400`,blue:`text-blue-400`,gray:`text-gray-400`,lime:`text-lime-400`}}}),a=({size:n=`s`,asChild:a=!1,children:o,className:s,colorType:c,disabled:l,type:u=`button`,...d})=>(0,r.jsx)(a?e.t:`button`,{className:t.t(`flex h-fit w-max items-center gap-[3px] rounded-[5px] py-[3.5px] pl-[5px]`,!l&&`hover:bg-gray-50 focus:bg-gray-100`,n===`s`?`typo-t4`:`typo-t3`,i({colorType:c}),s),type:u,...d,children:o});exports.IconMiniButton=a,exports.miniButtonTextVariants=i;

package/dist/components/MiniButton/IconMiniButton/index.d.ts

@@ -5,7 +5,7 @@ type IconMiniButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & VariantProp
     asChild?: boolean;
 };
 declare const miniButtonTextVariants: (props?: ({
-    colorType?: "pink" | "lime" | "blue" | "gray" | null | undefined;
+    colorType?: "gray" | "pink" | "lime" | "blue" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * icon은 size 15를 권장합니다.

package/dist/components/MiniButton/IconMiniButton/index.esm.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../../chunks/utils.DKI2ovkh.js";
-import { t } from "../../../chunks/dist.DGTZkVfD.js";
-import { t as n } from "../../../chunks/dist.BygI7zUz.js";
+import { t as e } from "../../../chunks/dist.DxuGUd9a.js";
+import { t } from "../../../chunks/utils.D6DjRYW1.js";
+import { t as n } from "../../../chunks/dist.BQo0PXod.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/MiniButton/IconMiniButton/index.tsx
 var i = n("", { variants: { colorType: {
@@ -8,8 +8,8 @@ var i = n("", { variants: { colorType: {
 	blue: "text-blue-400",
 	gray: "text-gray-400",
 	lime: "text-lime-400"
-} } }), a = ({ size: n = "s", asChild: a = !1, children: o, className: s, colorType: c, disabled: l, type: u = "button", ...d }) => /* @__PURE__ */ r(a ? t : "button", {
-	className: e("flex h-fit w-max items-center gap-[3px] rounded-[5px] py-[3.5px] pl-[5px]", !l && "hover:bg-gray-50 focus:bg-gray-100", n === "s" ? "typo-t4" : "typo-t3", i({ colorType: c }), s),
+} } }), a = ({ size: n = "s", asChild: a = !1, children: o, className: s, colorType: c, disabled: l, type: u = "button", ...d }) => /* @__PURE__ */ r(a ? e : "button", {
+	className: t("flex h-fit w-max items-center gap-[3px] rounded-[5px] py-[3.5px] pl-[5px]", !l && "hover:bg-gray-50 focus:bg-gray-100", n === "s" ? "typo-t4" : "typo-t3", i({ colorType: c }), s),
 	type: u,
 	...d,
 	children: o

package/dist/components/MiniButton/UnderLineMiniButton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`../../../chunks/utils.BICeWUKj.js`),t=require(`../../../chunks/dist.DABwpBD3.js`),n=require(`../IconMiniButton/index.cjs.js`);let r=require(`react/jsx-runtime`);var i=({size:i=`s`,colorType:a,children:o,url:s,className:c,disabled:l,type:u=`button`,asChild:d=!1,...f})=>(0,r.jsx)(r.Fragment,{children:s?(0,r.jsx)(t.t,{className:e.t(`flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]`,!l&&`underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100`,l?`text-gray-200`:n.miniButtonTextVariants({colorType:a}),i===`s`?`typo-t4`:`typo-t3`,c),...f,children:(0,r.jsx)(`a`,{className:`text-decoration-none`,href:s,rel:`noreferrer`,target:`_blank`,children:o})}):(0,r.jsx)(d?t.t:`button`,{className:e.t(`flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]`,!l&&`underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100`,l?`text-gray-200`:n.miniButtonTextVariants({colorType:a}),i===`s`?`typo-t4`:`typo-t3`,c),disabled:l,type:u,...f,children:o})});exports.UnderLineMiniButton=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/dist.BGio0-Tc.js"),t=require("../../../chunks/utils.C67s_c-g.js"),n=require("../IconMiniButton/index.cjs.js");let r=require("react/jsx-runtime");var i=({size:i=`s`,colorType:a,children:o,url:s,className:c,disabled:l,type:u=`button`,asChild:d=!1,...f})=>(0,r.jsx)(r.Fragment,{children:s?(0,r.jsx)(e.t,{className:t.t(`flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]`,!l&&`underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100`,l?`text-gray-200`:n.miniButtonTextVariants({colorType:a}),i===`s`?`typo-t4`:`typo-t3`,c),...f,children:(0,r.jsx)(`a`,{className:`text-decoration-none`,href:s,rel:`noreferrer`,target:`_blank`,children:o})}):(0,r.jsx)(d?e.t:`button`,{className:t.t(`flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]`,!l&&`underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100`,l?`text-gray-200`:n.miniButtonTextVariants({colorType:a}),i===`s`?`typo-t4`:`typo-t3`,c),disabled:l,type:u,...f,children:o})});exports.UnderLineMiniButton=i;

package/dist/components/MiniButton/UnderLineMiniButton/index.esm.js

@@ -1,10 +1,10 @@
-import { t as e } from "../../../chunks/utils.DKI2ovkh.js";
-import { t } from "../../../chunks/dist.DGTZkVfD.js";
+import { t as e } from "../../../chunks/dist.DxuGUd9a.js";
+import { t } from "../../../chunks/utils.D6DjRYW1.js";
 import { miniButtonTextVariants as n } from "../IconMiniButton/index.esm.js";
 import { Fragment as r, jsx as i } from "react/jsx-runtime";
 //#region src/components/MiniButton/UnderLineMiniButton/index.tsx
-var a = ({ size: a = "s", colorType: o, children: s, url: c, className: l, disabled: u, type: d = "button", asChild: f = !1, ...p }) => /* @__PURE__ */ i(r, { children: c ? /* @__PURE__ */ i(t, {
-	className: e("flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]", !u && "underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100", u ? "text-gray-200" : n({ colorType: o }), a === "s" ? "typo-t4" : "typo-t3", l),
+var a = ({ size: a = "s", colorType: o, children: s, url: c, className: l, disabled: u, type: d = "button", asChild: f = !1, ...p }) => /* @__PURE__ */ i(r, { children: c ? /* @__PURE__ */ i(e, {
+	className: t("flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]", !u && "underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100", u ? "text-gray-200" : n({ colorType: o }), a === "s" ? "typo-t4" : "typo-t3", l),
 	...p,
 	children: /* @__PURE__ */ i("a", {
 		className: "text-decoration-none",
@@ -13,8 +13,8 @@ var a = ({ size: a = "s", colorType: o, children: s, url: c, className: l, disab
 		target: "_blank",
 		children: s
 	})
-}) : /* @__PURE__ */ i(f ? t : "button", {
-	className: e("flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]", !u && "underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100", u ? "text-gray-200" : n({ colorType: o }), a === "s" ? "typo-t4" : "typo-t3", l),
+}) : /* @__PURE__ */ i(f ? e : "button", {
+	className: t("flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]", !u && "underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100", u ? "text-gray-200" : n({ colorType: o }), a === "s" ? "typo-t4" : "typo-t3", l),
 	disabled: u,
 	type: d,
 	...p,

package/dist/components/MiniButton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./BoxMiniButton/index.cjs.js`),t=require(`./IconMiniButton/index.cjs.js`),n=require(`./UnderLineMiniButton/index.cjs.js`);exports.BoxMiniButton=e.BoxMiniButton,exports.IconMiniButton=t.IconMiniButton,exports.UnderLineMiniButton=n.UnderLineMiniButton,exports.miniButtonTextVariants=t.miniButtonTextVariants;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./BoxMiniButton/index.cjs.js"),t=require("./IconMiniButton/index.cjs.js"),n=require("./UnderLineMiniButton/index.cjs.js");exports.BoxMiniButton=e.BoxMiniButton,exports.IconMiniButton=t.IconMiniButton,exports.UnderLineMiniButton=n.UnderLineMiniButton,exports.miniButtonTextVariants=t.miniButtonTextVariants;

package/dist/components/Modal/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../chunks/chunk.BwUGlERp.js`);const e=require(`../../chunks/utils.BICeWUKj.js`),t=require(`../../chunks/dist.DABje4nq.js`);let n=require(`react/jsx-runtime`);function r({...e}){return(0,n.jsx)(t.o,{"data-slot":`dialog`,...e})}function i({...e}){return(0,n.jsx)(t.c,{"data-slot":`dialog-trigger`,...e})}function a({...e}){return(0,n.jsx)(t.a,{"data-slot":`dialog-portal`,...e})}function o({...e}){return(0,n.jsx)(t.t,{"data-slot":`dialog-close`,...e})}function s({className:r,...i}){return(0,n.jsx)(t.i,{className:e.t(`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-1000 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in`,r),"data-slot":`dialog-overlay`,...i})}function c({className:r,children:i,...o}){return(0,n.jsxs)(a,{"data-slot":`dialog-portal`,children:[(0,n.jsx)(s,{}),(0,n.jsx)(t.n,{className:e.t(`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-1000 grid max-h-150 w-full max-w-[320px] translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-[10px] bg-white duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in`,r),"data-slot":`dialog-content`,...o,children:i})]})}function l({className:t,...r}){return(0,n.jsx)(`div`,{className:e.t(`flex flex-col gap-5 px-5 py-[30px] text-center`,t),"data-slot":`dialog-info`,...r})}function u({className:t,...r}){return(0,n.jsx)(`div`,{className:e.t(`flex flex-col gap-2.5`,t),"data-slot":`dialog-header`,...r})}function d({className:t,...r}){return(0,n.jsx)(`div`,{className:e.t(`flex items-center gap-2.5 px-[15px] pb-[15px]`,t),"data-slot":`dialog-footer`,...r})}function f({className:r,...i}){return(0,n.jsx)(t.s,{className:e.t(`typo-h4 whitespace-pre-wrap`,r),"data-slot":`dialog-title`,...i})}function p({className:r,...i}){return(0,n.jsx)(t.r,{className:e.t(`typo-t3 whitespace-pre-wrap text-gray-400`,r),"data-slot":`dialog-description`,...i})}exports.Modal=r,exports.ModalClose=o,exports.ModalContent=c,exports.ModalDescription=p,exports.ModalFooter=d,exports.ModalHeader=u,exports.ModalInfo=l,exports.ModalOverlay=s,exports.ModalPortal=a,exports.ModalTitle=f,exports.ModalTrigger=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/utils.C67s_c-g.js"),t=require("../../chunks/dist.OKn2dMme.js");let n=require("react/jsx-runtime");function r({...e}){return(0,n.jsx)(t.o,{"data-slot":`dialog`,...e})}function i({...e}){return(0,n.jsx)(t.c,{"data-slot":`dialog-trigger`,...e})}function a({...e}){return(0,n.jsx)(t.a,{"data-slot":`dialog-portal`,...e})}function o({...e}){return(0,n.jsx)(t.t,{"data-slot":`dialog-close`,...e})}function s({className:r,...i}){return(0,n.jsx)(t.i,{className:e.t(`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-1000 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in`,r),"data-slot":`dialog-overlay`,...i})}function c({className:r,children:i,...o}){return(0,n.jsxs)(a,{"data-slot":`dialog-portal`,children:[(0,n.jsx)(s,{}),(0,n.jsx)(t.n,{className:e.t(`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-1000 grid max-h-150 w-full max-w-[320px] translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-[10px] bg-white duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in`,r),"data-slot":`dialog-content`,...o,children:i})]})}function l({className:t,...r}){return(0,n.jsx)(`div`,{className:e.t(`flex flex-col gap-5 px-5 py-[30px] text-center`,t),"data-slot":`dialog-info`,...r})}function u({className:t,...r}){return(0,n.jsx)(`div`,{className:e.t(`flex flex-col gap-2.5`,t),"data-slot":`dialog-header`,...r})}function d({className:t,...r}){return(0,n.jsx)(`div`,{className:e.t(`flex items-center gap-2.5 px-[15px] pb-[15px]`,t),"data-slot":`dialog-footer`,...r})}function f({className:r,...i}){return(0,n.jsx)(t.s,{className:e.t(`typo-h4 whitespace-pre-wrap`,r),"data-slot":`dialog-title`,...i})}function p({className:r,...i}){return(0,n.jsx)(t.r,{className:e.t(`typo-t3 whitespace-pre-wrap text-gray-400`,r),"data-slot":`dialog-description`,...i})}exports.Modal=r,exports.ModalClose=o,exports.ModalContent=c,exports.ModalDescription=p,exports.ModalFooter=d,exports.ModalHeader=u,exports.ModalInfo=l,exports.ModalOverlay=s,exports.ModalPortal=a,exports.ModalTitle=f,exports.ModalTrigger=i;

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

@@ -1,15 +1,15 @@
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import type * as React from 'react';
-declare function Modal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function ModalTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function ModalPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function ModalClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function ModalOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function ModalContent({ className, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function ModalInfo({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function ModalHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function ModalFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function ModalTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function ModalDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function Modal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare function ModalTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+declare function ModalPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
+declare function ModalClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+declare function ModalOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
+declare function ModalContent({ className, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Content>): React.JSX.Element;
+declare function ModalInfo({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ModalHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ModalFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ModalTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
+declare function ModalDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
 export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalInfo, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAE7E;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEvF;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErF;AAED,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEnF;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWlG;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAgB5G;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAExE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQ9F;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1G;AAED,OAAO,EACN,KAAK,EACL,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,GACZ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBAE7E;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAEvF;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,qBAErF;AAED,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAEnF;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAWlG;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAgB5G;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQtE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAExE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQ9F;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,qBAQ1G;AAED,OAAO,EACN,KAAK,EACL,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,GACZ,CAAC"}

package/dist/components/Modal/index.esm.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../chunks/utils.DKI2ovkh.js";
-import { a as t, c as n, i as r, n as i, o as a, r as o, s, t as c } from "../../chunks/dist.CRh4n7mf.js";
+import { t as e } from "../../chunks/utils.D6DjRYW1.js";
+import { a as t, c as n, i as r, n as i, o as a, r as o, s, t as c } from "../../chunks/dist.o_suB-Ao.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/Modal/index.tsx
 function d({ ...e }) {