@wishket/design-system 1.17.2 → 1.17.4

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

@@ -1,4 +1,4 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@wishket/yogokit"),s=require("../AutoCompleteList/AutoCompleteList.js"),l=require("../TextFieldContainer/TextFieldContainer.js");require("tailwind-merge");var n=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var i=require("../Input/Input.js");require("../Input/PasswordInput.js"),require("../Input/LableInput.js"),require("../Input/InputTypeSelector.js");var o=require("../InputChip/InputChip.js"),u=require("../SupportTextContainer/SupportTextContainer.js"),a=require("./Autocomplete.parts.js"),c=require("./Autocomplete.utils.js");exports.Autocomplete=({skillItems:p,legacySkillItems:m,selectedItems:d,onChipDelete:x,value:g,onValueChange:I,placeholder:h,onSkillItemClick:f,onLegacySkillItemClick:C,onInputItemClick:j,supportingText:v,hasIndexBar:k=!1,isError:y,errorMessage:q,leadingIcon:S})=>{const[w,A]=t.useState(!1),F=t.useRef(null),b=t.useRef(null),B=t.useRef(null),L=t.useRef(null),[D,T]=t.useState(54),[R,E]=t.useState([]),[V,M]=t.useState(-1),U=c.getSortedSkillItems(p),$=c.getSortedSkillItems(m),_=()=>{A(!1)};t.useEffect((()=>{if(!b.current)return;const e=new ResizeObserver((e=>{for(const t of e)t.target===b.current&&T(t.contentRect.height+4)}));return e.observe(b.current),()=>{e.disconnect()}}),[]),r.useClickOutside(F,_);const N=[...U.map((e=>({type:"static_skill",item:e}))),...$.map((e=>({type:"legacy",item:e}))),...g?[{type:"input",item:g}]:[]],z=e=>{f(e),E([...R,e])},O=e=>{C(e),E([...R,e])},W=()=>{""!==g.trim()&&(j(g.trim()),I(""),E([...R,g]))};/*#__PURE__*/
+"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@wishket/yogokit"),s=require("../AutoCompleteList/AutoCompleteList.js"),l=require("../TextFieldContainer/TextFieldContainer.js");require("tailwind-merge");var n=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var i=require("../Input/Input.js");require("../Input/PasswordInput.js"),require("../Input/LabelInput.js"),require("../Input/InputTypeSelector.js");var o=require("../InputChip/InputChip.js"),u=require("../SupportTextContainer/SupportTextContainer.js"),a=require("./Autocomplete.parts.js"),c=require("./Autocomplete.utils.js");exports.Autocomplete=({skillItems:p,legacySkillItems:m,selectedItems:d,onChipDelete:x,value:g,onValueChange:I,placeholder:h,onSkillItemClick:f,onLegacySkillItemClick:C,onInputItemClick:j,supportingText:v,hasIndexBar:k=!1,isError:y,errorMessage:q,leadingIcon:S})=>{const[w,A]=t.useState(!1),F=t.useRef(null),b=t.useRef(null),B=t.useRef(null),L=t.useRef(null),[D,T]=t.useState(54),[R,E]=t.useState([]),[V,M]=t.useState(-1),U=c.getSortedSkillItems(p),$=c.getSortedSkillItems(m),_=()=>{A(!1)};t.useEffect((()=>{if(!b.current)return;const e=new ResizeObserver((e=>{for(const t of e)t.target===b.current&&T(t.contentRect.height+4)}));return e.observe(b.current),()=>{e.disconnect()}}),[]),r.useClickOutside(F,_);const N=[...U.map((e=>({type:"static_skill",item:e}))),...$.map((e=>({type:"legacy",item:e}))),...g?[{type:"input",item:g}]:[]],z=e=>{f(e),E([...R,e])},O=e=>{C(e),E([...R,e])},W=()=>{""!==g.trim()&&(j(g.trim()),I(""),E([...R,g]))};/*#__PURE__*/
 return e.jsxs("div",{"data-testid":"design-system-autocomplete-root",className:"relative flex w-full flex-col gap-3",ref:F,onKeyDown:e=>{if(!e.nativeEvent.isComposing&&w)switch(e.key){case"ArrowDown":e.preventDefault(),M((e=>{const t=e<N.length-1?e+1:e,r=L.current;if(r){const e=r.querySelectorAll("li")[t];null==e||e.scrollIntoView({block:"nearest"})}return t}));break;case"ArrowUp":e.preventDefault(),M((e=>{const t=e>0?e-1:e,r=L.current;if(r){const e=r.querySelectorAll("li")[t];null==e||e.scrollIntoView({block:"nearest"})}return t}));break;case"Enter":if(e.preventDefault(),V>=0&&V<N.length){const{type:e,item:t}=N[V];"static_skill"===e?z(t):"legacy"===e?O(t):"input"===e&&W()}else g.trim()&&W();break;case"Backspace":g||(e.preventDefault(),x(d[d.length-1]));break;case"Escape":e.preventDefault(),_()}},children:[
 /*#__PURE__*/e.jsx("label",{ref:b,children:/*#__PURE__*/e.jsxs(l.TextFieldContainer,{isError:y,isFocused:w,testId:"design-system--selectBox",isAutoComplete:!0,children:[d.map((t=>/*#__PURE__*/e.jsx(o.InputChip,{onDelete:()=>x(t),children:t},t))),
 /*#__PURE__*/e.jsx(i.Input,{value:g,onChange:e=>{I(e.target.value)},placeholder:h,onFocus:()=>{w||A(!w)},className:"w-fit flex-auto"})]})}),(v||q)&&/*#__PURE__*/e.jsx(u.SupportTextContainer,{supportMessage:v,errorMessage:q}),w&&/*#__PURE__*/e.jsx(n.Box,{"data-testid":"design-system-autocomplete-list",ref:B,className:"absolute z-40 w-full",style:{top:D},onMouseLeave:()=>{R.length>0&&(_(),E([]))},children:/*#__PURE__*/e.jsx(s.AutoCompleteList.Root,{hasIndexBar:k,onIndexClick:e=>{const t=U.find((t=>t.value.toUpperCase().startsWith(e)));if(t&&B.current){const e=B.current.querySelector(`[id="item-${t.value.replace(/ /g,"_")}"]`);e&&e.scrollIntoView()}},children:/*#__PURE__*/e.jsx("ul",{ref:L,children:/*#__PURE__*/e.jsxs(a.WithDivider,{children:[p.length>0&&/*#__PURE__*/e.jsx(e.Fragment,{children:U.map(((t,r)=>/*#__PURE__*/e.jsx(s.AutoCompleteList.Item,{id:`item-${t.value.replace(/ /g,"_")}`,leadingIcon:S,iconUrl:t.iconUrl,text:t.value,onClick:()=>z(t),isFocused:V===r,inputValue:g},t.value)))}),m.length>0&&/*#__PURE__*/e.jsx(e.Fragment,{children:$.map(((t,r)=>/*#__PURE__*/e.jsx(s.AutoCompleteList.Item,{text:t.value,count:t.count,onClick:()=>O(t),isFocused:V===U.length+r,inputValue:g},`${t.value}-${r}`)))}),""!==g.trim()&&/*#__PURE__*/e.jsx(s.AutoCompleteList.Item,{text:g,isInputItem:!0,onClick:()=>W(),isFocused:V===N.length-1})]})})})})]})};

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");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:g,placeholder:u,isError:y})=>{const[m,p]=a.useState(!1),h=()=>{g||p((e=>!e))},j=o?d.generateDate(o):d.today,[w,D]=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(w.year,w.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&&D(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:y,isDisabled:g,testId:"design-system-calendar--trigger",onClick:h,children:[
-/*#__PURE__*/e.jsx(r.SystemIcon,{name:"medium_calendar",className:g||!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",g&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:c?`${f} ${q} ${C}`:u})]})}),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:[
-/*#__PURE__*/e.jsx(l.SelectHeader,{visibleDate:w,onChange:e=>{D(e)}}),
+}),[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");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/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react");require("tailwind-merge");var t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("./Checkbox.parts.js");function c(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){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){c(e,r,t[r])}))}return e}function s(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}
+"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react");require("tailwind-merge");var t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("./Checkbox.parts.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 s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}function a(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}
 /**
  * @component
  * @param {Object} props - 체크박스 컴포넌트 프로퍼티
@@ -27,7 +27,7 @@
  *   console.log('체크박스 상태:', e.target.checked);
  * };
  * <Checkbox onChange={handleChange} />
- */(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 a=/*#__PURE__*/r.forwardRef(((c,a)=>{var{checked:i=!1,onChange:u,disabled:l=!1,isError:b=!1,type:d="box",className:f}=c,y=s(c,["checked","onChange","disabled","isError","type","className"]);const[p,h]=r.useState(i),[x,g]=r.useState(!1);r.useEffect((()=>{h(i)}),[i]);const j=r.useCallback((e=>{l||u&&(u(e),h(e.target.checked),e.target.checked||g(!1))}),[u,l]);/*#__PURE__*/
+ */(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const c=/*#__PURE__*/r.forwardRef(((o,c)=>{var{checked:l=!1,onChange:i,disabled:u=!1,isError:b=!1,type:f="box",className:d}=o,y=a(o,["checked","onChange","disabled","isError","type","className"]);const p=r.useCallback((e=>{u||null==i||i(e)}),[i,u]);/*#__PURE__*/
 return e.jsxs(t.Box,{"data-testid":"design-system-checkbox",className:"group relative flex size-fit",children:[
-/*#__PURE__*/e.jsx("input",o({ref:a,className:"absolute inset-0 z-10 cursor-pointer opacity-0",type:"checkbox",checked:p,onChange:j,onFocus:()=>{g(!0)},onBlur:()=>{g(!1)},disabled:l},y)),
-/*#__PURE__*/e.jsx(n.CheckboxButton,{checked:p,disabled:l,isError:b,isFocused:x,type:d,className:f})]})}));a.displayName="Checkbox",exports.Checkbox=a;
+/*#__PURE__*/e.jsx("input",s({ref:c,className:"absolute inset-0 z-10 cursor-pointer opacity-0",type:"checkbox",checked:l,onChange:p,disabled:u},y)),
+/*#__PURE__*/e.jsx(n.CheckboxButton,{checked:l,disabled:u,isError:b,type:f,className:d})]})}));c.displayName="Checkbox",exports.Checkbox=c;

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

