@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
  1. package/dist/Components/Base/Layouts/Column/Column.js +1 -1
  2. package/dist/Components/Base/Layouts/FullBleed/FullBleed.js +4 -4
  3. package/dist/Components/Base/Layouts/GridLayout/GridLayout.js +1 -1
  4. package/dist/Components/DataDisplays/Accordion/Accordion.js +2 -2
  5. package/dist/Components/DataDisplays/Avatar/Avatar.js +2 -2
  6. package/dist/Components/DataDisplays/ImageLabel/ImageLabel.js +1 -1
  7. package/dist/Components/DataDisplays/ImageLabel/parts/NewCircle.js +1 -1
  8. package/dist/Components/DataDisplays/Label/Label.js +1 -1
  9. package/dist/Components/DataDisplays/Li/Li.js +2 -2
  10. package/dist/Components/DataDisplays/ProgressIndicator/ProgressIndicator.js +1 -1
  11. package/dist/Components/DataDisplays/SkillLabel/SkillLabel.parts.js +1 -1
  12. package/dist/Components/Feedbacks/DialogBox/DialogBox.js +3 -3
  13. package/dist/Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js +1 -1
  14. package/dist/Components/Feedbacks/LoadingIndicator/LoadingIndicator.js +1 -1
  15. package/dist/Components/Feedbacks/MessageBar/MessageBar.js +1 -1
  16. package/dist/Components/Feedbacks/MessageBox/MessageBox.js +2 -2
  17. package/dist/Components/Feedbacks/MessageBox/MessageBox.parts.js +1 -1
  18. package/dist/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.js +5 -5
  19. package/dist/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.parts.js +1 -1
  20. package/dist/Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js +2 -2
  21. package/dist/Components/Feedbacks/Tooltip/Tooltip.js +1 -1
  22. package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.js +3 -3
  23. package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.parts.js +2 -2
  24. package/dist/Components/Inputs/Button/Button.js +1 -1
  25. package/dist/Components/Inputs/Calendar/Calendar.js +1 -1
  26. package/dist/Components/Inputs/Calendar/Calendar.parts.js +2 -2
  27. package/dist/Components/Inputs/Checkbox/Checkbox.parts.js +1 -1
  28. package/dist/Components/Inputs/CheckboxCard/CheckboxCard.parts.js +2 -2
  29. package/dist/Components/Inputs/CheckboxListItem/CheckboxListItem.js +4 -4
  30. package/dist/Components/Inputs/ChoiceChip/ChoiceChip.js +1 -1
  31. package/dist/Components/Inputs/CommentArea/CommentArea.js +4 -4
  32. package/dist/Components/Inputs/FileUploader/FileUploader.js +1 -1
  33. package/dist/Components/Inputs/FileUploader/FileUploader.parts.js +5 -5
  34. package/dist/Components/Inputs/FilterChip/FilterChip.js +2 -2
  35. package/dist/Components/Inputs/FilterList/FilterList.js +2 -2
  36. package/dist/Components/Inputs/IconButton/IconButton.js +1 -1
  37. package/dist/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +2 -2
  38. package/dist/Components/Inputs/Input/Input.js +1 -1
  39. package/dist/Components/Inputs/InputChip/InputChip.js +2 -2
  40. package/dist/Components/Inputs/List/List.js +2 -2
  41. package/dist/Components/Inputs/MultiColumnList/MultiColumnList.parts.js +3 -3
  42. package/dist/Components/Inputs/Radio/Radio.js +1 -1
  43. package/dist/Components/Inputs/RadioCard/RadioCard.parts.js +1 -1
  44. package/dist/Components/Inputs/RadioListItem/RadioListItem.js +3 -3
  45. package/dist/Components/Inputs/RangeSlider/RangeSlider.js +3 -3
  46. package/dist/Components/Inputs/SearchField/SearchField.js +1 -1
  47. package/dist/Components/Inputs/SegmentedControl/SegmentedControl.js +1 -1
  48. package/dist/Components/Inputs/SupportTextContainer/SupportTextContainer.js +3 -3
  49. package/dist/Components/Inputs/TextButtonDropdown/TextButtonDropdown.js +2 -2
  50. package/dist/Components/Inputs/TextButtonDropdown/TextButtonDropdown.parts.js +1 -1
  51. package/dist/Components/Inputs/TextField/TextField.js +1 -1
  52. package/dist/Components/Inputs/TextFieldContainer/TextFieldContainer.js +1 -1
  53. package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.js +1 -1
  54. package/dist/Components/Inputs/Textarea/Textarea.js +1 -1
  55. package/dist/Components/Navigations/BoxTab/BoxTab.parts.js +1 -1
  56. package/dist/Components/Navigations/GNBList/GNBList.parts.js +3 -3
  57. package/dist/Components/Navigations/Pagination/Pagination.parts.js +1 -1
  58. package/dist/Components/Navigations/TableOfContents/TableOfContents.js +2 -2
  59. package/dist/Components/Navigations/TextTab/TextTab.parts.js +2 -2
  60. package/dist/Components/Utils/BackDrop/BackDrop.js +1 -1
  61. package/dist/Components/Utils/BottomModalContainer/BottomModalContainer.js +2 -2
  62. package/dist/Components/Utils/FullModalContainer/FullModalContainer.js +1 -1
  63. package/dist/Components/Utils/ModalContainer/ModalContainer.js +1 -1
  64. package/dist/Components/Wrappers/WithBadge/WithBadge.js +1 -1
  65. package/dist/cjs/Components/Base/Layouts/Column/Column.js +1 -1
  66. package/dist/cjs/Components/Base/Layouts/FullBleed/FullBleed.js +1 -1
  67. package/dist/cjs/Components/Base/Layouts/GridLayout/GridLayout.js +1 -1
  68. package/dist/cjs/Components/DataDisplays/Accordion/Accordion.js +2 -2
  69. package/dist/cjs/Components/DataDisplays/Avatar/Avatar.js +2 -2
  70. package/dist/cjs/Components/DataDisplays/ImageLabel/ImageLabel.js +1 -1
  71. package/dist/cjs/Components/DataDisplays/ImageLabel/parts/NewCircle.js +1 -1
  72. package/dist/cjs/Components/DataDisplays/Label/Label.js +1 -1
  73. package/dist/cjs/Components/DataDisplays/Li/Li.js +2 -2
  74. package/dist/cjs/Components/DataDisplays/ProgressIndicator/ProgressIndicator.js +1 -1
  75. package/dist/cjs/Components/DataDisplays/SkillLabel/SkillLabel.parts.js +1 -1
  76. package/dist/cjs/Components/Feedbacks/DialogBox/DialogBox.js +3 -3
  77. package/dist/cjs/Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js +1 -1
  78. package/dist/cjs/Components/Feedbacks/LoadingIndicator/LoadingIndicator.js +1 -1
  79. package/dist/cjs/Components/Feedbacks/MessageBar/MessageBar.js +1 -1
  80. package/dist/cjs/Components/Feedbacks/MessageBox/MessageBox.js +2 -2
  81. package/dist/cjs/Components/Feedbacks/MessageBox/MessageBox.parts.js +1 -1
  82. package/dist/cjs/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.js +5 -5
  83. package/dist/cjs/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.parts.js +1 -1
  84. package/dist/cjs/Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js +3 -3
  85. package/dist/cjs/Components/Feedbacks/Tooltip/Tooltip.js +1 -1
  86. package/dist/cjs/Components/Inputs/AutoCompleteList/AutoCompleteList.js +3 -3
  87. package/dist/cjs/Components/Inputs/AutoCompleteList/AutoCompleteList.parts.js +2 -2
  88. package/dist/cjs/Components/Inputs/Button/Button.js +2 -2
  89. package/dist/cjs/Components/Inputs/Calendar/Calendar.js +1 -1
  90. package/dist/cjs/Components/Inputs/Calendar/Calendar.parts.js +2 -2
  91. package/dist/cjs/Components/Inputs/Checkbox/Checkbox.parts.js +1 -1
  92. package/dist/cjs/Components/Inputs/CheckboxCard/CheckboxCard.parts.js +2 -2
  93. package/dist/cjs/Components/Inputs/CheckboxListItem/CheckboxListItem.js +2 -2
  94. package/dist/cjs/Components/Inputs/ChoiceChip/ChoiceChip.js +1 -1
  95. package/dist/cjs/Components/Inputs/CommentArea/CommentArea.js +4 -4
  96. package/dist/cjs/Components/Inputs/FileUploader/FileUploader.js +1 -1
  97. package/dist/cjs/Components/Inputs/FileUploader/FileUploader.parts.js +5 -5
  98. package/dist/cjs/Components/Inputs/FilterChip/FilterChip.js +2 -2
  99. package/dist/cjs/Components/Inputs/FilterList/FilterList.js +2 -2
  100. package/dist/cjs/Components/Inputs/IconButton/IconButton.js +1 -1
  101. package/dist/cjs/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +2 -2
  102. package/dist/cjs/Components/Inputs/Input/Input.js +1 -1
  103. package/dist/cjs/Components/Inputs/InputChip/InputChip.js +2 -2
  104. package/dist/cjs/Components/Inputs/List/List.js +2 -2
  105. package/dist/cjs/Components/Inputs/MultiColumnList/MultiColumnList.parts.js +3 -3
  106. package/dist/cjs/Components/Inputs/Radio/Radio.js +1 -1
  107. package/dist/cjs/Components/Inputs/RadioCard/RadioCard.parts.js +1 -1
  108. package/dist/cjs/Components/Inputs/RadioListItem/RadioListItem.js +4 -4
  109. package/dist/cjs/Components/Inputs/RangeSlider/RangeSlider.js +3 -3
  110. package/dist/cjs/Components/Inputs/SearchField/SearchField.js +1 -1
  111. package/dist/cjs/Components/Inputs/SegmentedControl/SegmentedControl.js +1 -1
  112. package/dist/cjs/Components/Inputs/SupportTextContainer/SupportTextContainer.js +3 -3
  113. package/dist/cjs/Components/Inputs/TextButtonDropdown/TextButtonDropdown.js +2 -2
  114. package/dist/cjs/Components/Inputs/TextButtonDropdown/TextButtonDropdown.parts.js +1 -1
  115. package/dist/cjs/Components/Inputs/TextField/TextField.js +1 -1
  116. package/dist/cjs/Components/Inputs/TextFieldContainer/TextFieldContainer.js +1 -1
  117. package/dist/cjs/Components/Inputs/TextFieldDropdown/TextFieldDropdown.js +1 -1
  118. package/dist/cjs/Components/Inputs/Textarea/Textarea.js +1 -1
  119. package/dist/cjs/Components/Navigations/BoxTab/BoxTab.parts.js +1 -1
  120. package/dist/cjs/Components/Navigations/GNBList/GNBList.parts.js +5 -5
  121. package/dist/cjs/Components/Navigations/Pagination/Pagination.parts.js +1 -1
  122. package/dist/cjs/Components/Navigations/TableOfContents/TableOfContents.js +2 -2
  123. package/dist/cjs/Components/Navigations/TextTab/TextTab.parts.js +2 -2
  124. package/dist/cjs/Components/Utils/BackDrop/BackDrop.js +1 -1
  125. package/dist/cjs/Components/Utils/BottomModalContainer/BottomModalContainer.js +2 -2
  126. package/dist/cjs/Components/Utils/FullModalContainer/FullModalContainer.js +1 -1
  127. package/dist/cjs/Components/Utils/ModalContainer/ModalContainer.js +1 -1
  128. package/dist/cjs/Components/Wrappers/WithBadge/WithBadge.js +1 -1
  129. package/dist/config/tailwind.config.js +1 -1
  130. package/package.json +17 -17
@@ -31,5 +31,5 @@
31
31
  * <IconButton outline>
32
32
  * <Icon name="menu" />
33
33
  * </IconButton>
