@wishket/design-system 1.17.3 → 1.17.4

package/dist/cjs/Components/DataDisplays/Li/Li.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("tailwind-merge");function t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function c(e,r){if(null==e)return{};var t,n,c=function(e,r){if(null==e)return{};var t,n,c={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(c[t]=e[t]);return c}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(c[t]=e[t])}return c}const o=()=>/*#__PURE__*/e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"3",height:"3",viewBox:"0 0 3 3",fill:"none",className:"shrink-0",children:/*#__PURE__*/e.jsx("circle",{cx:"1.5",cy:"1.5",r:"1.5",fill:"currentColor"})});
 /**
  * 리스트 아이템 컴포넌트입니다.
  *
  * @param {Object} props - 컴포넌트 프로퍼티
- * @param {Variant} [props.variant] - 텍스트 타이포그래피 variant (기본값: body1)
+ * @param {Variant} [props.variant] - 텍스트 타이포그래피 variant (기본값: body16)
  * @param {string} [props.bulletClassName] - 리스트 아이템 불릿 클래스명 (기본값: 'text-w-bluegray-300')
  * @param {number} [props.bulletSize] - 리스트 아이템 불릿 크기 (지름, 기본값: 3)
  * @param {number} [props.gap] - 불릿과 children 간격 (기본값: 2)
@@ -14,7 +14,7 @@
  * <Li>내용을 적어줍니다.</Li>
  *
  * // 타이포그래피 variant 변경
- * <Li variant="title3">내용을 적어줍니다.</Li>
+ * <Li variant="title28">내용을 적어줍니다.</Li>
  *
  * // 불릿 색상 조절
  * <Li bulletClassName="text-w-red-800">내용을 적어줍니다.</Li>
@@ -28,8 +28,7 @@
  * // 커스텀 클래스와 함께 사용
  * <Li className="text-w-red-800">내용을 적어줍니다.</Li>
  *
- */
-const l={title1:{fontSize:"48px",lineHeight:"64px"},title2:{fontSize:"32px",lineHeight:"48px"},title3:{fontSize:"24px",lineHeight:"36px"},subTitle1:{fontSize:"20px",lineHeight:"30px"},subTitle2:{fontSize:"18px",lineHeight:"28px"},contents1:{fontSize:"18px",lineHeight:"32px"},contents2:{fontSize:"16px",lineHeight:"30px"},body1:{fontSize:"16px",lineHeight:"26px"},body2:{fontSize:"14px",lineHeight:"24px"},body3:{fontSize:"13px",lineHeight:"20px"},caption1:{fontSize:"12px",lineHeight:"18px"},caption2:{fontSize:"11px",lineHeight:"14px"}},n=({size:n=3,variant:s="body1",className:x})=>{var o;const p=n/2,r=4*n,a=(null===(o=l[s])||void 0===o?void 0:o.lineHeight)||"26px",g=parseInt(a)/2-r/2;/*#__PURE__*/
-return e.jsx(i.Box,{className:t.twMerge("flex-shrink-0",x),style:{marginTop:`${g}px`,width:`${r}px`,height:`${r}px`},"data-testid":"design-system-li-bullet-container",children:/*#__PURE__*/e.jsx("svg",{width:r,height:r,viewBox:`0 0 ${r} ${r}`,fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"design-system-li-bullet",children:/*#__PURE__*/e.jsx("circle",{cx:r/2,cy:r/2,r:p,fill:"currentColor"})})})};exports.BulletIcon=n,exports.default=({children:i,variant:l="body1",gap:s=2,bulletSize:x=3,bulletClassName:o="text-w-bluegray-300",className:p})=>/*#__PURE__*/e.jsxs("li",{className:t.twMerge(`flex gap-${s} typo-${l}`,p),children:[
-/*#__PURE__*/e.jsx(n,{size:x,variant:l,className:o}),
-/*#__PURE__*/e.jsx("span",{children:i})]}),exports.typographyStyles=l;
+ */exports.Bullet=o,exports.default=l=>{var{children:i,className:s}=l,u=c(l,["children","className"]);const a=`${(null==s?void 0:s.includes("typo-"))?"":"typo-body14"} ${s||""}`.trim();/*#__PURE__*/
+return e.jsxs("li",n(function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},c=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(c=c.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),c.forEach((function(r){t(e,r,n[r])}))}return e}({className:r.twMerge("flex gap-2 text-w-gray-500",a)},u),{children:[
+/*#__PURE__*/e.jsx("span",{className:"inline-flex h-[1lh] shrink-0 items-center",children:/*#__PURE__*/e.jsx(o,{})}),
+/*#__PURE__*/e.jsx("span",{children:i})]}))};

package/dist/cjs/Components/DataDisplays/ProductIcon/ProductIcon.js

@@ -1,11 +1,5 @@
 "use strict";var e=require("react/jsx-runtime"),r=require("./ProductIcon.constants.js");function t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}exports.ProductIcon=({name:n,disabled:c=!1,size:o})=>{const u=c=>{const o=r.productIcons.get(n);return o&&/*#__PURE__*/e.jsx(o,function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},c=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(c=c.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),c.forEach((function(r){t(e,r,n[r])}))}return e}
 /**
- * 제품 아이콘을 표시하는 컴포넌트입니다.
- *
- * @param {Object} props - 컴포넌트 속성
- * @param {ProductIconName} props.name - 표시할 아이콘의 이름
- * @param {boolean} [props.disabled=false] - 아이콘의 비활성화 상태 여부
- * @param {'small' | 'medium' | 'large'} [props.size] - 아이콘의 크기. 지정하지 않으면 아이콘 이름에 따라 자동으로 결정됨
- * @returns {JSX.Element} 제품 아이콘 컴포넌트
+ * 타입 가드 함수: name이 LargeProductIconName인지 확인합니다.
  */({},c))};/*#__PURE__*/
-return e.jsx(u,{disabled:c,size:o||(r.LargeProductIconNames.includes(n)?"large":r.MediumProductIconNames.includes(n)?"medium":r.SmallProductIconNames.includes(n)?"small":void 0)})};
+return e.jsx(u,{disabled:c,size:o||((e=>r.LargeProductIconNames.includes(e))(n)?"large":(e=>r.MediumProductIconNames.includes(e))(n)?"medium":(e=>r.SmallProductIconNames.includes(e))(n)?"small":void 0)})};

package/dist/cjs/Components/DataDisplays/SkillLabel/SkillLabel.parts.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");exports.Icon=({className:r,iconUrl:t})=>/*#__PURE__*/e.jsx("img",{"data-testid":"design-system-skill-chip--icon",src:t,alt:"icon",width:24,height:24,className:s.twMerge("size-6 shrink-0 rounded-full object-cover",r)}),exports.Root=({children:r,className:a})=>/*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-skill-chip",className:s.twMerge("flex h-9 w-fit shrink-0 select-none items-center gap-2 rounded-xl border border-w-gray-200 py-[5px] pl-[7px] pr-[15px]",a),children:r}),exports.Text=({children:t,className:a})=>/*#__PURE__*/e.jsx(r.Typography,{variant:"body2",className:s.twMerge("text-w-gray-900",a),children:t});
+"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");exports.Icon=({className:r,iconUrl:t})=>/*#__PURE__*/e.jsx("img",{"data-testid":"design-system-skill-chip--icon",src:t,alt:"icon",width:24,height:24,className:s.twMerge("size-6 shrink-0 rounded-full object-cover",r)}),exports.Root=({children:r,className:a})=>/*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-skill-chip",className:s.twMerge("flex h-9 w-fit shrink-0 select-none items-center gap-2 rounded-xl border border-w-gray-200 py-[5px] pl-[7px] pr-[15px]",a),children:r}),exports.Text=({children:t,className:a})=>/*#__PURE__*/e.jsx(r.Typography,{variant:"body14",className:s.twMerge("text-w-gray-900",a),children:t});

package/dist/cjs/Components/DataDisplays/SystemIcon/Icons/Large/LargeUserImageAvatar.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime");require("react");exports.LargeUserImageAvatar=({testId:t,className:s})=>/*#__PURE__*/e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:s,"data-testid":t,children:[
-/*#__PURE__*/e.jsx("rect",{width:"24",height:"24",fill:"#E0E0E0"}),
-/*#__PURE__*/e.jsx("circle",{cx:"12",cy:"9",r:"4.5",fill:"#FAFAFA"}),
-/*#__PURE__*/e.jsx("path",{d:"M3 21.75C3 18.0221 6.02208 15 9.75 15H14.25C17.9779 15 21 18.0221 21 21.75V24H3V21.75Z",fill:"#FAFAFA"})]});
+"use strict";var t=require("react/jsx-runtime");exports.LargeUserImageAvatar=({testId:e,className:i})=>/*#__PURE__*/t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:i,"data-testid":e,children:[
+/*#__PURE__*/t.jsx("rect",{width:"24",height:"24",fill:"currentColor"}),
+/*#__PURE__*/t.jsx("circle",{cx:"12",cy:"9",r:"4.5",fill:"white",opacity:"0.85"}),
+/*#__PURE__*/t.jsx("path",{d:"M3 21.75C3 18.0221 6.02208 15 9.75 15H14.25C17.9779 15 21 18.0221 21 21.75V24H3V21.75Z",fill:"white",opacity:"0.85"})]});