@@ -1,10 +1,8 @@
 "use strict";var r=require("react/jsx-runtime"),e=require("tailwind-merge");const t="text-w-white group-hover:text-w-white",o="text-w-gray-200 group-hover:text-w-gray-200",s="stroke-dasharray-[16] stroke-dashoffset-[16] animate-checkbox-check",a=({checked:a,isError:i,disabled:d})=>/*#__PURE__*/r.jsx("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e.twMerge("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",a&&t,i&&d&&o,!a&&"text-transparent",d&&(!i&&a?t:"text-transparent")),style:{strokeDasharray:a?"16":"0",strokeDashoffset:a?"16":"0"},children:/*#__PURE__*/r.jsx("path",{d:"M1 3.8L4 7L9 1",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",className:a?s:""})}),i=({checked:a,isError:i,disabled:d})=>/*#__PURE__*/r.jsx("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e.twMerge("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",a&&t,i&&d&&o,!a&&"text-w-gray-200 group-hover:text-w-primary",i&&!a&&"text-w-red-500 group-hover:text-w-red-500",d&&(!i&&a?t:o)),style:{strokeDasharray:a?"16":"0",strokeDashoffset:a?"16":"0"},children:/*#__PURE__*/r.jsx("path",{d:"M1 3.8L4 7L9 1",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",className:a?s:""})}),d=({role:t,className:o,checked:s,disabled:a,isError:i})=>{const d="text-w-gray-100",c=i?a?d:"text-w-red-500":a?s?"text-primary-100":d:s?"text-primary":"text-w-gray-200";/*#__PURE__*/
-return r.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:t,className:e.twMerge("cursor-pointer",a&&"cursor-not-allowed",c,o),"data-testid":"design-system--sub-checkbox",children:/*#__PURE__*/r.jsx("path",{d:"M4 8.76667L7.75004 12.5L14.0001 5.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})};exports.CheckboxButton=({type:t="box",disabled:o,checked:s=!1,isError:c,isFocused:l,className:n})=>{const w="circle"===t?"rounded-full":"rounded";return"sub"===t?/*#__PURE__*/r.jsx(d,{role:"checkbox-button",className:n,checked:s,disabled:o,isError:c}):/*#__PURE__*/r.jsxs("div",{className:e.twMerge("group relative box-border cursor-pointer border",{box:"size-4 m-px",circle:"size-[18px]"}[t],w,
+return r.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:t,className:e.twMerge("cursor-pointer",a&&"cursor-not-allowed",c,o),"data-testid":"design-system--sub-checkbox",children:/*#__PURE__*/r.jsx("path",{d:"M4 8.76667L7.75004 12.5L14.0001 5.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})};exports.CheckboxButton=({type:t="box",disabled:o,checked:s=!1,isError:c,className:l})=>{const n="circle"===t?"rounded-full":"rounded";return"sub"===t?/*#__PURE__*/r.jsx(d,{role:"checkbox-button",className:l,checked:s,disabled:o,isError:c}):/*#__PURE__*/r.jsxs("div",{className:e.twMerge("group relative box-border cursor-pointer border",!o&&!c&&"group-focus-within:border-primary-500",!o&&!c&&!s&&"group-focus-within:bg-w-white",{box:"size-4 m-px",circle:"size-[18px]"}[t],n,
 // 비활성화 상태
 o?s?c?"bg-w-gray-50 border-w-gray-200 cursor-not-allowed":"bg-primary-100 border-primary-100 cursor-not-allowed":"border-w-gray-200 bg-w-gray-50 cursor-not-allowed":
-// 포커스 상태 (에러가 없을 때)
-l&&!c?s?"bg-primary-500 border-primary-500":"border-primary-500 bg-w-white":
 // 에러 상태
 c?s?"border-w-red-500 bg-w-red-500":"border-w-red-500 bg-w-white":
 // 정상 상태
-s?"bg-primary-500 border-primary-500":"group-hover:border-primary-500 border-w-gray-200 bg-white",n),role:"checkbox-button",children:["box"===t&&/*#__PURE__*/r.jsx(a,{checked:s,isError:c,disabled:o}),"circle"===t&&/*#__PURE__*/r.jsx(i,{checked:s,isError:c,disabled:o})]})};
+s?"bg-primary-500 border-primary-500":"group-hover:border-primary-500 border-w-gray-200 bg-white",l),role:"checkbox-button",children:["box"===t&&/*#__PURE__*/r.jsx(a,{checked:s,isError:c,disabled:o}),"circle"===t&&/*#__PURE__*/r.jsx(i,{checked:s,isError:c,disabled:o})]})};

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