34
- */(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const b=b=>{var{size:p="md",outline:d=!1,children:m,onClick:f,className:y,disabled:g,hasNew:O=!1}=b,j=u(b,["size","outline","children","onClick","className","disabled","hasNew"]);const[w,h]=r(!1),P=n(null);return o((()=>()=>{P.current&&clearTimeout(P.current)}),[]),/*#__PURE__*/e("button",a(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}({"data-testid":"design-system-icon-button",type:"button",className:l("relative flex items-center justify-center rounded-xl border bg-transparent",g?"cursor-not-allowed":"cursor-pointer","sm"===p?"size-6 rounded-lg":"md"===p?"size-9":"lg"===p?"size-[50px]":void 0,d?"border-w-gray-200 overflow-hidden":"border-transparent",y),onClick:e=>{null==f||f(e),h(!0),P.current&&clearTimeout(P.current),P.current=setTimeout((()=>{h(!1)}),300)},disabled:g},j),{children:[O&&"sm"!==p&&/*#__PURE__*/t(s,{"data-testid":"design-system-icon-button--new",className:i("absolute size-1 rounded-full bg-w-orange-500","md"===p&&"right-1 top-2","lg"===p&&"right-[9px] top-[13px]")}),w&&/*#__PURE__*/t(s,{"data-testid":"design-system-icon-button--ripple",className:l("absolute h-full w-full bg-w-gray-500/10",d&&"sm"===p?"animate-ripple-outline-small":d?"animate-ripple-outline":"animate-ripple")}),
34
+ */(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const b=b=>{var{size:p="md",outline:d=!1,children:m,onClick:f,className:y,disabled:g,hasNew:O=!1}=b,j=u(b,["size","outline","children","onClick","className","disabled","hasNew"]);const[w,h]=r(!1),P=n(null);return o((()=>()=>{P.current&&clearTimeout(P.current)}),[]),/*#__PURE__*/e("button",a(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}({"data-testid":"design-system-icon-button",type:"button",className:l("relative flex items-center justify-center rounded-xl border bg-transparent",g?"cursor-not-allowed":"cursor-pointer","sm"===p?"size-6 rounded-lg":"md"===p?"size-9":"lg"===p?"size-[50px]":void 0,d?"border-w-gray-200 overflow-hidden":"border-transparent",y),onClick:e=>{null==f||f(e),h(!0),P.current&&clearTimeout(P.current),P.current=setTimeout((()=>{h(!1)}),300)},disabled:g},j),{children:[O&&"sm"!==p&&/*#__PURE__*/t(s,{"data-testid":"design-system-icon-button--new",className:i("bg-w-orange-500 absolute size-1 rounded-full","md"===p&&"top-2 right-1","lg"===p&&"top-[13px] right-[9px]")}),w&&/*#__PURE__*/t(s,{"data-testid":"design-system-icon-button--ripple",className:l("bg-w-gray-500/10 absolute h-full w-full",d&&"sm"===p?"animate-ripple-outline-small":d?"animate-ripple-outline":"animate-ripple")}),
35
35
  /*#__PURE__*/t(s,{"data-testid":"design-system-icon-button--icon",className:"absolute flex h-full w-full items-center justify-center",children:m})]}))};export{b as IconButton};
@@ -31,5 +31,5 @@
31
31
  * />
32
32
  * ```
33
33
  */const l=({icon:l,items:r,selectedItem:m,onItemClick:d,size:c="sm",align:p="left",disabled:u=!1})=>{const{isListOpen:y,ref:f,focusedIndex:I,handleItemClick:h,toggleListOpen:g,handleKeyDown:D}=a({items:r,onItemClick:d});/*#__PURE__*/
34
- return t("div",{"data-testid":"design-system-icon-button-dropdown",className:"outline-hidden relative w-fit",ref:f,onKeyDown:D,tabIndex:0,children:[
35
- /*#__PURE__*/e(i,{onClick:g,size:c,className:"outline-hidden",disabled:u,children:/*#__PURE__*/e(s,{name:l,className:o(u&&"text-w-gray-300")})}),y&&/*#__PURE__*/e("div",{"data-testid":"design-system-icon-button-dropdown--list-container",className:o("absolute -bottom-2 z-40 translate-y-full transform transition-all","right"===p?"right-0":"left-0 "),children:/*#__PURE__*/e(n.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:r.map(((t,o)=>/*#__PURE__*/e(n.Item,{text:t.value,leadingIcon:t.leadingIcon,onClick:()=>h(t),selected:t.key===(null==m?void 0:m.key),isFocused:o===I},t.key)))})})]})};export{l as IconButtonDropdown};
34
+ return t("div",{"data-testid":"design-system-icon-button-dropdown",className:"relative w-fit outline-hidden",ref:f,onKeyDown:D,tabIndex:0,children:[
35
+ /*#__PURE__*/e(i,{onClick:g,size:c,className:"outline-hidden",disabled:u,children:/*#__PURE__*/e(s,{name:l,className:o(u&&"text-w-gray-300")})}),y&&/*#__PURE__*/e("div",{"data-testid":"design-system-icon-button-dropdown--list-container",className:o("absolute -bottom-2 z-40 translate-y-full transform transition-all","right"===p?"right-0":"left-0"),children:/*#__PURE__*/e(n.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:r.map(((t,o)=>/*#__PURE__*/e(n.Item,{text:t.value,leadingIcon:t.leadingIcon,onClick:()=>h(t),selected:t.key===(null==m?void 0:m.key),isFocused:o===I},t.key)))})})]})};export{l as IconButtonDropdown};
@@ -24,4 +24,4 @@ import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";impor
24
24
  * // 에러 상태
25
25
  * <Input isError placeholder="에러 상태" />
26
26
  */(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}const l=/*#__PURE__*/r(((r,l)=>{var{disabled:a,className:i,isError:c,isFocused:u}=r,s=n(r,["disabled","className","isError","isFocused"]);/*#__PURE__*/
27
- return e("input",function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}({role:"text-input",ref:l,className:t("outline-hidden typo-body16 placeholder:typo-body16 tracking-default placeholder:tracking-default w-full text-w-gray-600 placeholder:text-w-gray-300 disabled:bg-w-gray-10",a&&"placeholder:typo-body16 cursor-not-allowed text-w-gray-300 placeholder:text-w-gray-200",i),"data-testid":"design-system--input",disabled:a},s))}));l.displayName="Input";export{l as Input};
27
+ return e("input",function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}({role:"text-input",ref:l,className:t("typo-body16 placeholder:typo-body16 tracking-default placeholder:tracking-default text-w-gray-600 placeholder:text-w-gray-300 disabled:bg-w-gray-10 w-full outline-hidden",a&&"placeholder:typo-body16 text-w-gray-300 placeholder:text-w-gray-200 cursor-not-allowed",i),"data-testid":"design-system--input",disabled:a},s))}));l.displayName="Input";export{l as Input};
@@ -23,5 +23,5 @@
23
23
  * 커스텀 스타일 태그
24
24
  * </InputChip>
25
25
  * ```
26
- */const i=({children:i,onDelete:l,className:p})=>/*#__PURE__*/e(r,{"data-testid":"design-system-input-chip--container",className:a("flex h-6 w-fit max-w-[100px] select-none items-center gap-0.5 rounded-lg bg-w-gray-100 px-2 py-px",!!l&&"pl-2 pr-1.5",p),children:[
27
- /*#__PURE__*/t(s,{variant:"body14",className:"h-6 w-full overflow-hidden text-ellipsis whitespace-nowrap break-all text-w-gray-600",children:i}),!!l&&/*#__PURE__*/t(r,{onClick:l,"data-testid":"design-system-input-chip--delete",children:/*#__PURE__*/t(o,{name:"small_delete",className:"cursor-pointer text-w-gray-400"})})]});export{i as InputChip};
26
+ */const i=({children:i,onDelete:l,className:p})=>/*#__PURE__*/e(r,{"data-testid":"design-system-input-chip--container",className:a("bg-w-gray-100 flex h-6 w-fit max-w-[100px] items-center gap-0.5 rounded-lg px-2 py-px select-none",!!l&&"pr-1.5 pl-2",p),children:[
27
+ /*#__PURE__*/t(s,{variant:"body14",className:"text-w-gray-600 h-6 w-full overflow-hidden break-all text-ellipsis whitespace-nowrap",children:i}),!!l&&/*#__PURE__*/t(r,{onClick:l,"data-testid":"design-system-input-chip--delete",children:/*#__PURE__*/t(o,{name:"small_delete",className:"text-w-gray-400 cursor-pointer"})})]});export{i as InputChip};
@@ -7,8 +7,8 @@
7
7
  * @param {boolean} [props.disableScroll=false] - 스크롤 비활성화 여부
8
8
  * @param {ReactNode} props.children - 목록 항목들
9
9
  * @param {string} [props.className] - 추가 CSS 클래스
10
- */(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const d={Root:e=>{var{children:l,className:i,disableScroll:a=!1}=e,d=p(e,["children","className","disableScroll"]);const y=r(null),[u,b]=n(!1);return o((()=>{const e=y.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;b(t>r)}),[]),/*#__PURE__*/t("ul",m(c({ref:y,"data-testid":"design-system-list",className:s("flex max-h-60 w-full min-w-[220px] flex-col rounded-xl bg-w-white p-2 shadow-graymedium",a?"max-h-full overflow-visible":"scrollbar-list overflow-y-auto",u&&!a&&"pr-0",i)},d),{children:l}))},Item:r=>{var{leadingIcon:n,text:o,selected:a=!1,disabled:d=!1,canceled:y=!1,children:u,className:b,isFocused:f=!1}=r,g=p(r,["leadingIcon","text","selected","disabled","canceled","children","className","isFocused"]);const O=s(a?"text-primary-500":"text-w-gray-600",y&&"text-w-red-500",d&&"text-w-gray-300");/*#__PURE__*/
11
- return e("li",m(c({className:s("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!d&&f&&"bg-primary-10",!d&&"hover:bg-primary-10",b)},g),{onClick:e=>{var t;d||null===(t=g.onClick)||void 0===t||t.call(g,e)},"data-testid":"design-system-list-item",children:[n&&/*#__PURE__*/t(i,{name:n,className:O,testId:"design-system-list-item-leading-icon"}),o&&/*#__PURE__*/t(l,{variant:"body16",className:O,"data-testid":"design-system-list-item-text",children:o}),u]}))}};
10
+ */(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const d={Root:e=>{var{children:l,className:i,disableScroll:a=!1}=e,d=p(e,["children","className","disableScroll"]);const y=r(null),[u,b]=n(!1);return o((()=>{const e=y.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;b(t>r)}),[]),/*#__PURE__*/t("ul",m(c({ref:y,"data-testid":"design-system-list",className:s("bg-w-white shadow-graymedium flex max-h-60 w-full min-w-[220px] flex-col rounded-xl p-2",a?"max-h-full overflow-visible":"scrollbar-list overflow-y-auto",u&&!a&&"pr-0",i)},d),{children:l}))},Item:r=>{var{leadingIcon:n,text:o,selected:a=!1,disabled:d=!1,canceled:y=!1,children:u,className:b,isFocused:f=!1}=r,g=p(r,["leadingIcon","text","selected","disabled","canceled","children","className","isFocused"]);const O=s(a?"text-primary-500":"text-w-gray-600",y&&"text-w-red-500",d&&"text-w-gray-300");/*#__PURE__*/
11
+ return e("li",m(c({className:s("bg-w-white visible flex cursor-pointer items-center gap-2 rounded-xl px-4 py-3 select-none",!d&&f&&"bg-primary-10",!d&&"hover:bg-primary-10",b)},g),{onClick:e=>{var t;d||null===(t=g.onClick)||void 0===t||t.call(g,e)},"data-testid":"design-system-list-item",children:[n&&/*#__PURE__*/t(i,{name:n,className:O,testId:"design-system-list-item-leading-icon"}),o&&/*#__PURE__*/t(l,{variant:"body16",className:O,"data-testid":"design-system-list-item-text",children:o}),u]}))}};
12
12
  /**
13
13
  * List.Item 컴포넌트는 개별 목록 항목을 표시합니다.
14
14
  *
@@ -1,9 +1,9 @@
1
1
  "use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useContext as r,createContext as l,useRef as n,useEffect as o,useState as a}from"react";import{twMerge as i}from"tailwind-merge";import{Typography as c}from"../../Base/Typography/Typography.js";import{Box as s}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.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 y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){u(e,t,r[t])}))}return e}function d(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 m(e,t){if(null==e)return{};var r,l,n=function(e,t){if(null==e)return{};var r,l,n={},o=Object.keys(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}const f=/*#__PURE__*/l({activeCategory:0,currentActiveCategory:0,handleCategoryClick:()=>{}}),p=e=>{var{children:r,className:l,currentActiveCategory:n=0,onCategoryChange:c}=e,u=m(e,["children","className","currentActiveCategory","onCategoryChange"]);const[p,g]=a(n);return o((()=>{n!==p&&g(n);
2
2
  // eslint-disable-next-line react-hooks/exhaustive-deps
3
3
  }),[n]),/*#__PURE__*/t(f.Provider,{value:{activeCategory:p,currentActiveCategory:n,handleCategoryClick:e=>{e!==p&&(// 현재 카테고리를 다시 클릭하는 경우 방지
4
- null==c||c(e),g(e))}},children:/*#__PURE__*/t(s,d(y({"data-testid":"design-system-multi-column-list--root",className:i("flex h-full w-full rounded-xl border border-w-gray-200 bg-w-white",l)},u),{children:r}))})},g=e=>{var{className:r,children:l}=e,n=m(e,["className","children"]);/*#__PURE__*/
5
- return t(s,d(y({"data-testid":"design-system-multi-column-list--category-container",className:i("scrollbar-list flex h-full w-[180px] shrink-0 flex-col overflow-y-auto border-r border-w-gray-200 py-2 pl-2",r)},n),{children:l}))},b=e=>{var{children:l,className:a}=e,c=m(e,["children","className"]);const{activeCategory:u}=r(f),p=n(null);return o((()=>{p.current&&p.current.scrollTo({top:0})}),[u]),/*#__PURE__*/t(s,d(y({"data-testid":"design-system-multi-column-list--list-container",ref:p,className:i("scrollbar-list flex h-full w-full flex-col gap-6 overflow-y-auto px-6 py-5",a)},c),{children:l}))},h=e=>{var{children:l,className:n,index:o}=e,a=m(e,["children","className","index"]);const{handleCategoryClick:u,activeCategory:p}=r(f);/*#__PURE__*/
6
- return t(s,d(y({"data-testid":"design-system-multi-column-list--category",className:i("w-full cursor-pointer rounded-xl px-4 py-3 text-w-gray-600 hover:bg-primary-10",o===p&&"font-medium text-primary",n),onClick:()=>void 0!==o&&u(o)},a),{children:/*#__PURE__*/t(c,{variant:"body16",className:"whitespace-normal break-all",children:l})}))},v=l=>{var{children:n,title:o,index:a}=l,i=m(l,["children","title","index"]);const{activeCategory:u}=r(f);return a!==u?null:/*#__PURE__*/e(s,d(y({"data-testid":"design-system-multi-column-list--list-item",className:"flex w-full flex-col gap-4"},i),{children:[o&&/*#__PURE__*/t(c,{variant:"body16",className:"w-full font-medium text-primary","data-testid":"design-system-multi-column-list-title",children:o}),n]}))};
4
+ null==c||c(e),g(e))}},children:/*#__PURE__*/t(s,d(y({"data-testid":"design-system-multi-column-list--root",className:i("border-w-gray-200 bg-w-white flex h-full w-full rounded-xl border",l)},u),{children:r}))})},g=e=>{var{className:r,children:l}=e,n=m(e,["className","children"]);/*#__PURE__*/
5
+ return t(s,d(y({"data-testid":"design-system-multi-column-list--category-container",className:i("scrollbar-list border-w-gray-200 flex h-full w-[180px] shrink-0 flex-col overflow-y-auto border-r py-2 pl-2",r)},n),{children:l}))},b=e=>{var{children:l,className:a}=e,c=m(e,["children","className"]);const{activeCategory:u}=r(f),p=n(null);return o((()=>{p.current&&p.current.scrollTo({top:0})}),[u]),/*#__PURE__*/t(s,d(y({"data-testid":"design-system-multi-column-list--list-container",ref:p,className:i("scrollbar-list flex h-full w-full flex-col gap-6 overflow-y-auto px-6 py-5",a)},c),{children:l}))},h=e=>{var{children:l,className:n,index:o}=e,a=m(e,["children","className","index"]);const{handleCategoryClick:u,activeCategory:p}=r(f);/*#__PURE__*/
6
+ return t(s,d(y({"data-testid":"design-system-multi-column-list--category",className:i("text-w-gray-600 hover:bg-primary-10 w-full cursor-pointer rounded-xl px-4 py-3",o===p&&"text-primary font-medium",n),onClick:()=>void 0!==o&&u(o)},a),{children:/*#__PURE__*/t(c,{variant:"body16",className:"break-all whitespace-normal",children:l})}))},v=l=>{var{children:n,title:o,index:a}=l,i=m(l,["children","title","index"]);const{activeCategory:u}=r(f);return a!==u?null:/*#__PURE__*/e(s,d(y({"data-testid":"design-system-multi-column-list--list-item",className:"flex w-full flex-col gap-4"},i),{children:[o&&/*#__PURE__*/t(c,{variant:"body16",className:"text-primary w-full font-medium","data-testid":"design-system-multi-column-list-title",children:o}),n]}))};
7
7
  /**
8
8
  * MultiColumnList의 최상위 컴포넌트입니다.
9
9
  *
@@ -8,7 +8,7 @@ o&&!i?"bg-w-white border-primary-500":
8
8
  // 활성화 상태에서 체크되었고 오류가 있는 경우
9
9
  o&&i?"bg-w-white border-w-red-500":
10
10
  // 활성화 상태에서 체크되지 않았고 오류가 있는 경우
11
- !o&&i?"border-w-red-500":"bg-white border-w-gray-200 group-hover:border-primary-500 cursor-pointer"),role:"radio-button",children:/*#__PURE__*/e("div",{className:t("size-2 rounded-full bg-primary transition-all duration-100 ease-in-out",!o&&"h-0 w-0",i&&"bg-w-red-500",r&&"bg-w-gray-200",o&&r&&"bg-primary-100")})}),c=/*#__PURE__*/o(((o,a)=>{var{value:c="",checked:d=!1,disabled:u=!1,isError:b=!1,className:p}=o,m=l(o,["value","checked","disabled","isError","className"]);/*#__PURE__*/
11
+ !o&&i?"border-w-red-500":"bg-white border-w-gray-200 group-hover:border-primary-500 cursor-pointer"),role:"radio-button",children:/*#__PURE__*/e("div",{className:t("bg-primary size-2 rounded-full transition-all duration-100 ease-in-out",!o&&"h-0 w-0",i&&"bg-w-red-500",r&&"bg-w-gray-200",o&&r&&"bg-primary-100")})}),c=/*#__PURE__*/o(((o,a)=>{var{value:c="",checked:d=!1,disabled:u=!1,isError:b=!1,className:p}=o,m=l(o,["value","checked","disabled","isError","className"]);/*#__PURE__*/
12
12
  return r(i,{"data-testid":"design-system-radio",className:t("group relative cursor-pointer",p),children:[
13
13
  /*#__PURE__*/e("input",n({ref:a,type:"radio",className:"absolute inset-0 z-10 cursor-pointer opacity-0",value:c,checked:d,disabled:u},m)),
14
14
  /*#__PURE__*/e(s,{checked:d,isError:b,disabled:u})]})}));
@@ -1,4 +1,4 @@
1
1
  import{jsx as e}from"react/jsx-runtime";import{twMerge as r,twJoin as t}from"tailwind-merge";import"../../DataDisplays/Avatar/Avatar.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{ProductIcon as o}from"../../DataDisplays/ProductIcon/ProductIcon.js";import"../../DataDisplays/Accordion/Accordion.js";import{Radio as i}from"../Radio/Radio.js";function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function a(e,r){if(null==e)return{};var t,o,i=function(e,r){if(null==e)return{};var t,o,i={},n=Object.keys(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}const l=t=>{var{children:o,isWide:i,checked:n,isError:l,disabled:d,className:p}=t,u=a(t,["children","isWide","checked","isError","disabled","className"]);/*#__PURE__*/
2
2
  return e("div",c(s({className:r("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",i?"min-h-[94px] w-[298px] flex-row gap-3 px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 py-6",!d&&!l&&"group-focus-within:border-primary-500",d&&n&&!l?"cursor-not-allowed border-primary-100":d?"cursor-not-allowed border-w-gray-200":l?"border-w-red-500":n?"border-primary-500":"border-w-gray-200 group-hover:border-primary",d?n&&!l?"bg-primary-10":"bg-w-gray-10":n?l?"bg-w-red-10":"bg-primary-10":"bg-w-white",p)},u),{children:o}))},d=({isWide:r,children:o})=>/*#__PURE__*/e("div",{className:t("flex h-auto w-full flex-col justify-between gap-0.5",r?"items-start":"items-center"),children:o}),p=t=>{var{isWide:o,disabled:n,isError:c,checked:l}=t,d=a(t,["isWide","disabled","isError","checked"]);const p=c&&l&&n;/*#__PURE__*/
3
- return e(i,s({className:r(!o&&"absolute left-[17px] top-[17px]"),disabled:n||p,checked:!p&&l,isError:c},d))},u=({iconName:t,disabled:i,checked:n,isError:s})=>{const c=s||!n;/*#__PURE__*/
3
+ return e(i,s({className:r(!o&&"absolute top-[17px] left-[17px]"),disabled:n||p,checked:!p&&l,isError:c},d))},u=({iconName:t,disabled:i,checked:n,isError:s})=>{const c=s||!n;/*#__PURE__*/
4
4
  return e("div",{className:r("flex size-[60px] shrink-0 items-center justify-center",i&&"opacity-30"),"data-testid":"design-system-radioCard--icon",children:/*#__PURE__*/e(o,{name:t,disabled:c})})};export{l as RadioCardContainer,u as RadioCardIcon,p as StyledRadio,d as TitleContainer};
@@ -1,5 +1,5 @@
1
1
  "use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import{Typography as i}from"../../Base/Typography/Typography.js";import{Box as a}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{Radio as s}from"../Radio/Radio.js";function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){n(e,r,t[r])}))}return e}function l(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function c(e,r){if(null==e)return{};var t,i,a=function(e,r){if(null==e)return{};var t,i,a={},s=Object.keys(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}const d=e=>{var{children:i,disabled:a,className:s,hasDescription:n}=e,d=c(e,["children","disabled","className","hasDescription"]);/*#__PURE__*/
2
- return r("label",l(o({className:t("grid-areas-radio-list-item-container grid h-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container gap-x-3",a?"cursor-not-allowed":"cursor-pointer",n?"gap-y-0.5":"gap-y-0",s)},d),{children:i}))},m=n=>{var{name:l,value:m,label:p,description:u,checked:b,disabled:y=!1,isError:g=!1,errorMessage:f,className:h,RadioClassName:O,onChange:j,children:w}=n,x=c(n,["name","value","label","description","checked","disabled","isError","errorMessage","className","RadioClassName","onChange","children"]);/*#__PURE__*/
2
+ return r("label",l(o({className:t("grid-areas-radio-list-item-container grid-cols-radio-list-item-container grid-rows-radio-list-item-container grid h-min gap-x-3",a?"cursor-not-allowed":"cursor-pointer",n?"gap-y-0.5":"gap-y-0",s)},d),{children:i}))},m=n=>{var{name:l,value:m,label:p,description:u,checked:b,disabled:y=!1,isError:g=!1,errorMessage:f,className:h,RadioClassName:O,onChange:w,children:j}=n,x=c(n,["name","value","label","description","checked","disabled","isError","errorMessage","className","RadioClassName","onChange","children"]);/*#__PURE__*/
3
3
  return e(d,{"data-testid":"design-system-radioList--item",disabled:y,hasDescription:!!u,className:t("group",h),children:[
4
- /*#__PURE__*/r(a,{className:"grid-in-radio flex cursor-pointer pt-1",children:/*#__PURE__*/r(s,o({name:l,value:m,checked:b,isError:g,disabled:y,onChange:j,className:O},x))}),
5
- /*#__PURE__*/e(a,{className:"grid-in-label flex w-full items-center",children:[p&&/*#__PURE__*/r(i,{variant:"body16",className:t("w-full whitespace-normal break-words",y?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:p}),w]}),g&&f&&/*#__PURE__*/r(a,{className:"grid-in-error flex items-center",children:/*#__PURE__*/r(i,{variant:"body14",className:"text-w-red-500","data-testid":"design-system-checkboxList--item-error",children:f})}),u&&/*#__PURE__*/r(a,{className:"grid-in-description flex items-center",children:/*#__PURE__*/r(i,{variant:"body14",className:y?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:u})})]})};export{m as RadioListItem};
4
+ /*#__PURE__*/r(a,{className:"grid-in-radio flex cursor-pointer pt-1",children:/*#__PURE__*/r(s,o({name:l,value:m,checked:b,isError:g,disabled:y,onChange:w,className:O},x))}),
5
+ /*#__PURE__*/e(a,{className:"grid-in-label flex w-full items-center",children:[p&&/*#__PURE__*/r(i,{variant:"body16",className:t("w-full wrap-break-word whitespace-normal",y?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:p}),j]}),g&&f&&/*#__PURE__*/r(a,{className:"grid-in-error flex items-center",children:/*#__PURE__*/r(i,{variant:"body14",className:"text-w-red-500","data-testid":"design-system-checkboxList--item-error",children:f})}),u&&/*#__PURE__*/r(a,{className:"grid-in-description flex items-center",children:/*#__PURE__*/r(i,{variant:"body14",className:y?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:u})})]})};export{m as RadioListItem};
@@ -2,9 +2,9 @@
2
2
  // eslint-disable-next-line react-hooks/exhaustive-deps
3
3
  }),[h.max]),/*#__PURE__*/e(i,{className:n("relative px-1",f),"data-testid":"design-system-rangeSlider",children:[z&&/*#__PURE__*/t("input",s({"data-testid":"design-system-rangeSlider--start-thumb-input",type:"range",min:p,max:c,step:g,value:v.min,onInput:e=>B(e,"min"),className:n("pointer-events-none absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",D(),"start"===N&&"z-50")},y)),
4
4
  /*#__PURE__*/t("input",s({"data-testid":"design-system-rangeSlider--end-thumb-input",type:"range",min:p,max:c,value:v.max,onInput:e=>B(e,"max"),step:g,className:n("pointer-events-auto absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",D(),z&&"pointer-events-none","end"===N&&"z-50")},y)),
5
- /*#__PURE__*/e(i,{"data-testid":"design-system-rangeSlider--container",className:n("relative overflow-hidden","sm"===d&&"rounded-xs h-1","md"===d&&"h-2 rounded"),children:["md"===d&&/*#__PURE__*/t(i,{className:"absolute z-20 flex h-2 w-full items-center justify-between bg-transparent p-0.5",children:[...Array($)].map(((e,n)=>/*#__PURE__*/t(i,{"data-testid":"design-system-rangeSlider--unit-dot",className:"size-1 rounded-full bg-w-white"},n)))}),
6
- /*#__PURE__*/t(i,{className:"absolute left-0 top-0 z-0 h-full w-full bg-w-gray-50","data-testid":"design-system-rangeSlider--rail"}),
7
- /*#__PURE__*/t(i,{className:"absolute left-0 top-0 z-10 h-full bg-primary","data-testid":"design-system-rangeSlider--fill-track",style:{width:`${z?S(v.max)-S(v.min):S(v.max)}%`,left:z?`${S(v.min)}%`:0}})]})]})};
5
+ /*#__PURE__*/e(i,{"data-testid":"design-system-rangeSlider--container",className:n("relative overflow-hidden","sm"===d&&"h-1 rounded-xs","md"===d&&"h-2 rounded"),children:["md"===d&&/*#__PURE__*/t(i,{className:"absolute z-20 flex h-2 w-full items-center justify-between bg-transparent p-0.5",children:[...Array($)].map(((e,n)=>/*#__PURE__*/t(i,{"data-testid":"design-system-rangeSlider--unit-dot",className:"bg-w-white size-1 rounded-full"},n)))}),
6
+ /*#__PURE__*/t(i,{className:"bg-w-gray-50 absolute top-0 left-0 z-0 h-full w-full","data-testid":"design-system-rangeSlider--rail"}),
7
+ /*#__PURE__*/t(i,{className:"bg-primary absolute top-0 left-0 z-10 h-full","data-testid":"design-system-rangeSlider--fill-track",style:{width:`${z?S(v.max)-S(v.min):S(v.max)}%`,left:z?`${S(v.min)}%`:0}})]})]})};
8
8
  /**
9
9
  * 단일 또는 이중 슬라이더를 제공하는 범위 선택 컴포넌트입니다.
10
10
  *
@@ -37,4 +37,4 @@
37
37
  */(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const p=c=>{var{type:p,onSearch:d,className:f,disabled:b,spellCheck:y,onFocus:j,onBlur:h,filters:O}=c,g=m(c,["type","onSearch","className","disabled","spellCheck","onFocus","onBlur","filters"]);const[I,v]=r(!1);/*#__PURE__*/
38
38
  return e("form",{onSubmit:e=>{e.preventDefault(),d()},"data-testid":"design-system-search-field",children:/*#__PURE__*/e("label",{className:"cursor-text",children:/*#__PURE__*/t(l,{isFocused:I,isDisabled:b,className:"overflow-visible",children:[!!O&&/*#__PURE__*/e(o,{className:"shrink-0",children:/*#__PURE__*/e(i,u({disabled:b},O))}),
39
39
  /*#__PURE__*/e(a,u({onFocus:e=>{v(!0),null==j||j(e)},onBlur:e=>{v(!1),null==h||h(e)},spellCheck:y||!1,disabled:b},g)),
40
- /*#__PURE__*/e("button",{type:"submit",className:"shrink-0","data-testid":"design-system-search-field--submit-button",disabled:b,children:/*#__PURE__*/e(s,{testId:"design-system-search-field--submit-button-icon",name:"medium_search",className:n("pointer-events-none text-w-gray-600",b&&"text-w-gray-300")})})]})})})};export{p as SearchField};
40
+ /*#__PURE__*/e("button",{type:"submit",className:"shrink-0","data-testid":"design-system-search-field--submit-button",disabled:b,children:/*#__PURE__*/e(s,{testId:"design-system-search-field--submit-button-icon",name:"medium_search",className:n("text-w-gray-600 pointer-events-none",b&&"text-w-gray-300")})})]})})})};export{p as SearchField};
@@ -29,6 +29,6 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{twJoin as r}from"tailwi
29
29
  * ```
30
30
  */const l=({valueList:l,selectedValue:s,size:n="md",name:d="segmented-control",onChange:m})=>{const i={sm:{selected:"px-[15px] py-[7px]",unselected:"px-4 py-2"},md:{selected:"px-[15px] py-[11px]",unselected:"px-4 py-3"}};/*#__PURE__*/
31
31
  return e(o,{className:"flex w-full overflow-hidden rounded-xl",role:"radiogroup","aria-label":"segmented control","data-testid":"design-system--segmented-control",children:l.map(((o,p)=>{const c=0===p,y=p===l.length-1,u=s===o.key,x=u&&"sm"===n;/*#__PURE__*/
32
- return t("label",{className:r("relative cursor-pointer select-none text-center",u?"border border-primary bg-primary-10 text-primary":"bg-w-gray-50 text-w-gray-300",u?i[n].selected:i[n].unselected,c&&"rounded-l-xl",y&&"rounded-r-xl"),"data-testid":"design-system--segmented-control-item",children:[
32
+ return t("label",{className:r("relative cursor-pointer text-center select-none",u?"border border-primary bg-primary-10 text-primary":"bg-w-gray-50 text-w-gray-300",u?i[n].selected:i[n].unselected,c&&"rounded-l-xl",y&&"rounded-r-xl"),"data-testid":"design-system--segmented-control-item",children:[
33
33
  /*#__PURE__*/e("input",{type:"radio",name:d,value:o.key,checked:u,"aria-checked":u,onChange:e=>m(e.target.value),className:"absolute h-0 w-0 opacity-0"}),
34
34
  /*#__PURE__*/e(a,{variant:"md"===n?"body16":"body14",className:r(x?"font-medium":"font-normal"),children:o.name})]},o.key)}))})};export{l as SegmentedControl};
@@ -1,3 +1,3 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Typography as r}from"../../Base/Typography/Typography.js";import{Box as i}from"../../Base/Layouts/Box/Box.js";import"tailwind-merge";import"../../Base/Layouts/FullBleed/FullBleed.js";import{formatFileSize as a}from"../FileUploader/FileUploader.utils.js";const l=({currentLength:t,maxLength:i})=>/*#__PURE__*/e(r,{variant:"body14",className:"w-fit min-w-[72px] text-right text-w-gray-400",children:[t.toLocaleString(),"/",i.toLocaleString()]}),n=({currentFileSize:t,maxFileSize:i})=>/*#__PURE__*/e(r,{variant:"body14",className:"w-fit text-right text-w-gray-400",children:[a(t),"/",a(i)]}),o=({errorMessage:a,supportMessage:o,currentLength:s,maxLength:m,currentFileSize:c,maxFileSize:p})=>{const d=o||m||p;/*#__PURE__*/
2
- return e(i,{className:"flex w-full flex-col gap-2 px-[17px]","data-testid":"design-system--support-text-container",children:[a&&/*#__PURE__*/t(r,{variant:"body14",className:"line-clamp-2 min-w-0 overflow-hidden whitespace-pre-line text-w-red-500",children:a}),d&&/*#__PURE__*/e(i,{className:"flex gap-6",children:[
3
- /*#__PURE__*/t(r,{variant:"body14",className:"line-clamp-2 w-full min-w-0 overflow-hidden whitespace-pre-line text-w-gray-400",children:o}),m&&/*#__PURE__*/t(l,{currentLength:null!=s?s:0,maxLength:m}),p&&/*#__PURE__*/t(n,{currentFileSize:null!=c?c:0,maxFileSize:p})]})]})};export{o as SupportTextContainer};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Typography as r}from"../../Base/Typography/Typography.js";import{Box as i}from"../../Base/Layouts/Box/Box.js";import"tailwind-merge";import"../../Base/Layouts/FullBleed/FullBleed.js";import{formatFileSize as a}from"../FileUploader/FileUploader.utils.js";const l=({currentLength:t,maxLength:i})=>/*#__PURE__*/e(r,{variant:"body14",className:"text-w-gray-400 w-fit min-w-[72px] text-right",children:[t.toLocaleString(),"/",i.toLocaleString()]}),n=({currentFileSize:t,maxFileSize:i})=>/*#__PURE__*/e(r,{variant:"body14",className:"text-w-gray-400 w-fit text-right",children:[a(t),"/",a(i)]}),o=({errorMessage:a,supportMessage:o,currentLength:s,maxLength:m,currentFileSize:c,maxFileSize:p})=>{const d=o||m||p;/*#__PURE__*/
2
+ return e(i,{className:"flex w-full flex-col gap-2 px-[17px]","data-testid":"design-system--support-text-container",children:[a&&/*#__PURE__*/t(r,{variant:"body14",className:"text-w-red-500 line-clamp-2 min-w-0 overflow-hidden whitespace-pre-line",children:a}),d&&/*#__PURE__*/e(i,{className:"flex gap-6",children:[
3
+ /*#__PURE__*/t(r,{variant:"body14",className:"text-w-gray-400 line-clamp-2 w-full min-w-0 overflow-hidden whitespace-pre-line",children:o}),m&&/*#__PURE__*/t(l,{currentLength:null!=s?s:0,maxLength:m}),p&&/*#__PURE__*/t(n,{currentFileSize:null!=c?c:0,maxFileSize:p})]})]})};export{o as SupportTextContainer};
@@ -28,5 +28,5 @@
28
28
  * />
29
29
  * );
30
30
  */const l=({items:l,selectedItem:d,onItemClick:a,alignRight:r=!1,disabled:m=!1})=>{const{isListOpen:c,ref:u,focusedIndex:p,handleItemClick:f,toggleListOpen:x,handleKeyDown:g}=s({items:l,onItemClick:a});/*#__PURE__*/
31
- return t("div",{"data-testid":"design-system-text-button-dropdown",className:"outline-hidden relative flex w-fit flex-col gap-1",ref:u,onKeyDown:g,tabIndex:0,children:[
32
- /*#__PURE__*/e(n,{disabled:m,value:d.value,"data-testid":"design-system-text-button-dropdown--textButton",isListOpen:c,onClick:x}),c&&/*#__PURE__*/e("div",{className:o("absolute -bottom-2 z-40 translate-y-full transform transition-all",r?"right-0":"left-0 "),"data-testid":"design-system-text-button-dropdown--list",children:/*#__PURE__*/e(i.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:l.map(((t,o)=>/*#__PURE__*/e(i.Item,{text:t.value,leadingIcon:t.leadingIcon,onClick:()=>f(t),selected:t.key===(null==d?void 0:d.key),isFocused:o===p},t.key)))})})]})};export{l as TextButtonDropdown};
31
+ return t("div",{"data-testid":"design-system-text-button-dropdown",className:"relative flex w-fit flex-col gap-1 outline-hidden",ref:u,onKeyDown:g,tabIndex:0,children:[
32
+ /*#__PURE__*/e(n,{disabled:m,value:d.value,"data-testid":"design-system-text-button-dropdown--textButton",isListOpen:c,onClick:x}),c&&/*#__PURE__*/e("div",{className:o("absolute -bottom-2 z-40 translate-y-full transform transition-all",r?"right-0":"left-0"),"data-testid":"design-system-text-button-dropdown--list",children:/*#__PURE__*/e(i.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:l.map(((t,o)=>/*#__PURE__*/e(i.Item,{text:t.value,leadingIcon:t.leadingIcon,onClick:()=>f(t),selected:t.key===(null==d?void 0:d.key),isFocused:o===p},t.key)))})})]})};export{l as TextButtonDropdown};
@@ -1,4 +1,4 @@
1
1
  import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as r,twJoin as o}from"tailwind-merge";import"../../DataDisplays/Avatar/Avatar.js";import{Typography as n}from"../../Base/Typography/Typography.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react";import{SystemIcon as a}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function c(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}const l=l=>{var{value:p,isListOpen:y,disabled:u,className:m}=l,b=c(l,["value","isListOpen","disabled","className"]);/*#__PURE__*/
2
- return e("button",i(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){s(e,t,r[t])}))}return e}({type:"button",className:r("outline-hidden flex items-center gap-2",u?"cursor-not-allowed":"cursor-pointer",m),disabled:u},b),{children:[
2
+ return e("button",i(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){s(e,t,r[t])}))}return e}({type:"button",className:r("flex items-center gap-2 outline-hidden",u?"cursor-not-allowed":"cursor-pointer",m),disabled:u},b),{children:[
3
3
  /*#__PURE__*/t(n,{variant:"body16",className:r("text-w-gray-600",u&&"text-w-gray-300"),children:p}),
4
4
  /*#__PURE__*/t("span",{className:o("transition-transform duration-300",y&&"rotate-180"),children:/*#__PURE__*/t(a,{name:"medium_arrow_down",className:r("text-w-gray-600",u&&"text-w-gray-300")})})]}))};export{l as TextButton};
@@ -37,5 +37,5 @@
37
37
  * errorMessage="필수 입력 항목입니다"
38
38
  * maxLength={50}
39
39
  * />
40
- */(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 b=/*#__PURE__*/t(((t,u)=>{var{type:b,name:d,value:g,onChange:y,maxLength:O,disabled:j=!1,placeholder:h,label:x,testId:I,measure:v,isError:w,trailingIcon:P,leadingIcon:S,errorMessage:C,supportMessage:E,variant:F="default",className:L,onBlur:M}=t,T=m(t,["type","name","value","onChange","maxLength","disabled","placeholder","label","testId","measure","isError","trailingIcon","leadingIcon","errorMessage","supportMessage","variant","className","onBlur"]);const[D,N]=n(!1),[k,B]=n(0),q=p({variant:F,type:b,name:d,value:g,placeholder:h,label:x,maxLength:O,onChange:y,isFocused:D,isError:w,onFocus:()=>{N(!0)},disabled:j,onBlur:e=>{N(!1),M&&M(e)}},T),z=w||E||O;return o((()=>{"string"==typeof g&&O&&B(g.length)}),[g,O]),/*#__PURE__*/e("div",{className:a("tracking-default flex w-full select-none flex-col gap-2",L),"data-testid":I,children:[
40
+ */(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 b=/*#__PURE__*/t(((t,u)=>{var{type:b,name:d,value:g,onChange:y,maxLength:O,disabled:j=!1,placeholder:h,label:x,testId:I,measure:v,isError:w,trailingIcon:P,leadingIcon:S,errorMessage:C,supportMessage:E,variant:F="default",className:L,onBlur:M}=t,T=m(t,["type","name","value","onChange","maxLength","disabled","placeholder","label","testId","measure","isError","trailingIcon","leadingIcon","errorMessage","supportMessage","variant","className","onBlur"]);const[D,N]=n(!1),[k,B]=n(0),q=p({variant:F,type:b,name:d,value:g,placeholder:h,label:x,maxLength:O,onChange:y,isFocused:D,isError:w,onFocus:()=>{N(!0)},disabled:j,onBlur:e=>{N(!1),M&&M(e)}},T),z=w||E||O;return o((()=>{"string"==typeof g&&O&&B(g.length)}),[g,O]),/*#__PURE__*/e("div",{className:a("tracking-default flex w-full flex-col gap-2 select-none",L),"data-testid":I,children:[
41
41
  /*#__PURE__*/r("label",{role:"input-box",className:j?"cursor-not-allowed":"cursor-text",children:/*#__PURE__*/e(l,{leadingIcon:S,trailingIcon:P,measure:v,isFocused:D,isError:w,isDisabled:j,children:["label"===F&&/*#__PURE__*/r(s,f(p({isFixed:!!h},q),{ref:u})),"default"===F&&/*#__PURE__*/r(c,f(p({},q),{ref:u}))]})}),z&&/*#__PURE__*/r(i,{errorMessage:C,supportMessage:E,currentLength:k,maxLength:O})]})}));b.displayName="TextField";export{b as TextField};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import{Typography as a}from"../../Base/Typography/Typography.js";import{Box as i}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"../../DataDisplays/Avatar/Avatar.js";import"react";import{SystemIcon as s}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";const o=({children:o,className:n,leadingIcon:l,trailingIcon:d,isLeadingIconSolid:m,isTrailingIconSolid:c,measure:y,isFocused:p,isDisabled:g,isError:x,onClick:w,isTextarea:f,isAutoComplete:u,testId:h})=>/*#__PURE__*/e(i,{className:t("group flex w-full items-center gap-3 overflow-hidden rounded-xl border px-4 py-[11px]",g?"border-w-gray-200":x?"border-w-red-500":p?"border-primary":"border-w-gray-200 hover:border-primary",g?"bg-w-gray-10":"bg-w-white",g&&"cursor-not-allowed",f&&"relative p-0",u&&"flex-wrap",n),"data-testid":h||"design-system--text-field-container",onClick:w,children:[l&&/*#__PURE__*/r(s,{name:l,solid:m,className:t("shrink-0 text-w-gray-600",g&&"text-w-gray-300"),testId:"design-system--text-field-container-leading-icon"}),o,y&&/*#__PURE__*/r(a,{variant:"body16",className:t("w-fit shrink-0 text-w-gray-400",g&&"text-w-gray-300"),children:y}),d&&/*#__PURE__*/r(s,{name:d,solid:c,className:t("shrink-0 text-w-gray-600",g&&"text-w-gray-300"),testId:"design-system--text-field-container-trailing-icon"})]});export{o as TextFieldContainer};
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import{Typography as a}from"../../Base/Typography/Typography.js";import{Box as i}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"../../DataDisplays/Avatar/Avatar.js";import"react";import{SystemIcon as s}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";const o=({children:o,className:n,leadingIcon:l,trailingIcon:d,isLeadingIconSolid:m,isTrailingIconSolid:c,measure:y,isFocused:p,isDisabled:g,isError:x,onClick:w,isTextarea:f,isAutoComplete:u,testId:h})=>/*#__PURE__*/e(i,{className:t("group flex w-full items-center gap-3 overflow-hidden rounded-xl border px-4 py-[11px]",g?"border-w-gray-200":x?"border-w-red-500":p?"border-primary":"border-w-gray-200 hover:border-primary",g?"bg-w-gray-10":"bg-w-white",g&&"cursor-not-allowed",f&&"relative p-0",u&&"flex-wrap",n),"data-testid":h||"design-system--text-field-container",onClick:w,children:[l&&/*#__PURE__*/r(s,{name:l,solid:m,className:t("text-w-gray-600 shrink-0",g&&"text-w-gray-300"),testId:"design-system--text-field-container-leading-icon"}),o,y&&/*#__PURE__*/r(a,{variant:"body16",className:t("text-w-gray-400 w-fit shrink-0",g&&"text-w-gray-300"),children:y}),d&&/*#__PURE__*/r(s,{name:d,solid:c,className:t("text-w-gray-600 shrink-0",g&&"text-w-gray-300"),testId:"design-system--text-field-container-trailing-icon"})]});export{o as TextFieldContainer};
@@ -31,5 +31,5 @@
31
31
  * />
32
32
  * ```
