npm - @wishket/design-system - Versions diffs - 1.17.3 → 1.17.4 - Mend

@wishket/design-system 1.17.3 → 1.17.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (411) hide show

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

@@ -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"),require("../../DataDisplays/Accordion/Accordion.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:d=!1,error:g=!1,leadingIcon:f,trailingIcon:b,onChange:h}=a,j=u(a,["label","checked","error","leadingIcon","trailingIcon","onChange"]);const[m,O]=t.useState(d);t.useEffect((()=>{O(d)}),[d]);/*#__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,g),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,g)})}),
-/*#__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,g),children:p}),b&&/*#__PURE__*/e.jsx(n.SystemIcon,{name:b,className:s.generateTrailingIconStyle(m,g)})]})]})]})}));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 CHANGED Viewed

@@ -1,11 +1,11 @@
-"use client";"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 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 m(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(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){m(e,r,t[r])}))}return e}function u(e,r){if(null==e)return{};var t,s,a=function(e,r){if(null==e)return{};var t,s,a={},n=Object.keys(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}const x=({userId:r,imgUrl:t=""})=>/*#__PURE__*/e.jsxs(a.Box,{className:"flex items-center gap-2",children:[
-/*#__PURE__*/e.jsx(n.Avatar,{imgUrl:t,size:"sm"}),
-/*#__PURE__*/e.jsx(s.Typography,{variant:"body1",className:"w-full font-medium text-w-gray-600",children:r})]}),y=({guideText:r})=>/*#__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 r?/*#__PURE__*/e.jsx("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:r}):/*#__PURE__*/e.jsx(e.Fragment,{children:null==r?void 0:r.map((r=>/*#__PURE__*/e.jsx("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:r},r)))})})}),f=/*#__PURE__*/r.forwardRef(((r,s)=>{var{imgUrl:n,userId:m,isReply:f,guideText:g,buttonName:p,isSelected:b,optionMessage:j,cancelButtonName:h="취소",onClose:w,onSubmit:v,onCheck:B}=r,N=u(r,["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=u(N,["value","className","disabled","spellCheck","children"]),S=""===k.trim(),A=!m||S||C,T=m&&j;/*#__PURE__*/
-return e.jsxs(a.Box,{"data-testid":"design-system-commentArea--full-container",className:t.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"}),
+"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:q?/*#__PURE__*/e.jsx(a.Box,{className:"h-[98px]",children:q}):/*#__PURE__*/e.jsxs(e.Fragment,{children:[m&&/*#__PURE__*/e.jsx(x,{imgUrl:n,userId:m}),
-/*#__PURE__*/e.jsx("textarea",d({"data-testid":"design-system-commentArea",ref:s,value:k,spellCheck:D,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"},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(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:t.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||!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:p})]})]})]})]})}));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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 o=require("../../DataDisplays/CountBadge/CountBadge.js");require("../../DataDisplays/Accordion/Accordion.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");
 /**
  * 필터 선택 및 상태를 표시하는 칩 컴포넌트입니다.
  *
@@ -43,7 +43,7 @@
  *   </DropdownMenu>
  * </FilterChip>
  */
-const l=/*#__PURE__*/r.forwardRef((({leadingIcon:r,trailingIcon:l,text:n,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:n}),l&&/*#__PURE__*/e.jsx(i.SystemIcon,{testId:"design-system-filter-chip--trailing-icon",name:l,className:t.twMerge("text-w-gray-400",x&&"text-primary")}),u&&/*#__PURE__*/e.jsx(o.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})]})}));l.displayName="FilterChip",exports.FilterChip=l;
+/*#__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 CHANGED Viewed

@@ -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");require("../../DataDisplays/Accordion/Accordion.js");var 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,3 +1,3 @@
-"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"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Accordion/Accordion.js");var n=require("../IconButton/IconButton.js"),i=require("../List/List.js"),o=require("../../../hooks/useDropdown.js");exports.IconButtonDropdown=({icon:r,items:a,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:a,onItemClick:c});/*#__PURE__*/
-return e.jsxs("div",{"data-testid":"design-system-icon-button-dropdown",className:"relative w-fit outline-none",ref:I,onKeyDown:p,tabIndex:0,children:[
-/*#__PURE__*/e.jsx(n.IconButton,{onClick:w,size:d,className:"outline-none",disabled:m,children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:r,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(i.List.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:a.map(((s,t)=>/*#__PURE__*/e.jsx(i.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)))})})]})};
+"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,4 +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 a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){a(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 s(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const c=/*#__PURE__*/t.forwardRef(((t,a)=>{var{isFixed:c,isFocused:u,isError:p,label:y,placeholder:f,value:b,type:d}=t,O=s(t,["isFixed","isFocused","isError","label","placeholder","value","type"]);/*#__PURE__*/
+"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("absolute tracking-default",p?"text-w-red-500":u?"text-primary-500":"text-w-gray-400 group-hover:text-primary-500",c?"typo-caption2":u||b?"scale-[0.6875] -translate-y-0.5 origin-top-left transition-transform duration-300":"typo-body1 transition-transform duration-300 translate-y-2 origin-top-left"),"data-testid":"design-system--label-text",children:y}),
-/*#__PURE__*/e.jsx(o.InputTypeSelector,i(l({type:d},O),{ref:a,className:"pt-[14px]"}))]})}));c.displayName="LabelInput",exports.LabelInput=c;
+/*#__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 CHANGED Viewed

@@ -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"),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 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 i(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=i(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: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(r.SystemIcon,{name:b?"medium_eye_slash":"medium_eye",className:"text-w-gray-400"})})]})}));u.displayName="PasswordInput",exports.PasswordInput=u;
+"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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge");require("react");var r=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var a=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Accordion/Accordion.js");exports.InputChip=({children:i,onDelete:l,className:n})=>/*#__PURE__*/e.jsxs(t.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(t.Box,{onClick:l,"data-testid":"design-system-input-chip--delete",children:/*#__PURE__*/e.jsx(r.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"})})]});

package/dist/cjs/Components/Inputs/List/List.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var n=require("../../Base/Typography/Typography.js");function l(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){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){l(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 o(e,t){if(null==e)return{};var r,s,n=function(e,t){if(null==e)return{};var r,s,n={},l=Object.keys(e);for(s=0;s<l.length;s++)r=l[s],t.indexOf(r)>=0||(n[r]=e[r]);return n}
+"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var s=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.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 l(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){i(e,t,r[t])}))}return e}function a(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,s,n=function(e,t){if(null==e)return{};var r,s,n={},i=Object.keys(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||(n[r]=e[r]);return n}
 /**
  * List.Root 컴포넌트는 목록의 컨테이너 역할을 합니다.
  *
@@ -7,8 +7,8 @@
  * @param {boolean} [props.disableScroll=false] - 스크롤 비활성화 여부
  * @param {ReactNode} props.children - 목록 항목들
  * @param {string} [props.className] - 추가 CSS 클래스
- */(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)&&(n[r]=e[r])}return n}require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Accordion/Accordion.js");const a={Root:s=>{var{children:n,className:l,disableScroll:a=!1}=s,u=o(s,["children","className","disableScroll"]);const y=t.useRef(null),[d,p]=t.useState(!1);return t.useLayoutEffect((()=>{const e=y.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;p(t>r)}),[]),/*#__PURE__*/e.jsx("ul",c(i({ref:y,"data-testid":"design-system-list",className:r.twMerge("flex max-h-60 w-full min-w-[220px] flex-col rounded-xl bg-w-white p-2 shadow-graymedium",a?"max-h-full overflow-visible":"overflow-y-auto scrollbar-list",d&&!a&&"pr-0",l)},u),{children:n}))},Item:t=>{var{leadingIcon:l,text:a,selected:u=!1,disabled:y=!1,canceled:d=!1,children:p,className:m,isFocused:b=!1}=t,f=o(t,["leadingIcon","text","selected","disabled","canceled","children","className","isFocused"]);const g=r.twMerge(u?"text-primary-500":"text-w-gray-600",d&&"text-w-red-500",y&&"text-w-gray-300");/*#__PURE__*/
-return e.jsxs("li",c(i({className:r.twMerge("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!y&&b&&"bg-primary-10",!y&&"hover:bg-primary-10",m)},f),{onClick:e=>{var t;y||null===(t=f.onClick)||void 0===t||t.call(f,e)},"data-testid":"design-system-list-item",children:[l&&/*#__PURE__*/e.jsx(s.SystemIcon,{name:l,className:g,testId:"design-system-list-item-leading-icon"}),a&&/*#__PURE__*/e.jsx(n.Typography,{variant:"body1",className:g,"data-testid":"design-system-list-item-text",children:a}),p]}))}};
+ */(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");const o={Root:s=>{var{children:n,className:i,disableScroll:o=!1}=s,u=c(s,["children","className","disableScroll"]);const y=t.useRef(null),[d,p]=t.useState(!1);return t.useLayoutEffect((()=>{const e=y.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;p(t>r)}),[]),/*#__PURE__*/e.jsx("ul",a(l({ref:y,"data-testid":"design-system-list",className:r.twMerge("flex max-h-60 w-full min-w-[220px] flex-col rounded-xl bg-w-white p-2 shadow-graymedium",o?"max-h-full overflow-visible":"scrollbar-list overflow-y-auto",d&&!o&&"pr-0",i)},u),{children:n}))},Item:t=>{var{leadingIcon:i,text:o,selected:u=!1,disabled:y=!1,canceled:d=!1,children:p,className:m,isFocused:b=!1}=t,f=c(t,["leadingIcon","text","selected","disabled","canceled","children","className","isFocused"]);const g=r.twMerge(u?"text-primary-500":"text-w-gray-600",d&&"text-w-red-500",y&&"text-w-gray-300");/*#__PURE__*/
+return e.jsxs("li",a(l({className:r.twMerge("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!y&&b&&"bg-primary-10",!y&&"hover:bg-primary-10",m)},f),{onClick:e=>{var t;y||null===(t=f.onClick)||void 0===t||t.call(f,e)},"data-testid":"design-system-list-item",children:[i&&/*#__PURE__*/e.jsx(n.SystemIcon,{name:i,className:g,testId:"design-system-list-item-leading-icon"}),o&&/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:g,"data-testid":"design-system-list-item-text",children:o}),p]}))}};
 /**
  * List.Item 컴포넌트는 개별 목록 항목을 표시합니다.
  *
@@ -22,4 +22,4 @@ return e.jsxs("li",c(i({className:r.twMerge("visible flex cursor-pointer select-
  * @param {boolean} [props.isFocused=false] - 포커스 상태
  * @param {ReactNode} props.children - 추가 컨텐츠
  * @param {string} [props.className] - 추가 CSS 클래스
- */exports.List=a;
+ */exports.List=o;

package/dist/cjs/Components/Inputs/MultiColumnList/MultiColumnList.parts.js CHANGED Viewed

@@ -22,8 +22,8 @@
  * </MultiColumnList.Root>
  * ```
  */exports.Category=o=>{var{children:u,className:y,index:d}=o,g=i(o,["children","className","index"]);const{handleCategoryClick:m,activeCategory:p}=t.useContext(c),f=d===p;/*#__PURE__*/
-return e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--category",className:r.twMerge("w-full cursor-pointer rounded-xl px-4 py-3 text-w-gray-600 hover:bg-primary-10",f&&"font-medium text-primary",y),onClick:()=>void 0!==d&&m(d)},g),{children:/*#__PURE__*/e.jsx(l.Typography,{variant:"body1",className:"whitespace-normal break-all",children:u})}))},exports.CategoryContainer=t=>{var{className:l,children:o}=t,c=i(t,["className","children"]);/*#__PURE__*/
-return e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--category-container",className:r.twMerge("flex h-full w-[180px] shrink-0 flex-col overflow-y-auto border-r border-w-gray-200 py-2 pl-2 scrollbar-list",l)},c),{children:o}))},exports.List=r=>{var{children:o,title:u,index:y}=r,d=i(r,["children","title","index"]);const{activeCategory:g}=t.useContext(c);return y!==g?null:/*#__PURE__*/e.jsxs(n.Box,s(a({"data-testid":"design-system-multi-column-list--list-item",className:"flex w-full flex-col gap-4"},d),{children:[u&&/*#__PURE__*/e.jsx(l.Typography,{variant:"body1",className:"w-full font-medium text-primary","data-testid":"design-system-multi-column-list-title",children:u}),o]}))},exports.ListContainer=l=>{var{children:o,className:u}=l,y=i(l,["children","className"]);const{activeCategory:d}=t.useContext(c),g=t.useRef(null);return t.useEffect((()=>{g.current&&g.current.scrollTo({top:0})}),[d]),/*#__PURE__*/e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--list-container",ref:g,className:r.twMerge("flex h-full w-full flex-col gap-6 overflow-y-auto px-6 py-5 scrollbar-list",u)},y),{children:o}))},exports.Root=l=>{var{children:o,className:u,currentActiveCategory:y=0,onCategoryChange:d}=l,g=i(l,["children","className","currentActiveCategory","onCategoryChange"]);const[m,p]=t.useState(y);return t.useEffect((()=>{y!==m&&p(y);
+return e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--category",className:r.twMerge("w-full cursor-pointer rounded-xl px-4 py-3 text-w-gray-600 hover:bg-primary-10",f&&"font-medium text-primary",y),onClick:()=>void 0!==d&&m(d)},g),{children:/*#__PURE__*/e.jsx(l.Typography,{variant:"body16",className:"whitespace-normal break-all",children:u})}))},exports.CategoryContainer=t=>{var{className:l,children:o}=t,c=i(t,["className","children"]);/*#__PURE__*/
+return e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--category-container",className:r.twMerge("scrollbar-list flex h-full w-[180px] shrink-0 flex-col overflow-y-auto border-r border-w-gray-200 py-2 pl-2",l)},c),{children:o}))},exports.List=r=>{var{children:o,title:u,index:y}=r,d=i(r,["children","title","index"]);const{activeCategory:g}=t.useContext(c);return y!==g?null:/*#__PURE__*/e.jsxs(n.Box,s(a({"data-testid":"design-system-multi-column-list--list-item",className:"flex w-full flex-col gap-4"},d),{children:[u&&/*#__PURE__*/e.jsx(l.Typography,{variant:"body16",className:"w-full font-medium text-primary","data-testid":"design-system-multi-column-list-title",children:u}),o]}))},exports.ListContainer=l=>{var{children:o,className:u}=l,y=i(l,["children","className"]);const{activeCategory:d}=t.useContext(c),g=t.useRef(null);return t.useEffect((()=>{g.current&&g.current.scrollTo({top:0})}),[d]),/*#__PURE__*/e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--list-container",ref:g,className:r.twMerge("scrollbar-list flex h-full w-full flex-col gap-6 overflow-y-auto px-6 py-5",u)},y),{children:o}))},exports.Root=l=>{var{children:o,className:u,currentActiveCategory:y=0,onCategoryChange:d}=l,g=i(l,["children","className","currentActiveCategory","onCategoryChange"]);const[m,p]=t.useState(y);return t.useEffect((()=>{y!==m&&p(y);
 // eslint-disable-next-line react-hooks/exhaustive-deps
 }),[y]),/*#__PURE__*/e.jsx(c.Provider,{value:{activeCategory:m,currentActiveCategory:y,handleCategoryClick:e=>{e!==m&&(// 현재 카테고리를 다시 클릭하는 경우 방지
 null==d||d(e),p(e))}},children:/*#__PURE__*/e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--root",className:r.twMerge("flex h-full w-full rounded-xl border border-w-gray-200 bg-w-white",u)},g),{children:o}))})};

package/dist/cjs/Components/Inputs/RadioCard/RadioCard.js CHANGED Viewed

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

package/dist/cjs/Components/Inputs/RadioCard/RadioCard.parts.js CHANGED Viewed

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

package/dist/cjs/Components/Inputs/RadioList/RadioList.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("../RadioGroup/RadioGroup.js"),t=require("./parts/RadioListContainer.js"),a=require("./parts/RadioListItem.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}exports.RadioList=({data:n,name:o,className:s,selectedValue:u,testId:c,onChange:d,disabled:l,isError:b})=>/*#__PURE__*/e.jsx(t.RadioListContainer,{className:s,testId:c,children:/*#__PURE__*/e.jsx(r.RadioGroup,{name:o,data:n,selectedValue:u,onChange:d,disabled:l,isError:b,children:r=>/*#__PURE__*/e.jsx(a.RadioListItem,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){i(e,r,t[r])}))}return e}
+"use strict";var e=require("react/jsx-runtime"),r=require("../RadioGroup/RadioGroup.js"),t=require("../RadioListItem/RadioListItem.js"),i=require("./parts/RadioListContainer.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}exports.RadioList=({data:n,name:o,className:s,selectedValue:u,testId:c,onChange:d,disabled:l,isError:b})=>/*#__PURE__*/e.jsx(i.RadioListContainer,{className:s,testId:c,children:/*#__PURE__*/e.jsx(r.RadioGroup,{name:o,data:n,selectedValue:u,onChange:d,disabled:l,isError:b,children:r=>/*#__PURE__*/e.jsx(t.RadioListItem,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){a(e,r,t[r])}))}return e}
 /**
  * 라디오 버튼 목록을 표시하는 컴포넌트입니다.
  *

package/dist/cjs/Components/Inputs/RadioListItem/RadioListItem.js ADDED Viewed

@@ -0,0 +1,5 @@
+"use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../../Base/Typography/Typography.js"),i=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var s=require("../Radio/Radio.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 n(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){a(e,r,t[r])}))}return 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 l(e,r){if(null==e)return{};var t,i,s=function(e,r){if(null==e)return{};var t,i,s={},a=Object.keys(e);for(i=0;i<a.length;i++)t=a[i],r.indexOf(t)>=0||(s[t]=e[t]);return s}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)t=a[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(s[t]=e[t])}return s}const c=t=>{var{children:i,disabled:s,className:a,hasDescription:c}=t,d=l(t,["children","disabled","className","hasDescription"]);/*#__PURE__*/
+return e.jsx("label",o(n({className:r.twMerge("grid-areas-radio-list-item-container grid h-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container gap-x-3",s?"cursor-not-allowed":"cursor-pointer",c?"gap-y-0.5":"gap-y-0",a)},d),{children:i}))};exports.RadioListItem=a=>{var{name:o,value:d,label:u,description:p,checked:y,disabled:g=!1,isError:m=!1,errorMessage:b,className:h,RadioClassName:f,onChange:j,children:x}=a,O=l(a,["name","value","label","description","checked","disabled","isError","errorMessage","className","RadioClassName","onChange","children"]);/*#__PURE__*/
+return e.jsxs(c,{"data-testid":"design-system-radioList--item",disabled:g,hasDescription:!!p,className:r.twMerge("group",h),children:[
+/*#__PURE__*/e.jsx(i.Box,{className:"grid-in-radio flex cursor-pointer pt-1",children:/*#__PURE__*/e.jsx(s.Radio,n({name:o,value:d,checked:y,isError:m,disabled:g,onChange:j,className:f},O))}),
+/*#__PURE__*/e.jsxs(i.Box,{className:"grid-in-label flex w-full items-center",children:[u&&/*#__PURE__*/e.jsx(t.Typography,{variant:"body16",className:r.twMerge("w-full whitespace-normal break-words",g?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:u}),x]}),m&&b&&/*#__PURE__*/e.jsx(i.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:b})}),p&&/*#__PURE__*/e.jsx(i.Box,{className:"grid-in-description flex items-center",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body14",className:g?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:p})})]})};

package/dist/cjs/Components/Inputs/RangeSlider/RangeSlider.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),n=require("react"),r=require("../../Base/Layouts/Box/Box.js");function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){a(e,t,n[t])}))}return e}function s(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function m(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}require("../../Base/Layouts/FullBleed/FullBleed.js");const u="\n  [&::-moz-range-thumb]:pointer-events-auto\n  [&::-moz-range-thumb]:mr-2\n  [&::-moz-range-thumb]:-translate-x-1/4\n  [&::-moz-range-thumb]:transform\n  [&::-moz-range-thumb]:appearance-none\n  [&::-moz-range-thumb]:rounded-full\n  [&::-moz-range-thumb]:border\n  [&::-moz-range-thumb]:border-w-gray-200\n  [&::-moz-range-thumb]:bg-transparent\n  [&::-moz-range-thumb]:bg-white\n  [&::-moz-range-thumb]:shadow-graymedium\n  [&::-moz-range-thumb]:outline\n  [&::-moz-range-thumb]:ring-1\n  [&::-moz-range-thumb]:ring-inset\n  [&::-moz-range-thumb]:ring-w-gray-200\n  [&::-moz-range-thumb]:transition-all\n  [&::-moz-range-thumb]:duration-150\n  [&::-moz-range-thumb]:ease-in-out\n  [&::-moz-range-thumb]:dark:bg-w-white\n\n  [&::-webkit-slider-thumb]:pointer-events-auto\n  [&::-webkit-slider-thumb]:mr-2\n  [&::-webkit-slider-thumb]:-translate-x-1/4\n  [&::-webkit-slider-thumb]:transform\n  [&::-webkit-slider-thumb]:appearance-none\n  [&::-webkit-slider-thumb]:rounded-full\n  [&::-webkit-slider-thumb]:border\n  [&::-webkit-slider-thumb]:border-w-gray-200\n  [&::-webkit-slider-thumb]:bg-transparent\n  [&::-webkit-slider-thumb]:bg-white\n  [&::-webkit-slider-thumb]:shadow-graymedium\n  [&::-webkit-slider-thumb]:outline\n  [&::-webkit-slider-thumb]:ring-1\n  [&::-webkit-slider-thumb]:ring-inset\n  [&::-webkit-slider-thumb]:ring-w-gray-200\n  [&::-webkit-slider-thumb]:transition-all\n  [&::-webkit-slider-thumb]:duration-150\n  [&::-webkit-slider-thumb]:ease-in-out\n  [&::-webkit-slider-thumb]:dark:bg-w-white\n  ";
+"use client";"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),n=require("react"),r=require("../../Base/Layouts/Box/Box.js");function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){a(e,t,n[t])}))}return e}function s(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function u(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}require("../../Base/Layouts/FullBleed/FullBleed.js");const m="\n  [&::-moz-range-thumb]:pointer-events-auto\n  [&::-moz-range-thumb]:mr-2\n  [&::-moz-range-thumb]:-translate-x-1/4\n  [&::-moz-range-thumb]:transform\n  [&::-moz-range-thumb]:appearance-none\n  [&::-moz-range-thumb]:rounded-full\n  [&::-moz-range-thumb]:border\n  [&::-moz-range-thumb]:border-w-gray-200\n  [&::-moz-range-thumb]:bg-transparent\n  [&::-moz-range-thumb]:bg-white\n  [&::-moz-range-thumb]:shadow-graymedium\n  [&::-moz-range-thumb]:outline\n  [&::-moz-range-thumb]:inset-ring\n  [&::-moz-range-thumb]:inset-ring-w-gray-200\n  [&::-moz-range-thumb]:transition-all\n  [&::-moz-range-thumb]:duration-150\n  [&::-moz-range-thumb]:ease-in-out\n  [&::-moz-range-thumb]:dark:bg-w-white\n\n  [&::-webkit-slider-thumb]:pointer-events-auto\n  [&::-webkit-slider-thumb]:mr-2\n  [&::-webkit-slider-thumb]:-translate-x-1/4\n  [&::-webkit-slider-thumb]:transform\n  [&::-webkit-slider-thumb]:appearance-none\n  [&::-webkit-slider-thumb]:rounded-full\n  [&::-webkit-slider-thumb]:border\n  [&::-webkit-slider-thumb]:border-w-gray-200\n  [&::-webkit-slider-thumb]:bg-transparent\n  [&::-webkit-slider-thumb]:bg-white\n  [&::-webkit-slider-thumb]:shadow-graymedium\n  [&::-webkit-slider-thumb]:outline\n  [&::-webkit-slider-thumb]:inset-ring\n  [&::-webkit-slider-thumb]:inset-ring-w-gray-200\n  [&::-webkit-slider-thumb]:transition-all\n  [&::-webkit-slider-thumb]:duration-150\n  [&::-webkit-slider-thumb]:ease-in-out\n  [&::-webkit-slider-thumb]:dark:bg-w-white\n  ";
 /**
  * 단일 또는 이중 슬라이더를 제공하는 범위 선택 컴포넌트입니다.
  *
@@ -34,10 +34,10 @@
  *   value={{ min: 30, max: 70 }}
  *   onChange={(value) => console.log(value)}
  * />
- */exports.RangeSlider=a=>{var{variant:l="single",size:o="sm",step:b=10,value:d={min:0,max:0},min:g=0,max:h=100,onChange:c,className:w}=a,p=m(a,["variant","size","step","value","min","max","onChange","className"]);const f="dual"===l,{min:y,max:x}=d,z=f?y:0,[j,O]=n.useState({min:z,max:x}),[k,v]=n.useState("end"),S=e=>h===g?0:(e-g)/(h-g)*100,N=(e,t)=>{const n="min"===t,r=n?"start":"end",a=Number(e.target.value),m=n?Math.min(a,j.max-b):Math.max(a,j.min+b);v(r),O((e=>s(i({},e),{[t]:m}))),null==c||c(s(i({},j),{[t]:m}))},P=()=>"sm"===o?u+"[&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:w-4 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4":u+"[&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5",B=Math.floor(Number(h)/Number(b))+1;return n.useEffect((()=>{O(s(i({},j),{max:d.max}));
+ */exports.RangeSlider=a=>{var{variant:l="single",size:o="sm",step:b=10,value:d={min:0,max:0},min:g=0,max:h=100,onChange:c,className:p}=a,w=u(a,["variant","size","step","value","min","max","onChange","className"]);const f="dual"===l,{min:y,max:x}=d,z=f?y:0,[j,O]=n.useState({min:z,max:x}),[k,v]=n.useState("end"),S=e=>h===g?0:(e-g)/(h-g)*100,N=(e,t)=>{const n="min"===t,r=n?"start":"end",a=Number(e.target.value),u=n?Math.min(a,j.max-b):Math.max(a,j.min+b);v(r),O((e=>s(i({},e),{[t]:u}))),null==c||c(s(i({},j),{[t]:u}))},P=()=>"sm"===o?`${m}[&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:w-4 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4`:`${m}[&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5`,B=Math.floor(Number(h)/Number(b))+1;return n.useEffect((()=>{O(s(i({},j),{max:d.max}));
 // eslint-disable-next-line react-hooks/exhaustive-deps
-}),[d.max]),/*#__PURE__*/e.jsxs(r.Box,{className:t.twMerge("relative px-1",w),"data-testid":"design-system-rangeSlider",children:[f&&/*#__PURE__*/e.jsx("input",i({"data-testid":"design-system-rangeSlider--start-thumb-input",type:"range",min:g,max:h,step:b,value:j.min,onInput:e=>N(e,"min"),className:t.twMerge("pointer-events-none absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",P(),"start"===k&&"z-50")},p)),
-/*#__PURE__*/e.jsx("input",i({"data-testid":"design-system-rangeSlider--end-thumb-input",type:"range",min:g,max:h,value:j.max,onInput:e=>N(e,"max"),step:b,className:t.twMerge("pointer-events-auto absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",P(),f&&"pointer-events-none","end"===k&&"z-50")},p)),
-/*#__PURE__*/e.jsxs(r.Box,{"data-testid":"design-system-rangeSlider--container",className:t.twMerge("relative overflow-hidden","sm"===o&&"h-1 rounded-sm","md"===o&&"h-2 rounded"),children:["md"===o&&/*#__PURE__*/e.jsx(r.Box,{className:"absolute z-20 flex h-2 w-full items-center justify-between bg-transparent p-0.5",children:[...Array(B)].map(((t,n)=>/*#__PURE__*/e.jsx(r.Box,{"data-testid":"design-system-rangeSlider--unit-dot",className:"size-1 rounded-full bg-w-white"},n)))}),
+}),[d.max]),/*#__PURE__*/e.jsxs(r.Box,{className:t.twMerge("relative px-1",p),"data-testid":"design-system-rangeSlider",children:[f&&/*#__PURE__*/e.jsx("input",i({"data-testid":"design-system-rangeSlider--start-thumb-input",type:"range",min:g,max:h,step:b,value:j.min,onInput:e=>N(e,"min"),className:t.twMerge("pointer-events-none absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",P(),"start"===k&&"z-50")},w)),
+/*#__PURE__*/e.jsx("input",i({"data-testid":"design-system-rangeSlider--end-thumb-input",type:"range",min:g,max:h,value:j.max,onInput:e=>N(e,"max"),step:b,className:t.twMerge("pointer-events-auto absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",P(),f&&"pointer-events-none","end"===k&&"z-50")},w)),
+/*#__PURE__*/e.jsxs(r.Box,{"data-testid":"design-system-rangeSlider--container",className:t.twMerge("relative overflow-hidden","sm"===o&&"rounded-xs h-1","md"===o&&"h-2 rounded"),children:["md"===o&&/*#__PURE__*/e.jsx(r.Box,{className:"absolute z-20 flex h-2 w-full items-center justify-between bg-transparent p-0.5",children:[...Array(B)].map(((t,n)=>/*#__PURE__*/e.jsx(r.Box,{"data-testid":"design-system-rangeSlider--unit-dot",className:"size-1 rounded-full bg-w-white"},n)))}),
 /*#__PURE__*/e.jsx(r.Box,{className:"absolute left-0 top-0 z-0 h-full w-full bg-w-gray-50","data-testid":"design-system-rangeSlider--rail"}),
 /*#__PURE__*/e.jsx(r.Box,{className:"absolute left-0 top-0 z-10 h-full bg-primary","data-testid":"design-system-rangeSlider--fill-track",style:{width:`${f?S(j.max)-S(j.min):S(j.max)}%`,left:f?`${S(j.min)}%`:0}})]})]})};

package/dist/cjs/Components/Inputs/SearchField/SearchField.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),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("../TextButtonDropdown/TextButtonDropdown.js"),o=require("../TextFieldContainer/TextFieldContainer.js"),l=require("../Input/Input.js");function a(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){a(e,t,r[t])}))}return e}function c(e,t){if(null==e)return{};var r,s,n=function(e,t){if(null==e)return{};var r,s,n={},i=Object.keys(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||(n[r]=e[r]);return n}
+"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var i=require("../TextButtonDropdown/TextButtonDropdown.js"),a=require("../TextFieldContainer/TextFieldContainer.js"),o=require("../Input/Input.js");function l(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){l(e,t,r[t])}))}return e}function c(e,t){if(null==e)return{};var r,s,n=function(e,t){if(null==e)return{};var r,s,n={},i=Object.keys(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||(n[r]=e[r]);return n}
 /**
  * 검색 필드 컴포넌트
  *
@@ -34,7 +34,7 @@
  *     ]
  *   }}
  * />
- */(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}require("../Input/PasswordInput.js"),require("../Input/LabelInput.js"),require("../Input/InputTypeSelector.js");exports.SearchField=a=>{var{type:d,onSearch:p,className:b,disabled:y,spellCheck:m,onFocus:j,onBlur:f,filters:x}=a,h=c(a,["type","onSearch","className","disabled","spellCheck","onFocus","onBlur","filters"]);const[g,I]=t.useState(!1);/*#__PURE__*/
-return e.jsx("form",{onSubmit:e=>{e.preventDefault(),p()},"data-testid":"design-system-search-field",children:/*#__PURE__*/e.jsx("label",{className:"cursor-text",children:/*#__PURE__*/e.jsxs(o.TextFieldContainer,{isFocused:g,isDisabled:y,className:"overflow-visible",children:[!!x&&/*#__PURE__*/e.jsx(s.Box,{className:"shrink-0",children:/*#__PURE__*/e.jsx(i.TextButtonDropdown,u({disabled:y},x))}),
-/*#__PURE__*/e.jsx(l.Input,u({onFocus:e=>{I(!0),null==j||j(e)},onBlur:e=>{I(!1),null==f||f(e)},spellCheck:m||!1,disabled:y},h)),
-/*#__PURE__*/e.jsx("button",{type:"submit",className:"shrink-0","data-testid":"design-system-search-field--submit-button",disabled:y,children:/*#__PURE__*/e.jsx(n.SystemIcon,{testId:"design-system-search-field--submit-button-icon",name:"medium_search",className:r.twMerge("pointer-events-none text-w-gray-600",y&&"text-w-gray-300")})})]})})})};
+ */(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}require("../Input/PasswordInput.js"),require("../Input/LabelInput.js"),require("../Input/InputTypeSelector.js");exports.SearchField=l=>{var{type:d,onSearch:p,className:y,disabled:b,spellCheck:m,onFocus:j,onBlur:f,filters:x}=l,h=c(l,["type","onSearch","className","disabled","spellCheck","onFocus","onBlur","filters"]);const[g,v]=t.useState(!1);/*#__PURE__*/
+return e.jsx("form",{onSubmit:e=>{e.preventDefault(),p()},"data-testid":"design-system-search-field",children:/*#__PURE__*/e.jsx("label",{className:"cursor-text",children:/*#__PURE__*/e.jsxs(a.TextFieldContainer,{isFocused:g,isDisabled:b,className:"overflow-visible",children:[!!x&&/*#__PURE__*/e.jsx(s.Box,{className:"shrink-0",children:/*#__PURE__*/e.jsx(i.TextButtonDropdown,u({disabled:b},x))}),
+/*#__PURE__*/e.jsx(o.Input,u({onFocus:e=>{v(!0),null==j||j(e)},onBlur:e=>{v(!1),null==f||f(e)},spellCheck:m||!1,disabled:b},h)),
+/*#__PURE__*/e.jsx("button",{type:"submit",className:"shrink-0","data-testid":"design-system-search-field--submit-button",disabled:b,children:/*#__PURE__*/e.jsx(n.SystemIcon,{testId:"design-system-search-field--submit-button-icon",name:"medium_search",className:r.twMerge("pointer-events-none text-w-gray-600",b&&"text-w-gray-300")})})]})})})};

package/dist/cjs/Components/Inputs/SegmentedControl/SegmentedControl.js CHANGED Viewed

@@ -2,4 +2,4 @@
 return e.jsx(a.Box,{className:"flex w-full overflow-hidden rounded-xl",role:"radiogroup","aria-label":"segmented control","data-testid":"design-system--segmented-control",children:s.map(((a,c)=>{const m=0===c,u=c===s.length-1,p=l===a.key,y=p&&"sm"===n;/*#__PURE__*/
 return e.jsxs("label",{className:r.twJoin("relative cursor-pointer select-none text-center",p?"border border-primary bg-primary-10 text-primary":"bg-w-gray-50 text-w-gray-300",p?i[n].selected:i[n].unselected,m&&"rounded-l-xl",u&&"rounded-r-xl"),"data-testid":"design-system--segmented-control-item",children:[
 /*#__PURE__*/e.jsx("input",{type:"radio",name:o,value:a.key,checked:p,"aria-checked":p,onChange:e=>d(e.target.value),className:"absolute h-0 w-0 opacity-0"}),
-/*#__PURE__*/e.jsx(t.Typography,{variant:"md"===n?"body1":"body2",className:r.twJoin(y?"font-medium":"font-normal"),children:a.name})]},a.key)}))})};
+/*#__PURE__*/e.jsx(t.Typography,{variant:"md"===n?"body16":"body14",className:r.twJoin(y?"font-medium":"font-normal"),children:a.name})]},a.key)}))})};

package/dist/cjs/Components/Inputs/SupportTextContainer/SupportTextContainer.js CHANGED Viewed

@@ -1,3 +1,3 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("tailwind-merge"),require("../../Base/Layouts/FullBleed/FullBleed.js");exports.SupportTextContainer=({errorMessage:s,supportMessage:t,currentLength:i,maxLength:l,isMaxLengthVisible:o})=>{const n=t||o;/*#__PURE__*/
-return e.jsxs(a.Box,{className:"flex flex-col gap-2 px-[17px]","data-testid":"design-system--support-text-container",children:[s&&/*#__PURE__*/e.jsx(r.Typography,{variant:"body2",className:"text-w-red-500",children:s}),n&&/*#__PURE__*/e.jsxs(a.Box,{className:"flex gap-6",children:[
-/*#__PURE__*/e.jsx(r.Typography,{variant:"body2",className:"flex-1 text-w-gray-400",children:t}),o&&/*#__PURE__*/e.jsxs(r.Typography,{variant:"body2",className:"w-fit min-w-[72px] text-right text-w-gray-400",children:[null==i?void 0:i.toLocaleString(),"/",null==l?void 0:l.toLocaleString()]})]})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js");require("tailwind-merge"),require("../../Base/Layouts/FullBleed/FullBleed.js");var a=require("../FileUploader/FileUploader.utils.js");const i=({currentLength:t,maxLength:a})=>/*#__PURE__*/e.jsxs(r.Typography,{variant:"body14",className:"w-fit min-w-[72px] text-right text-w-gray-400",children:[t.toLocaleString(),"/",a.toLocaleString()]}),l=({currentFileSize:t,maxFileSize:i})=>/*#__PURE__*/e.jsxs(r.Typography,{variant:"body14",className:"w-fit text-right text-w-gray-400",children:[a.formatFileSize(t),"/",a.formatFileSize(i)]});exports.SupportTextContainer=({errorMessage:a,supportMessage:s,currentLength:n,maxLength:o,currentFileSize:x,maxFileSize:p})=>{const c=s||o||p;/*#__PURE__*/
+return e.jsxs(t.Box,{className:"flex w-full flex-col gap-2 px-[17px]","data-testid":"design-system--support-text-container",children:[a&&/*#__PURE__*/e.jsx(r.Typography,{variant:"body14",className:"line-clamp-2 min-w-0 overflow-hidden whitespace-pre-line text-w-red-500",children:a}),c&&/*#__PURE__*/e.jsxs(t.Box,{className:"flex gap-6",children:[
+/*#__PURE__*/e.jsx(r.Typography,{variant:"body14",className:"line-clamp-2 w-full min-w-0 overflow-hidden whitespace-pre-line text-w-gray-400",children:s}),o&&/*#__PURE__*/e.jsx(i,{currentLength:null!=n?n:0,maxLength:o}),p&&/*#__PURE__*/e.jsx(l,{currentFileSize:null!=x?x:0,maxFileSize:p})]})]})};

package/dist/cjs/Components/Inputs/TextButton/TextButton.js CHANGED Viewed

@@ -3,7 +3,8 @@
  * 텍스트 버튼 컴포넌트
  *
  * @description
- * 텍스트로만 구성된 버튼 컴포넌트입니다. 선택적으로 앞이나 뒤에 아이콘을 배치할 수 있습니다.
+ * 클릭 시 이벤트 발생하는 경우에 사용되는 컴포넌트로, 보조 액션 또는 행동 트리거에 적합한 텍스트형 버튼입니다. 선택적으로 앞이나 뒤에 아이콘을 배치할 수 있습니다.
+ * 버튼은 계층에 따라 컬러를 구분해서 사용합니다. 주요 행동을 유도하는 경우 Primary컬러를 사용하고, 보조행동에는 Gray컬러를 사용합니다.
  * 텍스트의 크기는 기본 크기와 작은 크기 중 선택할 수 있습니다.
  *
  * @param {object} props
@@ -11,6 +12,8 @@
  * @param {boolean} [props.isTextSmall=false] - 텍스트 크기를 작게 설정 (기본값: false)
  * @param {string} [props.leadingIcon] - 텍스트 앞에 표시될 SystemIcon의 이름
  * @param {string} [props.trailingIcon] - 텍스트 뒤에 표시될 SystemIcon의 이름
+ * @param {boolean} [props.isGray=false] - 텍스트 색상을 회색으로 사용 여부
+ * @param {boolean} [props.isUnderline=false] - 텍스트에 밑줄 스타일 적용 여부
  *
  * @example
  * // 기본 텍스트 버튼
@@ -23,5 +26,5 @@
  *   leadingIcon="search"
  *   trailingIcon="arrow-right"
  * />
- */(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.TextButton=c=>{var{text:l,isTextSmall:s=!1,leadingIcon:a,trailingIcon:u}=c,b=o(c,["text","isTextSmall","leadingIcon","trailingIcon"]);/*#__PURE__*/
-return e.jsx("button",i(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(t){n(e,t,r[t])}))}return e}({"data-testid":"design-system-text-button--container",className:t.twMerge("flex min-h-6 w-fit items-center justify-center",s?"gap-x-0.5":"gap-x-1")},b),{children:/*#__PURE__*/e.jsx(r.TextWithIcons,{text:l,leadingIcon:a,trailingIcon:u,isTextSmall: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)&&(i[r]=e[r])}return i}exports.TextButton=c=>{var{text:l,isTextSmall:s=!1,leadingIcon:a,trailingIcon:u,isGray:b=!1,isUnderline:f=!1}=c,y=o(c,["text","isTextSmall","leadingIcon","trailingIcon","isGray","isUnderline"]);/*#__PURE__*/
+return e.jsx("button",i(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(t){n(e,t,r[t])}))}return e}({"data-testid":"design-system-text-button--container",className:t.twMerge("flex min-h-6 w-fit items-center justify-center",s?"gap-x-0.5":"gap-x-1")},y),{children:/*#__PURE__*/e.jsx(r.TextWithIcons,{text:l,leadingIcon:a,trailingIcon:u,isTextSmall:s,isGray:b,isUnderline:f})}))};