@wishket/design-system 1.17.2 → 1.17.4

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

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

package/dist/Components/Inputs/FileUploader/FileUploader.d.ts

@@ -0,0 +1,45 @@
+import type { FileUploaderProps } from './FileUploader.types';
+/**
+ * 파일 업로드를 위한 컴포넌트입니다.
+ *
+ * @component
+ * @param {Object} props - 컴포넌트 props
+ * @param {File[]} [props.files] - 현재 업로드된 파일 목록
+ * @param {(files: File[]) => void} [props.onChange] - 파일 변경 시 호출되는 콜백 함수
+ * @param {string} [props.accept] - 허용되는 파일 타입 (예: 'image/*', '.pdf,.doc')
+ * @param {boolean} [props.multiple=true] - 여러 파일 선택 가능 여부
+ * @param {number} [props.maxFileSize] - 최대 파일 크기 (bytes)
+ * @param {boolean} [props.disabled=false] - 컴포넌트 비활성화 여부
+ * @param {boolean} [props.isError=false] - 에러 상태 여부
+ * @param {string} [props.errorMessage] - 에러 메시지
+ * @param {string} [props.supportMessage] - 보조 메시지
+ * @param {string} [props.text] - 업로드 영역에 표시할 텍스트 (isSmall일 때 사용)
+ * @param {boolean} [props.isSmall=false] - 작은 크기 변형 여부
+ * @param {() => void} [props.onFileSizeExceeded] - 파일 크기 초과 시 호출되는 콜백 함수
+ *
+ * @example
+ * // 기본 파일 업로더
+ * <FileUploader
+ *   files={files}
+ *   onChange={(newFiles) => setFiles(newFiles)}
+ *   maxFileSize={10 * 1024 * 1024}
+ * />
+ *
+ * // 이미지만 업로드
+ * <FileUploader
+ *   files={files}
+ *   onChange={(newFiles) => setFiles(newFiles)}
+ *   accept="image/*"
+ *   supportMessage="이미지 파일만 업로드 가능합니다"
+ * />
+ *
+ * // 작은 크기 변형
+ * <FileUploader
+ *   files={files}
+ *   onChange={(newFiles) => setFiles(newFiles)}
+ *   isSmall={true}
+ *   text="파일 첨부하기"
+ * />
+ */
+declare const FileUploader: ({ files, onChange, accept, multiple, maxFileSize, disabled, isError, errorMessage, supportMessage, text, isSmall, onFileSizeExceeded, }: FileUploaderProps) => import("react/jsx-runtime").JSX.Element;
+export { FileUploader };

package/dist/Components/Inputs/FileUploader/FileUploader.hooks.d.ts

@@ -0,0 +1,20 @@
+import { type ChangeEvent, type DragEvent, RefObject } from 'react';
+interface UseFileUploaderParams {
+    files: File[];
+    onChange?: (files: File[]) => void;
+    maxFileSize?: number;
+    disabled: boolean;
+    onFileSizeExceeded?: () => void;
+}
+interface UseFileUploaderReturn {
+    inputRef: RefObject<HTMLInputElement | null>;
+    isDragOver: boolean;
+    handleInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleButtonClick: () => void;
+    handleRemoveFile: (index: number) => void;
+    handleDragOver: (event: DragEvent<HTMLButtonElement>) => void;
+    handleDragLeave: (event: DragEvent<HTMLButtonElement>) => void;
+    handleDrop: (event: DragEvent<HTMLButtonElement>) => void;
+}
+export declare const useFileUploader: ({ files, onChange, maxFileSize, disabled, onFileSizeExceeded, }: UseFileUploaderParams) => UseFileUploaderReturn;
+export {};

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

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

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