package/dist/cjs/Components/Feedbacks/DialogBox/DialogBox.js

@@ -1,6 +1,6 @@
 "use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),a=require("../../Base/Typography/Typography.js"),o=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var s=require("../../Inputs/Button/Button.js");exports.DialogBox=({title:l,description:t,variant:i="primary",onClose:n,onConfirm:c,confirm:u,close:d="닫기",testId:g})=>{const x="caution"===i;/*#__PURE__*/
 return e.jsxs(o.Box,{className:"flex h-fit flex-col items-center gap-8 rounded-3xl bg-w-white p-8 font-normal not-italic shadow-modal tablet:w-[400px]","data-testid":g||"design-system--dialog-box",children:[
 /*#__PURE__*/e.jsxs(o.Box,{className:"flex w-full flex-col gap-6",children:[
-/*#__PURE__*/e.jsx(a.Typography,{variant:"subTitle2",className:"font-medium text-w-gray-900",children:l}),
-/*#__PURE__*/e.jsx(a.Typography,{variant:"body1",className:"whitespace-break-spaces text-w-gray-800",children:t})]}),
+/*#__PURE__*/e.jsx(a.Typography,{variant:"subTitle18",className:"font-medium text-w-gray-900",children:l}),
+/*#__PURE__*/e.jsx(a.Typography,{variant:"body16",className:"whitespace-break-spaces text-w-gray-800",children:t})]}),
 /*#__PURE__*/e.jsxs(o.Box,{className:"flex w-full items-center justify-end gap-4",children:[d&&/*#__PURE__*/e.jsx(s.Button,{role:"close",onClick:n,variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-300 hover:bg-w-bluegray-300",children:d}),u&&/*#__PURE__*/e.jsx(s.Button,{role:"confirm",onClick:c,variant:"solid",className:r.twJoin(x&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-600 hover:bg-w-orange-600"),children:u})]})]})};

package/dist/cjs/Components/Feedbacks/LoadingIndicator/LoadingIndicator.js

@@ -1,5 +1,28 @@
-"use strict";var e=require("react/jsx-runtime");require("react");var r=require("tailwind-merge"),i=require("../../Base/Layouts/Box/Box.js"),t=require("./LoadingIndicator.parts.js");exports.LoadingIndicator=({isFixed:a=!1,size:s="md",className:n})=>{const{width:c,height:l,viewBox:o,circle:d,r:u}=t.SIZES[s];/*#__PURE__*/
-return e.jsx(i.Box,{role:"loading-indicator",className:r.twMerge("left-1/2 top-1/2 aspect-square -translate-x-1/2 -translate-y-1/2",a?"fixed":"absolute",t.generateBoxSize(s)),children:/*#__PURE__*/e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",role:"loading-indicator--dots",width:c,height:l,viewBox:o,fill:"none",className:r.twMerge("text-primary",n),children:[
-/*#__PURE__*/e.jsx("circle",{cx:d[0],cy:d[1],r:u,fill:"currentColor",children:/*#__PURE__*/e.jsx("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0s"})}),
-/*#__PURE__*/e.jsx("circle",{cx:d[1],cy:d[1],r:u,fill:"currentColor",children:/*#__PURE__*/e.jsx("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0.3s"})}),
-/*#__PURE__*/e.jsx("circle",{cx:d[2],cy:d[1],r:u,fill:"currentColor",children:/*#__PURE__*/e.jsx("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0.6s"})})]})})};
+"use strict";var e=require("react/jsx-runtime"),i=require("tailwind-merge"),r=require("../../Base/Layouts/Box/Box.js"),t=require("./LoadingIndicator.parts.js");
+/**
+ * 로딩 상태를 표시하는 애니메이션 인디케이터 컴포넌트입니다.
+ * 세 개의 점이 순차적으로 페이드 인/아웃되는 애니메이션을 보여줍니다.
+ *
+ * @param {Object} props - 컴포넌트 프로퍼티
+ * @param {('primary'|'white'|'gray')} [props.variant='primary'] - 로딩 인디케이터의 색상 변형
+ * @param {boolean} [props.isFixed=false] - true일 경우 position: fixed, false일 경우 position: absolute로 설정됩니다.
+ * @param {('sm'|'md'|'lg')} [props.size='md'] - 로딩 인디케이터의 크기를 설정합니다.
+ * @param {string} [props.ariaLabel='로딩 중'] - 스크린 리더를 위한 로딩 상태 설명
+ * @param {string} [props.className] - 추가적인 CSS 클래스를 적용할 수 있습니다.
+ *
+ * @example
+ * // 기본 사용
+ * <LoadingIndicator />
+ *
+ * // 고정 위치에 큰 크기로 표시
+ * <LoadingIndicator isFixed size="lg" />
+ *
+ * // 커스텀 클래스 적용
+ * <LoadingIndicator className="text-blue-500" />
+ *
+ */
+const a={primary:"text-primary",white:"text-w-white",gray:"text-w-gray-400"};exports.LoadingIndicator=({variant:s="primary",isFixed:n=!1,size:l="md",ariaLabel:c="로딩 중",className:o})=>{const{width:u,height:d,viewBox:x,circle:g,r:m}=t.SIZES[l],h=a[s];/*#__PURE__*/
+return e.jsx(r.Box,{role:"status","aria-live":"polite","aria-label":c,"aria-busy":"true",className:i.twMerge("left-1/2 top-1/2 aspect-square -translate-x-1/2 -translate-y-1/2",n?"fixed":"absolute",t.generateBoxSize(l)),children:/*#__PURE__*/e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true","data-testid":"loading-indicator-svg",width:u,height:d,viewBox:x,fill:"none",className:i.twMerge(h,o),children:[
+/*#__PURE__*/e.jsx("circle",{cx:g[0],cy:g[1],r:m,fill:"currentColor",children:/*#__PURE__*/e.jsx("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0s"})}),
+/*#__PURE__*/e.jsx("circle",{cx:g[1],cy:g[1],r:m,fill:"currentColor",children:/*#__PURE__*/e.jsx("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0.3s"})}),
+/*#__PURE__*/e.jsx("circle",{cx:g[2],cy:g[1],r:m,fill:"currentColor",children:/*#__PURE__*/e.jsx("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0.6s"})})]})})};

package/dist/cjs/Components/Feedbacks/MessageBar/MessageBar.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),a=require("../../Base/Typography/Typography.js"),r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var t=require("../../DataDisplays/ProductIcon/ProductIcon.js");require("../../DataDisplays/Accordion/Accordion.js");var i=require("../../Inputs/Button/Button.js");
+"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),a=require("../../Base/Typography/Typography.js"),r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var t=require("../../DataDisplays/ProductIcon/ProductIcon.js");require("../../DataDisplays/Accordion/Accordion.js");var i=require("../../Inputs/Button/Button.js");
 /**
  * 사용자에게 정보를 표시하는 메시지 바 컴포넌트입니다.
  *
@@ -43,5 +43,5 @@
  */exports.MessageBar=({variant:n="primary",icon:o,title:d,text:l,buttonName:c,onClick:u})=>{const m="primary"===n,y="white"===n;/*#__PURE__*/
 return e.jsxs(r.Box,{"data-testid":"design-system-message-bar",className:s.twMerge("flex w-full items-center gap-5 rounded-2xl border px-8 py-5",m&&"border-primary-100 bg-primary-10",y&&"border-w-gray-200 bg-white"),children:[
 /*#__PURE__*/e.jsx(r.Box,{className:"shrink-0","data-testid":"design-system-message-bar--icon",children:/*#__PURE__*/e.jsx(t.ProductIcon,{name:o,size:"medium"})}),
-/*#__PURE__*/e.jsxs(r.Box,{className:"flex w-full flex-col gap-1",children:[d&&/*#__PURE__*/e.jsx(a.Typography,{variant:"subTitle2",className:"font-medium text-w-gray-900","data-testid":"design-system-message-bar--title",children:d}),
-/*#__PURE__*/e.jsx(a.Typography,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:l})]}),c&&u&&/*#__PURE__*/e.jsx(i.Button,{variant:"outlined",size:"sm",className:"shrink-0",onClick:u,"data-testid":"design-system-message-bar--button",children:c})]})};
+/*#__PURE__*/e.jsxs(r.Box,{className:"flex w-full flex-col gap-1",children:[d&&/*#__PURE__*/e.jsx(a.Typography,{variant:"subTitle18",className:"font-medium text-w-gray-900","data-testid":"design-system-message-bar--title",children:d}),
+/*#__PURE__*/e.jsx(a.Typography,{variant:"body16",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:l})]}),c&&u&&/*#__PURE__*/e.jsx(i.Button,{variant:"outlined",size:"36",className:"shrink-0",onClick:u,"data-testid":"design-system-message-bar--button",children:c})]})};