@@ -1,5 +1,5 @@
-"use client";"use strict";var e=require("react/jsx-runtime");require("react");var r=require("tailwind-merge"),t=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var a=require("./CheckboxCard.parts.js");exports.CheckboxCard=s=>{const{disabled:i=!1,checked:d=!1,isError:c=!1,onChange:o,isWide:n=!1,containerClassName:l,className:x,iconName:h,title:u,description:y,testId:g,name:m,value:C}=s,b=null!=h?h:n?null:"receipt";/*#__PURE__*/
-return e.jsx("label",{"data-testid":g,role:"checkbox-card",className:r.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:m,value:C}),b&&/*#__PURE__*/e.jsx(a.CheckboxCardIcon,{isError:c,checked:d,iconName:b,disabled:i}),
+"use client";"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var a=require("./CheckboxCard.parts.js");exports.CheckboxCard=s=>{const{disabled:i=!1,checked:d=!1,isError:c=!1,onChange:o,isWide:n=!1,containerClassName:l,className:x,iconName:h,title:y,description:g,testId:m,name:u,value:C}=s,b=null!=h?h:n?void 0:"receipt";/*#__PURE__*/
+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(t.Typography,{"data-testid":"design-system-checkboxCard--title",variant:"body1",className:r.twMerge("font-medium",n?"text-left":"text-center",i?"text-w-gray-300":"text-w-gray-900"),children:u}),y&&/*#__PURE__*/e.jsx(t.Typography,{variant:"body2",className:r.twMerge("font-normal",n?"text-left":"text-center",i?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-checkboxCard--description",children:y})]})]})})};
+/*#__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"),n=require("../Checkbox/Checkbox.js");function i(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){i(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,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}exports.CheckboxCardContainer=t=>{var{children:o,isWide:n,checked:i,isError:l,disabled:u,className:d}=t,b=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",n?"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",(()=>{const e=i&&!l;return u?r.twMerge("cursor-not-allowed",e?"border-primary-100":"border-w-gray-200"):l?"border-w-red-500":i?"border-primary-500":"border-w-gray-200 group-hover:border-primary"})(),u?i&&!l?"bg-primary-10":"bg-w-gray-10":i?l?"bg-w-red-10":"bg-primary-10":"bg-w-white",d)},b),{children:o}))},exports.CheckboxCardIcon=({iconName:t,disabled:n,checked:i,isError:s})=>{const c=s||!i;/*#__PURE__*/
-return e.jsx("div",{className:r.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",n&&"opacity-30"),"data-testid":"design-system-checkboxCard--icon",children:/*#__PURE__*/e.jsx(o.ProductIcon,{name:t,disabled:c})})},exports.StyledCheckbox=o=>{var{isWide:i,className:c}=o,l=a(o,["isWide","className"]);const u=!i;/*#__PURE__*/
-return e.jsx(t.Box,{className:r.twJoin(u&&"absolute left-[17px] top-[17px]"),children:/*#__PURE__*/e.jsx(n.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});
+"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] 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})})]})};

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

@@ -1,4 +1,4 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("react"),n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var c=require("../../Base/Typography/Typography.js"),o=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var s=require("./ChoiceChip.styles.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 i(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}function l(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 u(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}
+"use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("react");require("../../DataDisplays/Avatar/Avatar.js");var n=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var c=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var s=require("./ChoiceChip.styles.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 i(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}function l(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 u(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}
 /**
  * 선택 가능한 칩 컴포넌트입니다.
  *
@@ -36,9 +36,9 @@
  *   checked={true}
  *   onChange={(e) => console.log('선택 상태:', e.target.checked)}
  * />
- */(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 y=/*#__PURE__*/t.forwardRef(((a,y)=>{var{label:p,checked:g=!1,error:d=!1,leadingIcon:f,trailingIcon:b,onChange:h}=a,j=u(a,["label","checked","error","leadingIcon","trailingIcon","onChange"]);const[m,O]=t.useState(g);t.useEffect((()=>{O(g)}),[g]);/*#__PURE__*/
+ */(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}const y=/*#__PURE__*/t.forwardRef(((o,y)=>{var{label:p,checked:d=!1,error:g=!1,leadingIcon:f,trailingIcon:b,onChange:h}=o,j=u(o,["label","checked","error","leadingIcon","trailingIcon","onChange"]);const[m,O]=t.useState(d);t.useEffect((()=>{O(d)}),[d]);/*#__PURE__*/
 return e.jsxs("label",{children:[
 /*#__PURE__*/e.jsx("input",l(i({type:"checkbox",checked:m,className:"absolute h-0 w-0 opacity-0",onChange:e=>{h&&(h(e),O(e.target.checked))}},j),{ref:y})),
-/*#__PURE__*/e.jsxs("div",{"data-testid":"design-system-choiceChip",className:r.twJoin("flex w-fit cursor-pointer select-none items-center gap-2 rounded-full",s.generateBackgroundColor(m,d),s.generateBackgroundPadding(!!f)),children:[f&&/*#__PURE__*/e.jsx(o.Box,{className:"flex size-8 items-center justify-center rounded-full bg-w-white p-0.5","data-testid":"design-system-choiceChip--leading-icon-container",children:/*#__PURE__*/e.jsx(n.SystemIcon,{name:f,className:s.generateLeadingIconColor(m,d)})}),
-/*#__PURE__*/e.jsxs(o.Box,{className:"flex items-center gap-1.5",children:[
-/*#__PURE__*/e.jsx(c.Typography,{"data-testid":"design-system-choiceChip-label",variant:"body1",className:s.generateLabelStyle(m,d),children:p}),b&&/*#__PURE__*/e.jsx(n.SystemIcon,{name:b,className:s.generateTrailingIconStyle(m,d)})]})]})]})}));y.displayName="ChoiceChip",exports.ChoiceChip=y;
+/*#__PURE__*/e.jsxs("div",{"data-testid":"design-system-choiceChip",className:r.twJoin("flex w-fit cursor-pointer select-none items-center gap-2 rounded-full",s.generateBackgroundColor(m,g),s.generateBackgroundPadding(!!f)),children:[f&&/*#__PURE__*/e.jsx(a.Box,{className:"flex size-8 items-center justify-center rounded-full bg-w-white p-0.5","data-testid":"design-system-choiceChip--leading-icon-container",children:/*#__PURE__*/e.jsx(c.SystemIcon,{name:f,className:s.generateLeadingIconColor(m,g)})}),
+/*#__PURE__*/e.jsxs(a.Box,{className:"flex items-center gap-1.5",children:[
+/*#__PURE__*/e.jsx(n.Typography,{"data-testid":"design-system-choiceChip-label",variant:"body16",className:s.generateLabelStyle(m,g),children:p}),b&&/*#__PURE__*/e.jsx(c.SystemIcon,{name:b,className:s.generateTrailingIconStyle(m,g)})]})]})]})}));y.displayName="ChoiceChip",exports.ChoiceChip=y;

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

@@ -1,11 +1,11 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var l=require("../../DataDisplays/Avatar/Avatar.js"),n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var i=require("../../DataDisplays/Divider/Divider.js"),o=require("../Button/Button.js"),c=require("../CheckboxListItem/CheckboxListItem.js");function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},s=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),s.forEach((function(t){m(e,t,r[t])}))}return e}function d(e,t){if(null==e)return{};var r,s,a=function(e,t){if(null==e)return{};var r,s,a={},l=Object.keys(e);for(s=0;s<l.length;s++)r=l[s],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(s=0;s<l.length;s++)r=l[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}const x=({userId:t,imgUrl:r=""})=>/*#__PURE__*/e.jsxs(a.Box,{className:"flex items-center gap-2",children:[
-/*#__PURE__*/e.jsx(l.Avatar,{imgUrl:r,size:"sm"}),
-/*#__PURE__*/e.jsx(s.Typography,{variant:"body1",className:"w-full font-medium text-w-gray-600",children:t})]}),y=({guideText:t})=>/*#__PURE__*/e.jsx(a.Box,{className:"w-full bg-w-gray-10 text-w-gray-500",children:/*#__PURE__*/e.jsx("ul",{className:"flex flex-col gap-0.5 typo-body2",children:"string"==typeof t?/*#__PURE__*/e.jsx("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:t}):/*#__PURE__*/e.jsx(e.Fragment,{children:null==t?void 0:t.map((t=>/*#__PURE__*/e.jsx("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:t},t)))})})}),f=/*#__PURE__*/t.forwardRef(((t,s)=>{var{imgUrl:l,userId:m,isReply:f,guideText:g,buttonName:b,isSelected:p,optionMessage:j,cancelButtonName:h="취소",onClose:w,onSubmit:v,onCheck:B}=t,N=d(t,["imgUrl","userId","isReply","guideText","buttonName","isSelected","optionMessage","cancelButtonName","onClose","onSubmit","onCheck"]);const{value:k,className:O,disabled:C,spellCheck:I=!1,children:S}=N,q=d(N,["value","className","disabled","spellCheck","children"]),D=""===k.trim(),A=!m||D||C,T=m&&j;/*#__PURE__*/
-return e.jsxs(a.Box,{"data-testid":"design-system-commentArea--full-container",className:r.twMerge("flex w-full items-start gap-4",O),children:[f&&/*#__PURE__*/e.jsx(n.SystemIcon,{name:"medium_reply",className:"shrink-0 text-w-gray-400"}),
+"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/Avatar/Avatar.js"),l=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var i=require("../../DataDisplays/Divider/Divider.js");require("../../DataDisplays/Accordion/Accordion.js");var o=require("../Button/Button.js"),c=require("../CheckboxListItem/CheckboxListItem.js");function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},s=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),s.forEach((function(t){d(e,t,r[t])}))}return e}function m(e,t){if(null==e)return{};var r,s,a=function(e,t){if(null==e)return{};var r,s,a={},n=Object.keys(e);for(s=0;s<n.length;s++)r=n[s],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(s=0;s<n.length;s++)r=n[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}const x=({userId:t,imgUrl:r=""})=>/*#__PURE__*/e.jsxs(a.Box,{className:"flex items-center gap-2",children:[
+/*#__PURE__*/e.jsx(n.Avatar,{imgUrl:r,size:"sm"}),
+/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"w-full font-medium text-w-gray-600",children:t})]}),y=({guideText:t})=>/*#__PURE__*/e.jsx(a.Box,{className:"w-full bg-w-gray-10 text-w-gray-500",children:/*#__PURE__*/e.jsx("ul",{className:"typo-body14 flex flex-col gap-0.5",children:"string"==typeof t?/*#__PURE__*/e.jsx("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:t}):/*#__PURE__*/e.jsx(e.Fragment,{children:null==t?void 0:t.map((t=>/*#__PURE__*/e.jsx("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:t},t)))})})}),f=/*#__PURE__*/t.forwardRef(((t,s)=>{var{imgUrl:n,userId:d,isReply:f,guideText:g,buttonName:p,isSelected:b,optionMessage:j,cancelButtonName:h="취소",onClose:w,onSubmit:v,onCheck:B}=t,N=m(t,["imgUrl","userId","isReply","guideText","buttonName","isSelected","optionMessage","cancelButtonName","onClose","onSubmit","onCheck"]);const{value:k,className:O,disabled:C,spellCheck:D=!1,children:q}=N,I=m(N,["value","className","disabled","spellCheck","children"]),S=""===k.trim(),A=!d||S||C,T=d&&j;/*#__PURE__*/
+return e.jsxs(a.Box,{"data-testid":"design-system-commentArea--full-container",className:r.twMerge("flex w-full items-start gap-4",O),children:[f&&/*#__PURE__*/e.jsx(l.SystemIcon,{name:"medium_reply",className:"shrink-0 text-w-gray-400"}),
 /*#__PURE__*/e.jsxs(a.Box,{"data-testid":"design-system-commentArea--container",className:"w-full rounded-xl border border-w-gray-200 bg-w-white",children:[
-/*#__PURE__*/e.jsx(a.Box,{className:"flex w-full flex-col gap-2 px-4 py-3",children:S?/*#__PURE__*/e.jsx(a.Box,{className:"h-[98px]",children:S}):/*#__PURE__*/e.jsxs(e.Fragment,{children:[m&&/*#__PURE__*/e.jsx(x,{imgUrl:l,userId:m}),
-/*#__PURE__*/e.jsx("textarea",u({"data-testid":"design-system-commentArea",ref:s,value:k,spellCheck:I,disabled:C||!m,className:"h-[63px] w-full resize-none border-none bg-transparent tracking-default text-w-gray-900 outline-none placeholder:font-normal placeholder:text-w-gray-300 placeholder:typo-body1"},q))]})}),g&&/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system-commentArea--guide-message",className:"w-full bg-w-gray-10 px-4 py-2 text-w-gray-500",children:/*#__PURE__*/e.jsx(y,{guideText:g})}),
+/*#__PURE__*/e.jsx(a.Box,{className:"flex w-full flex-col gap-2 px-4 py-3",children:q?/*#__PURE__*/e.jsx(a.Box,{className:"h-[98px]",children:q}):/*#__PURE__*/e.jsxs(e.Fragment,{children:[d&&/*#__PURE__*/e.jsx(x,{imgUrl:n,userId:d}),
+/*#__PURE__*/e.jsx("textarea",u({"data-testid":"design-system-commentArea",ref:s,value:k,spellCheck:D,disabled:C||!d,className:"outline-hidden placeholder:typo-body16 tracking-default h-[63px] w-full resize-none border-none bg-transparent text-w-gray-900 placeholder:font-normal placeholder:text-w-gray-300"},I))]})}),g&&/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system-commentArea--guide-message",className:"w-full bg-w-gray-10 px-4 py-2 text-w-gray-500",children:/*#__PURE__*/e.jsx(y,{guideText:g})}),
 /*#__PURE__*/e.jsx(i.Divider,{}),
-/*#__PURE__*/e.jsxs(a.Box,{"data-testid":"design-system-commentArea--buttons",className:r.twMerge("flex w-full items-center justify-end px-4 py-3",T&&"justify-between"),children:[T&&/*#__PURE__*/e.jsx(c.CheckboxListItem,{label:j,checked:p,onChange:B,disabled:C||!m}),
-/*#__PURE__*/e.jsxs(a.Box,{className:"flex w-fit shrink-0 items-center gap-3",children:[f&&/*#__PURE__*/e.jsx(o.Button,{size:"sm",onClick:w,color:"gray",children:h}),
-/*#__PURE__*/e.jsx(o.Button,{variant:"solid",size:"sm",disabled:A,onClick:v,children:b})]})]})]})]})}));f.displayName="CommentArea",exports.CommentArea=f;
+/*#__PURE__*/e.jsxs(a.Box,{"data-testid":"design-system-commentArea--buttons",className:r.twMerge("flex w-full items-center justify-end px-4 py-3",T&&"justify-between"),children:[T&&/*#__PURE__*/e.jsx(c.CheckboxListItem,{label:j,checked:b,onChange:B,disabled:C||!d}),
+/*#__PURE__*/e.jsxs(a.Box,{className:"flex w-fit shrink-0 items-center gap-3",children:[f&&/*#__PURE__*/e.jsx(o.Button,{size:"36",onClick:w,variant:"outline_gray",children:h}),
+/*#__PURE__*/e.jsx(o.Button,{variant:"solid",size:"36",disabled:A,onClick:v,children:p})]})]})]})]})}));f.displayName="CommentArea",exports.CommentArea=f;

