@wishket/design-system 1.17.3 → 1.17.4

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 t,jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{twMerge as a}from"tailwind-merge";import{Typography as i}from"../../Base/Typography/Typography.js";import{Box as s}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"../../DataDisplays/Accordion/Accordion.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";
 /**
  * 필터 선택 및 상태를 표시하는 칩 컴포넌트입니다.
  *
@@ -42,7 +42,7 @@ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"re
  *     <MenuItem>오래된순</MenuItem>
  *   </DropdownMenu>
  * </FilterChip>
- */const n=/*#__PURE__*/r((({leadingIcon:r,trailingIcon:n,text:m,children:p,onClick:c,isOpen:d=!1,badgeCount:y,className:g},f)=>{const x=y&&Number(y)>0,u=d||x;/*#__PURE__*/
-return t(s,{ref:f,"data-testid":"design-system-filter-chip--outer-container",className:a("relative w-fit",g),children:[
-/*#__PURE__*/t(s,{"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(o,{testId:"design-system-filter-chip--leading-icon",name:r,className:a("text-w-gray-900",u&&"text-primary")}),
-/*#__PURE__*/e(i,{variant:"body1",className:a("text-w-gray-900",u&&"text-primary"),children:m}),n&&/*#__PURE__*/e(o,{testId:"design-system-filter-chip--trailing-icon",name:n,className:a("text-w-gray-400",u&&"text-primary")}),x&&/*#__PURE__*/e(l,{text:y,className:"-right-1 -top-1"})]}),d&&p&&/*#__PURE__*/e(s,{"data-testid":"design-system-filter-chip--list",className:"absolute -bottom-2 left-0 z-40 translate-y-full transform transition-all",children:p})]})}));n.displayName="FilterChip";export{n as 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 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"../../DataDisplays/Accordion/Accordion.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:p,isAllSelected:u,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}),p&&/*#__PURE__*/e("button",{"data-testid":"design-system-filter--select-all",className:"group flex w-fit items-center gap-1",onClick:e=>{e.preventDefault(),null==p||p()},children:[
-/*#__PURE__*/t(o,{type:"sub",checked:u}),
-/*#__PURE__*/t(s,{variant:"body2",className:"text-w-gray-600",children:u?"선택 해제":"전체 선택"})]})]}),
-/*#__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"../../DataDisplays/Accordion/Accordion.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:r,selectedItem:m,onItemClick:c,size:d="sm",align:p="left",disabled:u=!1})=>{const{isListOpen:y,ref:f,focusedIndex:I,handleItemClick:g,toggleListOpen:h,handleKeyDown:w}=l({items:r,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:u,children:/*#__PURE__*/t(s,{name:a,className:o(u&&"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"===p?"right-0":"left-0 "),children:/*#__PURE__*/t(n.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:r.map(((e,o)=>/*#__PURE__*/t(n.Item,{text:e.value,leadingIcon:e.leadingIcon,onClick:()=>g(e),selected:e.key===(null==m?void 0:m.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.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,label:f,placeholder:b,value:m,type:O}=r,d=p(r,["isFixed","isFocused","isError","label","placeholder","value","type"]);/*#__PURE__*/
+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("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--label-text",children:f}),
-/*#__PURE__*/t(i,s(a({type:O},d),{ref:l,className:"pt-[14px]"}))]})}));c.displayName="LabelInput";export{c as LabelInput};
+/*#__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"../../DataDisplays/Accordion/Accordion.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/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 o}from"../../Base/Typography/Typography.js";import{Box as r}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"../../DataDisplays/Accordion/Accordion.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(r,{"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(o,{variant:"body2",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(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 o}from"react";import{twMerge as l}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";import"../../DataDisplays/Accordion/Accordion.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 d(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}
+"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 l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const p={Root:e=>{var{children:s,className:i,disableScroll:c=!1}=e,p=d(e,["children","className","disableScroll"]);const u=r(null),[y,b]=n(!1);return o((()=>{const e=u.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;b(t>r)}),[]),/*#__PURE__*/t("ul",m(a({ref:u,"data-testid":"design-system-list",className:l("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)},p),{children:s}))},Item:r=>{var{leadingIcon:n,text:o,selected:c=!1,disabled:p=!1,canceled:u=!1,children:y,className:b,isFocused:f=!1}=r,g=d(r,["leadingIcon","text","selected","disabled","canceled","children","className","isFocused"]);const O=l(c?"text-primary-500":"text-w-gray-600",u&&"text-w-red-500",p&&"text-w-gray-300");/*#__PURE__*/
-return e("li",m(a({className:l("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!p&&f&&"bg-primary-10",!p&&"hover:bg-primary-10",b)},g),{onClick:e=>{var t;p||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"}),o&&/*#__PURE__*/t(i,{variant:"body1",className:O,"data-testid":"design-system-list-item-text",children:o}),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 컴포넌트는 개별 목록 항목을 표시합니다.
  *
@@ -22,4 +22,4 @@ return e("li",m(a({className:l("visible flex cursor-pointer select-none items-ce
  * @param {boolean} [props.isFocused=false] - 포커스 상태
  * @param {ReactNode} props.children - 추가 컨텐츠
  * @param {string} [props.className] - 추가 CSS 클래스
- */export{p as List};
+ */export{d as List};

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/RadioCard/RadioCard.js

@@ -2,7 +2,7 @@
 return e("label",{"data-testid":f,role:"radio-card",className:"group",children:/*#__PURE__*/t(i,{"data-testid":"design-system-radioCard--container",checked:m,isError:p,isWide:g,disabled:c,className:y,children:[
 /*#__PURE__*/e(d,{name:B,value:b,isWide:g,checked:m,onChange:j,isError:p,disabled:c}),N&&/*#__PURE__*/e(s,{iconName:N,checked:m,isError:p,disabled:c}),
 /*#__PURE__*/t(o,{isWide:g,"data-testid":"design-system-radioCard--titleBox",children:[
-/*#__PURE__*/e(r,{"data-testid":"design-system-radioCard--title",variant:"body1",className:a("font-medium",g?"text-left":"text-center",c?"text-w-gray-300":"text-w-gray-900"),children:x}),C&&/*#__PURE__*/e(r,{variant:"body2",className:a("font-normal",g?"text-left":"text-center",c?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-radioCard--description",children:C})]})]})})};
+/*#__PURE__*/e(r,{"data-testid":"design-system-radioCard--title",variant:"body16",className:a("font-medium",g?"text-left":"text-center",c?"text-w-gray-300":"text-w-gray-900"),children:x}),C&&/*#__PURE__*/e(r,{variant:"body14",className:a("font-normal",g?"text-left":"text-center",c?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-radioCard--description",children:C})]})]})})};
 /**
  * 라디오 카드 컴포넌트
  *

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

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

package/dist/Components/Inputs/RadioList/RadioList.js

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

package/dist/Components/Inputs/RadioList/parts/index.d.ts

@@ -1,2 +1 @@
 export { RadioListContainer } from './RadioListContainer';
-export { RadioListItem } from './RadioListItem';

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

@@ -0,0 +1,10 @@
+import { RadioProps } from '../Radio/types';
+interface RadioListItemProps extends RadioProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string;
+    className?: string;
+    RadioClassName?: string;
+}
+declare const RadioListItem: ({ name, value, label, description, checked, disabled, isError, errorMessage, className, RadioClassName, onChange, children, ...rest }: RadioListItemProps) => import("react/jsx-runtime").JSX.Element;
+export { RadioListItem };

package/dist/Components/Inputs/RadioListItem/RadioListItem.js

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

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

@@ -0,0 +1 @@
+export { RadioListItem } from './RadioListItem';

package/dist/Components/Inputs/RangeSlider/RangeSlider.js

@@ -1,8 +1,8 @@
-"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as n}from"tailwind-merge";import{useState as r,useEffect as a}from"react";import{Box as i}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(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){m(e,t,n[t])}))}return 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 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}const l="\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  ",b=m=>{var{variant:b="single",size:d="sm",step:g=10,value:h={min:0,max:0},min:p=0,max:c=100,onChange:w,className:f}=m,y=u(m,["variant","size","step","value","min","max","onChange","className"]);const z="dual"===b,{min:O,max:k}=h,x=z?O:0,[v,j]=r({min:x,max:k}),[N,P]=r("end"),S=e=>c===p?0:(e-p)/(c-p)*100,B=(e,t)=>{const n="min"===t,r=n?"start":"end",a=Number(e.target.value),i=n?Math.min(a,v.max-g):Math.max(a,v.min+g);P(r),j((e=>o(s({},e),{[t]:i}))),null==w||w(o(s({},v),{[t]:i}))},D=()=>"sm"===d?l+"[&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:w-4 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4":l+"[&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5",E=Math.floor(Number(c)/Number(g))+1;return a((()=>{j(o(s({},v),{max:h.max}));
+"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as n}from"tailwind-merge";import{useState as r,useEffect as a}from"react";import{Box as i}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(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){m(e,t,n[t])}))}return 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 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}const l="\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  ",b=m=>{var{variant:b="single",size:d="sm",step:g=10,value:h={min:0,max:0},min:p=0,max:c=100,onChange:w,className:f}=m,y=u(m,["variant","size","step","value","min","max","onChange","className"]);const z="dual"===b,{min:O,max:x}=h,k=z?O:0,[v,j]=r({min:k,max:x}),[N,P]=r("end"),S=e=>c===p?0:(e-p)/(c-p)*100,B=(e,t)=>{const n="min"===t,r=n?"start":"end",a=Number(e.target.value),i=n?Math.min(a,v.max-g):Math.max(a,v.min+g);P(r),j((e=>o(s({},e),{[t]:i}))),null==w||w(o(s({},v),{[t]:i}))},D=()=>"sm"===d?`${l}[&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:w-4 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4`:`${l}[&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5`,$=Math.floor(Number(c)/Number(g))+1;return a((()=>{j(o(s({},v),{max:h.max}));
 // eslint-disable-next-line react-hooks/exhaustive-deps
 }),[h.max]),/*#__PURE__*/e(i,{className:n("relative px-1",f),"data-testid":"design-system-rangeSlider",children:[z&&/*#__PURE__*/t("input",s({"data-testid":"design-system-rangeSlider--start-thumb-input",type:"range",min:p,max:c,step:g,value:v.min,onInput:e=>B(e,"min"),className:n("pointer-events-none absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",D(),"start"===N&&"z-50")},y)),
 /*#__PURE__*/t("input",s({"data-testid":"design-system-rangeSlider--end-thumb-input",type:"range",min:p,max:c,value:v.max,onInput:e=>B(e,"max"),step:g,className:n("pointer-events-auto absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",D(),z&&"pointer-events-none","end"===N&&"z-50")},y)),
-/*#__PURE__*/e(i,{"data-testid":"design-system-rangeSlider--container",className:n("relative overflow-hidden","sm"===d&&"h-1 rounded-sm","md"===d&&"h-2 rounded"),children:["md"===d&&/*#__PURE__*/t(i,{className:"absolute z-20 flex h-2 w-full items-center justify-between bg-transparent p-0.5",children:[...Array(E)].map(((e,n)=>/*#__PURE__*/t(i,{"data-testid":"design-system-rangeSlider--unit-dot",className:"size-1 rounded-full bg-w-white"},n)))}),
+/*#__PURE__*/e(i,{"data-testid":"design-system-rangeSlider--container",className:n("relative overflow-hidden","sm"===d&&"rounded-xs h-1","md"===d&&"h-2 rounded"),children:["md"===d&&/*#__PURE__*/t(i,{className:"absolute z-20 flex h-2 w-full items-center justify-between bg-transparent p-0.5",children:[...Array($)].map(((e,n)=>/*#__PURE__*/t(i,{"data-testid":"design-system-rangeSlider--unit-dot",className:"size-1 rounded-full bg-w-white"},n)))}),
 /*#__PURE__*/t(i,{className:"absolute left-0 top-0 z-0 h-full w-full bg-w-gray-50","data-testid":"design-system-rangeSlider--rail"}),
 /*#__PURE__*/t(i,{className:"absolute left-0 top-0 z-10 h-full bg-primary","data-testid":"design-system-rangeSlider--fill-track",style:{width:`${z?S(v.max)-S(v.min):S(v.max)}%`,left:z?`${S(v.min)}%`:0}})]})]})};
 /**

package/dist/Components/Inputs/SearchField/SearchField.js

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

package/dist/Components/Inputs/SegmentedControl/SegmentedControl.js

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

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

@@ -3,7 +3,8 @@ export interface SupportTextContainerProps {
     supportMessage?: string;
     currentLength?: number;
     maxLength?: number;
-    isMaxLengthVisible?: boolean;
+    currentFileSize?: number;
+    maxFileSize?: number;
 }
-declare const SupportTextContainer: ({ errorMessage, supportMessage, currentLength, maxLength, isMaxLengthVisible, }: SupportTextContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const SupportTextContainer: ({ errorMessage, supportMessage, currentLength, maxLength, currentFileSize, maxFileSize, }: SupportTextContainerProps) => import("react/jsx-runtime").JSX.Element;
 export { SupportTextContainer };

package/dist/Components/Inputs/SupportTextContainer/SupportTextContainer.js

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

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

@@ -3,7 +3,8 @@ import { TextButtonProps } from './TextButton.types';
  * 텍스트 버튼 컴포넌트
  *
  * @description
- * 텍스트로만 구성된 버튼 컴포넌트입니다. 선택적으로 앞이나 뒤에 아이콘을 배치할 수 있습니다.
+ * 클릭 시 이벤트 발생하는 경우에 사용되는 컴포넌트로, 보조 액션 또는 행동 트리거에 적합한 텍스트형 버튼입니다. 선택적으로 앞이나 뒤에 아이콘을 배치할 수 있습니다.
+ * 버튼은 계층에 따라 컬러를 구분해서 사용합니다. 주요 행동을 유도하는 경우 Primary컬러를 사용하고, 보조행동에는 Gray컬러를 사용합니다.
  * 텍스트의 크기는 기본 크기와 작은 크기 중 선택할 수 있습니다.
  *
  * @param {object} props
@@ -11,6 +12,8 @@ import { TextButtonProps } from './TextButton.types';
  * @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
  * // 기본 텍스트 버튼
@@ -24,5 +27,5 @@ import { TextButtonProps } from './TextButton.types';
  *   trailingIcon="arrow-right"
  * />
  */
-declare const TextButton: ({ text, isTextSmall, leadingIcon, trailingIcon, ...rest }: TextButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextButton: ({ text, isTextSmall, leadingIcon, trailingIcon, isGray, isUnderline, ...rest }: TextButtonProps) => import("react/jsx-runtime").JSX.Element;
 export { TextButton };

package/dist/Components/Inputs/TextButton/TextButton.js

@@ -1,9 +1,10 @@
-import{jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import{TextWithIcons as r}from"../../Base/TextWithIcons/TextWithIcons.js";function n(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 i(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}
+import{jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import{TextWithIcons as r}from"../../Base/TextWithIcons/TextWithIcons.js";function n(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 o(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}
 /**
  * 텍스트 버튼 컴포넌트
  *
  * @description
- * 텍스트로만 구성된 버튼 컴포넌트입니다. 선택적으로 앞이나 뒤에 아이콘을 배치할 수 있습니다.
+ * 클릭 시 이벤트 발생하는 경우에 사용되는 컴포넌트로, 보조 액션 또는 행동 트리거에 적합한 텍스트형 버튼입니다. 선택적으로 앞이나 뒤에 아이콘을 배치할 수 있습니다.
+ * 버튼은 계층에 따라 컬러를 구분해서 사용합니다. 주요 행동을 유도하는 경우 Primary컬러를 사용하고, 보조행동에는 Gray컬러를 사용합니다.
  * 텍스트의 크기는 기본 크기와 작은 크기 중 선택할 수 있습니다.
  *
  * @param {object} props
@@ -11,6 +12,8 @@ import{jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge"
  * @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 @@ import{jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge"
  *   leadingIcon="search"
  *   trailingIcon="arrow-right"
  * />
- */(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 c=c=>{var{text:l,isTextSmall:a=!1,leadingIcon:s,trailingIcon:u}=c,f=i(c,["text","isTextSmall","leadingIcon","trailingIcon"]);/*#__PURE__*/
-return e("button",o(function(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){n(e,t,r[t])}))}return e}({"data-testid":"design-system-text-button--container",className:t("flex min-h-6 w-fit items-center justify-center",a?"gap-x-0.5":"gap-x-1")},f),{children:/*#__PURE__*/e(r,{text:l,leadingIcon:s,trailingIcon:u,isTextSmall:a})}))};export{c as TextButton};
+ */(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 c=c=>{var{text:l,isTextSmall:a=!1,leadingIcon:s,trailingIcon:u,isGray:f=!1,isUnderline:b=!1}=c,p=o(c,["text","isTextSmall","leadingIcon","trailingIcon","isGray","isUnderline"]);/*#__PURE__*/
+return e("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("flex min-h-6 w-fit items-center justify-center",a?"gap-x-0.5":"gap-x-1")},p),{children:/*#__PURE__*/e(r,{text:l,leadingIcon:s,trailingIcon:u,isTextSmall:a,isGray:f,isUnderline:b})}))};export{c as TextButton};

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

@@ -5,4 +5,6 @@ export interface TextButtonProps extends ComponentProps<'button'> {
     isTextSmall?: boolean;
     leadingIcon?: SystemIconName;
     trailingIcon?: SystemIconName;
+    isGray?: boolean;
+    isUnderline?: boolean;
 }