@@ -0,0 +1,48 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twMerge as l}from"tailwind-merge";import{useMemo as a}from"react";import{Box as o}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{SupportTextContainer as i}from"../SupportTextContainer/SupportTextContainer.js";import{FileItem as t,FileUploadArea as s}from"./FileUploader.parts.js";import{useFileUploader as d}from"./FileUploader.hooks.js";import{generateAcceptDescription as n}from"./FileUploader.utils.js";
+/**
+ * 파일 업로드를 위한 컴포넌트입니다.
+ *
+ * @component
+ * @param {Object} props - 컴포넌트 props
+ * @param {File[]} [props.files] - 현재 업로드된 파일 목록
+ * @param {(files: File[]) => void} [props.onChange] - 파일 변경 시 호출되는 콜백 함수
+ * @param {string} [props.accept] - 허용되는 파일 타입 (예: 'image/*', '.pdf,.doc')
+ * @param {boolean} [props.multiple=true] - 여러 파일 선택 가능 여부
+ * @param {number} [props.maxFileSize] - 최대 파일 크기 (bytes)
+ * @param {boolean} [props.disabled=false] - 컴포넌트 비활성화 여부
+ * @param {boolean} [props.isError=false] - 에러 상태 여부
+ * @param {string} [props.errorMessage] - 에러 메시지
+ * @param {string} [props.supportMessage] - 보조 메시지
+ * @param {string} [props.text] - 업로드 영역에 표시할 텍스트 (isSmall일 때 사용)
+ * @param {boolean} [props.isSmall=false] - 작은 크기 변형 여부
+ * @param {() => void} [props.onFileSizeExceeded] - 파일 크기 초과 시 호출되는 콜백 함수
+ *
+ * @example
+ * // 기본 파일 업로더
+ * <FileUploader
+ *   files={files}
+ *   onChange={(newFiles) => setFiles(newFiles)}
+ *   maxFileSize={10 * 1024 * 1024}
+ * />
+ *
+ * // 이미지만 업로드
+ * <FileUploader
+ *   files={files}
+ *   onChange={(newFiles) => setFiles(newFiles)}
+ *   accept="image/*"
+ *   supportMessage="이미지 파일만 업로드 가능합니다"
+ * />
+ *
+ * // 작은 크기 변형
+ * <FileUploader
+ *   files={files}
+ *   onChange={(newFiles) => setFiles(newFiles)}
+ *   isSmall={true}
+ *   text="파일 첨부하기"
+ * />
+ */const p=({files:p=[],onChange:m,accept:c,multiple:u=!0,maxFileSize:f,disabled:g=!1,isError:x=!1,errorMessage:h,supportMessage:b,text:F,isSmall:w=!1,onFileSizeExceeded:y})=>{const{inputRef:S,isDragOver:j,handleInputChange:v,handleButtonClick:C,handleRemoveFile:D,handleDragOver:z,handleDragLeave:B,handleDrop:N}=d({files:p,onChange:m,maxFileSize:f,disabled:g,onFileSizeExceeded:y}),L=a((()=>p.reduce(((e,r)=>e+r.size),0)),[p]),M=n(c);/*#__PURE__*/
+return e(o,{className:"flex w-full flex-col gap-6",children:[
+/*#__PURE__*/r("input",{ref:S,type:"file",className:"hidden",accept:c,multiple:u,onChange:v,disabled:g,"data-testid":"file-uploader-input"}),p.length>0&&/*#__PURE__*/r(o,{className:"flex flex-col gap-2",children:p.map(((e,l)=>/*#__PURE__*/r(t,{file:e,onRemove:()=>D(l),disabled:g},`${e.name}-${l}`)))}),
+/*#__PURE__*/e(o,{className:"flex flex-col gap-2",children:[
+/*#__PURE__*/r("button",{type:"button",className:l("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",w?"flex-row":"flex-col",g&&"cursor-not-allowed",x&&"border-w-red-500",!g&&!x&&"hover:border-w-gray-400",j&&!g&&!x&&"border-w-gray-400"),disabled:g,onClick:C,onDragOver:z,onDragLeave:B,onDrop:N,children:/*#__PURE__*/r(s,{disabled:g,isSmall:w,text:F,acceptDescription:M})}),
+/*#__PURE__*/r(i,{errorMessage:h,supportMessage:b,currentFileSize:L,maxFileSize:f})]})]})};export{p as FileUploader};

package/dist/Components/Inputs/FileUploader/FileUploader.parts.d.ts