package/dist/cjs/Components/Inputs/FileUploader/FileUploader.hooks.js

@@ -0,0 +1 @@
+"use strict";var e=require("react");exports.useFileUploader=({files:r,onChange:l,maxFileSize:t,disabled:n,onFileSizeExceeded:a})=>{const i=e.useRef(null),[u,s]=e.useState(!1),f=e=>{if(!e||0===e.length)return;let n=Array.from(e),u=!1;if(t&&(u=n.some((e=>e.size>t)),n=n.filter((e=>e.size<=t))),u&&a&&a(),n.length>0){const e=[...r,...n];null==l||l(e)}i.current&&(i.current.value="")};return{inputRef:i,isDragOver:u,handleInputChange:e=>{f(e.target.files)},handleButtonClick:()=>{var e;n||(null===(e=i.current)||void 0===e||e.click())},handleRemoveFile:e=>{const t=r.filter(((r,l)=>l!==e));null==l||l(t)},handleDragOver:e=>{e.preventDefault(),n||s(!0)},handleDragLeave:e=>{e.preventDefault(),s(!1)},handleDrop:e=>{e.preventDefault(),s(!1),n||f(e.dataTransfer.files)}}};

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

@@ -0,0 +1,6 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),l=require("react"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var i=require("../SupportTextContainer/SupportTextContainer.js"),s=require("./FileUploader.parts.js"),o=require("./FileUploader.hooks.js"),t=require("./FileUploader.utils.js");exports.FileUploader=({files:d=[],onChange:n,accept:p,multiple:u=!0,maxFileSize:x,disabled:c=!1,isError:g=!1,errorMessage:m,supportMessage:f,text:h,isSmall:j=!1,onFileSizeExceeded:F})=>{const{inputRef:b,isDragOver:w,handleInputChange:y,handleButtonClick:S,handleRemoveFile:v,handleDragOver:B,handleDragLeave:q,handleDrop:C}=o.useFileUploader({files:d,onChange:n,maxFileSize:x,disabled:c,onFileSizeExceeded:F}),D=l.useMemo((()=>d.reduce(((e,r)=>e+r.size),0)),[d]),z=t.generateAcceptDescription(p);/*#__PURE__*/
+return e.jsxs(a.Box,{className:"flex w-full flex-col gap-6",children:[
+/*#__PURE__*/e.jsx("input",{ref:b,type:"file",className:"hidden",accept:p,multiple:u,onChange:y,disabled:c,"data-testid":"file-uploader-input"}),d.length>0&&/*#__PURE__*/e.jsx(a.Box,{className:"flex flex-col gap-2",children:d.map(((r,l)=>/*#__PURE__*/e.jsx(s.FileItem,{file:r,onRemove:()=>v(l),disabled:c},`${r.name}-${l}`)))}),
+/*#__PURE__*/e.jsxs(a.Box,{className:"flex flex-col gap-2",children:[
+/*#__PURE__*/e.jsx("button",{type:"button",className:r.twMerge("flex w-full items-center justify-center gap-3 rounded-xl border border-dashed border-w-gray-200 bg-w-gray-10 px-6 py-8 text-w-gray-600",j?"flex-row":"flex-col",c&&"cursor-not-allowed",g&&"border-w-red-500",!c&&!g&&"hover:border-w-gray-400",w&&!c&&!g&&"border-w-gray-400"),disabled:c,onClick:S,onDragOver:B,onDragLeave:q,onDrop:C,children:/*#__PURE__*/e.jsx(s.FileUploadArea,{disabled:c,isSmall:j,text:h,acceptDescription:z})}),
+/*#__PURE__*/e.jsx(i.SupportTextContainer,{errorMessage:m,supportMessage:f,currentFileSize:D,maxFileSize:x})]})]})};

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

@@ -0,0 +1,11 @@
+"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge"),s=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");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var i=require("./FileUploader.utils.js");exports.FileItem=({file:l,onRemove:n,disabled:o=!1})=>{const c=i.getFileNameWithoutExtension(l.name),y=i.getFileExtension(l.name),m=i.formatFileSize(l.size);/*#__PURE__*/
+return e.jsx(r.Box,{className:"w-0 min-w-full rounded-xl border border-w-gray-200 px-3 py-2",children:/*#__PURE__*/e.jsxs(r.Box,{className:"flex items-center gap-2",children:[
+/*#__PURE__*/e.jsx(t.SystemIcon,{name:"medium_clip",className:"shrink-0 text-primary-500"}),
+/*#__PURE__*/e.jsxs(r.Box,{className:"flex min-w-0 flex-1 items-center",children:[
+/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"min-w-0 truncate text-w-gray-600",children:c}),
+/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"shrink-0 text-w-gray-600",children:y})]}),
+/*#__PURE__*/e.jsx(s.Typography,{variant:"body14",className:"ml-4 shrink-0 text-w-gray-400",children:m}),
+/*#__PURE__*/e.jsx("button",{type:"button",onClick:n,disabled:o,"aria-label":"파일 삭제",className:o?"cursor-not-allowed":"",children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:"small_delete",className:a.twMerge("ml-2 shrink-0",o?"text-w-gray-300":"text-w-gray-400")})})]})})},exports.FileUploadArea=({disabled:a,isSmall:i,text:l,acceptDescription:n})=>{const o=a?"text-w-gray-300":"text-w-gray-600",c=a?"text-w-gray-300":"text-w-gray-400";/*#__PURE__*/
+return e.jsxs(e.Fragment,{children:[
+/*#__PURE__*/e.jsx(t.SystemIcon,{name:"medium_upload",className:o}),i?/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:o,children:l||"파일 업로드"}):/*#__PURE__*/e.jsxs(r.Box,{className:"flex flex-col items-center justify-center gap-0.5",children:[
+/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:o,children:"여기를 클릭하거나 파일을 끌어오세요."}),n&&/*#__PURE__*/e.jsx(s.Typography,{variant:"body14",className:c,children:n})]})]})};