33
33
  */const n=({selectedItem:n,items:a,onItemClick:d,placeholder:p,disabled:m,isError:c,errorMessage:u,supportMessage:x,className:f})=>{const{isListOpen:g,focusedIndex:I,ref:h,handleItemClick:k,toggleListOpen:v,handleKeyDown:w}=i({items:a,onItemClick:d,disabled:m}),y=!!x||!!u;/*#__PURE__*/
34
- return e("div",{"data-testid":"design-system--textFieldDropdown",ref:h,className:"outline-hidden relative flex w-full flex-col gap-2",onKeyDown:w,tabIndex:0,children:[
34
+ return e("div",{"data-testid":"design-system--textFieldDropdown",ref:h,className:"relative flex w-full flex-col gap-2 outline-hidden",onKeyDown:w,tabIndex:0,children:[
35
35
  /*#__PURE__*/o(r,{placeholder:p,value:null==n?void 0:n.value,leadingIcon:null==n?void 0:n.leadingIcon,disabled:m,isListOpen:g,onClick:v,error:c,className:f}),y&&/*#__PURE__*/o(t,{errorMessage:u,supportMessage:x}),g&&/*#__PURE__*/o(s,{className:"absolute top-[54px] z-40 w-full",children:/*#__PURE__*/o(l.Root,{children:a.map(((e,s)=>/*#__PURE__*/o(l.Item,{text:e.value,leadingIcon:e.leadingIcon,onClick:()=>k(e),selected:e.key===(null==n?void 0:n.key),isFocused:s===I},e.key)))})})]})};export{n as TextFieldDropdown};
@@ -44,4 +44,4 @@
44
44
  */(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const p=m=>{var{isError:p=!1,size:f="md",resize:d=!1,isLengthVisible:g=!1,supportText:x,errorText:y,maxLength:h,value:b,disabled:j,name:O,onChange:v,onBlur:w}=m,S=c(m,["isError","size","resize","isLengthVisible","supportText","errorText","maxLength","value","disabled","name","onChange","onBlur"]);const[D,z]=r(!1),B=p||x||g;/*#__PURE__*/
45
45
  return e(a,{"data-testid":"design-system-textarea",className:n("flex w-full flex-col gap-2","full"===f?"h-full":"h-fit"),children:[
46
46
  /*#__PURE__*/e(i,{isDisabled:j,isError:p,isFocused:D,isTextarea:!0,className:o("full"===f&&"h-full"),children:[
47
- /*#__PURE__*/t("textarea",u({"data-testid":"design-system-textarea--textarea",className:n("outline-hidden scrollbar-list tracking-default placeholder:tracking-default w-full overflow-y-scroll py-[11px] pl-4 font-[inherit] font-normal text-w-gray-600 placeholder:font-[inherit] placeholder:text-w-gray-300","sm"===f?"min-h-[118px]":"md"===f?"min-h-[238px]":"lg"===f?"min-h-[358px]":"full"===f?"min-h-full":void 0,d?"resize-y":"resize-none",j&&"resize-none"),name:O,value:b,disabled:j,onChange:v,maxLength:h,onFocus:e=>{z(!0)},onBlur:e=>{z(!1),w&&w(e)}},S)),d&&/*#__PURE__*/t(l,{name:"small_resizer",className:"absolute bottom-[5px] right-[5px] text-w-gray-400",testId:"design-system-textarea--resize-icon"})]}),B&&/*#__PURE__*/t(s,{errorMessage:y,supportMessage:x,currentLength:(null==b?void 0:b.toString().length)||0,maxLength:h})]})};export{p as Textarea};
47
+ /*#__PURE__*/t("textarea",u({"data-testid":"design-system-textarea--textarea",className:n("scrollbar-list tracking-default placeholder:tracking-default text-w-gray-600 placeholder:text-w-gray-300 w-full overflow-y-scroll py-[11px] pl-4 font-[inherit] font-normal outline-hidden placeholder:font-[inherit]","sm"===f?"min-h-[118px]":"md"===f?"min-h-[238px]":"lg"===f?"min-h-[358px]":"full"===f?"min-h-full":void 0,d?"resize-y":"resize-none",j&&"resize-none"),name:O,value:b,disabled:j,onChange:v,maxLength:h,onFocus:e=>{z(!0)},onBlur:e=>{z(!1),w&&w(e)}},S)),d&&/*#__PURE__*/t(l,{name:"small_resizer",className:"text-w-gray-400 absolute right-[5px] bottom-[5px]",testId:"design-system-textarea--resize-icon"})]}),B&&/*#__PURE__*/t(s,{errorMessage:y,supportMessage:x,currentLength:(null==b?void 0:b.toString().length)||0,maxLength:h})]})};export{p as Textarea};
@@ -2,7 +2,7 @@
2
2
  // eslint-disable-next-line react-hooks/exhaustive-deps