@@ -0,0 +1,10 @@
+import type { FileItemProps } from './FileUploader.types';
+export declare const FileItem: ({ file, onRemove, disabled, }: FileItemProps) => import("react/jsx-runtime").JSX.Element;
+interface FileUploadAreaProps {
+    disabled: boolean;
+    isSmall: boolean;
+    text?: string;
+    acceptDescription: string;
+}
+export declare const FileUploadArea: ({ disabled, isSmall, text, acceptDescription, }: FileUploadAreaProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/Components/Inputs/FileUploader/FileUploader.types.d.ts

@@ -0,0 +1,19 @@
+export interface FileItemProps {
+    file: File;
+    onRemove: () => void;
+    disabled?: boolean;
+}
+export interface FileUploaderProps {
+    files?: File[];
+    onChange?: (files: File[]) => void;
+    accept?: string;
+    multiple?: boolean;
+    maxFileSize?: number;
+    disabled?: boolean;
+    isError?: boolean;
+    errorMessage?: string;
+    supportMessage?: string;
+    text?: string;
+    isSmall?: boolean;
+    onFileSizeExceeded?: () => void;
+}

package/dist/Components/Inputs/FileUploader/FileUploader.utils.d.ts

@@ -0,0 +1,4 @@
+export declare const formatFileSize: (bytes: number) => string;
+export declare const getFileExtension: (fileName: string) => string;
+export declare const getFileNameWithoutExtension: (fileName: string) => string;
+export declare const generateAcceptDescription: (accept?: string) => string;

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

@@ -0,0 +1 @@
+const t=t=>{if(t<=0)return"0";const r=Math.floor(Math.log(t)/Math.log(1024));return`${Math.round(t/Math.pow(1024,r))}${["B","KB","MB","GB"][r]}`},r=t=>{const r=t.lastIndexOf(".");return-1!==r?t.substring(r):""},e=t=>{const r=t.lastIndexOf(".");return-1!==r?t.substring(0,r):t},n=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(", ")}`};export{t as formatFileSize,n as generateAcceptDescription,r as getFileExtension,e as getFileNameWithoutExtension};

package/dist/Components/Inputs/FileUploader/index.d.ts

@@ -0,0 +1,2 @@
+export { FileUploader } from './FileUploader';
+export type { FileUploaderProps } from './FileUploader.types';

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

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{twMerge as a}from"tailwind-merge";import{Typography as s}from"../../Base/Typography/Typography.js";import{Box as i}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{SystemIcon as o}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{CountBadge as l}from"../../DataDisplays/CountBadge/CountBadge.js";
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{twMerge as a}from"tailwind-merge";import{Typography as s}from"../../Base/Typography/Typography.js";import{Box as i}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"../../DataDisplays/Avatar/Avatar.js";import{CountBadge as o}from"../../DataDisplays/CountBadge/CountBadge.js";import{SystemIcon as l}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";
 /**
  * 필터 선택 및 상태를 표시하는 칩 컴포넌트입니다.
  *
@@ -43,6 +43,6 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"re
  *   </DropdownMenu>
  * </FilterChip>
  */const m=/*#__PURE__*/r((({leadingIcon:r,trailingIcon:m,text:n,children:p,onClick:c,isOpen:d=!1,badgeCount:y,className:g},f)=>{const x=y&&Number(y)>0,u=d||x;/*#__PURE__*/
-return e(i,{ref:f,"data-testid":"design-system-filter-chip--outer-container",className:a("relative w-fit",g),children:[
-/*#__PURE__*/e(i,{"data-testid":"design-system-filter-chip",className:a("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",d&&"border-primary",x&&"border-2 border-primary bg-primary-10 px-[14px] py-[5px]"),onClick:c,children:[r&&/*#__PURE__*/t(o,{testId:"design-system-filter-chip--leading-icon",name:r,className:a("text-w-gray-900",u&&"text-primary")}),
-/*#__PURE__*/t(s,{variant:"body1",className:a("text-w-gray-900",u&&"text-primary"),children:n}),m&&/*#__PURE__*/t(o,{testId:"design-system-filter-chip--trailing-icon",name:m,className:a("text-w-gray-400",u&&"text-primary")}),x&&/*#__PURE__*/t(l,{text:y,className:"-right-1 -top-1"})]}),d&&p&&/*#__PURE__*/t(i,{"data-testid":"design-system-filter-chip--list",className:"absolute -bottom-2 left-0 z-40 translate-y-full transform transition-all",children:p})]})}));m.displayName="FilterChip";export{m as FilterChip};
+return t(i,{ref:f,"data-testid":"design-system-filter-chip--outer-container",className:a("relative w-fit",g),children:[
+/*#__PURE__*/t(i,{"data-testid":"design-system-filter-chip",className:a("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",d&&"border-primary",x&&"border-2 border-primary bg-primary-10 px-[14px] py-[5px]"),onClick:c,children:[r&&/*#__PURE__*/e(l,{testId:"design-system-filter-chip--leading-icon",name:r,className:a("text-w-gray-900",u&&"text-primary")}),
+/*#__PURE__*/e(s,{variant:"body16",className:a("text-w-gray-900",u&&"text-primary"),children:n}),m&&/*#__PURE__*/e(l,{testId:"design-system-filter-chip--trailing-icon",name:m,className:a("text-w-gray-400",u&&"text-primary")}),x&&/*#__PURE__*/e(o,{text:y,className:"-right-1 -top-1"})]}),d&&p&&/*#__PURE__*/e(i,{"data-testid":"design-system-filter-chip--list",className:"absolute -bottom-2 left-0 z-40 translate-y-full transform transition-all",children:p})]})}));m.displayName="FilterChip";export{m as FilterChip};

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

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

package/dist/Components/Inputs/IconButton/IconButton.d.ts

@@ -2,17 +2,19 @@ import { ComponentProps } from 'react';
 export interface IconButtonProps extends ComponentProps<'button'> {
     size?: 'sm' | 'md' | 'lg';
     outline?: boolean;
+    hasNew?: boolean;
 }
 /**
  * 아이콘을 포함한 버튼 컴포넌트입니다.
+ * 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 - 버튼 내부에 표시될 아이콘 컴포넌트
@@ -35,5 +37,5 @@ export interface IconButtonProps extends ComponentProps<'button'> {
  *   <Icon name="menu" />
  * </IconButton>
  */
-declare const IconButton: ({ size, outline, children, onClick, className, disabled, ...rest }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const IconButton: ({ size, outline, children, onClick, className, disabled, hasNew, ...rest }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
 export { IconButton };

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

@@ -1,14 +1,15 @@
-"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as n,useEffect as i}from"react";import{twMerge as o}from"tailwind-merge";import{Box as l}from"../../Base/Layouts/Box/Box.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function u(e,t){if(null==e)return{};var r,n,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";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as n,useEffect as o}from"react";import{twJoin as i,twMerge as l}from"tailwind-merge";import{Box as s}from"../../Base/Layouts/Box/Box.js";function c(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,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function u(e,t){if(null==e)return{};var r,n,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}const a=a=>{var{size:b="md",outline:p=!1,children:f,onClick:m,className:d,disabled:y}=a,O=u(a,["size","outline","children","onClick","className","disabled"]);const[g,j]=r(!1),w=n(null);
-// eslint-disable-next-line no-undef
-return i((()=>()=>{w.current&&clearTimeout(w.current)}),[]),/*#__PURE__*/e("button",c(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){s(e,t,r[t])}))}return e}({"data-testid":"design-system-icon-button",type:"button",className:o("relative flex items-center justify-center rounded-xl border bg-transparent",y?"cursor-not-allowed":"cursor-pointer","sm"===b?"size-6 rounded-lg":"md"===b?"size-9":"lg"===b?"size-[50px]":void 0,p?"border-w-gray-200 overflow-hidden":"border-transparent",d),onClick:e=>{null==m||m(e),j(!0),w.current&&clearTimeout(w.current),w.current=setTimeout((()=>{j(!1)}),300)},disabled:y},O),{children:[g&&/*#__PURE__*/t(l,{"data-testid":"design-system-icon-button--ripple",className:o("absolute h-full w-full bg-w-gray-500 bg-opacity-10",p&&"sm"===b?"animate-[rippleOutlineSmall_0.3s_ease-in-out_infinite]":p?"animate-[rippleOutline_0.3s_ease-in-out_infinite]":"animate-[ripple_0.3s_ease-in-out_infinite]")}),
-/*#__PURE__*/t(l,{"data-testid":"design-system-icon-button--icon",className:"absolute flex h-full w-full items-center justify-center",children:f})]}))};export{a as IconButton};
+ */(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 b=b=>{var{size:p="md",outline:d=!1,children:m,onClick:f,className:y,disabled:g,hasNew:O=!1}=b,j=u(b,["size","outline","children","onClick","className","disabled","hasNew"]);const[w,h]=r(!1),P=n(null);return o((()=>()=>{P.current&&clearTimeout(P.current)}),[]),/*#__PURE__*/e("button",a(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){c(e,t,r[t])}))}return e}({"data-testid":"design-system-icon-button",type:"button",className:l("relative flex items-center justify-center rounded-xl border bg-transparent",g?"cursor-not-allowed":"cursor-pointer","sm"===p?"size-6 rounded-lg":"md"===p?"size-9":"lg"===p?"size-[50px]":void 0,d?"border-w-gray-200 overflow-hidden":"border-transparent",y),onClick:e=>{null==f||f(e),h(!0),P.current&&clearTimeout(P.current),P.current=setTimeout((()=>{h(!1)}),300)},disabled:g},j),{children:[O&&"sm"!==p&&/*#__PURE__*/t(s,{"data-testid":"design-system-icon-button--new",className:i("absolute size-1 rounded-full bg-w-orange-500","md"===p&&"right-1 top-2","lg"===p&&"right-[9px] top-[13px]")}),w&&/*#__PURE__*/t(s,{"data-testid":"design-system-icon-button--ripple",className:l("absolute h-full w-full bg-w-gray-500/10",d&&"sm"===p?"animate-ripple-outline-small":d?"animate-ripple-outline":"animate-ripple")}),
+/*#__PURE__*/t(s,{"data-testid":"design-system-icon-button--icon",className:"absolute flex h-full w-full items-center justify-center",children:m})]}))};export{b as IconButton};

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

@@ -1,4 +1,4 @@
-"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twJoin as o}from"tailwind-merge";import"react";import{SystemIcon as s}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{IconButton as i}from"../IconButton/IconButton.js";import{List as n}from"../List/List.js";import{useDropdown as l}from"../../../hooks/useDropdown.js";
+"use client";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{twJoin as o}from"tailwind-merge";import"../../DataDisplays/Avatar/Avatar.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react";import{SystemIcon as s}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";import{IconButton as i}from"../IconButton/IconButton.js";import{List as n}from"../List/List.js";import{useDropdown as a}from"../../../hooks/useDropdown.js";
 /**
  * 아이콘 버튼과 드롭다운 목록을 결합한 컴포넌트입니다.
  * 버튼 클릭 시 드롭다운 목록이 표시되며, 키보드 탐색이 가능합니다.
@@ -30,6 +30,6 @@
  *   align="right"
  * />
  * ```