package/dist/cjs/Components/Inputs/FileUploader/FileUploader.utils.js

@@ -0,0 +1 @@
+"use strict";exports.formatFileSize=t=>{if(t<=0)return"0";const e=Math.floor(Math.log(t)/Math.log(1024));return`${Math.round(t/Math.pow(1024,e))}${["B","KB","MB","GB"][e]}`},exports.generateAcceptDescription=t=>{if(!t)return"";return`첨부 가능 파일 : ${t.split(",").map((t=>t.trim())).map((t=>{if("image/*"===t)return"JPG, PNG, GIF, WEBP";if("video/*"===t)return"MP4, AVI, MOV";if("audio/*"===t)return"MP3, WAV";if(t.startsWith("."))return t.substring(1).toUpperCase();if(t.includes("/")){return t.split("/")[1].toUpperCase()}return t.toUpperCase()})).join(", ")}`},exports.getFileExtension=t=>{const e=t.lastIndexOf(".");return-1!==e?t.substring(e):""},exports.getFileNameWithoutExtension=t=>{const e=t.lastIndexOf(".");return-1!==e?t.substring(0,e):t};

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

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),s=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var i=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var l=require("../../DataDisplays/CountBadge/CountBadge.js");
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),s=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js");var i=require("../../DataDisplays/CountBadge/CountBadge.js"),l=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");
 /**
  * 필터 선택 및 상태를 표시하는 칩 컴포넌트입니다.
  *
@@ -42,7 +42,8 @@
  *     <MenuItem>오래된순</MenuItem>
  *   </DropdownMenu>
  * </FilterChip>
- */const n=/*#__PURE__*/r.forwardRef((({leadingIcon:r,trailingIcon:n,text:o,children:c,onClick:d,isOpen:y=!1,badgeCount:p,className:m},g)=>{const u=p&&Number(p)>0,x=y||u;/*#__PURE__*/
+ */
+const o=/*#__PURE__*/r.forwardRef((({leadingIcon:r,trailingIcon:o,text:n,children:c,onClick:d,isOpen:y=!1,badgeCount:p,className:m},g)=>{const u=p&&Number(p)>0,x=y||u;/*#__PURE__*/
 return e.jsxs(a.Box,{ref:g,"data-testid":"design-system-filter-chip--outer-container",className:t.twMerge("relative w-fit",m),children:[
-/*#__PURE__*/e.jsxs(a.Box,{"data-testid":"design-system-filter-chip",className:t.twMerge("relative flex w-full cursor-pointer select-none items-center gap-1 rounded-full border border-w-gray-200 bg-w-white px-[15px] py-1.5 hover:border-primary",y&&"border-primary",u&&"border-2 border-primary bg-primary-10 px-[14px] py-[5px]"),onClick:d,children:[r&&/*#__PURE__*/e.jsx(i.SystemIcon,{testId:"design-system-filter-chip--leading-icon",name:r,className:t.twMerge("text-w-gray-900",x&&"text-primary")}),
-/*#__PURE__*/e.jsx(s.Typography,{variant:"body1",className:t.twMerge("text-w-gray-900",x&&"text-primary"),children:o}),n&&/*#__PURE__*/e.jsx(i.SystemIcon,{testId:"design-system-filter-chip--trailing-icon",name:n,className:t.twMerge("text-w-gray-400",x&&"text-primary")}),u&&/*#__PURE__*/e.jsx(l.CountBadge,{text:p,className:"-right-1 -top-1"})]}),y&&c&&/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system-filter-chip--list",className:"absolute -bottom-2 left-0 z-40 translate-y-full transform transition-all",children:c})]})}));n.displayName="FilterChip",exports.FilterChip=n;
+/*#__PURE__*/e.jsxs(a.Box,{"data-testid":"design-system-filter-chip",className:t.twMerge("relative flex w-full cursor-pointer select-none items-center gap-1 rounded-full border border-w-gray-200 bg-w-white px-[15px] py-1.5 hover:border-primary",y&&"border-primary",u&&"border-2 border-primary bg-primary-10 px-[14px] py-[5px]"),onClick:d,children:[r&&/*#__PURE__*/e.jsx(l.SystemIcon,{testId:"design-system-filter-chip--leading-icon",name:r,className:t.twMerge("text-w-gray-900",x&&"text-primary")}),
+/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:t.twMerge("text-w-gray-900",x&&"text-primary"),children:n}),o&&/*#__PURE__*/e.jsx(l.SystemIcon,{testId:"design-system-filter-chip--trailing-icon",name:o,className:t.twMerge("text-w-gray-400",x&&"text-primary")}),u&&/*#__PURE__*/e.jsx(i.CountBadge,{text:p,className:"-right-1 -top-1"})]}),y&&c&&/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system-filter-chip--list",className:"absolute -bottom-2 left-0 z-40 translate-y-full transform transition-all",children:c})]})}));o.displayName="FilterChip",exports.FilterChip=o;

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

@@ -1,13 +1,15 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),t=require("../../Base/Typography/Typography.js"),l=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var a=require("../../DataDisplays/Divider/Divider.js"),i=require("../Button/Button.js"),r=require("../Checkbox/Checkbox.js"),n=require("../CheckboxListItem/CheckboxListItem.js");exports.FilterList=({title:c,buttonName:o="적용하기",name:u,onSelectAll:d,isAllSelected:x,isViewOnly:m=!1,data:y,className:h,selectedValues:p,onReset:j,onViewOnly:g,onSubmit:b})=>{console.log("selectedValues: ",p);/*#__PURE__*/
-return e.jsxs(l.Box,{"data-testid":"design-system-filter-list",className:s.twMerge("w-full rounded-xl bg-w-white shadow-graymedium desktop:w-[360px]",h),children:[
-/*#__PURE__*/e.jsxs(l.Box,{className:"flex flex-col gap-5 px-8 py-6",children:[
-/*#__PURE__*/e.jsxs(l.Box,{className:"flex items-center justify-between",children:[
-/*#__PURE__*/e.jsx(t.Typography,{variant:"subTitle2",className:"font-medium text-w-gray-900",children:c}),d&&/*#__PURE__*/e.jsxs("button",{"data-testid":"design-system-filter--select-all",className:"group flex w-fit items-center gap-1",onClick:e=>{e.preventDefault(),null==d||d()},children:[
-/*#__PURE__*/e.jsx(r.Checkbox,{type:"sub",checked:x}),
-/*#__PURE__*/e.jsx(t.Typography,{variant:"body2",className:"text-w-gray-600",children:x?"선택 해제":"전체 선택"})]})]}),
-/*#__PURE__*/e.jsxs(l.Box,{className:"flex flex-col gap-4",children:[y.map((s=>{const{value:t,label:l,onChange:a}=s;/*#__PURE__*/
-return e.jsx(n.CheckboxListItem,{name:u,label:l,value:t,checked:null==p?void 0:p.includes(t),onChange:a},t)})),g&&/*#__PURE__*/e.jsx(n.CheckboxListItem,{type:"circle",label:"선택한 카테고리만 보기",checked:m,onChange:g})]})]}),
-/*#__PURE__*/e.jsx(a.Divider,{}),
-/*#__PURE__*/e.jsxs(l.Box,{className:"flex items-center justify-between px-8 py-4",children:[
-/*#__PURE__*/e.jsx(i.Button,{"data-testid":"design-system-filter--reset",leadingIcon:"medium_reset",variant:"outlined",onClick:e=>{e.preventDefault(),null==j||j()},children:"초기화"}),
-/*#__PURE__*/e.jsx(i.Button,{"data-testid":"design-system-filter--submit",variant:"solid",onClick:e=>{e.preventDefault(),null==b||b()},children:o})]})]})};
+"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),t=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js"),require("react");var l=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var i=require("../../DataDisplays/Divider/Divider.js");require("../../DataDisplays/Accordion/Accordion.js");var r=require("../Button/Button.js"),n=require("../Checkbox/Checkbox.js"),c=require("../CheckboxListItem/CheckboxListItem.js");exports.FilterList=({title:o,buttonName:u="적용하기",name:d,onSelectAll:x,isAllSelected:m,isViewOnly:y=!1,data:p,className:h,selectedValues:j,onReset:g,onViewOnly:b,onSubmit:f})=>{console.log("selectedValues: ",j);/*#__PURE__*/
+return e.jsxs(a.Box,{"data-testid":"design-system-filter-list",className:s.twMerge("w-full rounded-xl bg-w-white shadow-graymedium desktop:w-[360px]",h),children:[
+/*#__PURE__*/e.jsxs(a.Box,{className:"flex flex-col gap-5 px-8 py-6",children:[
+/*#__PURE__*/e.jsxs(a.Box,{className:"flex items-center justify-between",children:[
+/*#__PURE__*/e.jsx(t.Typography,{variant:"subTitle18",className:"font-medium text-w-gray-900",children:o}),x&&/*#__PURE__*/e.jsxs("button",{"data-testid":"design-system-filter--select-all",className:"group flex w-fit items-center gap-1",onClick:e=>{e.preventDefault(),null==x||x()},children:[
+/*#__PURE__*/e.jsx(n.Checkbox,{type:"sub",checked:m}),
+/*#__PURE__*/e.jsx(t.Typography,{variant:"body14",className:"text-w-gray-600",children:m?"선택 해제":"전체 선택"})]})]}),
+/*#__PURE__*/e.jsxs(a.Box,{className:"flex flex-col gap-4",children:[p.map((s=>{const{value:t,label:a,onChange:l}=s;/*#__PURE__*/
+return e.jsx(c.CheckboxListItem,{name:d,label:a,value:t,checked:null==j?void 0:j.includes(t),onChange:l},t)})),b&&/*#__PURE__*/e.jsx(c.CheckboxListItem,{type:"circle",label:"선택한 카테고리만 보기",checked:y,onChange:b})]})]}),
+/*#__PURE__*/e.jsx(i.Divider,{}),
+/*#__PURE__*/e.jsxs(a.Box,{className:"flex items-center justify-between px-8 py-4",children:[
+/*#__PURE__*/e.jsxs(r.Button,{"data-testid":"design-system-filter--reset",variant:"outlined",onClick:e=>{e.preventDefault(),null==g||g()},children:[
+/*#__PURE__*/e.jsx(l.SystemIcon,{name:"medium_reset",className:"text-current"}),
+/*#__PURE__*/e.jsx("span",{children:"초기화"})]}),
+/*#__PURE__*/e.jsx(r.Button,{"data-testid":"design-system-filter--submit",variant:"solid",onClick:e=>{e.preventDefault(),null==f||f()},children:u})]})]})};

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

@@ -1,14 +1,15 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),n=require("../../Base/Layouts/Box/Box.js");function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(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 s(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}
+"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),n=require("../../Base/Layouts/Box/Box.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 i(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 s(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}
 /**
  * 아이콘을 포함한 버튼 컴포넌트입니다.
+ * sm 사이즈에서는 hasNew 속성이 true여도 노출되지 않습니다.
  *
  * @component
  *
  * @param {Object} props
  * @param {'sm' | 'md' | 'lg'} [props.size='md'] - 버튼의 크기를 지정합니다
- *   - 'sm': 36px
- *   - 'md': 50px
- *   - 'lg': 60px
+ *   - 'sm': 24px
+ *   - 'md': 36px
+ *   - 'lg': 50px
  * @param {boolean} [props.outline=false] - 외곽선 스타일 적용 여부를 지정합니다
  * @param {boolean} [props.disabled=false] - 버튼 비활성화 여부를 지정합니다
  * @param {React.ReactNode} props.children - 버튼 내부에 표시될 아이콘 컴포넌트
@@ -30,7 +31,5 @@
  * <IconButton outline>
  *   <Icon name="menu" />
  * </IconButton>
- */(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}exports.IconButton=l=>{var{size:u="md",outline:c=!1,children:a,onClick:b,className:f,disabled:p}=l,d=s(l,["size","outline","children","onClick","className","disabled"]);const[y,m]=t.useState(!1),O=t.useRef(null);
-// eslint-disable-next-line no-undef
-return t.useEffect((()=>()=>{O.current&&clearTimeout(O.current)}),[]),/*#__PURE__*/e.jsxs("button",o(function(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){i(e,t,r[t])}))}return e}({"data-testid":"design-system-icon-button",type:"button",className:r.twMerge("relative flex items-center justify-center rounded-xl border bg-transparent",p?"cursor-not-allowed":"cursor-pointer","sm"===u?"size-6 rounded-lg":"md"===u?"size-9":"lg"===u?"size-[50px]":void 0,c?"border-w-gray-200 overflow-hidden":"border-transparent",f),onClick:e=>{null==b||b(e),m(!0),O.current&&clearTimeout(O.current),O.current=setTimeout((()=>{m(!1)}),300)},disabled:p},d),{children:[y&&/*#__PURE__*/e.jsx(n.Box,{"data-testid":"design-system-icon-button--ripple",className:r.twMerge("absolute h-full w-full bg-w-gray-500 bg-opacity-10",c&&"sm"===u?"animate-[rippleOutlineSmall_0.3s_ease-in-out_infinite]":c?"animate-[rippleOutline_0.3s_ease-in-out_infinite]":"animate-[ripple_0.3s_ease-in-out_infinite]")}),
+ */(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)&&(o[r]=e[r])}return o}exports.IconButton=l=>{var{size:u="md",outline:c=!1,children:a,onClick:b,className:d,disabled:p,hasNew:f=!1}=l,m=s(l,["size","outline","children","onClick","className","disabled","hasNew"]);const[y,g]=t.useState(!1),O=t.useRef(null);return t.useEffect((()=>()=>{O.current&&clearTimeout(O.current)}),[]),/*#__PURE__*/e.jsxs("button",i(function(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}({"data-testid":"design-system-icon-button",type:"button",className:r.twMerge("relative flex items-center justify-center rounded-xl border bg-transparent",p?"cursor-not-allowed":"cursor-pointer","sm"===u?"size-6 rounded-lg":"md"===u?"size-9":"lg"===u?"size-[50px]":void 0,c?"border-w-gray-200 overflow-hidden":"border-transparent",d),onClick:e=>{null==b||b(e),g(!0),O.current&&clearTimeout(O.current),O.current=setTimeout((()=>{g(!1)}),300)},disabled:p},m),{children:[f&&"sm"!==u&&/*#__PURE__*/e.jsx(n.Box,{"data-testid":"design-system-icon-button--new",className:r.twJoin("absolute size-1 rounded-full bg-w-orange-500","md"===u&&"right-1 top-2","lg"===u&&"right-[9px] top-[13px]")}),y&&/*#__PURE__*/e.jsx(n.Box,{"data-testid":"design-system-icon-button--ripple",className:r.twMerge("absolute h-full w-full bg-w-gray-500/10",c&&"sm"===u?"animate-ripple-outline-small":c?"animate-ripple-outline":"animate-ripple")}),
 /*#__PURE__*/e.jsx(n.Box,{"data-testid":"design-system-icon-button--icon",className:"absolute flex h-full w-full items-center justify-center",children:a})]}))};

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

@@ -1,3 +1,3 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge");require("react");var s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../IconButton/IconButton.js"),i=require("../List/List.js"),o=require("../../../hooks/useDropdown.js");exports.IconButtonDropdown=({icon:l,items:a,selectedItem:r,onItemClick:c,size:d="sm",align:u="left",disabled:m=!1})=>{const{isListOpen:y,ref:I,focusedIndex:x,handleItemClick:j,toggleListOpen:w,handleKeyDown:g}=o.useDropdown({items:a,onItemClick:c});/*#__PURE__*/
-return e.jsxs("div",{"data-testid":"design-system-icon-button-dropdown",className:"relative w-fit outline-none",ref:I,onKeyDown:g,tabIndex:0,children:[
-/*#__PURE__*/e.jsx(n.IconButton,{onClick:w,size:d,className:"outline-none",disabled:m,children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:l,className:t.twJoin(m&&"text-w-gray-300")})}),y&&/*#__PURE__*/e.jsx("div",{"data-testid":"design-system-icon-button-dropdown--list-container",className:t.twJoin("absolute -bottom-2 z-40 translate-y-full transform transition-all","right"===u?"right-0":"left-0 "),children:/*#__PURE__*/e.jsx(i.List.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:a.map(((t,s)=>/*#__PURE__*/e.jsx(i.List.Item,{text:t.value,leadingIcon:t.leadingIcon,onClick:()=>j(t),selected:t.key===(null==r?void 0:r.key),isFocused:s===x},t.key)))})})]})};
+"use client";"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js"),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");var i=require("../IconButton/IconButton.js"),n=require("../List/List.js"),o=require("../../../hooks/useDropdown.js");exports.IconButtonDropdown=({icon:a,items:r,selectedItem:l,onItemClick:c,size:d="sm",align:u="left",disabled:m=!1})=>{const{isListOpen:y,ref:I,focusedIndex:j,handleItemClick:x,toggleListOpen:w,handleKeyDown:p}=o.useDropdown({items:r,onItemClick:c});/*#__PURE__*/
+return e.jsxs("div",{"data-testid":"design-system-icon-button-dropdown",className:"outline-hidden relative w-fit",ref:I,onKeyDown:p,tabIndex:0,children:[
+/*#__PURE__*/e.jsx(i.IconButton,{onClick:w,size:d,className:"outline-hidden",disabled:m,children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:a,className:s.twJoin(m&&"text-w-gray-300")})}),y&&/*#__PURE__*/e.jsx("div",{"data-testid":"design-system-icon-button-dropdown--list-container",className:s.twJoin("absolute -bottom-2 z-40 translate-y-full transform transition-all","right"===u?"right-0":"left-0 "),children:/*#__PURE__*/e.jsx(n.List.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:r.map(((s,t)=>/*#__PURE__*/e.jsx(n.List.Item,{text:s.value,leadingIcon:s.leadingIcon,onClick:()=>x(s),selected:s.key===(null==l?void 0:l.key),isFocused:t===j},s.key)))})})]})};

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