package/dist/cjs/Components/Feedbacks/MessageBox/MessageBox.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime");require("tailwind-merge"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var s=require("../../Base/Typography/Typography.js"),r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var a=require("../../DataDisplays/ProductIcon/ProductIcon.js"),i=require("../../DataDisplays/Divider/Divider.js");require("../../DataDisplays/Accordion/Accordion.js");var t=require("./MessageBox.parts.js");
+"use strict";var e=require("react/jsx-runtime");require("../../DataDisplays/Avatar/Avatar.js"),require("tailwind-merge");var s=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var r=require("../../DataDisplays/ProductIcon/ProductIcon.js"),i=require("../../DataDisplays/Divider/Divider.js");require("../../DataDisplays/Accordion/Accordion.js");var t=require("./MessageBox.parts.js");
 /**
  * 아이콘, 제목, 설명, 외부 링크 등을 포함할 수 있는 메시지 박스 컴포넌트입니다.
  *
@@ -33,9 +33,9 @@
  * >
  *   <CustomContent />
  * </MessageBox>
- */exports.MessageBox=({icon:o,title:l,description:n,children:c,links:d})=>/*#__PURE__*/e.jsxs(r.Box,{className:"box-border flex h-auto flex-col rounded-3xl border border-w-gray-200","data-testid":"design-system-message-box--container",children:[
-/*#__PURE__*/e.jsxs(r.Box,{className:"flex h-auto flex-col gap-4 p-6",children:[o&&/*#__PURE__*/e.jsx(r.Box,{className:"size-10 flex-shrink-0",children:/*#__PURE__*/e.jsx(a.ProductIcon,{name:o,size:"medium"})}),
-/*#__PURE__*/e.jsxs(r.Box,{className:"flex h-auto flex-col gap-1.5",children:[
-/*#__PURE__*/e.jsx(s.Typography,{variant:"subTitle2",className:"whitespace-pre-line font-medium text-w-gray-900","data-testid":"design-system-message-box--title",children:l}),n&&/*#__PURE__*/e.jsx(s.Typography,{variant:"body1",className:"whitespace-pre-line font-normal text-w-gray-600","data-testid":"design-system-message-box--description",children:n}),c]})]}),d&&d.length>0&&/*#__PURE__*/e.jsxs(e.Fragment,{children:[
+ */exports.MessageBox=({icon:o,title:l,description:n,children:c,links:d})=>/*#__PURE__*/e.jsxs(a.Box,{className:"box-border flex h-auto flex-col rounded-3xl border border-w-gray-200","data-testid":"design-system-message-box--container",children:[
+/*#__PURE__*/e.jsxs(a.Box,{className:"flex h-auto flex-col gap-4 p-6",children:[o&&/*#__PURE__*/e.jsx(a.Box,{className:"size-10 shrink-0",children:/*#__PURE__*/e.jsx(r.ProductIcon,{name:o,size:"medium"})}),
+/*#__PURE__*/e.jsxs(a.Box,{className:"flex h-auto flex-col gap-1.5",children:[
+/*#__PURE__*/e.jsx(s.Typography,{variant:"subTitle18",className:"whitespace-pre-line font-medium text-w-gray-900","data-testid":"design-system-message-box--title",children:l}),n&&/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"whitespace-pre-line font-normal text-w-gray-600","data-testid":"design-system-message-box--description",children:n}),c]})]}),d&&d.length>0&&/*#__PURE__*/e.jsxs(e.Fragment,{children:[
 /*#__PURE__*/e.jsx(i.Divider,{}),
 /*#__PURE__*/e.jsx(t.ExternalLinks,{links:d})]})]});

package/dist/cjs/Components/Feedbacks/MessageBox/MessageBox.parts.js

@@ -1,3 +1,3 @@
-"use strict";var e=require("react/jsx-runtime");require("tailwind-merge"),require("react");var s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var r=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Accordion/Accordion.js");exports.ExternalLinks=({links:t})=>/*#__PURE__*/e.jsx(a.Box,{className:"flex h-auto w-full flex-col gap-3 p-6","data-testid":"design-system-message-box--external-links-container",children:null==t?void 0:t.map(((a,t)=>/*#__PURE__*/e.jsxs("a",{target:a.target||"_blank",href:a.url,className:"flex items-center justify-between text-w-gray-600 no-underline","data-testid":`design-system-message-box--external-links-item-${t}`,children:[
-/*#__PURE__*/e.jsx(r.Typography,{variant:"body1",className:"hover:underline hover:underline-offset-2",children:a.title}),
-/*#__PURE__*/e.jsx(s.SystemIcon,{name:"small_arrow_right"})]},`${a.title}-${a.url}`)))});
+"use strict";var e=require("react/jsx-runtime");require("../../DataDisplays/Avatar/Avatar.js"),require("tailwind-merge");var s=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var r=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");exports.ExternalLinks=({links:t})=>/*#__PURE__*/e.jsx(a.Box,{className:"flex h-auto w-full flex-col gap-3 p-6","data-testid":"design-system-message-box--external-links-container",children:null==t?void 0:t.map(((a,t)=>/*#__PURE__*/e.jsxs("a",{target:a.target||"_blank",href:a.url,className:"flex items-center justify-between text-w-gray-600 no-underline","data-testid":`design-system-message-box--external-links-item-${t}`,children:[
+/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"hover:underline hover:underline-offset-2",children:a.title}),
+/*#__PURE__*/e.jsx(r.SystemIcon,{name:"small_arrow_right"})]},`${a.title}-${a.url}`)))});

package/dist/cjs/Components/Feedbacks/SnackBar/SnackBar.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge");require("react");var a=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var r=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Accordion/Accordion.js");var n=require("./SnackBar.types.js");
+"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var r=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");
 /**
  * 사용자에게 상태 메시지를 표시하는 스낵바 컴포넌트
  *
@@ -21,13 +21,8 @@
  *   type="caution"
  *   onClose={() => console.log('스낵바 닫힘')}
  * />
- */const c=({type:s})=>{switch(s){case n.messageType.Information:/*#__PURE__*/
-return e.jsx(a.SystemIcon,{name:"medium_information",className:"text-success",testId:"design-system-message-bar--information-icon"});case n.messageType.Success:/*#__PURE__*/
-return e.jsx(a.SystemIcon,{name:"medium_success",className:"text-success",testId:"design-system-message-bar--success-icon"});case n.messageType.Progress:/*#__PURE__*/
-return e.jsx(a.SystemIcon,{name:"medium_success",className:"text-progress",testId:"design-system-message-bar--progress-icon"});case n.messageType.Waiting:/*#__PURE__*/
-return e.jsx(a.SystemIcon,{name:"medium_wait",className:"text-waiting",testId:"design-system-message-bar--waiting-icon"});case n.messageType.Caution:/*#__PURE__*/
-return e.jsx(a.SystemIcon,{name:"medium_caution",className:"text-caution",testId:"design-system-message-bar--caution-icon"});case n.messageType.Error:/*#__PURE__*/
-return e.jsx(a.SystemIcon,{name:"medium_error",className:"text-error",testId:"design-system-message-bar--error-icon"});default:return null}};exports.SnackBar=({message:i,type:m,onClose:o})=>{const u=!!o;/*#__PURE__*/
-return e.jsxs(t.Box,{"data-testid":"design-system-message-bar",className:s.twMerge((e=>{switch(e){case n.messageType.Information:case n.messageType.Success:return"bg-success-10 border-success-100";case n.messageType.Progress:return"bg-progress-10 border-progress-100";case n.messageType.Waiting:return"bg-waiting-10 border-waiting-100";case n.messageType.Caution:return"bg-caution-10 border-caution-100";case n.messageType.Error:return"bg-error-10 border-error-100";default:return""}})(m),"box-border flex w-full items-start justify-between gap-x-4 rounded-xl border px-6 py-4"),children:[
-/*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-message-bar--icon",className:"pt-[5px]",children:/*#__PURE__*/e.jsx(c,{type:m})}),
-/*#__PURE__*/e.jsx(t.Box,{className:"w-full",children:/*#__PURE__*/e.jsx(r.Typography,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:i})}),u&&/*#__PURE__*/e.jsx(t.Box,{onClick:o,"data-testid":"design-system-message-bar--close-button",className:"pt-[5px]",children:/*#__PURE__*/e.jsx(a.SystemIcon,{name:"medium_delete",className:"text-w-gray-400"})})]})};
+ */
+const o={information:{name:"medium_information",color:"text-success"},success:{name:"medium_success",color:"text-success"},progress:{name:"medium_success",color:"text-progress"},waiting:{name:"medium_wait",color:"text-waiting"},caution:{name:"medium_caution",color:"text-caution"},error:{name:"medium_error",color:"text-error"}},i={information:"bg-success-10 border-success-100",success:"bg-success-10 border-success-100",progress:"bg-progress-10 border-progress-100",waiting:"bg-waiting-10 border-waiting-100",caution:"bg-caution-10 border-caution-100",error:"bg-error-10 border-error-100"},c=({type:s})=>{const r=o[s];return r?/*#__PURE__*/e.jsx(t.SystemIcon,{name:r.name,className:r.color,testId:`design-system-message-bar--${s}-icon`}):null};exports.SnackBar=({message:o,type:n,onClose:m,className:u})=>{const l=!!m;/*#__PURE__*/
+return e.jsxs(a.Box,{"data-testid":"design-system-message-bar",role:"alert",className:s.twMerge(i[n],"box-border flex w-full items-start justify-between gap-x-4 rounded-xl border px-6 py-4",u),children:[
+/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system-message-bar--icon",className:"pt-[5px]",children:/*#__PURE__*/e.jsx(c,{type:n})}),
+/*#__PURE__*/e.jsx(a.Box,{className:"w-full",children:/*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:o})}),l&&/*#__PURE__*/e.jsx("button",{type:"button","aria-label":"닫기",onClick:m,"data-testid":"design-system-message-bar--close-button",className:"pt-[5px]",children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:"medium_delete",className:"text-w-gray-400"})})]})};

