npm - @wishket/design-system - Versions diffs - 2.0.1 → 2.0.3 - Mend

@wishket/design-system 2.0.1 → 2.0.3

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

Files changed (130) hide show

package/dist/Components/Base/Layouts/Column/Column.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{jsx as s}from"react/jsx-runtime";import{twMerge as n}from"tailwind-merge";const a=["col-span-1","col-span-2","col-span-3","col-span-4","col-span-5","col-span-6","col-span-7","col-span-8","col-span-9","col-span-10","col-span-11"],c=({container:c=!1,size:o=1,className:l,children:e})=>{if(c)/*#__PURE__*/return s("div",{"data-testid":"design-system-column--container",className:n("grid auto-cols-1fr grid-flow-col",l),children:e});/*#__PURE__*/
+import{jsx as s}from"react/jsx-runtime";import{twMerge as n}from"tailwind-merge";const a=["col-span-1","col-span-2","col-span-3","col-span-4","col-span-5","col-span-6","col-span-7","col-span-8","col-span-9","col-span-10","col-span-11"],c=({container:c=!1,size:o=1,className:l,children:e})=>{if(c)/*#__PURE__*/return s("div",{"data-testid":"design-system-column--container",className:n("auto-cols-1fr grid grid-flow-col",l),children:e});/*#__PURE__*/
 return s("div",{"data-testid":"design-system-column",className:n((s=>a[s-1])(o),l),children:e})};
 /**
  * 그리드 시스템 기반의 컬럼 레이아웃 컴포넌트

package/dist/Components/Base/Layouts/FullBleed/FullBleed.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useState as r,useEffect as n}from"react";import{twMerge as i}from"tailwind-merge";import{calculateScrollbarWidth as a,getPaddingFromClassName as l}from"./FullBleed.utils.js";function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function 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){d(e,t,r[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 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,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}
+"use client";import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useState as r,useEffect as n}from"react";import{twMerge as i}from"tailwind-merge";import{calculateScrollbarWidth as l,getPaddingFromClassName as a}from"./FullBleed.utils.js";function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function 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){d(e,t,r[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 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,i=function(e,t){if(null==e)return{};var r,n,i={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}
 /**
  * 화면 전체 너비를 활용하는 레이아웃 컴포넌트
  * @param {Object} props
@@ -7,7 +7,7 @@
  * @param {string} [props.className] - 외부 컨테이너 클래스
  * @param {string} [props.insideContainerClassName] - 내부 컨테이너 클래스
  * @param {string | number} [props.paddingAdjustment] - 패딩 보정값(단위 : px)
- */(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}const s=/*#__PURE__*/t(((t,d)=>{var{className:s,insideContainerClassName:m,maxWidth:f="1200px",paddingAdjustment:b=8.5,children:u}=t,y=p(t,["className","insideContainerClassName","maxWidth","paddingAdjustment","children"]);
+ */(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)&&(i[r]=e[r])}return i}const s=/*#__PURE__*/t(((t,d)=>{var{className:s,insideContainerClassName:m,maxWidth:f="1200px",paddingAdjustment:b=8.5,children:u}=t,y=p(t,["className","insideContainerClassName","maxWidth","paddingAdjustment","children"]);
 // TODO: 스크롤바 너비를 제외한 viewport width 계산을 더 나은 방식으로 할 수 있도록 개선(layout shift 방지)
-const[g,x]=r((()=>a())),O=l(m,"mobile"),h=l(m,"tablet"),j=l(m,"desktop");n((()=>{x(a())}),[]);const v={"--dynamic-padding-left-tablet":`max(${h.left||h.x}px, ${O.left||O.x}px)`,"--dynamic-padding-right-tablet":`max(${h.right||h.x}px, ${O.right||O.x}px)`,"--dynamic-padding-left-desktop":`calc(max(calc((100dvw - ${f})/2 + ${O.left||O.x}px + ${b}px), ${j.x}px))`,"--dynamic-padding-right-desktop":`calc(max(calc((100dvw - ${f})/2 + ${O.right||O.x}px + ${b}px), ${j.x}px))`},w={"--dynamic-bleed-width":`calc(100dvw - ${g}px)`};/*#__PURE__*/
-return e("div",{"data-testid":"design-system-full-bleed",children:/*#__PURE__*/e("div",{"data-testid":"design-system-full-bleed--container",className:i("relative left-1/2 top-0 h-full w-[var(--dynamic-bleed-width)] -translate-x-1/2",s),style:w,children:/*#__PURE__*/e("div",o(c({"data-testid":"design-system-full-bleed--container-inside",className:i("scrollbar-hide flex w-full overflow-x-auto px-5","tablet:pl-[var(--dynamic-padding-left-tablet)] tablet:pr-[var(--dynamic-padding-right-tablet)]","desktop:pl-[var(--dynamic-padding-left-desktop)] desktop:pr-[var(--dynamic-padding-right-desktop)]",m),style:v,ref:d},y),{children:u}))})})}));s.displayName="FullBleed";export{s as FullBleed};
+const[g,x]=r((()=>l())),O=a(m,"mobile"),h=a(m,"tablet"),j=a(m,"desktop");n((()=>{x(l())}),[]);const v={"--dynamic-padding-left-tablet":`max(${h.left||h.x}px, ${O.left||O.x}px)`,"--dynamic-padding-right-tablet":`max(${h.right||h.x}px, ${O.right||O.x}px)`,"--dynamic-padding-left-desktop":`calc(max(calc((100dvw - ${f})/2 + ${O.left||O.x}px + ${b}px), ${j.x}px))`,"--dynamic-padding-right-desktop":`calc(max(calc((100dvw - ${f})/2 + ${O.right||O.x}px + ${b}px), ${j.x}px))`},w={"--dynamic-bleed-width":`calc(100dvw - ${g}px)`};/*#__PURE__*/
+return e("div",{"data-testid":"design-system-full-bleed",children:/*#__PURE__*/e("div",{"data-testid":"design-system-full-bleed--container",className:i("relative top-0 left-1/2 h-full w-(--dynamic-bleed-width) -translate-x-1/2",s),style:w,children:/*#__PURE__*/e("div",o(c({"data-testid":"design-system-full-bleed--container-inside",className:i("scrollbar-hide flex w-full overflow-x-auto px-5","tablet:pl-[var(--dynamic-padding-left-tablet)] tablet:pr-[var(--dynamic-padding-right-tablet)]","desktop:pl-[var(--dynamic-padding-left-desktop)] desktop:pr-[var(--dynamic-padding-right-desktop)]",m),style:v,ref:d},y),{children:u}))})})}));s.displayName="FullBleed";export{s as FullBleed};

package/dist/Components/Base/Layouts/GridLayout/GridLayout.js CHANGED Viewed