3
3
  }),[t]),/*#__PURE__*/e(y.Provider,{value:{activeTab:i,currentActiveTab:t,handleTabClick:e=>{e!==i&&(null==n||n(e),a(e))}},children:r})},h=({children:r,className:t})=>{const c=n.toArray(r);/*#__PURE__*/
4
4
  return e(d,{className:s("relative block w-full",t),"data-testid":"design-system-boxTab--container",children:/*#__PURE__*/e(d,{children:/*#__PURE__*/e(d,{className:l("inline-flex w-full"),children:c.map(((r,t)=>{const n=/*#__PURE__*/i(r,{isFirst:0===t,isLast:t===c.length-1});/*#__PURE__*/
5
- return e(a,{children:n},t)}))})})})},g=({children:t,index:n,className:i,isFirst:a,isLast:c,disabled:o=!1,href:s})=>{const{handleTabClick:u,activeTab:f}=r(y),h=n===f,g={tabIndex:0,"data-testid":`design-system-boxTab--item-${n}`,className:l("group flex w-full cursor-pointer items-center border border-w-gray-200 bg-w-white px-6 py-4 hover:bg-w-gray-10","relative","-ml-px",h&&"z-[1] border-primary bg-primary-10 hover:bg-primary-10",a&&"ml-0 rounded-l-xl",c&&"rounded-r-xl",i),onClick:()=>{!o&&u(n)}},O=/*#__PURE__*/e(d,{className:l("relative flex w-full flex-row items-center justify-center font-normal text-w-gray-600",h&&"font-medium text-primary"),children:/*#__PURE__*/e(b,{variant:"body16",className:"relative",children:t})});return s?/*#__PURE__*/e("a",p(m({href:s},g),{children:O})):/*#__PURE__*/e(d,p(m({},g),{children:O}))},O=({children:t,index:n})=>{const{activeTab:i}=r(y);return i===n&&/*#__PURE__*/e(d,{"data-testid":"design-system-boxTab--content",children:t})};
5
+ return e(a,{children:n},t)}))})})})},g=({children:t,index:n,className:i,isFirst:a,isLast:c,disabled:o=!1,href:s})=>{const{handleTabClick:u,activeTab:f}=r(y),h=n===f,g={tabIndex:0,"data-testid":`design-system-boxTab--item-${n}`,className:l("group flex w-full cursor-pointer items-center border border-w-gray-200 bg-w-white px-6 py-4 hover:bg-w-gray-10","relative","-ml-px",h&&"z-1 border-primary bg-primary-10 hover:bg-primary-10",a&&"ml-0 rounded-l-xl",c&&"rounded-r-xl",i),onClick:()=>{!o&&u(n)}},O=/*#__PURE__*/e(d,{className:l("text-w-gray-600 relative flex w-full flex-row items-center justify-center font-normal",h&&"text-primary font-medium"),children:/*#__PURE__*/e(b,{variant:"body16",className:"relative",children:t})});return s?/*#__PURE__*/e("a",p(m({href:s},g),{children:O})):/*#__PURE__*/e(d,p(m({},g),{children:O}))},O=({children:t,index:n})=>{const{activeTab:i}=r(y);return i===n&&/*#__PURE__*/e(d,{"data-testid":"design-system-boxTab--content",children:t})};
6
6
  /**
7
7
  * BoxTab의 최상위 컴포넌트입니다.
8
8
  * 탭의 상태를 관리하고 하위 컴포넌트에 Context를 제공합니다.
@@ -37,9 +37,9 @@ return e(s,{as:"nav","aria-label":"네비게이션 메뉴",className:l("absolute
37
37
  /*#__PURE__*/r(s,{className:"flex w-full items-center gap-4",children:[
38
38
  /*#__PURE__*/e(o,{size:"lg",isEditable:!0,imgUrl:a,onClick:c}),
39
39
  /*#__PURE__*/r(s,{className:"flex w-full flex-col gap-0.5",children:[
40
- /*#__PURE__*/e(i,{variant:"body16",className:"font-medium text-w-gray-900",children:t}),
41
- /*#__PURE__*/e(i,{variant:"body14",className:"line-clamp-2 break-all text-w-gray-600",children:l})]})]}),n&&/*#__PURE__*/e(s,{className:"flex w-full flex-col gap-2",children:n})]}),h=({children:r})=>/*#__PURE__*/e(s,{as:"ul","aria-label":"메인 메뉴",className:"w-full text-w-gray-900",children:r}),g=({children:r})=>/*#__PURE__*/e(s,{as:"ul","aria-label":"서브 메뉴",className:"w-full text-w-gray-600",children:r}),w=a=>{var{hasNew:t=!1,children:o,className:m,textClassName:p,href:b}=a,d=y(a,["hasNew","children","className","textClassName","href"]);/*#__PURE__*/
42
- return e(s,{as:"li",children:/*#__PURE__*/r(n,u(f({href:b,className:l("flex w-full cursor-pointer gap-1 px-6 py-2 hover:bg-primary-10",m)},d),{children:[
40
+ /*#__PURE__*/e(i,{variant:"body16",className:"text-w-gray-900 font-medium",children:t}),
41
+ /*#__PURE__*/e(i,{variant:"body14",className:"text-w-gray-600 line-clamp-2 break-all",children:l})]})]}),n&&/*#__PURE__*/e(s,{className:"flex w-full flex-col gap-2",children:n})]}),h=({children:r})=>/*#__PURE__*/e(s,{as:"ul","aria-label":"메인 메뉴",className:"text-w-gray-900 w-full",children:r}),g=({children:r})=>/*#__PURE__*/e(s,{as:"ul","aria-label":"서브 메뉴",className:"text-w-gray-600 w-full",children:r}),w=a=>{var{hasNew:t=!1,children:o,className:m,textClassName:p,href:b}=a,d=y(a,["hasNew","children","className","textClassName","href"]);/*#__PURE__*/
42
+ return e(s,{as:"li",children:/*#__PURE__*/r(n,u(f({href:b,className:l("hover:bg-primary-10 flex w-full cursor-pointer gap-1 px-6 py-2",m)},d),{children:[
43
43
  /*#__PURE__*/e(i,{variant:"body14",className:p,children:o}),t&&/*#__PURE__*/e(c,{className:"mt-1","aria-label":"새 소식"})]}))})};