package/dist/cjs/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.js

@@ -0,0 +1,31 @@
+"use strict";var t=require("react/jsx-runtime"),e=require("tailwind-merge"),a=require("../../../Base/Typography/Typography.js"),o=require("../../../Base/Layouts/Box/Box.js");require("../../../Base/Layouts/FullBleed/FullBleed.js");var r=require("./PlainTooltip.parts.js");const s={up:{position:"bottom-full left-1/2 -translate-x-1/2 -translate-y-1",hover:"group-hover:-translate-y-3",focus:"max-tablet:group-focus-within:-translate-y-3"},down:{position:"left-1/2 top-full -translate-x-1/2 translate-y-1",hover:"group-hover:translate-y-3",focus:"max-tablet:group-focus-within:translate-y-3"},left:{position:"right-full top-1/2 -translate-y-1/2 -translate-x-1",hover:"group-hover:-translate-x-3",focus:"max-tablet:group-focus-within:-translate-x-3"},right:{position:"left-full top-1/2 -translate-y-1/2 translate-x-1",hover:"group-hover:translate-x-3",focus:"max-tablet:group-focus-within:translate-x-3"}};
+/**
+ * 간단한 텍스트 툴팁을 표시하는 컴포넌트입니다.
+ *
+ * @component
+ * @param {Object} props
+ * @param {string} props.text - 툴팁에 표시될 텍스트
+ * @param {'up' | 'down' | 'left' | 'right'} [props.variant='up'] - 툴팁 표시 방향
+ * @param {string} [props.className] - 툴팁 컨테이너에 적용할 추가 클래스
+ *
+ * @example
+ * // 기본 사용법
+ * <Tooltip>
+ *   <Tooltip.Trigger>
+ *     <button>마우스를 올려보세요</button>
+ *   </Tooltip.Trigger>
+ *   <Tooltip.Plain variant="up" text="도움말 내용" />
+ * </Tooltip>
+ *
+ * @example
+ * // 방향 지정
+ * <Tooltip>
+ *   <Tooltip.Trigger>
+ *     <span>도움말</span>
+ *   </Tooltip.Trigger>
+ *   <Tooltip.Plain variant="right" text="오른쪽에 표시되는 툴팁" />
+ * </Tooltip>
+ */exports.PlainTooltip=({id:i,text:l,variant:n="up",className:u})=>{const p=s[n];/*#__PURE__*/
+return t.jsxs(o.Box,{className:e.twMerge("pointer-events-none absolute z-10 w-max select-none","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","group-hover:visible group-hover:scale-100 group-hover:opacity-100","max-tablet:group-focus-within:visible max-tablet:group-focus-within:scale-100 max-tablet:group-focus-within:opacity-100",p.position,p.hover,p.focus,u),role:"tooltip",id:i,"data-testid":"design-system-plain-toolTip--container",children:[
+/*#__PURE__*/t.jsx(r.Arrow,{testId:"design-system-plain-toolTip--arrow",variant:n}),
+/*#__PURE__*/t.jsx(o.Box,{className:"z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg bg-w-black px-3 py-1 text-center",children:/*#__PURE__*/t.jsx(a.Typography,{variant:"body13",className:"whitespace-pre text-wrap break-all font-medium text-w-white opacity-100",children:l})})]})};

package/dist/cjs/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.parts.js

@@ -0,0 +1 @@
+"use strict";var t=require("react/jsx-runtime");require("react");var e=require("tailwind-merge");exports.Arrow=({testId:r,variant:a})=>/*#__PURE__*/t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"5",height:"10",viewBox:"0 0 5 10",fill:"none","data-testid":r,className:e.twJoin("absolute z-10","up"===a&&"-bottom-[7px] left-1/2 -translate-x-1/2 -rotate-90","down"===a&&"-top-[7px] left-1/2 -translate-x-1/2 rotate-90","left"===a&&"-right-[5px] top-1/2 -translate-y-1/2 rotate-180","right"===a&&"-left-[5px] top-1/2 -translate-y-1/2 rotate-0"),children:/*#__PURE__*/t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.96244e-08 5L5 -1.10263e-07L5 10L5.96244e-08 5Z",fill:"black"})});

package/dist/cjs/Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js

@@ -0,0 +1,32 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("../../../Base/Typography/Typography.js"),o=require("../../../Base/Layouts/Box/Box.js");require("../../../Base/Layouts/FullBleed/FullBleed.js");const s={right:{position:"top-0 left-[calc(100%_+_4px)]",hover:"group-hover:left-[calc(100%_+_12px)]",focus:"max-tablet:group-focus-within:left-[calc(100%_+_12px)]"},down:{position:"left-0 top-[calc(100%_+_4px)]",hover:"group-hover:top-[calc(100%_+_12px)]",focus:"max-tablet:group-focus-within:top-[calc(100%_+_12px)]"}};
+/**
+ * 제목과 설명을 포함할 수 있는 리치 툴팁 컴포넌트입니다.
+ *
+ * @component
+ * @param {object} props - 컴포넌트 프로퍼티
+ * @param {string} [props.title] - 툴팁의 제목
+ * @param {string} [props.description] - 툴팁의 상세 설명
+ * @param {'right' | 'down'} [props.variant='right'] - 툴팁 표시 방향
+ * @param {string} [props.className] - 추가적인 CSS 클래스
+ * @param {React.ReactNode} [props.children] - 자식 컴포넌트
+ *
+ * @example
+ * // 기본 사용법
+ * <Tooltip>
+ *   <Tooltip.Trigger>
+ *     <SystemIcon name="medium_information" />
+ *   </Tooltip.Trigger>
+ *   <Tooltip.Rich variant="right" title="알림" description="새로운 메시지가 도착했습니다.">
+ *     <button>확인</button>
+ *   </Tooltip.Rich>
+ * </Tooltip>
+ *
+ * // 아래로 표시
+ * <Tooltip>
+ *   <Tooltip.Trigger>
+ *     <SystemIcon name="medium_information" />
+ *   </Tooltip.Trigger>
+ *   <Tooltip.Rich variant="down" title="경고" description="저장되지 않은 변경사항이 있습니다." />
+ * </Tooltip>
+ */exports.RichTooltip=({id:a,title:r,description:l,variant:c="right",className:p,children:n})=>{const u=s[c];/*#__PURE__*/
+return e.jsx(o.Box,{className:t.twMerge("absolute z-10","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","group-hover:visible group-hover:scale-100 group-hover:opacity-100","max-tablet:group-focus-within:visible max-tablet:group-focus-within:scale-100 max-tablet:group-focus-within:opacity-100",u.position,u.hover,u.focus),role:"tooltip",id:a,"data-testid":"design-system-rich-tooltip--container",children:/*#__PURE__*/e.jsxs(o.Box,{className:t.twMerge("flex min-w-80 flex-col gap-1 rounded-xl bg-white px-6 py-5 shadow-graymedium",p),"data-testid":"design-system-rich-tooltip",children:[r&&/*#__PURE__*/e.jsx(o.Box,{className:"flex w-full items-start justify-between gap-4","data-testid":"design-system-rich-tooltip--title",children:/*#__PURE__*/e.jsx(i.Typography,{variant:"body14",className:"font-medium text-w-gray-900",children:r})}),l&&/*#__PURE__*/e.jsx(i.Typography,{variant:"body13",className:"text-w-gray-400","data-testid":"design-system-rich-tooltip--description",children:l}),n]})})};

package/dist/cjs/Components/Feedbacks/Tooltip/Tooltip.js