@@ -24,4 +24,4 @@
  * // 에러 상태
  * <Input isError placeholder="에러 상태" />
  */(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const a=/*#__PURE__*/r.forwardRef(((r,a)=>{var{disabled:l,className:i,isError:u,isFocused:c}=r,s=o(r,["disabled","className","isError","isFocused"]);/*#__PURE__*/
-return e.jsx("input",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}({role:"text-input",ref:a,className:t.twMerge("w-full tracking-default text-w-gray-600 outline-none typo-body1 placeholder:tracking-default placeholder:text-w-gray-300 placeholder:typo-body1 disabled:bg-w-gray-10",l&&"cursor-not-allowed text-w-gray-300 placeholder:text-w-gray-200 placeholder:typo-body1",i),"data-testid":"design-system--input",disabled:l},s))}));a.displayName="Input",exports.Input=a;
+return e.jsx("input",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}({role:"text-input",ref:a,className:t.twMerge("outline-hidden typo-body16 placeholder:typo-body16 tracking-default placeholder:tracking-default w-full text-w-gray-600 placeholder:text-w-gray-300 disabled:bg-w-gray-10",l&&"placeholder:typo-body16 cursor-not-allowed text-w-gray-300 placeholder:text-w-gray-200",i),"data-testid":"design-system--input",disabled:l},s))}));a.displayName="Input",exports.Input=a;