44
44
  /**
45
45
  * 사용자 정보 컴포넌트
@@ -1,2 +1,2 @@
1
1
  import{jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import"../../DataDisplays/Avatar/Avatar.js";import{Typography as r}from"../../Base/Typography/Typography.js";import"../../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";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}function i(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function s(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const c=n=>{var{value:o,enabled:c}=n,l=s(n,["value","enabled"]);/*#__PURE__*/
2
- return e("button",i(a({className:t("flex size-10 justify-center rounded-xl p-2 text-w-gray-700",c?"bg-primary-50 text-primary":"hover:bg-w-gray-50")},l),{children:/*#__PURE__*/e(r,{variant:"body14",children:o})}))},l=t=>/*#__PURE__*/e("button",i(a({},t),{"data-testid":"design-system-pagination-left-arrow",children:/*#__PURE__*/e(n,{name:"medium_arrow_left",className:"text-w-gray-900"})})),p=t=>/*#__PURE__*/e("button",i(a({},t),{"data-testid":"design-system-pagination-right-arrow",children:/*#__PURE__*/e(n,{name:"medium_arrow_right",className:"text-w-gray-900"})}));export{l as LeftArrow,c as PaginationNumber,p as RightArrow};
2
+ return e("button",i(a({className:t("text-w-gray-700 flex size-10 justify-center rounded-xl p-2",c?"bg-primary-50 text-primary":"hover:bg-w-gray-50")},l),{children:/*#__PURE__*/e(r,{variant:"body14",children:o})}))},l=t=>/*#__PURE__*/e("button",i(a({},t),{"data-testid":"design-system-pagination-left-arrow",children:/*#__PURE__*/e(n,{name:"medium_arrow_left",className:"text-w-gray-900"})})),p=t=>/*#__PURE__*/e("button",i(a({},t),{"data-testid":"design-system-pagination-right-arrow",children:/*#__PURE__*/e(n,{name:"medium_arrow_right",className:"text-w-gray-900"})}));export{l as LeftArrow,c as PaginationNumber,p as RightArrow};
@@ -24,7 +24,7 @@
24
24
  * ```
25
25
  */const l=({data:l,onChange:i,currentIndex:d=0,className:m})=>{const[c,p]=o(void 0),u=e=>{if(e===d)return p(void 0);e>d&&p("down"),e<d&&p("up"),null==i||i(e)};/*#__PURE__*/
26
26
  return e(r,{"data-testid":"design-system-table-of-contents",className:a("relative flex h-auto w-[140px] flex-col",m),children:[
27
- /*#__PURE__*/t(r,{"data-testid":"design-system-table-of-contents--gray-bar",className:"absolute left-0 top-0 z-0 my-1.5 h-[calc(100%_-_12px)] w-0.5 bg-w-gray-100"}),l.map((o=>{const{title:l,index:i}=o,m=d==i;/*#__PURE__*/
28
- return e(r,{"data-testid":m?"design-system-table-of-contents--item-selected":"design-system-table-of-contents--item",className:a("relative flex h-9 w-full select-none items-center text-w-gray-400",m&&"text-w-gray-600"),onClick:()=>null==u?void 0:u(i),children:[
27
+ /*#__PURE__*/t(r,{"data-testid":"design-system-table-of-contents--gray-bar",className:"bg-w-gray-100 absolute top-0 left-0 z-0 my-1.5 h-[calc(100%-12px)] w-0.5"}),l.map((o=>{const{title:l,index:i}=o,m=d==i;/*#__PURE__*/
28
+ return e(r,{"data-testid":m?"design-system-table-of-contents--item-selected":"design-system-table-of-contents--item",className:a("text-w-gray-400 relative flex h-9 w-full items-center select-none",m&&"text-w-gray-600"),onClick:()=>null==u?void 0:u(i),children:[
29
29
  /*#__PURE__*/t("span",{"data-testid":m?"design-system-table-of-contents--bar-selected":"design-system-table-of-contents--bar",className:a("absolute -top-[6px] left-0 z-10 h-6 w-0.5 bg-transparent",m&&"bg-primary",m&&(e=>`transition duration-500 ease-out ${"down"===e?"translate-y-1/2":"top-1/2 -translate-y-1/2"}`)(c))}),
30
30
  /*#__PURE__*/t(n,{variant:"body13",className:s("cursor-pointer pl-[18px]",m&&"font-medium"),children:l})]},i)}))]})};export{l as TableOfContents};
@@ -1,9 +1,9 @@
1
1
  "use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as r,createContext as n,useRef as a,Children as o,useState as s,useEffect as i}from"react";import{twMerge as l,twJoin as c}from"tailwind-merge";import{Typography as u}from"../../Base/Typography/Typography.js";import{Box as d}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"../../DataDisplays/Avatar/Avatar.js";import{CountBadge as m}from"../../DataDisplays/CountBadge/CountBadge.js";import{SystemIcon as f}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{Divider as p}from"../../DataDisplays/Divider/Divider.js";import"../../DataDisplays/Accordion/Accordion.js";function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(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){b(e,t,r[t])}))}return e}function h(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}const g=/*#__PURE__*/n({barColor:"bg-w-gray-900",activeTab:0,currentActiveTab:0,isFit:!0,hasPadding:!1,isFull:!1,handleTabClick:e=>{}}),x=({children:t,currentActiveTab:r=0,isFit:n=!0,hasPadding:a=!1,isFull:o=!1,barColor:l="bg-w-gray-900",onChange:c})=>{const[u,d]=s(r);return i((()=>{r!==u&&d(r);
2
2
  // eslint-disable-next-line react-hooks/exhaustive-deps
3
- }),[r]),/*#__PURE__*/e(g.Provider,{value:{barColor:l,activeTab:u,currentActiveTab:r,isFit:n,hasPadding:a,handleTabClick:e=>{e!==u&&(null==c||c(e),d(e))},isFull:o},children:t})},w=({children:n,className:u})=>{const{activeTab:m,hasPadding:f,isFull:b,barColor:y}=r(g),h=a([]),x=a(null),w=a(null),v=o.toArray(n),[j,O]=s(!1),[D,T]=s(!1),[N,P]=s({x:0,scrollLeft:0});return i((()=>{if(!h.current[m]||!x.current)return;const e=h.current[m],t=x.current,r=w.current;if(e&&t&&r){const{offsetLeft:n,offsetWidth:a}=e,{scrollLeft:o,clientWidth:s}=r;t.style.width=`${a}px`,t.style.transform=`translateX(${n}px)`;if(!(o<=n&&o+s>=n+a)){const t=setTimeout((()=>{e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}),0);return()=>clearTimeout(t)}}}),[m]),i((()=>{const e=()=>{if(w.current){const e=w.current.scrollWidth>w.current.clientWidth;O(e)}};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),i((()=>{if(w.current){const e=w.current.scrollWidth>w.current.clientWidth;O(e)}}),[n]),/*#__PURE__*/e(d,{ref:w,className:c("scrollbar-hide block w-full touch-pan-x items-start overflow-x-scroll",j&&"scrollbar-list",u),"data-testid":"design-system-textTab--container",onMouseDown:e=>{w.current&&(T(!0),P({x:e.pageX,scrollLeft:w.current.scrollLeft}))},onMouseMove:e=>{if(!D||!w.current)return;e.preventDefault();const t=e.pageX-N.x;w.current.scrollLeft=N.scrollLeft-t},onMouseUp:()=>{T(!1)},onMouseLeave:()=>{T(!1)},children:/*#__PURE__*/t(d,{className:l("relative w-full border-b border-w-gray-200",j&&"w-max",f&&"px-9"),"data-testid":"design-system-textTab--inner-container",children:[
3
+ }),[r]),/*#__PURE__*/e(g.Provider,{value:{barColor:l,activeTab:u,currentActiveTab:r,isFit:n,hasPadding:a,handleTabClick:e=>{e!==u&&(null==c||c(e),d(e))},isFull:o},children:t})},w=({children:n,className:u})=>{const{activeTab:m,hasPadding:f,isFull:b,barColor:y}=r(g),h=a([]),x=a(null),w=a(null),v=o.toArray(n),[j,O]=s(!1),[D,T]=s(!1),[N,P]=s({x:0,scrollLeft:0});return i((()=>{if(!h.current[m]||!x.current)return;const e=h.current[m],t=x.current,r=w.current;if(e&&t&&r){const{offsetLeft:n,offsetWidth:a}=e,{scrollLeft:o,clientWidth:s}=r;t.style.width=`${a}px`,t.style.transform=`translateX(${n}px)`;if(!(o<=n&&o+s>=n+a)){const t=setTimeout((()=>{e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}),0);return()=>clearTimeout(t)}}}),[m]),i((()=>{const e=()=>{if(w.current){const e=w.current.scrollWidth>w.current.clientWidth;O(e)}};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),i((()=>{if(w.current){const e=w.current.scrollWidth>w.current.clientWidth;O(e)}}),[n]),/*#__PURE__*/e(d,{ref:w,className:c("scrollbar-hide block w-full touch-pan-x items-start overflow-x-scroll",j&&"scrollbar-list",u),"data-testid":"design-system-textTab--container",onMouseDown:e=>{w.current&&(T(!0),P({x:e.pageX,scrollLeft:w.current.scrollLeft}))},onMouseMove:e=>{if(!D||!w.current)return;e.preventDefault();const t=e.pageX-N.x;w.current.scrollLeft=N.scrollLeft-t},onMouseUp:()=>{T(!1)},onMouseLeave:()=>{T(!1)},children:/*#__PURE__*/t(d,{className:l("border-w-gray-200 relative w-full border-b",j&&"w-max",f&&"px-9"),"data-testid":"design-system-textTab--inner-container",children:[
4
4
  /*#__PURE__*/e(d,{className:l("inline-flex w-max gap-10",b&&"w-full gap-0"),children:v.map(((t,r)=>/*#__PURE__*/e(d,{className:l(b&&"w-full"),ref:e=>{h.current[r]=e},children:t},r)))}),
5
5
  /*#__PURE__*/e("span",{ref:x,"data-testid":`design-system-textTab--underbar-${m}`,className:c("absolute bottom-0 left-0 h-0.5 rounded-t-lg transition-all duration-300 ease-out",y)}),
6
- /*#__PURE__*/e(p,{className:"absolute -bottom-px left-0 h-px"})]})})},v=({children:n,index:a,className:o,disabled:s=!1,badgeNumber:i,iconName:c,href:p})=>{const{isFit:b,handleTabClick:x,activeTab:w,isFull:v}=r(g),j=a===w,O={tabIndex:0,"data-testid":`design-system-textTab--item-${a}`,className:l("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",s&&"cursor-not-allowed",v&&"w-full",o),onClick:()=>{!s&&x(a)}},D=/*#__PURE__*/t(d,{className:l("relative flex w-full select-none flex-row items-center justify-center gap-2 py-4 font-normal text-w-gray-600 group-hover:text-w-gray-900",!b&&"px-[33.5px]",v&&"w-full px-0",j&&"font-medium text-w-gray-900"),children:[c&&/*#__PURE__*/e(d,{className:"flex size-4 shrink-0 items-center justify-center",children:/*#__PURE__*/e(f,{name:c,className:l("size-4 text-w-gray-600 group-hover:text-w-gray-900",j&&"text-w-gray-900")})}),
6
+ /*#__PURE__*/e(p,{className:"absolute -bottom-px left-0 h-px"})]})})},v=({children:n,index:a,className:o,disabled:s=!1,badgeNumber:i,iconName:c,href:p})=>{const{isFit:b,handleTabClick:x,activeTab:w,isFull:v}=r(g),j=a===w,O={tabIndex:0,"data-testid":`design-system-textTab--item-${a}`,className:l("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",s&&"cursor-not-allowed",v&&"w-full",o),onClick:()=>{!s&&x(a)}},D=/*#__PURE__*/t(d,{className:l("text-w-gray-600 group-hover:text-w-gray-900 relative flex w-full flex-row items-center justify-center gap-2 py-4 font-normal select-none",!b&&"px-[33.5px]",v&&"w-full px-0",j&&"text-w-gray-900 font-medium"),children:[c&&/*#__PURE__*/e(d,{className:"flex size-4 shrink-0 items-center justify-center",children:/*#__PURE__*/e(f,{name:c,className:l("text-w-gray-600 group-hover:text-w-gray-900 size-4",j&&"text-w-gray-900")})}),
7
7
  /*#__PURE__*/e(u,{variant:"body16",className:"relative",children:n}),void 0!==i&&/*#__PURE__*/e(m,{text:i,showZero:!0,className:"relative",variant:"gray"})]});return p?/*#__PURE__*/e("a",h(y({href:p},O),{children:D})):/*#__PURE__*/e(d,h(y({},O),{children:D}))},j=({children:t,index:n})=>{const{activeTab:a}=r(g);return a===n&&/*#__PURE__*/e(d,{"data-testid":"design-system-textTab--content",children:t})};
8
8
  /**
9
9
  * TextTab의 Root 컴포넌트입니다.
@@ -1 +1 @@
1
- import{jsx as t}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import{usePreventScroll as e}from"@wishket/yogokit";import{Box as r}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const i=({isBlack:i,preventScroll:s,onClick:a})=>(e(s),/*#__PURE__*/t(r,{"data-testid":"design-system--backdrop",onClick:a,className:o("fixed left-0 top-0 z-30 h-dvh w-dvw",i?"bg-black bg-opacity-50":"bg-transparent")}));export{i as BackDrop};
1
+ import{jsx as t}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import{usePreventScroll as e}from"@wishket/yogokit";import{Box as r}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const s=({isBlack:s,preventScroll:i,onClick:a})=>(e(i),/*#__PURE__*/t(r,{"data-testid":"design-system--backdrop",onClick:a,className:o("fixed top-0 left-0 z-30 h-dvh w-dvw",s?"bg-black/50":"bg-transparent")}));export{s as BackDrop};
@@ -1,3 +1,3 @@
1
1
  import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twJoin as o}from"tailwind-merge";import{Box as r}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{useBottomModalContainer as s}from"./useBottomModalContainer.js";const a=({children:a,onClose:l,isFixedHeight:n=!0,className:i})=>{const{containerRef:m,currentTranslate:d}=s({onClose:l});/*#__PURE__*/
2
- return e(r,{ref:m,style:{transform:`translateY(${d}px)`},className:o("z-30 w-full rounded-t-3xl bg-w-white",n?"h-[60dvh]":"h-fit",i),"data-testid":"design-system--bottom-modal-container",children:[
3
- /*#__PURE__*/t(r,{className:"flex items-center justify-center pb-5 pt-2","data-testid":"design-system--bottom-modal-container-header",id:"bottom-modal-header",children:/*#__PURE__*/t(r,{className:"h-1 w-8 rounded-full bg-w-gray-200"})}),a]})};export{a as BottomModalContainer};
2
+ return e(r,{ref:m,style:{transform:`translateY(${d}px)`},className:o("bg-w-white z-30 w-full rounded-t-3xl",n?"h-[60dvh]":"h-fit",i),"data-testid":"design-system--bottom-modal-container",children:[
3
+ /*#__PURE__*/t(r,{className:"flex items-center justify-center pt-2 pb-5","data-testid":"design-system--bottom-modal-container-header",id:"bottom-modal-header",children:/*#__PURE__*/t(r,{className:"bg-w-gray-200 h-1 w-8 rounded-full"})}),a]})};export{a as BottomModalContainer};
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import{Box as t}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const s=({children:s,className:a})=>/*#__PURE__*/e(t,{"data-testid":"design-system--full-modal-container",className:o("h-dvh w-dvw overflow-auto bg-w-white",a),children:s});export{s as FullModalContainer};
1
+ import{jsx as e}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import{Box as t}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const s=({children:s,className:a})=>/*#__PURE__*/e(t,{"data-testid":"design-system--full-modal-container",className:o("bg-w-white h-dvh w-dvw overflow-auto",a),children:s});export{s as FullModalContainer};
@@ -1,2 +1,2 @@
1
- import{jsx as e}from"react/jsx-runtime";import{twJoin as o}from"tailwind-merge";import{Box as l}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const t=({size:t="md",overflow:r="auto",children:s})=>/*#__PURE__*/e(l,{"data-testid":"design-system--modal-container",className:o("h-fit rounded-3xl bg-w-white shadow-modal",// 아직 정해지지 않은 내부 레이아웃
1
+ import{jsx as e}from"react/jsx-runtime";import{twJoin as o}from"tailwind-merge";import{Box as l}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const t=({size:t="md",overflow:r="auto",children:s})=>/*#__PURE__*/e(l,{"data-testid":"design-system--modal-container",className:o("bg-w-white shadow-modal h-fit rounded-3xl",// 아직 정해지지 않은 내부 레이아웃
2
2
  "flex items-center justify-center",{xs:"w-[320px]",sm:"w-[400px]",md:"w-[500px]",lg:"w-[600px]",xl:"w-[1000px]",full:"w-full"}[t],{auto:"overflow-auto",visible:"overflow-visible",hidden:"overflow-hidden",scroll:"overflow-scroll"}[r]),children:s});export{t as ModalContainer};
@@ -19,4 +19,4 @@ import{jsxs as a,jsx as t}from"react/jsx-runtime";import{twMerge as s}from"tailw
19
19
  * <WithBadge variant="new">
20
20
  * <MenuItem>새로운 기능</MenuItem>
21
21
  * </WithBadge>
22
- */const i=({text:i,children:m,className:l,variant:n="primary",showZero:p=!1})=>/*#__PURE__*/a(r,{className:s("relative w-fit",l),"data-testid":"with-badge",children:[m,"new"===n?/*#__PURE__*/t(o,{className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"}):/*#__PURE__*/t(e,{text:i,variant:n,showZero:p,className:"absolute right-px top-px -translate-y-1/2 translate-x-1/2 transform"})]});export{i as WithBadge};
22
+ */const i=({text:i,children:m,className:l,variant:n="primary",showZero:p=!1})=>/*#__PURE__*/a(r,{className:s("relative w-fit",l),"data-testid":"with-badge",children:[m,"new"===n?/*#__PURE__*/t(o,{className:"absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 transform"}):/*#__PURE__*/t(e,{text:i,variant:n,showZero:p,className:"absolute top-px right-px translate-x-1/2 -translate-y-1/2 transform"})]});export{i as WithBadge};
@@ -8,5 +8,5 @@
8
8
  * @param {number} [props.centerColumnSize] - 가운데 컬럼 크기
9
9
  * @param {number} [props.rightColumnSize] - 오른쪽 컬럼 크기
10
10
  * @param {string} [props.className] - 추가적인 CSS 클래스
11
- */exports.Column=({container:a=!1,size:c=1,className:l,children:r})=>{if(a)/*#__PURE__*/return s.jsx("div",{"data-testid":"design-system-column--container",className:e.twMerge("grid auto-cols-1fr grid-flow-col",l),children:r});/*#__PURE__*/
11
+ */exports.Column=({container:a=!1,size:c=1,className:l,children:r})=>{if(a)/*#__PURE__*/return s.jsx("div",{"data-testid":"design-system-column--container",className:e.twMerge("auto-cols-1fr grid grid-flow-col",l),children:r});/*#__PURE__*/
12
12
  return s.jsx("div",{"data-testid":"design-system-column",className:e.twMerge((s=>n[s-1])(c),l),children:r})};
@@ -10,4 +10,4 @@
10
10
  */(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}const c=/*#__PURE__*/t.forwardRef(((n,c)=>{var{className:s,insideContainerClassName:o,maxWidth:p="1200px",paddingAdjustment:u=8.5,children:f}=n,m=d(n,["className","insideContainerClassName","maxWidth","paddingAdjustment","children"]);
11
11
  // TODO: 스크롤바 너비를 제외한 viewport width 계산을 더 나은 방식으로 할 수 있도록 개선(layout shift 방지)
12
12
  const[b,g]=t.useState((()=>a.calculateScrollbarWidth())),y=a.getPaddingFromClassName(o,"mobile"),x=a.getPaddingFromClassName(o,"tablet"),O=a.getPaddingFromClassName(o,"desktop");t.useEffect((()=>{g(a.calculateScrollbarWidth())}),[]);const h={"--dynamic-padding-left-tablet":`max(${x.left||x.x}px, ${y.left||y.x}px)`,"--dynamic-padding-right-tablet":`max(${x.right||x.x}px, ${y.right||y.x}px)`,"--dynamic-padding-left-desktop":`calc(max(calc((100dvw - ${p})/2 + ${y.left||y.x}px + ${u}px), ${O.x}px))`,"--dynamic-padding-right-desktop":`calc(max(calc((100dvw - ${p})/2 + ${y.right||y.x}px + ${u}px), ${O.x}px))`},j={"--dynamic-bleed-width":`calc(100dvw - ${b}px)`};/*#__PURE__*/
13
- return e.jsx("div",{"data-testid":"design-system-full-bleed",children:/*#__PURE__*/e.jsx("div",{"data-testid":"design-system-full-bleed--container",className:r.twMerge("relative left-1/2 top-0 h-full w-[var(--dynamic-bleed-width)] -translate-x-1/2",s),style:j,children:/*#__PURE__*/e.jsx("div",i(l({"data-testid":"design-system-full-bleed--container-inside",className:r.twMerge("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)]",o),style:h,ref:c},m),{children:f}))})})}));c.displayName="FullBleed",exports.FullBleed=c;
13
+ return e.jsx("div",{"data-testid":"design-system-full-bleed",children:/*#__PURE__*/e.jsx("div",{"data-testid":"design-system-full-bleed--container",className:r.twMerge("relative top-0 left-1/2 h-full w-(--dynamic-bleed-width) -translate-x-1/2",s),style:j,children:/*#__PURE__*/e.jsx("div",i(l({"data-testid":"design-system-full-bleed--container-inside",className:r.twMerge("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)]",o),style:h,ref:c},m),{children:f}))})})}));c.displayName="FullBleed",exports.FullBleed=c;
@@ -1,2 +1,2 @@
1
1
  "use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge");exports.GridLayout=({children:a,gridTemplateAreaClass:r,testId:d})=>{const s=r||"grid-areas-default-mobile tablet:grid-areas-default-tablet desktop:grid-areas-default-desktop";/*#__PURE__*/
2
- return e.jsx("div",{className:t.twMerge("mx-auto grid w-full max-w-container auto-cols-1fr gap-x-5 px-5 desktop:gap-x-6 desktop:px-9",s),"data-testid":d,children:a})};
2
+ return e.jsx("div",{className:t.twMerge("max-w-container auto-cols-1fr desktop:gap-x-6 desktop:px-9 mx-auto grid w-full gap-x-5 px-5",s),"data-testid":d,children:a})};
@@ -51,8 +51,8 @@
51
51
  * </Accordion.Item>
52
52
  * ```