@@ -16,4 +16,4 @@ import{jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge"
  *   <div>Content</div>
  * </GridLayout>
  */
-const a=({children:a,gridTemplateAreaClass:r,testId:d})=>/*#__PURE__*/e("div",{className:t("mx-auto grid w-full max-w-container auto-cols-1fr gap-x-5 px-5 desktop:gap-x-6 desktop:px-9",r||"grid-areas-default-mobile tablet:grid-areas-default-tablet desktop:grid-areas-default-desktop"),"data-testid":d,children:a});export{a as GridLayout};
+const a=({children:a,gridTemplateAreaClass:r,testId:d})=>/*#__PURE__*/e("div",{className:t("max-w-container auto-cols-1fr desktop:gap-x-6 desktop:px-9 mx-auto grid w-full gap-x-5 px-5",r||"grid-areas-default-mobile tablet:grid-areas-default-tablet desktop:grid-areas-default-desktop"),"data-testid":d,children:a});export{a as GridLayout};

package/dist/Components/DataDisplays/Accordion/Accordion.js CHANGED Viewed

@@ -51,8 +51,8 @@
  * </Accordion.Item>
  * ```
  */c.Item=({title:c,href:m,linkText:d,linkTarget:f="_blank",children:u})=>{const[p,x]=t(!1),b=o(),h=m&&d&&f;/*#__PURE__*/
-return r(n,{className:"flex w-full flex-col border-b border-w-gray-200 pb-6 last:border-b-0 last:pb-0",children:[
+return r(n,{className:"border-w-gray-200 flex w-full flex-col border-b pb-6 last:border-b-0 last:pb-0",children:[
 /*#__PURE__*/r("button",{type:"button",className:"box-border flex cursor-pointer items-center justify-between gap-6 text-left",onClick:()=>x(!p),"aria-expanded":p,"aria-controls":`accordionregion-${b}`,id:`accordionbutton-${b}`,children:[
-/*#__PURE__*/e(i,{variant:"subTitle18",className:"w-full font-medium text-w-gray-900",children:c}),
+/*#__PURE__*/e(i,{variant:"subTitle18",className:"text-w-gray-900 w-full font-medium",children:c}),
 /*#__PURE__*/e(n,{className:a("transition-transform duration-300 ease-in-out",p?"rotate-180":"rotate-0"),children:/*#__PURE__*/e(l,{name:"medium_arrow_down"})})]}),
 /*#__PURE__*/e(n,{role:"region",id:`accordionregion-${b}`,"aria-labelledby":`accordionbutton-${b}`,className:a("w-full overflow-hidden transition-all duration-300 ease-in-out",p?"max-h-screen":"max-h-0"),children:/*#__PURE__*/r(n,{className:"mt-4 flex flex-col gap-4",children:[u,h&&/*#__PURE__*/e(s,{href:m,text:d,target:f,trailingIcon:"medium_arrow_right"})]})})]})};export{c as Accordion};

package/dist/Components/DataDisplays/Avatar/Avatar.js CHANGED Viewed

@@ -1,6 +1,6 @@
-"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a,twJoin as r}from"tailwind-merge";import{memo as s,useState as i}from"react";import{SystemIcon as o}from"../SystemIcon/SystemIcon.js";import"../SystemIcon/SystemIcon.constants.js";import{Typography as l}from"../../Base/Typography/Typography.js";import{Box as n}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const m=({size:e="md",name:a,imgUrl:s,isMonogram:n,avatarStyle:m,defaultAvatarColor:d})=>{const[c,u]=i(!1),g=null==a?void 0:a.slice(0,1);return s&&!c?/*#__PURE__*/t("img",{src:s,alt:"",width:80,height:80,className:"h-full w-full object-cover","data-testid":"design-system-avatar--image",onError:()=>u(!0)}):n?/*#__PURE__*/t(l,{variant:m[e].char,className:"cursor-default select-none text-w-white",children:g}):/*#__PURE__*/t(o,{name:"large_user_image_avatar",className:r("h-full w-full",d),testId:"design-system-avatar--default-image"})},d=/*#__PURE__*/s((({size:s="md",name:i,imgUrl:l,isEditable:d=!1,onClick:c,hasBorder:u=!0,defaultAvatarColor:g="text-w-gray-200"})=>{const y=!l&&!!i,f={sm:{container:"size-[22px]",char:"caption12",editButton:"hidden"},md:{container:"size-8",char:"body16",editButton:"size-4"},lg:{container:"size-12",char:"title28",editButton:"size-5"},xl:{container:"size-20",char:"title32",editButton:"size-6"}};/*#__PURE__*/
+"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a,twJoin as r}from"tailwind-merge";import{memo as s,useState as i}from"react";import{SystemIcon as o}from"../SystemIcon/SystemIcon.js";import"../SystemIcon/SystemIcon.constants.js";import{Typography as l}from"../../Base/Typography/Typography.js";import{Box as n}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const m=({size:e="md",name:a,imgUrl:s,isMonogram:n,avatarStyle:m,defaultAvatarColor:d})=>{const[c,u]=i(!1),g=null==a?void 0:a.slice(0,1);return s&&!c?/*#__PURE__*/t("img",{src:s,alt:"",width:80,height:80,className:"h-full w-full object-cover","data-testid":"design-system-avatar--image",onError:()=>u(!0)}):n?/*#__PURE__*/t(l,{variant:m[e].char,className:"text-w-white cursor-default select-none",children:g}):/*#__PURE__*/t(o,{name:"large_user_image_avatar",className:r("h-full w-full",d),testId:"design-system-avatar--default-image"})},d=/*#__PURE__*/s((({size:s="md",name:i,imgUrl:l,isEditable:d=!1,onClick:c,hasBorder:u=!0,defaultAvatarColor:g="text-w-gray-200"})=>{const y=!l&&!!i,f={sm:{container:"size-[22px]",char:"caption12",editButton:"hidden"},md:{container:"size-8",char:"body16",editButton:"size-4"},lg:{container:"size-12",char:"title28",editButton:"size-5"},xl:{container:"size-20",char:"title32",editButton:"size-6"}};/*#__PURE__*/
 return e(n,{className:a("relative z-0 h-fit w-fit",d&&"cursor-pointer"),onClick:c,children:[
-/*#__PURE__*/t(n,{"data-testid":"design-system-avatar--container",className:a(f[s].container,"flex items-center justify-center overflow-hidden rounded-full",y&&"bg-primary",u&&"border border-w-gray-200"),children:/*#__PURE__*/t(m,{size:s,name:i,imgUrl:l,isMonogram:y,avatarStyle:f,defaultAvatarColor:g})}),!y&&d&&/*#__PURE__*/t(n,{className:a("absolute bottom-0 right-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",f[s].editButton),"data-testid":"design-system-avatar--edit-button",children:/*#__PURE__*/t(o,{name:"small_camera",solid:!0,className:r("md"===s&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})}));
+/*#__PURE__*/t(n,{"data-testid":"design-system-avatar--container",className:a(f[s].container,"flex items-center justify-center overflow-hidden rounded-full",y&&"bg-primary",u&&"border-w-gray-200 border"),children:/*#__PURE__*/t(m,{size:s,name:i,imgUrl:l,isMonogram:y,avatarStyle:f,defaultAvatarColor:g})}),!y&&d&&/*#__PURE__*/t(n,{className:a("bg-w-white shadow-graysmall absolute right-0 bottom-0 z-10 flex items-center justify-center rounded-full",f[s].editButton),"data-testid":"design-system-avatar--edit-button",children:/*#__PURE__*/t(o,{name:"small_camera",solid:!0,className:r("md"===s&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})}));
 /**
  * Avatar 컴포넌트는 사용자의 프로필 이미지, 모노그램, 또는 기본 아이콘을 표시합니다.
  * @component

package/dist/Components/DataDisplays/ImageLabel/ImageLabel.js CHANGED Viewed

@@ -21,4 +21,4 @@ return r(s,{});case"new":/*#__PURE__*/
 return r(a,{});case"beta":/*#__PURE__*/
 return r(i,{});case"ai":/*#__PURE__*/
 return r(o,{});default:return null}};/*#__PURE__*/
-return r(t,{"data-testid":"design-system-imageLabel",className:e("h-fit w-fit text-primary","new_circle"!==m&&"pb-1.5"),children:/*#__PURE__*/r(p,{})})};export{m as ImageLabel};
+return r(t,{"data-testid":"design-system-imageLabel",className:e("text-primary h-fit w-fit","new_circle"!==m&&"pb-1.5"),children:/*#__PURE__*/r(p,{})})};export{m as ImageLabel};

package/dist/Components/DataDisplays/ImageLabel/parts/NewCircle.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e}from"react/jsx-runtime";import"react";import{Box as t}from"../../../Base/Layouts/Box/Box.js";import"tailwind-merge";import"../../../Base/Layouts/FullBleed/FullBleed.js";const i=()=>/#__PURE__/e(t,{className:"size-3.5 rounded-full ~~bg-gradient-primary-90~~","data-testid":"imageLabel-newCircle",children:/#__PURE__/e("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:/#__PURE__/e("path",{d:"M9.6499 10H8.50732L5.7124 5.95703H5.66406V10H4.3457V3.63672H5.50586L8.27881 7.67529H8.33594V3.63672H9.6499V10Z",fill:"white"})})});export{i as NewCircle};
1	+ import{jsx as e}from"react/jsx-runtime";import"react";import{Box as t}from"../../../Base/Layouts/Box/Box.js";import"tailwind-merge";import"../../../Base/Layouts/FullBleed/FullBleed.js";const i=()=>/#__PURE__/e(t,{className:"bg-gradient-primary-90 size-3.5 rounded-full","data-testid":"imageLabel-newCircle",children:/#__PURE__/e("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:/#__PURE__/e("path",{d:"M9.6499 10H8.50732L5.7124 5.95703H5.66406V10H4.3457V3.63672H5.50586L8.27881 7.67529H8.33594V3.63672H9.6499V10Z",fill:"white"})})});export{i as NewCircle};

package/dist/Components/DataDisplays/Label/Label.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useContext as t,createContext as n,Children as o,isValidElement as a}from"react";import{twMerge as i}from"tailwind-merge";import{Typography as s}from"../../Base/Typography/Typography.js";import{Box as c}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{SystemIcon as y}from"../SystemIcon/SystemIcon.js";import"../SystemIcon/SystemIcon.constants.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(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){p(e,r,t[r])}))}return e}function m(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 b(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const g=/*#__PURE__*/n({type:"",variant:"",size:""}),u={Root:e=>{var{children:t,className:n,size:s="md",type:y="text",variant:p="primary",ref:u,canHover:d=!1}=e,f=b(e,["children","className","size","type","variant","ref","canHover"]);const O=o.toArray(t),j=O.length-1,w=e=>/*#__PURE__*/a(e)&&"function"==typeof e.type&&e.type.toString().includes("icon"),v=w(O[0]),x=w(O[j]);/*#__PURE__*/
 return r(g.Provider,{value:{type:y,variant:p,size:s},children:/*#__PURE__*/r(c,m(l({"data-testid":"design-system-label",className:i("flex w-fit items-center","sm"===s&&"gap-1","md"===s&&"gap-1.5",(()=>{const e="sm"===s,r="rounded-lg px-2";if("text"!==y)return i(r,"outlined"===y?e?"border py-px":"border py-0":e?"py-0.5":"py-px",v&&"pl-1.5",x&&"pr-1.5")})(),d&&"cursor-pointer",(()=>{const e="outlined"===y;if("text"!==y)return"gray"===p?e?d?"bg-w-gray-10 border-w-gray-200 hover:border-w-gray-400":"bg-w-gray-10 border-w-gray-200":d?"bg-w-gray-10 hover:bg-w-gray-200":"bg-w-gray-10":e?d?"bg-primary-50 border-primary-200 hover:border-primary":"bg-primary-50 border-primary-200":d?"bg-primary-50 hover:bg-primary-100":"bg-primary-50"})(),n)},f),{children:t}))})},Text:({children:e,className:n})=>{const{type:o,variant:a,size:c}=t(g);/*#__PURE__*/
-return r(s,{variant:"md"===c?"body14":"caption12","data-testid":"design-system-label--text",className:i("select-none text-w-gray-600",!("text"===o)&&"primary"===a&&"text-primary",n),children:e})},Icon:({children:n,className:o,icon:a})=>{const{type:s,variant:p}=t(g);/*#__PURE__*/
+return r(s,{variant:"md"===c?"body14":"caption12","data-testid":"design-system-label--text",className:i("text-w-gray-600 select-none",!("text"===o)&&"primary"===a&&"text-primary",n),children:e})},Icon:({children:n,className:o,icon:a})=>{const{type:s,variant:p}=t(g);/*#__PURE__*/
 return e(c,{"data-testid":"design-system-label--icon",className:i("aspect-w-[14px] size-[14px] shrink-0 object-contain",!a&&o),children:[a&&/*#__PURE__*/r(y,{name:a,className:i("text-w-gray-400","primary"===p&&"text-primary","text"===s&&"text-w-gray-400",o)}),n]})}};
 /**
  * @component Root

package/dist/Components/DataDisplays/Li/Li.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function c(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const l=()=>/*#__PURE__*/r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"3",height:"3",viewBox:"0 0 3 3",fill:"none",className:"shrink-0",children:/*#__PURE__*/r("circle",{cx:"1.5",cy:"1.5",r:"1.5",fill:"currentColor"})}),i=i=>{var{children:s,className:a}=i,u=c(i,["children","className"]);const f=`${(null==a?void 0:a.includes("typo-"))?"":"typo-body14"} ${a||""}`.trim();/*#__PURE__*/
-return e("li",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}({className:t("flex gap-2 text-w-gray-500",f)},u),{children:[
-/*#__PURE__*/r("span",{className:"inline-flex h-[1lh] shrink-0 items-center",children:/*#__PURE__*/r(l,{})}),
+return e("li",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}({className:t("text-w-gray-500 flex gap-2",f)},u),{children:[
+/*#__PURE__*/r("span",{className:"inline-flex h-lh shrink-0 items-center",children:/*#__PURE__*/r(l,{})}),
 /*#__PURE__*/r("span",{children:s})]}))};
 /**
  * 리스트 아이템 컴포넌트입니다.

package/dist/Components/DataDisplays/ProgressIndicator/ProgressIndicator.js CHANGED Viewed

@@ -13,4 +13,4 @@
  */const i=({className:i,progressClassName:a,value:d})=>{const l=r(null);
 // 커스텀 훅을 사용하여 애니메이션 처리
 t(d,l);/*#__PURE__*/
-return e("div",{"data-testid":"design-system-progress-indicator",className:s("h-1 w-full overflow-hidden rounded-full",i),children:/*#__PURE__*/e("div",{className:"h-full bg-w-gray-100","data-testid":"design-system-progress-indicator--background",style:{WebkitTransformStyle:"preserve-3d",transformStyle:"preserve-3d"},children:/*#__PURE__*/e("div",{ref:l,"data-testid":"design-system-progress-indicator--progress",className:s("h-full",d>0?"bg-primary":"hidden",a),style:{transform:"translate3d(-100%, 0, 0)",WebkitTransform:"translate3d(-100%, 0, 0)",willChange:"transform",WebkitBackfaceVisibility:"hidden",backfaceVisibility:"hidden"}})})})};export{i as ProgressIndicator};
+return e("div",{"data-testid":"design-system-progress-indicator",className:s("h-1 w-full overflow-hidden rounded-full",i),children:/*#__PURE__*/e("div",{className:"bg-w-gray-100 h-full","data-testid":"design-system-progress-indicator--background",style:{WebkitTransformStyle:"preserve-3d",transformStyle:"preserve-3d"},children:/*#__PURE__*/e("div",{ref:l,"data-testid":"design-system-progress-indicator--progress",className:s("h-full",d>0?"bg-primary":"hidden",a),style:{transform:"translate3d(-100%, 0, 0)",WebkitTransform:"translate3d(-100%, 0, 0)",willChange:"transform",WebkitBackfaceVisibility:"hidden",backfaceVisibility:"hidden"}})})})};export{i as ProgressIndicator};

package/dist/Components/DataDisplays/SkillLabel/SkillLabel.parts.js CHANGED Viewed

@@ -5,7 +5,7 @@ import{jsx as e}from"react/jsx-runtime";import{twMerge as s}from"tailwind-merge"
  * @param {Object} props - 컴포넌트 프로퍼티
  * @param {ReactNode} props.children - 자식 요소
  * @param {string} [props.className] - 추가적인 CSS 클래스
- */const a=({children:r,className:a})=>/*#__PURE__*/e(i,{"data-testid":"design-system-skill-chip",className:s("flex h-9 w-fit shrink-0 select-none items-center gap-2 rounded-xl border border-w-gray-200 py-[5px] pl-[7px] pr-[15px]",a),children:r}),t=({className:r,iconUrl:i})=>/*#__PURE__*/e("img",{"data-testid":"design-system-skill-chip--icon",src:i,alt:"icon",width:24,height:24,className:s("size-6 shrink-0 rounded-full object-cover",r)}),l=({children:i,className:a})=>/*#__PURE__*/e(r,{variant:"body14",className:s("text-w-gray-900",a),children:i});
+ */const a=({children:r,className:a})=>/*#__PURE__*/e(i,{"data-testid":"design-system-skill-chip",className:s("border-w-gray-200 flex h-9 w-fit shrink-0 items-center gap-2 rounded-xl border py-[5px] pr-[15px] pl-[7px] select-none",a),children:r}),t=({className:r,iconUrl:i})=>/*#__PURE__*/e("img",{"data-testid":"design-system-skill-chip--icon",src:i,alt:"icon",width:24,height:24,className:s("size-6 shrink-0 rounded-full object-cover",r)}),l=({children:i,className:a})=>/*#__PURE__*/e(r,{variant:"body14",className:s("text-w-gray-900",a),children:i});
 /**
  * 스킬 라벨에 표시되는 아이콘 컴포넌트입니다.
  * @param {Object} props - 컴포넌트 프로퍼티

package/dist/Components/Feedbacks/DialogBox/DialogBox.js CHANGED Viewed

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

package/dist/Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js CHANGED Viewed

@@ -33,4 +33,4 @@
  * - aria-busy="true": 콘텐츠가 로딩 중임을 명시
  * - SVG는 aria-hidden으로 장식용 요소로 표시
  */
-const d=i=>{const d=l.getInstance(),c=t(),[u,g]=r([]);n((()=>(d.register(c),g(d.loaderIds),()=>{d.unregister(c),g(d.loaderIds)})),[c]);return u.indexOf(c)===u.length-1?/*#__PURE__*/e(s,{children:/*#__PURE__*/e("div",{"data-testid":"design-system-globalLoadingIndicator",className:"fixed left-1/2 top-1/2 z-30 aspect-square -translate-x-1/2 -translate-y-1/2",children:/*#__PURE__*/e(o,a({},i))})}):null};export{d as GlobalLoadingIndicator,l as LoadingManager};
+const d=i=>{const d=l.getInstance(),c=t(),[u,g]=r([]);n((()=>(d.register(c),g(d.loaderIds),()=>{d.unregister(c),g(d.loaderIds)})),[c]);return u.indexOf(c)===u.length-1?/*#__PURE__*/e(s,{children:/*#__PURE__*/e("div",{"data-testid":"design-system-globalLoadingIndicator",className:"fixed top-1/2 left-1/2 z-30 aspect-square -translate-x-1/2 -translate-y-1/2",children:/*#__PURE__*/e(o,a({},i))})}):null};export{d as GlobalLoadingIndicator,l as LoadingManager};

package/dist/Components/Feedbacks/LoadingIndicator/LoadingIndicator.js CHANGED Viewed

@@ -21,7 +21,7 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{twMerge as i}from"tailw
  * <LoadingIndicator className="text-blue-500" />
  *
  */const n={primary:"text-primary",white:"text-w-white",gray:"text-w-gray-400"},o=({variant:o="primary",isFixed:s=!1,size:c="md",ariaLabel:d="로딩 중",className:m})=>{const{width:u,height:p,viewBox:x,circle:h,r:g}=a[c],y=n[o];/*#__PURE__*/
-return e(r,{role:"status","aria-live":"polite","aria-label":d,"aria-busy":"true",className:i("left-1/2 top-1/2 aspect-square -translate-x-1/2 -translate-y-1/2",s?"fixed":"absolute",l(c)),children:/*#__PURE__*/t("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true","data-testid":"loading-indicator-svg",width:u,height:p,viewBox:x,fill:"none",className:i(y,m),children:[
+return e(r,{role:"status","aria-live":"polite","aria-label":d,"aria-busy":"true",className:i("top-1/2 left-1/2 aspect-square -translate-x-1/2 -translate-y-1/2",s?"fixed":"absolute",l(c)),children:/*#__PURE__*/t("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true","data-testid":"loading-indicator-svg",width:u,height:p,viewBox:x,fill:"none",className:i(y,m),children:[
 /*#__PURE__*/e("circle",{cx:h[0],cy:h[1],r:g,fill:"currentColor",children:/*#__PURE__*/e("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0s"})}),
 /*#__PURE__*/e("circle",{cx:h[1],cy:h[1],r:g,fill:"currentColor",children:/*#__PURE__*/e("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0.3s"})}),
 /*#__PURE__*/e("circle",{cx:h[2],cy:h[1],r:g,fill:"currentColor",children:/*#__PURE__*/e("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0.6s"})})]})})};export{o as LoadingIndicator};

package/dist/Components/Feedbacks/MessageBar/MessageBar.js CHANGED Viewed

@@ -42,5 +42,5 @@ import{jsxs as t,jsx as a}from"react/jsx-runtime";import{twMerge as e}from"tailw
  * />
  */const m=({variant:m="primary",icon:n,title:l,text:d,buttonName:c,onClick:p})=>/*#__PURE__*/t(r,{"data-testid":"design-system-message-bar",className:e("flex w-full items-center gap-5 rounded-2xl border px-8 py-5","primary"===m&&"border-primary-100 bg-primary-10","white"===m&&"border-w-gray-200 bg-white"),children:[
 /*#__PURE__*/a(r,{className:"shrink-0","data-testid":"design-system-message-bar--icon",children:/*#__PURE__*/a(i,{name:n,size:"medium"})}),
-/*#__PURE__*/t(r,{className:"flex w-full flex-col gap-1",children:[l&&/*#__PURE__*/a(s,{variant:"subTitle18",className:"font-medium text-w-gray-900","data-testid":"design-system-message-bar--title",children:l}),
+/*#__PURE__*/t(r,{className:"flex w-full flex-col gap-1",children:[l&&/*#__PURE__*/a(s,{variant:"subTitle18",className:"text-w-gray-900 font-medium","data-testid":"design-system-message-bar--title",children:l}),
 /*#__PURE__*/a(s,{variant:"body16",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:d})]}),c&&p&&/*#__PURE__*/a(o,{variant:"outlined",size:"36",className:"shrink-0",onClick:p,"data-testid":"design-system-message-bar--button",children:c})]});export{m as MessageBar};

package/dist/Components/Feedbacks/MessageBox/MessageBox.js CHANGED Viewed

@@ -33,9 +33,9 @@ import{jsxs as e,jsx as s,Fragment as a}from"react/jsx-runtime";import"../../Dat
  * >
  *   <CustomContent />
  * </MessageBox>
- */const m=({icon:m,title:n,description:c,children:d,links:p})=>/*#__PURE__*/e(i,{className:"box-border flex h-auto flex-col rounded-3xl border border-w-gray-200","data-testid":"design-system-message-box--container",children:[
+ */const m=({icon:m,title:n,description:c,children:d,links:p})=>/*#__PURE__*/e(i,{className:"border-w-gray-200 box-border flex h-auto flex-col rounded-3xl border","data-testid":"design-system-message-box--container",children:[
 /*#__PURE__*/e(i,{className:"flex h-auto flex-col gap-4 p-6",children:[m&&/*#__PURE__*/s(i,{className:"size-10 shrink-0",children:/*#__PURE__*/s(r,{name:m,size:"medium"})}),
 /*#__PURE__*/e(i,{className:"flex h-auto flex-col gap-1.5",children:[
-/*#__PURE__*/s(t,{variant:"subTitle18",className:"whitespace-pre-line font-medium text-w-gray-900","data-testid":"design-system-message-box--title",children:n}),c&&/*#__PURE__*/s(t,{variant:"body16",className:"whitespace-pre-line font-normal text-w-gray-600","data-testid":"design-system-message-box--description",children:c}),d]})]}),p&&p.length>0&&/*#__PURE__*/e(a,{children:[
+/*#__PURE__*/s(t,{variant:"subTitle18",className:"text-w-gray-900 font-medium whitespace-pre-line","data-testid":"design-system-message-box--title",children:n}),c&&/*#__PURE__*/s(t,{variant:"body16",className:"text-w-gray-600 font-normal whitespace-pre-line","data-testid":"design-system-message-box--description",children:c}),d]})]}),p&&p.length>0&&/*#__PURE__*/e(a,{children:[
 /*#__PURE__*/s(o,{}),
 /*#__PURE__*/s(l,{links:p})]})]});export{m as MessageBox};

package/dist/Components/Feedbacks/MessageBox/MessageBox.parts.js CHANGED Viewed

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

package/dist/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import{Typography as a}from"../../../Base/Typography/Typography.js";import{Box as r}from"../../../Base/Layouts/Box/Box.js";import"../../../Base/Layouts/FullBleed/FullBleed.js";import{Arrow as i}from"./PlainTooltip.parts.js";const s={up:{position:"bottom-full left-1/2 -translate-x-1/2 -translate-y-1",hover:"group-hover:-translate-y-3",focus:"max-tablet:group-focus-within:-translate-y-3"},down:{position:"left-1/2 top-full -translate-x-1/2 translate-y-1",hover:"group-hover:translate-y-3",focus:"max-tablet:group-focus-within:translate-y-3"},left:{position:"right-full top-1/2 -translate-y-1/2 -translate-x-1",hover:"group-hover:-translate-x-3",focus:"max-tablet:group-focus-within:-translate-x-3"},right:{position:"left-full top-1/2 -translate-y-1/2 translate-x-1",hover:"group-hover:translate-x-3",focus:"max-tablet:group-focus-within:translate-x-3"}},l=({id:l,text:n,variant:p="up",className:u})=>{const c=s[p];/*#__PURE__*/
-return t(r,{className:o("pointer-events-none absolute z-10 w-max select-none","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","group-hover:visible group-hover:scale-100 group-hover:opacity-100","max-tablet:group-focus-within:visible max-tablet:group-focus-within:scale-100 max-tablet:group-focus-within:opacity-100",c.position,c.hover,c.focus,u),role:"tooltip",id:l,"data-testid":"design-system-plain-toolTip--container",children:[
-/*#__PURE__*/e(i,{testId:"design-system-plain-toolTip--arrow",variant:p}),
-/*#__PURE__*/e(r,{className:"z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg bg-w-black px-3 py-1 text-center",children:/*#__PURE__*/e(a,{variant:"body13",className:"whitespace-pre text-wrap break-all font-medium text-w-white opacity-100",children:n})})]})};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import{Typography as r}from"../../../Base/Typography/Typography.js";import{Box as a}from"../../../Base/Layouts/Box/Box.js";import"../../../Base/Layouts/FullBleed/FullBleed.js";import{Arrow as s}from"./PlainTooltip.parts.js";const l={up:{position:"bottom-full left-1/2 -translate-x-1/2 -translate-y-1",hover:"desktop:group-hover:-translate-y-3"},down:{position:"left-1/2 top-full -translate-x-1/2 translate-y-1",hover:"desktop:group-hover:translate-y-3"},left:{position:"right-full top-1/2 -translate-y-1/2 -translate-x-1",hover:"desktop:group-hover:-translate-x-3"},right:{position:"left-full top-1/2 -translate-y-1/2 translate-x-1",hover:"desktop:group-hover:translate-x-3"}},i=({id:i,text:n,variant:p="up",className:u})=>{const d=l[p];/*#__PURE__*/
+return t(a,{className:o("pointer-events-none absolute z-10 w-max select-none","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","desktop:group-hover:visible desktop:group-hover:scale-100 desktop:group-hover:opacity-100",d.position,d.hover,u),role:"tooltip",id:i,"data-testid":"design-system-plain-toolTip--container",children:[
+/*#__PURE__*/e(s,{testId:"design-system-plain-toolTip--arrow",variant:p}),
+/*#__PURE__*/e(a,{className:"bg-w-black z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg px-3 py-1 text-center",children:/*#__PURE__*/e(r,{variant:"body13",className:"text-w-white font-medium text-wrap break-all whitespace-pre opacity-100",children:n})})]})};
 /**
  * 간단한 텍스트 툴팁을 표시하는 컴포넌트입니다.
  *
@@ -28,4 +28,4 @@ return t(r,{className:o("pointer-events-none absolute z-10 w-max select-none","i
  *   </Tooltip.Trigger>
  *   <Tooltip.Plain variant="right" text="오른쪽에 표시되는 툴팁" />
  * </Tooltip>
- */export{l as PlainTooltip};
+ */export{i as PlainTooltip};

package/dist/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.parts.js CHANGED Viewed

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

package/dist/Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{twMerge as o}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";const s={right:{position:"top-0 left-[calc(100%_+_4px)]",hover:"group-hover:left-[calc(100%_+_12px)]",focus:"max-tablet:group-focus-within:left-[calc(100%_+_12px)]"},down:{position:"left-0 top-[calc(100%_+_4px)]",hover:"group-hover:top-[calc(100%_+_12px)]",focus:"max-tablet:group-focus-within:top-[calc(100%_+_12px)]"}},r=({id:r,title:l,description:c,variant:p="right",className:n,children:d})=>{const m=s[p];/*#__PURE__*/
-return t(a,{className:o("absolute z-10","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","group-hover:visible group-hover:scale-100 group-hover:opacity-100","max-tablet:group-focus-within:visible max-tablet:group-focus-within:scale-100 max-tablet:group-focus-within:opacity-100",m.position,m.hover,m.focus),role:"tooltip",id:r,"data-testid":"design-system-rich-tooltip--container",children:/*#__PURE__*/e(a,{className:o("flex min-w-80 flex-col gap-1 rounded-xl bg-white px-6 py-5 shadow-graymedium",n),"data-testid":"design-system-rich-tooltip",children:[l&&/*#__PURE__*/t(a,{className:"flex w-full items-start justify-between gap-4","data-testid":"design-system-rich-tooltip--title",children:/*#__PURE__*/t(i,{variant:"body14",className:"font-medium text-w-gray-900",children:l})}),c&&/*#__PURE__*/t(i,{variant:"body13",className:"text-w-gray-400","data-testid":"design-system-rich-tooltip--description",children:c}),d]})})};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{twMerge as o}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";const s={right:{position:"top-0 left-[calc(100%+4px)]",hover:"group-hover:left-[calc(100%+12px)]",focus:"max-tablet:group-focus-within:left-[calc(100%_+_12px)]"},down:{position:"left-0 top-[calc(100%+4px)]",hover:"group-hover:top-[calc(100%+12px)]",focus:"max-tablet:group-focus-within:top-[calc(100%_+_12px)]"}},r=({id:r,title:l,description:c,variant:p="right",className:n,children:d})=>{const m=s[p];/*#__PURE__*/
+return t(a,{className:o("absolute z-10","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","group-hover:visible group-hover:scale-100 group-hover:opacity-100","max-tablet:group-focus-within:visible max-tablet:group-focus-within:scale-100 max-tablet:group-focus-within:opacity-100",m.position,m.hover,m.focus),role:"tooltip",id:r,"data-testid":"design-system-rich-tooltip--container",children:/*#__PURE__*/e(a,{className:o("shadow-graymedium flex w-max flex-col gap-1 rounded-xl bg-white px-6 py-5",n),"data-testid":"design-system-rich-tooltip",children:[l&&/*#__PURE__*/t(a,{className:"flex w-full items-start justify-between gap-4","data-testid":"design-system-rich-tooltip--title",children:/*#__PURE__*/t(i,{variant:"body14",className:"text-w-gray-900 font-medium",children:l})}),c&&/*#__PURE__*/t(i,{variant:"body13",className:"text-w-gray-400","data-testid":"design-system-rich-tooltip--description",children:c}),d]})})};
 /**
  * 제목과 설명을 포함할 수 있는 리치 툴팁 컴포넌트입니다.
  *

package/dist/Components/Feedbacks/Tooltip/Tooltip.js CHANGED Viewed

@@ -22,4 +22,4 @@
  * <Tooltip.Trigger>
  *   <SystemIcon name="medium_information" />
  * </Tooltip.Trigger>
- */s.Trigger=({children:t})=>/*#__PURE__*/i(e,{"data-testid":"design-system-tooltip--trigger",className:"focus:outline-hidden h-fit w-fit",tabIndex:0,children:t}),s.Plain=o,s.Rich=l;export{s as Tooltip};
+ */s.Trigger=({children:t})=>/*#__PURE__*/i(e,{"data-testid":"design-system-tooltip--trigger",className:"h-fit w-fit focus:outline-hidden",tabIndex:0,children:t}),s.Plain=o,s.Rich=l;export{s as Tooltip};

package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.js CHANGED Viewed

@@ -21,9 +21,9 @@
  *   />
  * </AutoCompleteList.Root>
  * ```
- */(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const b={Root:s=>{var{children:l,className:c,hasIndexBar:u=!1,onIndexClick:m}=s,p=f(s,["children","className","hasIndexBar","onIndexClick"]);const b=n(null),[g,O]=o(!1);return i((()=>{const e=b.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;O(t>r)}),[l]),/*#__PURE__*/t("div",y(d({className:r("flex max-h-[436px] w-full rounded-xl shadow-graymedium",c)},p),{children:[u&&/*#__PURE__*/e(a,{onIndexClick:m}),
-/*#__PURE__*/e("ul",{ref:b,"data-testid":"design-system-autoCompleteList",className:r("flex w-full flex-col bg-w-white py-2 pr-2","scrollbar-list overflow-y-auto",u?"rounded-r-xl":"rounded-xl",g&&"pr-0"),children:l})]}))},Item:n=>{var{text:o,count:i,leadingIcon:l,iconUrl:a,isInputItem:p=!1,isFocused:b=!1,inputValue:g,className:O}=n,j=f(n,["text","count","leadingIcon","iconUrl","isInputItem","isFocused","inputValue","className"]);/*#__PURE__*/
-return t("li",y(d({className:r("visible ml-2 flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3 hover:bg-primary-10",b&&"bg-primary-10",O)},j),{"data-testid":"design-system-list-item",children:[l&&/*#__PURE__*/e(s,{name:l,className:"text-w-gray-600",testId:"design-system-list-item-leading-icon"}),a&&/*#__PURE__*/e(c,{iconUrl:a}),
+ */(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={Root:s=>{var{children:l,className:c,hasIndexBar:u=!1,onIndexClick:m}=s,p=f(s,["children","className","hasIndexBar","onIndexClick"]);const b=n(null),[g,O]=o(!1);return i((()=>{const e=b.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;O(t>r)}),[l]),/*#__PURE__*/t("div",y(d({className:r("shadow-graymedium flex max-h-[436px] w-full rounded-xl",c)},p),{children:[u&&/*#__PURE__*/e(a,{onIndexClick:m}),
+/*#__PURE__*/e("ul",{ref:b,"data-testid":"design-system-autoCompleteList",className:r("bg-w-white flex w-full flex-col py-2 pr-2","scrollbar-list overflow-y-auto",u?"rounded-r-xl":"rounded-xl",g&&"pr-0"),children:l})]}))},Item:n=>{var{text:o,count:i,leadingIcon:l,iconUrl:a,isInputItem:p=!1,isFocused:b=!1,inputValue:g,className:O}=n,j=f(n,["text","count","leadingIcon","iconUrl","isInputItem","isFocused","inputValue","className"]);/*#__PURE__*/
+return t("li",y(d({className:r("bg-w-white hover:bg-primary-10 visible ml-2 flex cursor-pointer items-center gap-2 rounded-xl px-4 py-3 select-none",b&&"bg-primary-10",O)},j),{"data-testid":"design-system-list-item",children:[l&&/*#__PURE__*/e(s,{name:l,className:"text-w-gray-600",testId:"design-system-list-item-leading-icon"}),a&&/*#__PURE__*/e(c,{iconUrl:a}),
 /*#__PURE__*/e(u,{text:o,isInputItem:p,inputValue:g}),
 /*#__PURE__*/e(m,{count:i})]}))},Divider:()=>/*#__PURE__*/e(l,{className:"my-2"})};
 /**

package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.parts.js CHANGED Viewed

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

package/dist/Components/Inputs/Button/Button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useRef as o,useEffect as i}from"react";import{twMerge as n}from"tailwind-merge";import{LoadingIndicator as a}from"../../Feedbacks/LoadingIndicator/LoadingIndicator.js";function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,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 b(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 p={36:"h-[36px] typo-body14 px-[11px] gap-1",42:"h-[42px] typo-body14 px-[11px] gap-1",50:"h-[50px] typo-body16 px-[15px] gap-1.5",60:"h-[60px] typo-subTitle20 px-[23px] gap-2"},s={solid:"bg-primary-500 border-primary-500 hover:border-primary-700 hover:bg-primary-700 text-w-white disabled:bg-primary-100 disabled:border-primary-100 disabled:hover:bg-primary-100 disabled:hover:border-primary-100",outline_filled:"bg-primary-10 border-primary-200 hover:border-primary-500 text-primary-500 disabled:border-primary-200 disabled:hover:border-primary-200 disabled:text-primary-100",outlined:"bg-w-white border-w-gray-200 hover:border-primary-500 text-primary-500 disabled:hover:border-w-gray-200 disabled:text-primary-100",outline_gray:"bg-w-white border-w-gray-200 hover:border-w-gray-400 text-w-gray-600 disabled:hover:border-w-gray-200 disabled:text-w-gray-300"},c=/*#__PURE__*/t(((t,c)=>{var{type:y="button",disabled:u=!1,children:m,className:f,onClick:g,size:h="50",variant:v="outlined",rounded:x=!1,needThrottle:O=!1,isLoading:w=!1}=t,j=b(t,["type","disabled","children","className","onClick","size","variant","rounded","needThrottle","isLoading"]);const P=o(void 0),k=e=>{e.preventDefault(),P.current||(null==g||g(e),P.current=setTimeout((()=>{P.current=void 0}),300))};return i((()=>()=>{P&&clearTimeout(P.current)}),[P]),/*#__PURE__*/e("button",l(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){d(e,r,t[r])}))}return e}({ref:c,type:y,className:n("relative box-border flex w-fit items-center justify-center border","cursor-pointer disabled:cursor-not-allowed","outlined"===v&&x?"rounded-full":"rounded-xl",s[v],w&&"pointer-events-none",f),onClick:(()=>{if(!w)return O?k:g})(),disabled:u,"aria-busy":w,"aria-live":w?"polite":void 0},j),{children:[w&&/*#__PURE__*/r("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",children:/*#__PURE__*/r(a,{size:"36"===h||"42"===h?"sm":"md",className:"text-current"})}),
+"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useRef as i,useEffect as o}from"react";import{twMerge as n}from"tailwind-merge";import{LoadingIndicator as a}from"../../Feedbacks/LoadingIndicator/LoadingIndicator.js";function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,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 b(e,r){if(null==e)return{};var t,i,o=function(e,r){if(null==e)return{};var t,i,o={},n=Object.keys(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const p={36:"h-[34px] typo-body14 px-[11px] gap-1",42:"h-[40px] typo-body14 px-[11px] gap-1",50:"h-[48px] typo-body16 px-[15px] gap-1.5",60:"h-[58px] typo-subTitle20 px-[23px] gap-2"},s={solid:"bg-primary-500 border-primary-500 hover:border-primary-700 hover:bg-primary-700 text-w-white disabled:bg-primary-100 disabled:border-primary-100 disabled:hover:bg-primary-100 disabled:hover:border-primary-100",outline_filled:"bg-primary-10 border-primary-200 hover:border-primary-500 text-primary-500 disabled:border-primary-200 disabled:hover:border-primary-200 disabled:text-primary-100",outlined:"bg-w-white border-w-gray-200 hover:border-primary-500 text-primary-500 disabled:hover:border-w-gray-200 disabled:text-primary-100",outline_gray:"bg-w-white border-w-gray-200 hover:border-w-gray-400 text-w-gray-600 disabled:hover:border-w-gray-200 disabled:text-w-gray-300"},c=/*#__PURE__*/t(((t,c)=>{var{type:y="button",disabled:u=!1,children:m,className:f,onClick:g,size:h="50",variant:v="outlined",rounded:x=!1,needThrottle:O=!1,isLoading:w=!1}=t,j=b(t,["type","disabled","children","className","onClick","size","variant","rounded","needThrottle","isLoading"]);const P=i(void 0),k=e=>{e.preventDefault(),P.current||(null==g||g(e),P.current=setTimeout((()=>{P.current=void 0}),300))};return o((()=>()=>{P&&clearTimeout(P.current)}),[P]),/*#__PURE__*/e("button",l(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){d(e,r,t[r])}))}return e}({ref:c,type:y,className:n("relative box-border flex h-fit w-fit items-center justify-center border","cursor-pointer disabled:cursor-not-allowed","outlined"===v&&x?"rounded-full":"rounded-xl",s[v],w&&"pointer-events-none",f),onClick:(()=>{if(!w)return O?k:g})(),disabled:u,"aria-busy":w,"aria-live":w?"polite":void 0},j),{children:[w&&/*#__PURE__*/r("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",children:/*#__PURE__*/r(a,{size:"36"===h||"42"===h?"sm":"md",className:"text-current"})}),
 /*#__PURE__*/r("div",{className:n("flex items-center justify-center text-current",p[h],w&&"invisible"),"aria-hidden":w,"data-testid":"design-system-button--content",children:m})]}))}));c.displayName="Button";export{c as Button};

package/dist/Components/Inputs/Calendar/Calendar.js CHANGED Viewed

@@ -39,7 +39,7 @@
 }),[C]),/*#__PURE__*/e(n,{className:"relative h-fit w-fit select-none","data-testid":"design-system-calendar--container",children:[
 /*#__PURE__*/t(n,{className:"cursor-pointer",children:/*#__PURE__*/e(l,{isFocused:C,isError:b,isDisabled:j,testId:"design-system-calendar--trigger",onClick:B,children:[
 /*#__PURE__*/t(i,{name:"medium_calendar",className:j||!f?"text-w-gray-300":"text-w-gray-400"}),
-/*#__PURE__*/t(o,{variant:"body16",className:s("min-w-[178px] text-w-gray-600",!f&&"text-w-gray-300",j&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:f?`${I} ${S} ${T}`:D})]})}),C&&/*#__PURE__*/t("div",{className:"fixed left-0 top-0 z-10 h-screen w-screen bg-transparent",onClick:B}),C&&/*#__PURE__*/e(n,{"data-testid":"design-system-calendar--content",className:"absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border border-w-gray-200 bg-w-white px-[15px] py-[23px] shadow-graymedium",children:[
+/*#__PURE__*/t(o,{variant:"body16",className:s("text-w-gray-600 min-w-[178px]",!f&&"text-w-gray-300",j&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:f?`${I} ${S} ${T}`:D})]})}),C&&/*#__PURE__*/t("div",{className:"fixed top-0 left-0 z-10 h-screen w-screen bg-transparent",onClick:B}),C&&/*#__PURE__*/e(n,{"data-testid":"design-system-calendar--content",className:"border-w-gray-200 bg-w-white shadow-graymedium absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border px-[15px] py-[23px]",children:[
 /*#__PURE__*/t(d,{visibleDate:v,onChange:e=>{A(e)}}),
 /*#__PURE__*/t(c,{}),
 /*#__PURE__*/t(n,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:k.map(((e,a)=>{const r=!(!e||!f)&&x(e,F);return e?/*#__PURE__*/t(m,{date:e,selected:r,onChange:z},`${e.year}-${e.month}-${e.date}`):/*#__PURE__*/t(m,{disabled:!0},a)}))})]})]})};export{u as Calendar};