- */const a=({icon:a,items:m,selectedItem:r,onItemClick:c,size:d="sm",align:u="left",disabled:p=!1})=>{const{isListOpen:y,ref:f,focusedIndex:I,handleItemClick:g,toggleListOpen:h,handleKeyDown:w}=l({items:m,onItemClick:c});/*#__PURE__*/
-return e("div",{"data-testid":"design-system-icon-button-dropdown",className:"relative w-fit outline-none",ref:f,onKeyDown:w,tabIndex:0,children:[
-/*#__PURE__*/t(i,{onClick:h,size:d,className:"outline-none",disabled:p,children:/*#__PURE__*/t(s,{name:a,className:o(p&&"text-w-gray-300")})}),y&&/*#__PURE__*/t("div",{"data-testid":"design-system-icon-button-dropdown--list-container",className:o("absolute -bottom-2 z-40 translate-y-full transform transition-all","right"===u?"right-0":"left-0 "),children:/*#__PURE__*/t(n.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:m.map(((e,o)=>/*#__PURE__*/t(n.Item,{text:e.value,leadingIcon:e.leadingIcon,onClick:()=>g(e),selected:e.key===(null==r?void 0:r.key),isFocused:o===I},e.key)))})})]})};export{a as IconButtonDropdown};
+ */const l=({icon:l,items:r,selectedItem:m,onItemClick:d,size:c="sm",align:p="left",disabled:u=!1})=>{const{isListOpen:y,ref:f,focusedIndex:I,handleItemClick:h,toggleListOpen:g,handleKeyDown:D}=a({items:r,onItemClick:d});/*#__PURE__*/
+return t("div",{"data-testid":"design-system-icon-button-dropdown",className:"outline-hidden relative w-fit",ref:f,onKeyDown:D,tabIndex:0,children:[
+/*#__PURE__*/e(i,{onClick:g,size:c,className:"outline-hidden",disabled:u,children:/*#__PURE__*/e(s,{name:l,className:o(u&&"text-w-gray-300")})}),y&&/*#__PURE__*/e("div",{"data-testid":"design-system-icon-button-dropdown--list-container",className:o("absolute -bottom-2 z-40 translate-y-full transform transition-all","right"===p?"right-0":"left-0 "),children:/*#__PURE__*/e(n.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:r.map(((t,o)=>/*#__PURE__*/e(n.Item,{text:t.value,leadingIcon:t.leadingIcon,onClick:()=>h(t),selected:t.key===(null==m?void 0:m.key),isFocused:o===I},t.key)))})})]})};export{l as IconButtonDropdown};

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

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