package/dist/cjs/Components/Inputs/Input/LabelInput.js

@@ -0,0 +1,4 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),n=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var o=require("./InputTypeSelector.js");function i(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){i(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 s(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(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)&&(o[r]=e[r])}return o}const u=/*#__PURE__*/t.forwardRef(((t,i)=>{var{isFixed:u,isFocused:c,isError:p,label:y,type:b}=t,f=s(t,["isFixed","isFocused","isError","label","type"]);/*#__PURE__*/
+return e.jsxs(n.Box,{className:"relative flex h-[42px] w-full flex-col gap-0.5 py-px","data-testid":"design-system--label-input",children:[
+/*#__PURE__*/e.jsx("div",{className:r.twMerge("tracking-default absolute",f.disabled?"text-w-gray-400":p?"text-w-red-500":c?"text-primary-500":"text-w-gray-400 group-hover:text-primary-500",u?"typo-caption11":c||f.value?"scale-[0.6875] -translate-y-0.5 origin-top-left transition-transform duration-300":"typo-body16 transition-transform duration-300 translate-y-2 origin-top-left"),"data-testid":"design-system--label-text",children:y}),
+/*#__PURE__*/e.jsx(o.InputTypeSelector,l(a({type:b},f),{ref:i,className:"pt-[14px]"}))]})}));u.displayName="LabelInput",exports.LabelInput=u;

package/dist/cjs/Components/Inputs/Input/PasswordInput.js

@@ -1,4 +1,4 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react");require("tailwind-merge");var r=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var n=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var s=require("./Input.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 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 u(e,t){if(null==e)return{};var r,n,s=function(e,t){if(null==e)return{};var r,n,s={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}const i=/*#__PURE__*/t.forwardRef(((o,i)=>{var{type:l,disabled:p}=o,y=u(o,["type","disabled"]);const[b,f]=t.useState(!1);/*#__PURE__*/
-return e.jsxs(n.Box,{className:"flex w-full items-center gap-2","data-testid":"design-system--password-input",children:[
-/*#__PURE__*/e.jsx(s.Input,c(a({type:b?"text":"password",ref:i},y),{disabled:p})),
-/*#__PURE__*/e.jsx("button",{onClick:e=>{e.preventDefault(),f((e=>!e))},disabled:p,className:p?"cursor-not-allowed":"cursor-pointer",type:"button",children:/*#__PURE__*/e.jsx(r.SystemIcon,{name:b?"medium_eye_slash":"medium_eye",className:"text-w-gray-400"})})]})}));i.displayName="PasswordInput",exports.PasswordInput=i;
+"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react");require("../../DataDisplays/Avatar/Avatar.js"),require("tailwind-merge");var r=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 s=require("./Input.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 i(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={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}const u=/*#__PURE__*/t.forwardRef(((o,u)=>{var{type:l,disabled:p}=o,y=c(o,["type","disabled"]);const[b,f]=t.useState(!1);/*#__PURE__*/
+return e.jsxs(r.Box,{className:"flex w-full items-center gap-2","data-testid":"design-system--password-input",children:[
+/*#__PURE__*/e.jsx(s.Input,i(a({type:b?"text":"password",ref:u},y),{disabled:p})),
+/*#__PURE__*/e.jsx("button",{onClick:e=>{e.preventDefault(),f((e=>!e))},disabled:p,className:p?"cursor-not-allowed":"cursor-pointer",type:"button",children:/*#__PURE__*/e.jsx(n.SystemIcon,{name:b?"medium_eye_slash":"medium_eye",className:"text-w-gray-400"})})]})}));u.displayName="PasswordInput",exports.PasswordInput=u;

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