@@ -0,0 +1,26 @@
+"use client";"use strict";var e=require("react/jsx-runtime"),i=require("tailwind-merge"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var l=require("./PlainTooltip/PlainTooltip.js"),s=require("./RichTooltip/RichTooltip.js");
+/**
+ * 툴팁의 루트 컴포넌트입니다.
+ * CSS 기반 hover와 focus로 동작합니다.
+ *
+ * @param {TooltipProps} props - 툴팁 컴포넌트의 프로퍼티
+ * @param {string} props.className - 툴팁 컴포넌트의 클래스 이름
+ *
+ * @example
+ * <Tooltip>
+ *   <Tooltip.Trigger>
+ *     <button>버튼</button>
+ *   </Tooltip.Trigger>
+ *   <Tooltip.Plain variant="up" text="간단한 툴팁" />
+ * </Tooltip>
+ */
+const o=({children:l,className:s})=>/*#__PURE__*/e.jsx(t.Box,{className:i.twMerge("group relative inline-block h-fit w-fit",s),"data-testid":"design-system-tooltip",children:l});
+/**
+ * 툴팁 트리거 컴포넌트입니다.
+ * 데스크톱에서는 CSS hover로, 모바일에서는 터치(focus)로 툴팁을 표시합니다.
+ *
+ * @example
+ * <Tooltip.Trigger>
+ *   <SystemIcon name="medium_information" />
+ * </Tooltip.Trigger>
+ */o.Trigger=({children:i})=>/*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-tooltip--trigger",className:"focus:outline-hidden h-fit w-fit",tabIndex:0,children:i}),o.Plain=l.PlainTooltip,o.Rich=s.RichTooltip,exports.Tooltip=o;

package/dist/cjs/Components/Inputs/AutoCompleteList/AutoCompleteList.js

@@ -1,4 +1,4 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("react"),n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var s=require("../../DataDisplays/Divider/Divider.js");require("../../DataDisplays/Accordion/Accordion.js");var i=require("./AutoCompleteList.parts.js");function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function a(e,t){if(null==e)return{};var r,n,s=function(e,t){if(null==e)return{};var r,n,s={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}
+"use client";"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("react");require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var s=require("../../DataDisplays/Divider/Divider.js");require("../../DataDisplays/Accordion/Accordion.js");var i=require("./AutoCompleteList.parts.js");function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}function l(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function c(e,t){if(null==e)return{};var r,n,s=function(e,t){if(null==e)return{};var r,n,s={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}
 /**
  * 자동완성 목록의 Root 컴포넌트입니다.
  * 자동완성 항목들을 감싸는 컨테이너 역할을 합니다.
@@ -21,9 +21,9 @@
  *   />
  * </AutoCompleteList.Root>
  * ```
- */(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}const u={Root:n=>{var{children:s,className:o,hasIndexBar:u=!1,onIndexClick:p}=n,d=a(n,["children","className","hasIndexBar","onIndexClick"]);const y=r.useRef(null),[m,f]=r.useState(!1);return r.useLayoutEffect((()=>{const e=y.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;f(t>r)}),[s]),/*#__PURE__*/e.jsxs("div",c(l({className:t.twMerge("flex max-h-[436px] w-full rounded-xl shadow-graymedium",o)},d),{children:[u&&/*#__PURE__*/e.jsx(i.IndexBar,{onIndexClick:p}),
-/*#__PURE__*/e.jsx("ul",{ref:y,"data-testid":"design-system-autoCompleteList",className:t.twMerge("flex w-full flex-col bg-w-white py-2 pr-2","overflow-y-auto scrollbar-list",u?"rounded-r-xl":"rounded-xl",m&&"pr-0"),children:s})]}))},Item:r=>{var{text:s,count:o,leadingIcon:u,iconUrl:p,isInputItem:d=!1,isFocused:y=!1,inputValue:m,className:f}=r,x=a(r,["text","count","leadingIcon","iconUrl","isInputItem","isFocused","inputValue","className"]);/*#__PURE__*/
-return e.jsxs("li",c(l({className:t.twMerge("visible ml-2 flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3 hover:bg-primary-10",y&&"bg-primary-10",f)},x),{"data-testid":"design-system-list-item",children:[u&&/*#__PURE__*/e.jsx(n.SystemIcon,{name:u,className:"text-w-gray-600",testId:"design-system-list-item-leading-icon"}),p&&/*#__PURE__*/e.jsx(i.Icon,{iconUrl:p}),
+ */(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}const u={Root:n=>{var{children:s,className:o,hasIndexBar:u=!1,onIndexClick:p}=n,d=c(n,["children","className","hasIndexBar","onIndexClick"]);const y=r.useRef(null),[m,f]=r.useState(!1);return r.useLayoutEffect((()=>{const e=y.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;f(t>r)}),[s]),/*#__PURE__*/e.jsxs("div",l(a({className:t.twMerge("flex max-h-[436px] w-full rounded-xl shadow-graymedium",o)},d),{children:[u&&/*#__PURE__*/e.jsx(i.IndexBar,{onIndexClick:p}),
+/*#__PURE__*/e.jsx("ul",{ref:y,"data-testid":"design-system-autoCompleteList",className:t.twMerge("flex w-full flex-col bg-w-white py-2 pr-2","scrollbar-list overflow-y-auto",u?"rounded-r-xl":"rounded-xl",m&&"pr-0"),children:s})]}))},Item:r=>{var{text:s,count:o,leadingIcon:u,iconUrl:p,isInputItem:d=!1,isFocused:y=!1,inputValue:m,className:f}=r,x=c(r,["text","count","leadingIcon","iconUrl","isInputItem","isFocused","inputValue","className"]);/*#__PURE__*/
+return e.jsxs("li",l(a({className:t.twMerge("visible ml-2 flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3 hover:bg-primary-10",y&&"bg-primary-10",f)},x),{"data-testid":"design-system-list-item",children:[u&&/*#__PURE__*/e.jsx(n.SystemIcon,{name:u,className:"text-w-gray-600",testId:"design-system-list-item-leading-icon"}),p&&/*#__PURE__*/e.jsx(i.Icon,{iconUrl:p}),
 /*#__PURE__*/e.jsx(i.TextSection,{text:s,isInputItem:d,inputValue:m}),
 /*#__PURE__*/e.jsx(i.CountSection,{count:o})]}))},Divider:()=>/*#__PURE__*/e.jsx(s.Divider,{className:"my-2"})};
 /**

package/dist/cjs/Components/Inputs/AutoCompleteList/AutoCompleteList.parts.js

@@ -1,7 +1,7 @@
 "use strict";var e=require("react/jsx-runtime"),r=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("tailwind-merge"),require("../../Base/Layouts/FullBleed/FullBleed.js");
 // return A ~ Z
-const t=Array.from({length:26},((e,r)=>String.fromCharCode(65+r)));exports.CountSection=({count:t})=>/*#__PURE__*/e.jsx(r.Typography,{variant:"body1",className:"text-w-gray-400",children:t}),exports.INDEXES=t,exports.Icon=({iconUrl:r})=>/*#__PURE__*/e.jsx("img",{src:r,alt:"icon",width:24,height:24,className:"rounded-full border"}),exports.IndexBar=({onIndexClick:a})=>/*#__PURE__*/e.jsx("ul",{className:"flex flex-col gap-0.5 rounded-l-xl bg-w-gray-10 p-[3px] text-center",children:t.map((t=>/*#__PURE__*/e.jsx("li",{className:"size-3.5 cursor-pointer",onClick:()=>null==a?void 0:a(t),children:/*#__PURE__*/e.jsx(r.Typography,{variant:"caption2",className:"text-gray-400",children:t})},t)))}),exports.TextSection=({text:t,isInputItem:a,inputValue:s})=>{const i=t.slice(0,null==s?void 0:s.length),l=t.slice(null==s?void 0:s.length);/*#__PURE__*/
+const t=Array.from({length:26},((e,r)=>String.fromCharCode(65+r)));exports.CountSection=({count:t})=>/*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:"text-w-gray-400",children:t}),exports.INDEXES=t,exports.Icon=({iconUrl:r})=>/*#__PURE__*/e.jsx("img",{src:r,alt:"icon",width:24,height:24,className:"rounded-full border"}),exports.IndexBar=({onIndexClick:a})=>/*#__PURE__*/e.jsx("ul",{className:"flex flex-col gap-0.5 rounded-l-xl bg-w-gray-10 p-[3px] text-center",children:t.map((t=>/*#__PURE__*/e.jsx("li",{className:"size-3.5 cursor-pointer",onClick:()=>null==a?void 0:a(t),children:/*#__PURE__*/e.jsx(r.Typography,{variant:"caption11",className:"text-gray-400",children:t})},t)))}),exports.TextSection=({text:t,isInputItem:a,inputValue:s})=>{const i=t.slice(0,null==s?void 0:s.length),l=t.slice(null==s?void 0:s.length);/*#__PURE__*/
 return e.jsx(e.Fragment,{children:a?/*#__PURE__*/e.jsxs(e.Fragment,{children:[
-/*#__PURE__*/e.jsxs(r.Typography,{variant:"body1",className:"font-medium text-primary-500","data-testid":"design-system-list-item-text",children:["‘",t,"’"]}),
-/*#__PURE__*/e.jsx(r.Typography,{variant:"body1",className:"text-w-gray-600",children:"입력"})]}):/*#__PURE__*/e.jsx(r.Typography,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-list-item-text",children:s?/*#__PURE__*/e.jsxs(e.Fragment,{children:[
-/*#__PURE__*/e.jsx(r.Typography,{variant:"body1",className:"text-primary",children:i}),l]}):t})})};
+/*#__PURE__*/e.jsxs(r.Typography,{variant:"body16",className:"font-medium text-primary-500","data-testid":"design-system-list-item-text",children:["‘",t,"’"]}),
+/*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:"text-w-gray-600",children:"입력"})]}):/*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:"text-w-gray-600","data-testid":"design-system-list-item-text",children:s?/*#__PURE__*/e.jsxs(e.Fragment,{children:[
+/*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:"text-primary",children:i}),l]}):t})})};

package/dist/cjs/Components/Inputs/Button/Button.js

@@ -1,51 +1,2 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./Button.parts.js");function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function i(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}
-/**
- * 다양한 스타일과 기능을 제공하는 버튼 컴포넌트입니다.
- *
- * @param {Object} props
- * @param {'button' | 'submit' | 'reset'} [props.type='button'] - 버튼의 타입
- * @param {React.RefObject<HTMLButtonElement>} [props.ref] - 버튼 요소에 대한 ref
- * @param {boolean} [props.disabled=false] - 버튼 비활성화 여부
- * @param {React.ReactNode} props.children - 버튼 내부 콘텐츠
- * @param {string} [props.className] - 추가 CSS 클래스
- * @param {function} [props.onClick] - 클릭 이벤트 핸들러
- * @param {'sm' | 'md' | 'lg'} [props.size='md'] - 버튼 크기
- * @param {'outlined' | 'solid' | 'outline_filled'} [props.variant='outlined'] - 버튼 스타일 변형
- * @param {'primary' | 'gray'} [props.color='primary'] - 버튼 색상, outlined 일 때에만 적용 가능
- * @param {boolean} [props.rounded=false] - 둥근 모서리 적용 여부
- * @param {React.ReactNode} [props.leadingIcon] - 버튼 앞쪽 아이콘
- * @param {boolean} [props.isLeadingIconSolid=false] - 앞쪽 아이콘 solid 스타일 적용 여부
- * @param {React.ReactNode} [props.trailingIcon] - 버튼 뒤쪽 아이콘
- * @param {boolean} [props.isTrailingIconSolid=false] - 뒤쪽 아이콘 solid 스타일 적용 여부
- * @param {string | number} [props.badgeNumber=''] - 버튼에 표시될 뱃지 숫자
- * @param {boolean} [props.needThrottle=false] - 쓰로틀링 적용 여부
- *
- * @example
- * // 기본 버튼
- * <Button onClick={() => console.log('클릭됨')}>
- *   버튼
- * </Button>
- *
- * // 아이콘이 있는 비활성화된 버튼
- * <Button
- *   disabled
- *   variant="contained"
- *   leadingIcon={<Icon name="search" />}
- *   size="lg"
- * >
- *   검색
- * </Button>
- *
- * // 쓰로틀링이 적용된 둥근 버튼
- * <Button
- *   rounded
- *   needThrottle
- *   variant="text"
- *   badgeNumber="5"
- *   onClick={handleClick}
- * >
- *   알림
- * </Button>
- */(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}exports.Button=c=>{var{type:l="button",ref:a,disabled:u=!1,children:s,className:d,onClick:b,size:f="md",variant:p="outlined",color:O="primary",rounded:g=!1,leadingIcon:y,isLeadingIconSolid:j=!1,trailingIcon:m,isTrailingIconSolid:v=!1,badgeNumber:I="",needThrottle:P=!1}=c,S=i(c,["type","ref","disabled","children","className","onClick","size","variant","color","rounded","leadingIcon","isLeadingIconSolid","trailingIcon","isTrailingIconSolid","badgeNumber","needThrottle"]);
-// eslint-disable-next-line no-undef
-const h=r.useRef(void 0);return r.useEffect((()=>()=>{h&&clearTimeout(h.current)}),[h]),/*#__PURE__*/e.jsx(t.ButtonContainer,o(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}({ref:a,size:f,type:l,disabled:u,rounded:g,color:O,variant:p,className:d,onClick:P?e=>{e.preventDefault(),h.current||(null==b||b(e),h.current=setTimeout((()=>{h.current=void 0}),300))}:b,leadingIcon:y,isLeadingIconSolid:j,trailingIcon:m,isTrailingIconSolid:v,badgeNumber:I},S),{children:s}))};
+"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),i=require("../../Feedbacks/LoadingIndicator/LoadingIndicator.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function a(e,r){if(null==e)return{};var t,i,o=function(e,r){if(null==e)return{};var t,i,o={},n=Object.keys(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const d={36:"h-[36px] typo-body14 px-[11px] gap-1",42:"h-[42px] typo-body14 px-[11px] gap-1",50:"h-[50px] typo-body16 px-[15px] gap-1.5",60:"h-[60px] typo-subTitle20 px-[23px] gap-2"},l={solid:"bg-primary-500 border-primary-500 hover:border-primary-700 hover:bg-primary-700 text-w-white disabled:bg-primary-100 disabled:border-primary-100 disabled:hover:bg-primary-100 disabled:hover:border-primary-100",outline_filled:"bg-primary-10 border-primary-200 hover:border-primary-500 text-primary-500 disabled:border-primary-200 disabled:hover:border-primary-200 disabled:text-primary-100",outlined:"bg-w-white border-w-gray-200 hover:border-primary-500 text-primary-500 disabled:hover:border-w-gray-200 disabled:text-primary-100",outline_gray:"bg-w-white border-w-gray-200 hover:border-w-gray-400 text-w-gray-600 disabled:hover:border-w-gray-200 disabled:text-w-gray-300"},s=/*#__PURE__*/r.forwardRef(((s,b)=>{var{type:c="button",disabled:p=!1,children:u,className:y,onClick:f,size:m="50",variant:g="outlined",rounded:x=!1,needThrottle:v=!1,isLoading:h=!1}=s,w=a(s,["type","disabled","children","className","onClick","size","variant","rounded","needThrottle","isLoading"]);const O=r.useRef(void 0),j=e=>{e.preventDefault(),O.current||(null==f||f(e),O.current=setTimeout((()=>{O.current=void 0}),300))};return r.useEffect((()=>()=>{O&&clearTimeout(O.current)}),[O]),/*#__PURE__*/e.jsxs("button",n(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){o(e,r,t[r])}))}return e}({ref:b,type:c,className:t.twMerge("relative box-border flex w-fit items-center justify-center border","cursor-pointer disabled:cursor-not-allowed","outlined"===g&&x?"rounded-full":"rounded-xl",l[g],h&&"pointer-events-none",y),onClick:(()=>{if(!h)return v?j:f})(),disabled:p,"aria-busy":h,"aria-live":h?"polite":void 0},w),{children:[h&&/*#__PURE__*/e.jsx("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",children:/*#__PURE__*/e.jsx(i.LoadingIndicator,{size:"36"===m||"42"===m?"sm":"md",className:"text-current"})}),
+/*#__PURE__*/e.jsx("div",{className:t.twMerge("flex items-center justify-center text-current",d[m],h&&"invisible"),"aria-hidden":h,"data-testid":"design-system-button--content",children:u})]}))}));s.displayName="Button",exports.Button=s;

package/dist/cjs/Components/Inputs/Calendar/Calendar.js

@@ -1,9 +1,9 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),a=require("react"),t=require("tailwind-merge"),r=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var s=require("../../Base/Typography/Typography.js"),n=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Accordion/Accordion.js");var i=require("../TextFieldContainer/TextFieldContainer.js"),l=require("./Calendar.parts.js"),d=require("./Calendar.utils.js");exports.Calendar=({defaultDate:o,selected:c,onChange:x,disabled:u,placeholder:y,isError:g})=>{const[m,p]=a.useState(!1),h=()=>{u||p((e=>!e))},j=o?d.generateDate(o):d.today,[D,w]=a.useState(c?d.generateDate(c):j),B=c?d.generateDate(c):j,{year:f,month:q,date:C}=d.getKoreanTimeString(B),{dateList:S}=d.getMonthDate(D.year,D.month),b=[...Array.from({length:S[0].day},(()=>null)),...S],$=e=>{if(c&&d.isSameDate(e,B))return;const a=`${e.year}-${e.month}-${e.date}`;null==x||x(a),p(!1)};return a.useEffect((()=>{!m&&c&&w(d.generateDate(c));
+"use client";"use strict";var e=require("react/jsx-runtime"),a=require("react"),t=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var r=require("../../Base/Typography/Typography.js"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var i=require("../TextFieldContainer/TextFieldContainer.js"),l=require("./Calendar.parts.js"),d=require("./Calendar.utils.js");exports.Calendar=({defaultDate:o,selected:c,onChange:x,disabled:u,placeholder:y,isError:g})=>{const[m,p]=a.useState(!1),h=()=>{u||p((e=>!e))},j=o?d.generateDate(o):d.today,[D,w]=a.useState(c?d.generateDate(c):j),q=c?d.generateDate(c):j,{year:B,month:f,date:C}=d.getKoreanTimeString(q),{dateList:S}=d.getMonthDate(D.year,D.month),b=[...Array.from({length:S[0].day},(()=>null)),...S],v=e=>{if(c&&d.isSameDate(e,q))return;const a=`${e.year}-${e.month}-${e.date}`;null==x||x(a),p(!1)};return a.useEffect((()=>{!m&&c&&w(d.generateDate(c));
 // eslint-disable-next-line react-hooks/exhaustive-deps
-}),[m]),/*#__PURE__*/e.jsxs(n.Box,{className:"relative h-fit w-fit select-none","data-testid":"design-system-calendar--container",children:[
-/*#__PURE__*/e.jsx(n.Box,{className:"cursor-pointer",children:/*#__PURE__*/e.jsxs(i.TextFieldContainer,{isFocused:m,isError:g,isDisabled:u,testId:"design-system-calendar--trigger",onClick:h,children:[
-/*#__PURE__*/e.jsx(r.SystemIcon,{name:"medium_calendar",className:u||!c?"text-w-gray-300":"text-w-gray-400"}),
-/*#__PURE__*/e.jsx(s.Typography,{variant:"body1",className:t.twMerge("min-w-[178px] text-w-gray-600",!c&&"text-w-gray-300",u&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:c?`${f} ${q} ${C}`:y})]})}),m&&/*#__PURE__*/e.jsx("div",{className:"fixed left-0 top-0 z-10 h-screen w-screen bg-transparent",onClick:h}),m&&/*#__PURE__*/e.jsxs(n.Box,{"data-testid":"design-system-calendar--content",className:"absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border border-w-gray-200 bg-w-white px-[15px] py-[23px] shadow-graymedium",children:[
+}),[m]),/*#__PURE__*/e.jsxs(s.Box,{className:"relative h-fit w-fit select-none","data-testid":"design-system-calendar--container",children:[
+/*#__PURE__*/e.jsx(s.Box,{className:"cursor-pointer",children:/*#__PURE__*/e.jsxs(i.TextFieldContainer,{isFocused:m,isError:g,isDisabled:u,testId:"design-system-calendar--trigger",onClick:h,children:[
+/*#__PURE__*/e.jsx(n.SystemIcon,{name:"medium_calendar",className:u||!c?"text-w-gray-300":"text-w-gray-400"}),
+/*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:t.twMerge("min-w-[178px] text-w-gray-600",!c&&"text-w-gray-300",u&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:c?`${B} ${f} ${C}`:y})]})}),m&&/*#__PURE__*/e.jsx("div",{className:"fixed left-0 top-0 z-10 h-screen w-screen bg-transparent",onClick:h}),m&&/*#__PURE__*/e.jsxs(s.Box,{"data-testid":"design-system-calendar--content",className:"absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border border-w-gray-200 bg-w-white px-[15px] py-[23px] shadow-graymedium",children:[
 /*#__PURE__*/e.jsx(l.SelectHeader,{visibleDate:D,onChange:e=>{w(e)}}),
 /*#__PURE__*/e.jsx(l.WeekHeader,{}),
-/*#__PURE__*/e.jsx(n.Box,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:b.map(((a,t)=>{const r=!(!a||!c)&&d.isSameDate(a,B);return a?/*#__PURE__*/e.jsx(l.DateBox,{date:a,selected:r,onChange:$},`${a.year}-${a.month}-${a.date}`):/*#__PURE__*/e.jsx(l.DateBox,{disabled:!0},t)}))})]})]})};
+/*#__PURE__*/e.jsx(s.Box,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:b.map(((a,t)=>{const r=!(!a||!c)&&d.isSameDate(a,q);return a?/*#__PURE__*/e.jsx(l.DateBox,{date:a,selected:r,onChange:v},`${a.year}-${a.month}-${a.date}`):/*#__PURE__*/e.jsx(l.DateBox,{disabled:!0},t)}))})]})]})};

package/dist/cjs/Components/Inputs/Calendar/Calendar.parts.js

@@ -1,7 +1,7 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("react");var a=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var t=require("../../Base/Typography/Typography.js"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Accordion/Accordion.js");var n=require("./Calendar.utils.js"),l=require("./Calendar.constants.js");exports.DateBox=({selected:a,date:n,disabled:l=!1,onChange:o})=>{const i=1===String(null==n?void 0:n.date).length?`0${null==n?void 0:n.date}`:null==n?void 0:n.date;/*#__PURE__*/
-return e.jsx(s.Box,{className:r.twMerge("flex size-[42px] cursor-pointer items-center justify-center rounded-full bg-w-white p-2 text-center",!l&&!a&&"hover:bg-primary-10",a&&"bg-primary",l&&"cursor-default"),onClick:()=>{l||null==o||o(n)},children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body1",className:r.twMerge("text-w-gray-900",a&&"text-w-white",l&&"text-w-gray-300"),children:i})})},exports.SelectHeader=({visibleDate:r,onChange:l})=>{const o=1===(null==r?void 0:r.month),i=12===(null==r?void 0:r.month),{year:c,month:d}=r&&n.getKoreanTimeString(r);/*#__PURE__*/
-return e.jsxs(s.Box,{className:"flex h-[50px] w-full gap-4",children:[
-/*#__PURE__*/e.jsx(s.Box,{"data-testid":"design-system-calendar--to-prev-month",className:"size-6 cursor-pointer text-gray-600",onClick:()=>{o?null==l||l({year:r.year-1,month:12,date:1}):null==l||l({year:r.year,month:r.month-1,date:1})},children:/*#__PURE__*/e.jsx(a.SystemIcon,{name:"large_arrow_left",className:"text-gray-600"})}),
-/*#__PURE__*/e.jsxs(t.Typography,{variant:"subTitle2",className:"h-fit w-full text-center leading-normal text-gray-900",children:[c," ",d]}),
-/*#__PURE__*/e.jsx(s.Box,{"data-testid":"design-system-calendar--to-next-month",className:"size-6 cursor-pointer text-gray-600",onClick:()=>{i?null==l||l({year:r.year+1,month:1,date:1}):null==l||l({year:r.year,month:r.month+1,date:1})},children:/*#__PURE__*/e.jsx(a.SystemIcon,{name:"large_arrow_right",className:"text-gray-600"})})]})},exports.WeekHeader=()=>{const r=Array.from(l.dayMap.values());/*#__PURE__*/
-return e.jsx(s.Box,{className:"grid w-full grid-cols-7 place-items-center gap-1",children:r.map((r=>/*#__PURE__*/e.jsx(s.Box,{className:"flex h-5 items-center justify-center",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body3",className:"leading-normal text-w-gray-500",children:r})},r)))})};
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var a=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var n=require("./Calendar.utils.js"),l=require("./Calendar.constants.js");exports.DateBox=({selected:s,date:n,disabled:l=!1,onChange:i})=>{const o=1===String(null==n?void 0:n.date).length?`0${null==n?void 0:n.date}`:null==n?void 0:n.date;/*#__PURE__*/
+return e.jsx(t.Box,{className:r.twMerge("flex size-[42px] cursor-pointer items-center justify-center rounded-full bg-w-white p-2 text-center",!l&&!s&&"hover:bg-primary-10",s&&"bg-primary",l&&"cursor-default"),onClick:()=>{l||null==i||i(n)},children:/*#__PURE__*/e.jsx(a.Typography,{variant:"body16",className:r.twMerge("text-w-gray-900",s&&"text-w-white",l&&"text-w-gray-300"),children:o})})},exports.SelectHeader=({visibleDate:r,onChange:l})=>{const i=1===(null==r?void 0:r.month),o=12===(null==r?void 0:r.month),{year:c,month:d}=r&&n.getKoreanTimeString(r);/*#__PURE__*/
+return e.jsxs(t.Box,{className:"flex h-[50px] w-full gap-4",children:[
+/*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-calendar--to-prev-month",className:"size-6 cursor-pointer text-gray-600",onClick:()=>{i?null==l||l({year:r.year-1,month:12,date:1}):null==l||l({year:r.year,month:r.month-1,date:1})},children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:"large_arrow_left",className:"text-gray-600"})}),
+/*#__PURE__*/e.jsxs(a.Typography,{variant:"subTitle18",className:"h-fit w-full text-center leading-normal text-gray-900",children:[c," ",d]}),
+/*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-calendar--to-next-month",className:"size-6 cursor-pointer text-gray-600",onClick:()=>{o?null==l||l({year:r.year+1,month:1,date:1}):null==l||l({year:r.year,month:r.month+1,date:1})},children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:"large_arrow_right",className:"text-gray-600"})})]})},exports.WeekHeader=()=>{const r=Array.from(l.dayMap.values());/*#__PURE__*/
+return e.jsx(t.Box,{className:"grid w-full grid-cols-7 place-items-center gap-1",children:r.map((r=>/*#__PURE__*/e.jsx(t.Box,{className:"flex h-5 items-center justify-center",children:/*#__PURE__*/e.jsx(a.Typography,{variant:"body13",className:"leading-normal text-w-gray-500",children:r})},r)))})};

package/dist/cjs/Components/Inputs/CheckboxCard/CheckboxCard.js

@@ -2,4 +2,4 @@
 return e.jsx("label",{"data-testid":m,role:"checkbox-card",className:t.twMerge("group",l),children:/*#__PURE__*/e.jsxs(a.CheckboxCardContainer,{"data-testid":"design-system-checkboxCard--container",checked:d,isError:c,isWide:n,disabled:i,className:x,children:[
 /*#__PURE__*/e.jsx(a.StyledCheckbox,{isWide:n,checked:d,onChange:o,isError:c,disabled:i,name:u,value:C}),b&&/*#__PURE__*/e.jsx(a.CheckboxCardIcon,{isError:c,checked:d,iconName:b,disabled:i}),
 /*#__PURE__*/e.jsxs(a.TitleContainer,{isWide:n,"data-testid":"design-system-checkboxCard--titleBox",children:[
-/*#__PURE__*/e.jsx(r.Typography,{"data-testid":"design-system-checkboxCard--title",variant:"body1",className:t.twMerge("font-medium",n?"text-left":"text-center",i?"text-w-gray-300":"text-w-gray-900"),children:y}),g&&/*#__PURE__*/e.jsx(r.Typography,{variant:"body2",className:t.twMerge("font-normal",n?"text-left":"text-center",i?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-checkboxCard--description",children:g})]})]})})};
+/*#__PURE__*/e.jsx(r.Typography,{"data-testid":"design-system-checkboxCard--title",variant:"body16",className:t.twMerge("font-medium",n?"text-left":"text-center",i?"text-w-gray-300":"text-w-gray-900"),children:y}),g&&/*#__PURE__*/e.jsx(r.Typography,{variant:"body14",className:t.twMerge("font-normal",n?"text-left":"text-center",i?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-checkboxCard--description",children:g})]})]})})};

package/dist/cjs/Components/Inputs/CheckboxCard/CheckboxCard.parts.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var o=require("../../DataDisplays/ProductIcon/ProductIcon.js");require("../../DataDisplays/Accordion/Accordion.js");var i=require("../Checkbox/Checkbox.js");function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function a(e,r){if(null==e)return{};var t,o,i=function(e,r){if(null==e)return{};var t,o,i={},n=Object.keys(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}exports.CheckboxCardContainer=t=>{var{children:o,isWide:i,checked:n,isError:l,disabled:u,className:d}=t,p=a(t,["children","isWide","checked","isError","disabled","className"]);/*#__PURE__*/
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var o=require("../../DataDisplays/ProductIcon/ProductIcon.js");require("../../DataDisplays/Accordion/Accordion.js");var i=require("../Checkbox/Checkbox.js");function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function a(e,r){if(null==e)return{};var t,o,i=function(e,r){if(null==e)return{};var t,o,i={},n=Object.keys(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}exports.CheckboxCardContainer=t=>{var{children:o,isWide:i,checked:n,isError:l,disabled:u,className:d}=t,p=a(t,["children","isWide","checked","isError","disabled","className"]);/*#__PURE__*/
 return e.jsx("div",c(s({className:r.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",i?"min-h-[94px] w-[298px] flex-row gap-3 px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pb-6 pt-4",!u&&!l&&"group-focus-within:border-primary-500",(()=>{const e=n&&!l;return u?r.twMerge("cursor-not-allowed",e?"border-primary-100":"border-w-gray-200"):l?"border-w-red-500":n?"border-primary-500":"border-w-gray-200 group-hover:border-primary"})(),u?n&&!l?"bg-primary-10":"bg-w-gray-10":n?l?"bg-w-red-10":"bg-primary-10":"bg-w-white",d)},p),{children:o}))},exports.CheckboxCardIcon=({iconName:t,disabled:i,checked:n,isError:s})=>{const c=s||!n;/*#__PURE__*/
-return e.jsx("div",{className:r.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",i&&"opacity-30"),"data-testid":"design-system-checkboxCard--icon",children:/*#__PURE__*/e.jsx(o.ProductIcon,{name:t,disabled:c})})},exports.StyledCheckbox=o=>{var{isWide:n,className:c}=o,l=a(o,["isWide","className"]);const u=!n;/*#__PURE__*/
+return e.jsx("div",{className:r.twMerge("flex size-[60px] shrink-0 items-center justify-center",i&&"opacity-30"),"data-testid":"design-system-checkboxCard--icon",children:/*#__PURE__*/e.jsx(o.ProductIcon,{name:t,disabled:c})})},exports.StyledCheckbox=o=>{var{isWide:n,className:c}=o,l=a(o,["isWide","className"]);const u=!n;/*#__PURE__*/
 return e.jsx(t.Box,{className:r.twJoin(u&&"absolute left-[17px] top-[17px]"),children:/*#__PURE__*/e.jsx(i.Checkbox,s({className:r.twMerge(u&&"group-hover:border-primary-500",c)},l))})},exports.TitleContainer=({isWide:t,children:o})=>/*#__PURE__*/e.jsx("div",{className:r.twMerge("flex h-auto w-full flex-col justify-between gap-0.5",t?"items-start":"items-center"),children:o});

package/dist/cjs/Components/Inputs/CheckboxListItem/CheckboxListItem.js

@@ -1,5 +1,5 @@
 "use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../../Base/Typography/Typography.js"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var i=require("../Checkbox/Checkbox.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function c(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},s=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),s.forEach((function(r){a(e,r,t[r])}))}return e}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function o(e,r){if(null==e)return{};var t,s,i=function(e,r){if(null==e)return{};var t,s,i={},a=Object.keys(e);for(s=0;s<a.length;s++)t=a[s],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(s=0;s<a.length;s++)t=a[s],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}const l=t=>{var{children:s,disabled:i,hasDescription:a,className:l}=t,d=o(t,["children","disabled","hasDescription","className"]);/*#__PURE__*/
-return e.jsx("label",n(c({className:r.twMerge("grid h-min grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container gap-x-3 grid-areas-checkbox-list-item-container",a?"gap-y-0.5":"gap-y-0",i?"cursor-not-allowed":"cursor-pointer",l)},d),{children:s}))};
+return e.jsx("label",n(c({className:r.twMerge("grid-areas-checkbox-list-item-container grid h-min grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container gap-x-3",a?"gap-y-0.5":"gap-y-0",i?"cursor-not-allowed":"cursor-pointer",l)},d),{children:s}))};
 /**
  * 체크박스와 라벨, 설명을 포함하는 리스트 아이템 컴포넌트입니다.
  *
@@ -45,5 +45,5 @@ return e.jsx("label",n(c({className:r.twMerge("grid h-min grid-cols-checkbox-lis
  * />
  */exports.CheckboxListItem=a=>{var{label:n,description:d,type:b="box",checked:p,disabled:y=!1,isError:h=!1,errorMessage:u,className:g,CheckboxClassName:m,onChange:x,children:j}=a,f=o(a,["label","description","type","checked","disabled","isError","errorMessage","className","CheckboxClassName","onChange","children"]);/*#__PURE__*/
 return e.jsxs(l,{"data-testid":"design-system-checkboxList--item",disabled:y,hasDescription:!!d,className:r.twMerge("group",g),children:[
-/*#__PURE__*/e.jsx(s.Box,{className:"cursor-pointer pt-1 grid-in-checkbox",children:/*#__PURE__*/e.jsx(i.Checkbox,c({checked:p,isError:h,disabled:y,onChange:x,className:m,type:b},f))}),
-/*#__PURE__*/e.jsxs(s.Box,{className:"flex w-full items-center grid-in-label","data-testid":"design-system-checkboxList--item-label-root",children:[n&&/*#__PURE__*/e.jsx(t.Typography,{variant:"body1",className:r.twJoin("w-full whitespace-normal break-words",y?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-checkboxList--item-label",children:n}),j]}),h&&u&&/*#__PURE__*/e.jsx(s.Box,{className:"flex items-center grid-in-error",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body2",className:"text-w-red-500","data-testid":"design-system-checkboxList--item-error",children:u})}),d&&/*#__PURE__*/e.jsx(s.Box,{className:"flex items-center grid-in-description",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body2",className:y?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:d})})]})};
+/*#__PURE__*/e.jsx(s.Box,{className:"grid-in-checkbox cursor-pointer pt-1",children:/*#__PURE__*/e.jsx(i.Checkbox,c({checked:p,isError:h,disabled:y,onChange:x,className:m,type:b},f))}),
+/*#__PURE__*/e.jsxs(s.Box,{className:"grid-in-label flex w-full items-center","data-testid":"design-system-checkboxList--item-label-root",children:[n&&/*#__PURE__*/e.jsx(t.Typography,{variant:"body16",className:r.twJoin("w-full whitespace-normal break-words",y?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-checkboxList--item-label",children:n}),j]}),h&&u&&/*#__PURE__*/e.jsx(s.Box,{className:"grid-in-error flex items-center",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body14",className:"text-w-red-500","data-testid":"design-system-checkboxList--item-error",children:u})}),d&&/*#__PURE__*/e.jsx(s.Box,{className:"grid-in-description flex items-center",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body14",className:y?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:d})})]})};