package/dist/Components/Inputs/Input/LabelInput.d.ts

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes } from 'react';
+export interface LabelInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    isFixed: boolean;
+    isFocused?: boolean;
+    isError?: boolean;
+    label?: string;
+}
+declare const LabelInput: import("react").ForwardRefExoticComponent<LabelInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export { LabelInput };

package/dist/Components/Inputs/Input/{LableInput.js → LabelInput.js}

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{twMerge as o}from"tailwind-merge";import{Box as n}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{InputTypeSelector as i}from"./InputTypeSelector.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 a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){l(e,t,r[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 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 p(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}const c=/*#__PURE__*/r(((r,l)=>{var{isFixed:c,isFocused:u,isError:y,lable:f,placeholder:b,value:m,type:O}=r,d=p(r,["isFixed","isFocused","isError","lable","placeholder","value","type"]);/*#__PURE__*/
-return e(n,{className:"relative flex h-[42px] w-full flex-col gap-0.5 py-px","data-testid":"design-system--lable-input",children:[
-/*#__PURE__*/t("div",{className:o("absolute tracking-default",y?"text-w-red-500":u?"text-primary-500":"text-w-gray-400 group-hover:text-primary-500",c?"typo-caption2":u||m?"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--lable-text",children:f}),
-/*#__PURE__*/t(i,s(a({type:O},d),{ref:l,className:"pt-[14px]"}))]})}));c.displayName="LableInput";export{c as LableInput};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{twMerge as o}from"tailwind-merge";import{Box as n}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{InputTypeSelector as i}from"./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]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){a(e,t,r[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 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 p(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}const c=/*#__PURE__*/r(((r,a)=>{var{isFixed:c,isFocused:u,isError:y,label:f,type:b}=r,m=p(r,["isFixed","isFocused","isError","label","type"]);/*#__PURE__*/
+return e(n,{className:"relative flex h-[42px] w-full flex-col gap-0.5 py-px","data-testid":"design-system--label-input",children:[
+/*#__PURE__*/t("div",{className:o("tracking-default absolute",m.disabled?"text-w-gray-400":y?"text-w-red-500":u?"text-primary-500":"text-w-gray-400 group-hover:text-primary-500",c?"typo-caption11":u||m.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:f}),
+/*#__PURE__*/t(i,s(l({type:b},m),{ref:a,className:"pt-[14px]"}))]})}));c.displayName="LabelInput";export{c as LabelInput};

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

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