package/dist/Components/Inputs/Calendar/Calendar.parts.js CHANGED Viewed

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

package/dist/Components/Inputs/Checkbox/Checkbox.parts.js CHANGED Viewed

@@ -4,5 +4,5 @@ s?a?i?"bg-w-gray-50 border-w-gray-200 cursor-not-allowed":"bg-primary-100 border
 // 에러 상태
 i?a?"border-w-red-500 bg-w-red-500":"border-w-red-500 bg-w-white":
 // 정상 상태
-a?"bg-primary-500 border-primary-500":"group-hover:border-primary-500 border-w-gray-200 bg-white",n),role:"checkbox-button",children:["box"===o&&/*#__PURE__*/r(d,{checked:a,isError:i,disabled:s}),"circle"===o&&/*#__PURE__*/r(c,{checked:a,isError:i,disabled:s})]})},d=({checked:e,isError:i,disabled:d})=>/*#__PURE__*/r("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",e&&o,i&&d&&s,!e&&"text-transparent",d&&(!i&&e?o:"text-transparent")),style:{strokeDasharray:e?"16":"0",strokeDashoffset:e?"16":"0"},children:/*#__PURE__*/r("path",{d:"M1 3.8L4 7L9 1",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",className:e?a:""})}),c=({checked:e,isError:i,disabled:d})=>/*#__PURE__*/r("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",e&&o,i&&d&&s,!e&&"text-w-gray-200 group-hover:text-w-primary",i&&!e&&"text-w-red-500 group-hover:text-w-red-500",d&&(!i&&e?o:s)),style:{strokeDasharray:e?"16":"0",strokeDashoffset:e?"16":"0"},children:/*#__PURE__*/r("path",{d:"M1 3.8L4 7L9 1",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",className:e?a:""})}),l=({role:e,className:o,checked:s,disabled:a,isError:i})=>{const d="text-w-gray-100";/*#__PURE__*/
+a?"bg-primary-500 border-primary-500":"group-hover:border-primary-500 border-w-gray-200 bg-white",n),role:"checkbox-button",children:["box"===o&&/*#__PURE__*/r(d,{checked:a,isError:i,disabled:s}),"circle"===o&&/*#__PURE__*/r(c,{checked:a,isError:i,disabled:s})]})},d=({checked:e,isError:i,disabled:d})=>/*#__PURE__*/r("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",e&&o,i&&d&&s,!e&&"text-transparent",d&&(!i&&e?o:"text-transparent")),style:{strokeDasharray:e?"16":"0",strokeDashoffset:e?"16":"0"},children:/*#__PURE__*/r("path",{d:"M1 3.8L4 7L9 1",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",className:e?a:""})}),c=({checked:e,isError:i,disabled:d})=>/*#__PURE__*/r("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",e&&o,i&&d&&s,!e&&"text-w-gray-200 group-hover:text-w-primary",i&&!e&&"text-w-red-500 group-hover:text-w-red-500",d&&(!i&&e?o:s)),style:{strokeDasharray:e?"16":"0",strokeDashoffset:e?"16":"0"},children:/*#__PURE__*/r("path",{d:"M1 3.8L4 7L9 1",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",className:e?a:""})}),l=({role:e,className:o,checked:s,disabled:a,isError:i})=>{const d="text-w-gray-100";/*#__PURE__*/
 return r("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:e,className:t("cursor-pointer",a&&"cursor-not-allowed",i?a?d:"text-w-red-500":a?s?"text-primary-100":d:s?"text-primary":"text-w-gray-200",o),"data-testid":"design-system--sub-checkbox",children:/*#__PURE__*/r("path",{d:"M4 8.76667L7.75004 12.5L14.0001 5.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})};export{i as CheckboxButton};