53
53
  */n.Item=({title:n,href:l,linkText:c,linkTarget:u="_blank",children:x})=>{const[d,m]=r.useState(!1),b=r.useId(),f=l&&c&&u;/*#__PURE__*/
54
- return e.jsxs(o.Box,{className:"flex w-full flex-col border-b border-w-gray-200 pb-6 last:border-b-0 last:pb-0",children:[
54
+ return e.jsxs(o.Box,{className:"border-w-gray-200 flex w-full flex-col border-b pb-6 last:border-b-0 last:pb-0",children:[
55
55
  /*#__PURE__*/e.jsxs("button",{type:"button",className:"box-border flex cursor-pointer items-center justify-between gap-6 text-left",onClick:()=>m(!d),"aria-expanded":d,"aria-controls":`accordionregion-${b}`,id:`accordionbutton-${b}`,children:[
56
- /*#__PURE__*/e.jsx(a.Typography,{variant:"subTitle18",className:"w-full font-medium text-w-gray-900",children:n}),
56
+ /*#__PURE__*/e.jsx(a.Typography,{variant:"subTitle18",className:"text-w-gray-900 w-full font-medium",children:n}),
57
57
  /*#__PURE__*/e.jsx(o.Box,{className:t.twJoin("transition-transform duration-300 ease-in-out",d?"rotate-180":"rotate-0"),children:/*#__PURE__*/e.jsx(i.SystemIcon,{name:"medium_arrow_down"})})]}),
58
58
  /*#__PURE__*/e.jsx(o.Box,{role:"region",id:`accordionregion-${b}`,"aria-labelledby":`accordionbutton-${b}`,className:t.twJoin("w-full overflow-hidden transition-all duration-300 ease-in-out",d?"max-h-screen":"max-h-0"),children:/*#__PURE__*/e.jsxs(o.Box,{className:"mt-4 flex flex-col gap-4",children:[x,f&&/*#__PURE__*/e.jsx(s.TextLink,{href:l,text:c,target:u,trailingIcon:"medium_arrow_right"})]})})]})},exports.Accordion=n;
@@ -1,6 +1,6 @@
1
- "use client";"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),a=require("react"),r=require("../SystemIcon/SystemIcon.js");require("../SystemIcon/SystemIcon.constants.js");var s=require("../../Base/Typography/Typography.js"),i=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");const o=({size:i="md",name:o,imgUrl:n,isMonogram:l,avatarStyle:d,defaultAvatarColor:c})=>{const[m,u]=a.useState(!1),g=null==o?void 0:o.slice(0,1),y=()=>u(!0);return n&&!m?/*#__PURE__*/e.jsx("img",{src:n,alt:"",width:80,height:80,className:"h-full w-full object-cover","data-testid":"design-system-avatar--image",onError:y}):l?/*#__PURE__*/e.jsx(s.Typography,{variant:d[i].char,className:"cursor-default select-none text-w-white",children:g}):/*#__PURE__*/e.jsx(r.SystemIcon,{name:"large_user_image_avatar",className:t.twJoin("h-full w-full",c),testId:"design-system-avatar--default-image"})},n=({size:a="md",name:s,imgUrl:n,isEditable:l=!1,onClick:d,hasBorder:c=!0,defaultAvatarColor:m="text-w-gray-200"})=>{const u=!n&&!!s,g={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__*/
1
+ "use client";"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),a=require("react"),r=require("../SystemIcon/SystemIcon.js");require("../SystemIcon/SystemIcon.constants.js");var s=require("../../Base/Typography/Typography.js"),i=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");const o=({size:i="md",name:o,imgUrl:n,isMonogram:l,avatarStyle:d,defaultAvatarColor:c})=>{const[m,u]=a.useState(!1),g=null==o?void 0:o.slice(0,1),y=()=>u(!0);return n&&!m?/*#__PURE__*/e.jsx("img",{src:n,alt:"",width:80,height:80,className:"h-full w-full object-cover","data-testid":"design-system-avatar--image",onError:y}):l?/*#__PURE__*/e.jsx(s.Typography,{variant:d[i].char,className:"text-w-white cursor-default select-none",children:g}):/*#__PURE__*/e.jsx(r.SystemIcon,{name:"large_user_image_avatar",className:t.twJoin("h-full w-full",c),testId:"design-system-avatar--default-image"})},n=({size:a="md",name:s,imgUrl:n,isEditable:l=!1,onClick:d,hasBorder:c=!0,defaultAvatarColor:m="text-w-gray-200"})=>{const u=!n&&!!s,g={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__*/
2
2
  return e.jsxs(i.Box,{className:t.twMerge("relative z-0 h-fit w-fit",l&&"cursor-pointer"),onClick:d,children:[
3
- /*#__PURE__*/e.jsx(i.Box,{"data-testid":"design-system-avatar--container",className:t.twMerge(g[a].container,"flex items-center justify-center overflow-hidden rounded-full",u&&"bg-primary",c&&"border border-w-gray-200"),children:/*#__PURE__*/e.jsx(o,{size:a,name:s,imgUrl:n,isMonogram:u,avatarStyle:g,defaultAvatarColor:m})}),!u&&l&&/*#__PURE__*/e.jsx(i.Box,{className:t.twMerge("absolute bottom-0 right-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",g[a].editButton),"data-testid":"design-system-avatar--edit-button",children:/*#__PURE__*/e.jsx(r.SystemIcon,{name:"small_camera",solid:!0,className:t.twJoin("md"===a&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})},l=/*#__PURE__*/a.memo(n);
3
+ /*#__PURE__*/e.jsx(i.Box,{"data-testid":"design-system-avatar--container",className:t.twMerge(g[a].container,"flex items-center justify-center overflow-hidden rounded-full",u&&"bg-primary",c&&"border-w-gray-200 border"),children:/*#__PURE__*/e.jsx(o,{size:a,name:s,imgUrl:n,isMonogram:u,avatarStyle:g,defaultAvatarColor:m})}),!u&&l&&/*#__PURE__*/e.jsx(i.Box,{className:t.twMerge("bg-w-white shadow-graysmall absolute right-0 bottom-0 z-10 flex items-center justify-center rounded-full",g[a].editButton),"data-testid":"design-system-avatar--edit-button",children:/*#__PURE__*/e.jsx(r.SystemIcon,{name:"small_camera",solid:!0,className:t.twJoin("md"===a&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})},l=/*#__PURE__*/a.memo(n);
4
4
  /**
5
5
  * Avatar 컴포넌트는 사용자의 프로필 이미지, 모노그램, 또는 기본 아이콘을 표시합니다.
6
6
  * @component
@@ -3,4 +3,4 @@ return e.jsx(t.NewCircle,{});case"new":/*#__PURE__*/
3
3
  return e.jsx(a.New,{});case"beta":/*#__PURE__*/
4
4
  return e.jsx(i.Beta,{});case"ai":/*#__PURE__*/
5
5
  return e.jsx(u.Ai,{});default:return null}};/*#__PURE__*/
6
- return e.jsx(s.Box,{"data-testid":"design-system-imageLabel",className:r.twJoin("h-fit w-fit text-primary","new_circle"!==l&&"pb-1.5"),children:/*#__PURE__*/e.jsx(c,{})})};
6
+ return e.jsx(s.Box,{"data-testid":"design-system-imageLabel",className:r.twJoin("text-primary h-fit w-fit","new_circle"!==l&&"pb-1.5"),children:/*#__PURE__*/e.jsx(c,{})})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime");require("react");var r=require("../../../Base/Layouts/Box/Box.js");require("tailwind-merge"),require("../../../Base/Layouts/FullBleed/FullBleed.js");exports.NewCircle=()=>/*#__PURE__*/e.jsx(r.Box,{className:"size-3.5 rounded-full bg-gradient-primary-90","data-testid":"imageLabel-newCircle",children:/*#__PURE__*/e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:/*#__PURE__*/e.jsx("path",{d:"M9.6499 10H8.50732L5.7124 5.95703H5.66406V10H4.3457V3.63672H5.50586L8.27881 7.67529H8.33594V3.63672H9.6499V10Z",fill:"white"})})});
1
+ "use strict";var e=require("react/jsx-runtime");require("react");var r=require("../../../Base/Layouts/Box/Box.js");require("tailwind-merge"),require("../../../Base/Layouts/FullBleed/FullBleed.js");exports.NewCircle=()=>/*#__PURE__*/e.jsx(r.Box,{className:"bg-gradient-primary-90 size-3.5 rounded-full","data-testid":"imageLabel-newCircle",children:/*#__PURE__*/e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:/*#__PURE__*/e.jsx("path",{d:"M9.6499 10H8.50732L5.7124 5.95703H5.66406V10H4.3457V3.63672H5.50586L8.27881 7.67529H8.33594V3.63672H9.6499V10Z",fill:"white"})})});
@@ -1,6 +1,6 @@
1
1
  "use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),n=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var o=require("../SystemIcon/SystemIcon.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},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){i(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function y(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}require("../SystemIcon/SystemIcon.constants.js");const p=/*#__PURE__*/r.createContext({type:"",variant:"",size:""}),l={Root:n=>{var{children:o,className:i,size:l="md",type:u="text",variant:g="primary",ref:b,canHover:m=!1}=n,d=y(n,["children","className","size","type","variant","ref","canHover"]);const f=r.Children.toArray(o),x=f.length-1,w=e=>/*#__PURE__*/r.isValidElement(e)&&"function"==typeof e.type&&e.type.toString().includes("icon"),j=w(f[0]),O=w(f[x]);/*#__PURE__*/
2
2
  return e.jsx(p.Provider,{value:{type:u,variant:g,size:l},children:/*#__PURE__*/e.jsx(a.Box,c(s({"data-testid":"design-system-label",className:t.twMerge("flex w-fit items-center","sm"===l&&"gap-1","md"===l&&"gap-1.5",(()=>{const e="sm"===l,r="rounded-lg px-2";if("text"!==u)return"outlined"===u?t.twMerge(r,e?"border py-px":"border py-0",j&&"pl-1.5",O&&"pr-1.5"):t.twMerge(r,e?"py-0.5":"py-px",j&&"pl-1.5",O&&"pr-1.5")})(),m&&"cursor-pointer",(()=>{const e="outlined"===u;if("text"!==u)return"gray"===g?e?m?"bg-w-gray-10 border-w-gray-200 hover:border-w-gray-400":"bg-w-gray-10 border-w-gray-200":m?"bg-w-gray-10 hover:bg-w-gray-200":"bg-w-gray-10":e?m?"bg-primary-50 border-primary-200 hover:border-primary":"bg-primary-50 border-primary-200":m?"bg-primary-50 hover:bg-primary-100":"bg-primary-50"})(),i)},d),{children:o}))})},Text:({children:a,className:o})=>{const{type:i,variant:s,size:c}=r.useContext(p),y="text"===i;/*#__PURE__*/
3
- return e.jsx(n.Typography,{variant:"md"===c?"body14":"caption12","data-testid":"design-system-label--text",className:t.twMerge("select-none text-w-gray-600",!y&&"primary"===s&&"text-primary",o),children:a})},Icon:({children:n,className:i,icon:s})=>{const{type:c,variant:y}=r.useContext(p);/*#__PURE__*/
3
+ return e.jsx(n.Typography,{variant:"md"===c?"body14":"caption12","data-testid":"design-system-label--text",className:t.twMerge("text-w-gray-600 select-none",!y&&"primary"===s&&"text-primary",o),children:a})},Icon:({children:n,className:i,icon:s})=>{const{type:c,variant:y}=r.useContext(p);/*#__PURE__*/
4
4
  return e.jsxs(a.Box,{"data-testid":"design-system-label--icon",className:t.twMerge("aspect-w-[14px] size-[14px] shrink-0 object-contain",!s&&i),children:[s&&/*#__PURE__*/e.jsx(o.SystemIcon,{name:s,className:t.twMerge("text-w-gray-400","primary"===y&&"text-primary","text"===c&&"text-w-gray-400",i)}),n]})}};
5
5
  /**
6
6
  * @component Root
@@ -29,6 +29,6 @@
29
29
  * <Li className="text-w-red-800">내용을 적어줍니다.</Li>
30
30
  *
31
31
  */exports.Bullet=o,exports.default=l=>{var{children:i,className:s}=l,u=c(l,["children","className"]);const a=`${(null==s?void 0:s.includes("typo-"))?"":"typo-body14"} ${s||""}`.trim();/*#__PURE__*/
32
- return e.jsxs("li",n(function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},c=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(c=c.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),c.forEach((function(r){t(e,r,n[r])}))}return e}({className:r.twMerge("flex gap-2 text-w-gray-500",a)},u),{children:[
33
- /*#__PURE__*/e.jsx("span",{className:"inline-flex h-[1lh] shrink-0 items-center",children:/*#__PURE__*/e.jsx(o,{})}),
32
+ return e.jsxs("li",n(function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},c=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(c=c.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),c.forEach((function(r){t(e,r,n[r])}))}return e}({className:r.twMerge("text-w-gray-500 flex gap-2",a)},u),{children:[
33
+ /*#__PURE__*/e.jsx("span",{className:"inline-flex h-lh shrink-0 items-center",children:/*#__PURE__*/e.jsx(o,{})}),
34
34
  /*#__PURE__*/e.jsx("span",{children:i})]}))};
@@ -1,4 +1,4 @@
1
1
  "use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),s=require("tailwind-merge"),i=require("./useProgressAnimation.js");exports.ProgressIndicator=({className:t,progressClassName:a,value:d})=>{const n=r.useRef(null);
2
2
  // 커스텀 훅을 사용하여 애니메이션 처리
3
3
  i.useProgressAnimation(d,n);/*#__PURE__*/
4
- return e.jsx("div",{"data-testid":"design-system-progress-indicator",className:s.twMerge("h-1 w-full overflow-hidden rounded-full",t),children:/*#__PURE__*/e.jsx("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.jsx("div",{ref:n,"data-testid":"design-system-progress-indicator--progress",className:s.twMerge("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"}})})})};
4
+ return e.jsx("div",{"data-testid":"design-system-progress-indicator",className:s.twMerge("h-1 w-full overflow-hidden rounded-full",t),children:/*#__PURE__*/e.jsx("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.jsx("div",{ref:n,"data-testid":"design-system-progress-indicator--progress",className:s.twMerge("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"}})})})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");exports.Icon=({className:r,iconUrl:t})=>/*#__PURE__*/e.jsx("img",{"data-testid":"design-system-skill-chip--icon",src:t,alt:"icon",width:24,height:24,className:s.twMerge("size-6 shrink-0 rounded-full object-cover",r)}),exports.Root=({children:r,className:a})=>/*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-skill-chip",className:s.twMerge("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}),exports.Text=({children:t,className:a})=>/*#__PURE__*/e.jsx(r.Typography,{variant:"body14",className:s.twMerge("text-w-gray-900",a),children:t});
1
+ "use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");exports.Icon=({className:r,iconUrl:t})=>/*#__PURE__*/e.jsx("img",{"data-testid":"design-system-skill-chip--icon",src:t,alt:"icon",width:24,height:24,className:s.twMerge("size-6 shrink-0 rounded-full object-cover",r)}),exports.Root=({children:r,className:a})=>/*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-skill-chip",className:s.twMerge("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}),exports.Text=({children:t,className:a})=>/*#__PURE__*/e.jsx(r.Typography,{variant:"body14",className:s.twMerge("text-w-gray-900",a),children:t});
@@ -1,6 +1,6 @@
1
1
  "use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),a=require("../../Base/Typography/Typography.js"),o=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var s=require("../../Inputs/Button/Button.js");exports.DialogBox=({title:l,description:t,variant:i="primary",onClose:n,onConfirm:c,confirm:u,close:d="닫기",testId:g})=>{const x="caution"===i;/*#__PURE__*/
2
- return e.jsxs(o.Box,{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":g||"design-system--dialog-box",children:[
2
+ return e.jsxs(o.Box,{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":g||"design-system--dialog-box",children:[
3
3
  /*#__PURE__*/e.jsxs(o.Box,{className:"flex w-full flex-col gap-6",children:[
4
- /*#__PURE__*/e.jsx(a.Typography,{variant:"subTitle18",className:"font-medium text-w-gray-900",children:l}),
5
- /*#__PURE__*/e.jsx(a.Typography,{variant:"body16",className:"whitespace-break-spaces text-w-gray-800",children:t})]}),
4
+ /*#__PURE__*/e.jsx(a.Typography,{variant:"subTitle18",className:"text-w-gray-900 font-medium",children:l}),
5
+ /*#__PURE__*/e.jsx(a.Typography,{variant:"body16",className:"text-w-gray-800 whitespace-break-spaces",children:t})]}),
6
6
  /*#__PURE__*/e.jsxs(o.Box,{className:"flex w-full items-center justify-end gap-4",children:[d&&/*#__PURE__*/e.jsx(s.Button,{role:"close",onClick:n,variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-300 hover:bg-w-bluegray-300",children:d}),u&&/*#__PURE__*/e.jsx(s.Button,{role:"confirm",onClick:c,variant:"solid",className:r.twJoin(x&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-600 hover:bg-w-orange-600"),children:u})]})]})};