package/dist/Components/Inputs/Input/index.d.ts

@@ -1,6 +1,6 @@
 export { Input } from './Input';
 export { PasswordInput } from './PasswordInput';
-export { LableInput } from './LableInput';
+export { LabelInput } from './LabelInput';
 export { InputTypeSelector } from './InputTypeSelector';
 export type { InputProps } from './Input';
-export type { LableInputProps } from './LableInput';
+export type { LabelInputProps } from './LabelInput';

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

@@ -1,4 +1,4 @@
-"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as s}from"tailwind-merge";import"react";import{SystemIcon as a}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{Typography as r}from"../../Base/Typography/Typography.js";import{Box as o}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";
+"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a}from"tailwind-merge";import"../../DataDisplays/Avatar/Avatar.js";import{Typography as s}from"../../Base/Typography/Typography.js";import{Box as r}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react";import{SystemIcon as o}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";
 /**
  * 삭제 가능한 칩(chip) 형태의 입력 컴포넌트입니다.
  *
@@ -23,5 +23,5 @@
  *   커스텀 스타일 태그
  * </InputChip>
  * ```
- */const i=({children:i,onDelete:l,className:n})=>/*#__PURE__*/e(o,{"data-testid":"design-system-input-chip--container",className:s("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__*/t(r,{variant:"body2",className:"h-6 w-full overflow-hidden text-ellipsis whitespace-nowrap break-all text-w-gray-600",children:i}),!!l&&/*#__PURE__*/t(o,{onClick:l,"data-testid":"design-system-input-chip--delete",children:/*#__PURE__*/t(a,{name:"small_delete",className:"cursor-pointer text-w-gray-400"})})]});export{i as InputChip};
+ */const i=({children:i,onDelete:l,className:p})=>/*#__PURE__*/e(r,{"data-testid":"design-system-input-chip--container",className:a("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",p),children:[
+/*#__PURE__*/t(s,{variant:"body14",className:"h-6 w-full overflow-hidden text-ellipsis whitespace-nowrap break-all text-w-gray-600",children:i}),!!l&&/*#__PURE__*/t(r,{onClick:l,"data-testid":"design-system-input-chip--delete",children:/*#__PURE__*/t(o,{name:"small_delete",className:"cursor-pointer text-w-gray-400"})})]});export{i as InputChip};

package/dist/Components/Inputs/List/List.js

@@ -1,4 +1,4 @@
-"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useState as n,useLayoutEffect as l}from"react";import{twMerge as o}from"tailwind-merge";import{SystemIcon as s}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{Typography as i}from"../../Base/Typography/Typography.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";function c(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){c(e,t,r[t])}))}return e}function m(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function u(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}
+"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useState as n,useLayoutEffect as o}from"react";import{twMerge as s}from"tailwind-merge";import"../../DataDisplays/Avatar/Avatar.js";import{Typography as l}from"../../Base/Typography/Typography.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{SystemIcon as i}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.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 c(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 m(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 p(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}
 /**
  * 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 o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}const d={Root:e=>{var{children:s,className:i,disableScroll:c=!1}=e,d=u(e,["children","className","disableScroll"]);const p=r(null),[y,b]=n(!1);return l((()=>{const e=p.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;b(t>r)}),[]),/*#__PURE__*/t("ul",m(a({ref:p,"data-testid":"design-system-list",className:o("flex max-h-60 w-full min-w-[220px] flex-col rounded-xl bg-w-white p-2 shadow-graymedium",c?"max-h-full overflow-visible":"overflow-y-auto scrollbar-list",y&&!c&&"pr-0",i)},d),{children:s}))},Item:r=>{var{leadingIcon:n,text:l,selected:c=!1,disabled:d=!1,canceled:p=!1,children:y,className:b,isFocused:f=!1}=r,g=u(r,["leadingIcon","text","selected","disabled","canceled","children","className","isFocused"]);const O=o(c?"text-primary-500":"text-w-gray-600",p&&"text-w-red-500",d&&"text-w-gray-300");/*#__PURE__*/
-return e("li",m(a({className:o("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!d&&f&&"bg-primary-10",!d&&"hover:bg-primary-10",b)},g),{onClick:e=>{var t;d||null===(t=g.onClick)||void 0===t||t.call(g,e)},"data-testid":"design-system-list-item",children:[n&&/*#__PURE__*/t(s,{name:n,className:O,testId:"design-system-list-item-leading-icon"}),l&&/*#__PURE__*/t(i,{variant:"body1",className:O,"data-testid":"design-system-list-item-text",children:l}),y]}))}};
+ */(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const d={Root:e=>{var{children:l,className:i,disableScroll:a=!1}=e,d=p(e,["children","className","disableScroll"]);const y=r(null),[u,b]=n(!1);return o((()=>{const e=y.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;b(t>r)}),[]),/*#__PURE__*/t("ul",m(c({ref:y,"data-testid":"design-system-list",className:s("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":"scrollbar-list overflow-y-auto",u&&!a&&"pr-0",i)},d),{children:l}))},Item:r=>{var{leadingIcon:n,text:o,selected:a=!1,disabled:d=!1,canceled:y=!1,children:u,className:b,isFocused:f=!1}=r,g=p(r,["leadingIcon","text","selected","disabled","canceled","children","className","isFocused"]);const O=s(a?"text-primary-500":"text-w-gray-600",y&&"text-w-red-500",d&&"text-w-gray-300");/*#__PURE__*/
+return e("li",m(c({className:s("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!d&&f&&"bg-primary-10",!d&&"hover:bg-primary-10",b)},g),{onClick:e=>{var t;d||null===(t=g.onClick)||void 0===t||t.call(g,e)},"data-testid":"design-system-list-item",children:[n&&/*#__PURE__*/t(i,{name:n,className:O,testId:"design-system-list-item-leading-icon"}),o&&/*#__PURE__*/t(l,{variant:"body16",className:O,"data-testid":"design-system-list-item-text",children:o}),u]}))}};
 /**
  * List.Item 컴포넌트는 개별 목록 항목을 표시합니다.
  *

package/dist/Components/Inputs/MultiColumnList/MultiColumnList.parts.js

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

package/dist/Components/Inputs/Radio/Radio.d.ts

@@ -1,12 +1,12 @@
-import { RadioProps } from './Radio.types';
+import { RadioProps } from './types';
 /**
  * 사용자가 여러 옵션 중 하나를 선택할 수 있는 라디오 버튼 컴포넌트입니다.
  *
  * @component
  * @param {Object} props
  * @param {string} [props.value=''] - 라디오 버튼의 값
- * @param {boolean} [props.isSelected=false] - 라디오 버튼의 선택 상태
- * @param {boolean} [props.isDisabled=false] - 라디오 버튼의 비활성화 상태
+ * @param {boolean} [props.checked=false] - 라디오 버튼의 선택 상태
+ * @param {boolean} [props.disabled=false] - 라디오 버튼의 비활성화 상태
  * @param {boolean} [props.isError=false] - 라디오 버튼의 에러 상태
  * @param {string} [props.className] - 추가적인 스타일링을 위한 클래스명
  *
@@ -15,16 +15,22 @@ import { RadioProps } from './Radio.types';
  * <Radio value="option1" />
  *
  * // 선택된 상태
- * <Radio value="option2" isSelected={true} />
+ * <Radio value="option2" checked={true} />
  *
  * // 비활성화 상태
- * <Radio value="option3" isDisabled={true} />
+ * <Radio value="option3" disabled={true} />
  *
  * // 에러 상태
  * <Radio value="option4" isError={true} />
  *
- * // 커스텀 스타일
- * <Radio value="option5" className="custom-radio" />
+ * // react-hook-form 사용 예시
+ * <Controller
+ *   control={control}
+ *   name="name"
+ *   render={({ field }) => (
+ *     <Radio value="option5" checked={field.value === 'option5'} onChange={field.onChange} />
+ *   )}
+ * />
  */
-declare const Radio: import("react").ForwardRefExoticComponent<Omit<RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
 export { Radio };