@@ -1,2 +1,2 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge");require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var a=require("../../Base/Typography/Typography.js"),r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");exports.InputChip=({children:i,onDelete:l,className:n})=>/*#__PURE__*/e.jsxs(r.Box,{"data-testid":"design-system-input-chip--container",className:s.twMerge("flex h-6 w-fit max-w-[100px] select-none items-center gap-0.5 rounded-lg bg-w-gray-100 px-2 py-px",!!l&&"pl-2 pr-1.5",n),children:[
-/*#__PURE__*/e.jsx(a.Typography,{variant:"body2",className:"h-6 w-full overflow-hidden text-ellipsis whitespace-nowrap break-all text-w-gray-600",children:i}),!!l&&/*#__PURE__*/e.jsx(r.Box,{onClick:l,"data-testid":"design-system-input-chip--delete",children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:"small_delete",className:"cursor-pointer text-w-gray-400"})})]});
+"use client";"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var a=require("../../Base/Typography/Typography.js"),r=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");exports.InputChip=({children:i,onDelete:l,className:n})=>/*#__PURE__*/e.jsxs(r.Box,{"data-testid":"design-system-input-chip--container",className:s.twMerge("flex h-6 w-fit max-w-[100px] select-none items-center gap-0.5 rounded-lg bg-w-gray-100 px-2 py-px",!!l&&"pl-2 pr-1.5",n),children:[
+/*#__PURE__*/e.jsx(a.Typography,{variant:"body14",className:"h-6 w-full overflow-hidden text-ellipsis whitespace-nowrap break-all text-w-gray-600",children:i}),!!l&&/*#__PURE__*/e.jsx(r.Box,{onClick:l,"data-testid":"design-system-input-chip--delete",children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:"small_delete",className:"cursor-pointer text-w-gray-400"})})]});