package/dist/Components/Inputs/CheckboxCard/CheckboxCard.parts.js CHANGED Viewed

@@ -1,4 +1,4 @@
 import{jsx as e}from"react/jsx-runtime";import{twMerge as r,twJoin as t}from"tailwind-merge";import"../../DataDisplays/Avatar/Avatar.js";import{Box as o}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{ProductIcon as i}from"../../DataDisplays/ProductIcon/ProductIcon.js";import"../../DataDisplays/Accordion/Accordion.js";import{Checkbox as n}from"../Checkbox/Checkbox.js";function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function 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){c(e,r,t[r])}))}return e}function a(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function l(e,r){if(null==e)return{};var t,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 p=t=>{var{children:o,isWide:i,checked:n,isError:c,disabled:p,className:d}=t,b=l(t,["children","isWide","checked","isError","disabled","className"]);/*#__PURE__*/
-return e("div",a(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 pb-6 pt-4",!p&&!c&&"group-focus-within:border-primary-500",p?r("cursor-not-allowed",n&&!c?"border-primary-100":"border-w-gray-200"):c?"border-w-red-500":n?"border-primary-500":"border-w-gray-200 group-hover:border-primary",p?n&&!c?"bg-primary-10":"bg-w-gray-10":n?c?"bg-w-red-10":"bg-primary-10":"bg-w-white",d)},b),{children:o}))},d=({isWide:t,children:o})=>/*#__PURE__*/e("div",{className:r("flex h-auto w-full flex-col justify-between gap-0.5",t?"items-start":"items-center"),children:o}),b=i=>{var{isWide:c,className:a}=i,p=l(i,["isWide","className"]);const d=!c;/*#__PURE__*/
-return e(o,{className:t(d&&"absolute left-[17px] top-[17px]"),children:/*#__PURE__*/e(n,s({className:r(d&&"group-hover:border-primary-500",a)},p))})},m=({iconName:t,disabled:o,checked:n,isError:c})=>{const s=c||!n;/*#__PURE__*/
+return e("div",a(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 pt-4 pb-6",!p&&!c&&"group-focus-within:border-primary-500",p?r("cursor-not-allowed",n&&!c?"border-primary-100":"border-w-gray-200"):c?"border-w-red-500":n?"border-primary-500":"border-w-gray-200 group-hover:border-primary",p?n&&!c?"bg-primary-10":"bg-w-gray-10":n?c?"bg-w-red-10":"bg-primary-10":"bg-w-white",d)},b),{children:o}))},d=({isWide:t,children:o})=>/*#__PURE__*/e("div",{className:r("flex h-auto w-full flex-col justify-between gap-0.5",t?"items-start":"items-center"),children:o}),b=i=>{var{isWide:c,className:a}=i,p=l(i,["isWide","className"]);const d=!c;/*#__PURE__*/
+return e(o,{className:t(d&&"absolute top-[17px] left-[17px]"),children:/*#__PURE__*/e(n,s({className:r(d&&"group-hover:border-primary-500",a)},p))})},m=({iconName:t,disabled:o,checked:n,isError:c})=>{const s=c||!n;/*#__PURE__*/
 return e("div",{className:r("flex size-[60px] shrink-0 items-center justify-center",o&&"opacity-30"),"data-testid":"design-system-checkboxCard--icon",children:/*#__PURE__*/e(i,{name:t,disabled:s})})};export{p as CheckboxCardContainer,m as CheckboxCardIcon,b as StyledCheckbox,d as TitleContainer};

package/dist/Components/Inputs/CheckboxListItem/CheckboxListItem.js CHANGED Viewed

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

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

@@ -39,6 +39,6 @@
  */(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const g=/*#__PURE__*/n(((n,f)=>{var{label:g,checked:O=!1,error:j=!1,leadingIcon:w,trailingIcon:v,onChange:P}=n,D=h(n,["label","checked","error","leadingIcon","trailingIcon","onChange"]);const[x,C]=o(O);c((()=>{C(O)}),[O]);/*#__PURE__*/
 return e("label",{children:[
 /*#__PURE__*/t("input",b(d({type:"checkbox",checked:x,className:"absolute h-0 w-0 opacity-0",onChange:e=>{P&&(P(e),C(e.target.checked))}},D),{ref:f})),
-/*#__PURE__*/e("div",{"data-testid":"design-system-choiceChip",className:r("flex w-fit cursor-pointer select-none items-center gap-2 rounded-full",y(x,j),u(!!w)),children:[w&&/*#__PURE__*/t(a,{className:"flex size-8 items-center justify-center rounded-full bg-w-white p-0.5","data-testid":"design-system-choiceChip--leading-icon-container",children:/*#__PURE__*/t(s,{name:w,className:l(x,j)})}),
+/*#__PURE__*/e("div",{"data-testid":"design-system-choiceChip",className:r("flex w-fit cursor-pointer items-center gap-2 rounded-full select-none",y(x,j),u(!!w)),children:[w&&/*#__PURE__*/t(a,{className:"bg-w-white flex size-8 items-center justify-center rounded-full p-0.5","data-testid":"design-system-choiceChip--leading-icon-container",children:/*#__PURE__*/t(s,{name:w,className:l(x,j)})}),
 /*#__PURE__*/e(a,{className:"flex items-center gap-1.5",children:[
 /*#__PURE__*/t(i,{"data-testid":"design-system-choiceChip-label",variant:"body16",className:p(x,j),children:g}),v&&/*#__PURE__*/t(s,{name:v,className:m(x,j)})]})]})]})}));g.displayName="ChoiceChip";export{g as ChoiceChip};

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

@@ -1,10 +1,10 @@
 "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(n,{variant:"body16",className:"text-w-gray-600 w-full font-medium",children:r})]}),b=({guideText:e})=>/*#__PURE__*/t(s,{className:"bg-w-gray-10 text-w-gray-500 w-full",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:"text-w-gray-400 shrink-0"}),
+/*#__PURE__*/e(s,{"data-testid":"design-system-commentArea--container",className:"border-w-gray-200 bg-w-white w-full rounded-xl border",children:[
 /*#__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("textarea",f({"data-testid":"design-system-commentArea",ref:n,value:D,spellCheck:B,disabled:A||!u,className:"placeholder:typo-body16 tracking-default text-w-gray-900 placeholder:text-w-gray-300 h-[63px] w-full resize-none border-none bg-transparent outline-hidden placeholder:font-normal"},P))]})}),h&&/*#__PURE__*/t(s,{"data-testid":"design-system-commentArea--guide-message",className:"bg-w-gray-10 text-w-gray-500 w-full px-4 py-2",children:/*#__PURE__*/t(b,{guideText:h})}),
 /*#__PURE__*/t(c,{}),
 /*#__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}),

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

@@ -44,5 +44,5 @@ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twMerge as l}from"tailw
 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("button",{type:"button",className:l("border-w-gray-200 bg-w-gray-10 text-w-gray-600 flex w-full items-center justify-center gap-3 rounded-xl border border-dashed px-6 py-8",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.js CHANGED Viewed

@@ -1,10 +1,10 @@
 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"}),
+return e(l,{className:"border-w-gray-200 w-0 min-w-full rounded-xl border px-3 py-2",children:/*#__PURE__*/a(l,{className:"flex items-center gap-2",children:[
+/*#__PURE__*/e(i,{name:"medium_clip",className:"text-primary-500 shrink-0"}),
 /*#__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(s,{variant:"body16",className:"text-w-gray-600 min-w-0 truncate",children:y}),
+/*#__PURE__*/e(s,{variant:"body16",className:"text-w-gray-600 shrink-0",children:p})]}),
+/*#__PURE__*/e(s,{variant:"body14",className:"text-w-gray-400 ml-4 shrink-0",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:[

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

@@ -44,5 +44,5 @@ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"re
  * </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};
+/*#__PURE__*/t(i,{"data-testid":"design-system-filter-chip",className:a("border-w-gray-200 bg-w-white hover:border-primary relative flex w-full cursor-pointer items-center gap-1 rounded-full border px-[15px] py-1.5 select-none",d&&"border-primary",x&&"border-primary bg-primary-10 border-2 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:"-top-1 -right-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 CHANGED Viewed

@@ -40,10 +40,10 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as s}from"tailw
  * />
  * ```
  */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:[
+return e(l,{"data-testid":"design-system-filter-list",className:s("bg-w-white shadow-graymedium desktop:w-[360px] w-full rounded-xl",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(a,{variant:"subTitle18",className:"text-w-gray-900 font-medium",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__*/