@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
@@ -1 +1 @@
1
- "use client";"use strict";var e=require("react/jsx-runtime"),t=require("react");require("tailwind-merge"),require("@wishket/yogokit"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var r=require("../../Utils/Portal/Portal.js"),s=require("../LoadingIndicator/LoadingIndicator.js");function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},s=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),s.forEach((function(t){n(e,t,r[t])}))}return e}class i{static getInstance(){return i.instance||(i.instance=new i),i.instance}register(e){this.loaderIds.includes(e)||this.loaderIds.push(e)}unregister(e){this.loaderIds=this.loaderIds.filter((t=>t!==e))}getIsLastIndex(e){return this.loaderIds[this.loaderIds.length-1]===e}constructor(){n(this,"loaderIds",[])}}n(i,"instance",void 0);exports.GlobalLoadingIndicator=n=>{const o=i.getInstance(),l=t.useId(),[d,c]=t.useState([]);t.useEffect((()=>(o.register(l),c(o.loaderIds),()=>{o.unregister(l),c(o.loaderIds)})),[l]);return d.indexOf(l)===d.length-1?/*#__PURE__*/e.jsx(r.Portal,{children:/*#__PURE__*/e.jsx("div",{"data-testid":"design-system-globalLoadingIndicator",className:"fixed left-1/2 top-1/2 z-30 aspect-square -translate-x-1/2 -translate-y-1/2",children:/*#__PURE__*/e.jsx(s.LoadingIndicator,a({},n))})}):null},exports.LoadingManager=i;
1
+ "use client";"use strict";var e=require("react/jsx-runtime"),t=require("react");require("tailwind-merge"),require("@wishket/yogokit"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var r=require("../../Utils/Portal/Portal.js"),s=require("../LoadingIndicator/LoadingIndicator.js");function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},s=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),s.forEach((function(t){n(e,t,r[t])}))}return e}class i{static getInstance(){return i.instance||(i.instance=new i),i.instance}register(e){this.loaderIds.includes(e)||this.loaderIds.push(e)}unregister(e){this.loaderIds=this.loaderIds.filter((t=>t!==e))}getIsLastIndex(e){return this.loaderIds[this.loaderIds.length-1]===e}constructor(){n(this,"loaderIds",[])}}n(i,"instance",void 0);exports.GlobalLoadingIndicator=n=>{const o=i.getInstance(),l=t.useId(),[d,c]=t.useState([]);t.useEffect((()=>(o.register(l),c(o.loaderIds),()=>{o.unregister(l),c(o.loaderIds)})),[l]);return d.indexOf(l)===d.length-1?/*#__PURE__*/e.jsx(r.Portal,{children:/*#__PURE__*/e.jsx("div",{"data-testid":"design-system-globalLoadingIndicator",className:"fixed top-1/2 left-1/2 z-30 aspect-square -translate-x-1/2 -translate-y-1/2",children:/*#__PURE__*/e.jsx(s.LoadingIndicator,a({},n))})}):null},exports.LoadingManager=i;
@@ -22,7 +22,7 @@
22
22
  *
23
23
  */
24
24
  const a={primary:"text-primary",white:"text-w-white",gray:"text-w-gray-400"};exports.LoadingIndicator=({variant:s="primary",isFixed:n=!1,size:l="md",ariaLabel:c="로딩 중",className:o})=>{const{width:u,height:d,viewBox:x,circle:g,r:m}=t.SIZES[l],h=a[s];/*#__PURE__*/
25
- return e.jsx(r.Box,{role:"status","aria-live":"polite","aria-label":c,"aria-busy":"true",className:i.twMerge("left-1/2 top-1/2 aspect-square -translate-x-1/2 -translate-y-1/2",n?"fixed":"absolute",t.generateBoxSize(l)),children:/*#__PURE__*/e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true","data-testid":"loading-indicator-svg",width:u,height:d,viewBox:x,fill:"none",className:i.twMerge(h,o),children:[
25
+ return e.jsx(r.Box,{role:"status","aria-live":"polite","aria-label":c,"aria-busy":"true",className:i.twMerge("top-1/2 left-1/2 aspect-square -translate-x-1/2 -translate-y-1/2",n?"fixed":"absolute",t.generateBoxSize(l)),children:/*#__PURE__*/e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true","data-testid":"loading-indicator-svg",width:u,height:d,viewBox:x,fill:"none",className:i.twMerge(h,o),children:[
26
26
  /*#__PURE__*/e.jsx("circle",{cx:g[0],cy:g[1],r:m,fill:"currentColor",children:/*#__PURE__*/e.jsx("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0s"})}),
27
27
  /*#__PURE__*/e.jsx("circle",{cx:g[1],cy:g[1],r:m,fill:"currentColor",children:/*#__PURE__*/e.jsx("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0.3s"})}),
28
28
  /*#__PURE__*/e.jsx("circle",{cx:g[2],cy:g[1],r:m,fill:"currentColor",children:/*#__PURE__*/e.jsx("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0.6s"})})]})})};
@@ -43,5 +43,5 @@
43
43
  */exports.MessageBar=({variant:n="primary",icon:o,title:d,text:l,buttonName:c,onClick:u})=>{const m="primary"===n,y="white"===n;/*#__PURE__*/
44
44
  return e.jsxs(r.Box,{"data-testid":"design-system-message-bar",className:s.twMerge("flex w-full items-center gap-5 rounded-2xl border px-8 py-5",m&&"border-primary-100 bg-primary-10",y&&"border-w-gray-200 bg-white"),children:[
45
45
  /*#__PURE__*/e.jsx(r.Box,{className:"shrink-0","data-testid":"design-system-message-bar--icon",children:/*#__PURE__*/e.jsx(t.ProductIcon,{name:o,size:"medium"})}),
46
- /*#__PURE__*/e.jsxs(r.Box,{className:"flex w-full flex-col gap-1",children:[d&&/*#__PURE__*/e.jsx(a.Typography,{variant:"subTitle18",className:"font-medium text-w-gray-900","data-testid":"design-system-message-bar--title",children:d}),
46
+ /*#__PURE__*/e.jsxs(r.Box,{className:"flex w-full flex-col gap-1",children:[d&&/*#__PURE__*/e.jsx(a.Typography,{variant:"subTitle18",className:"text-w-gray-900 font-medium","data-testid":"design-system-message-bar--title",children:d}),
47
47
  /*#__PURE__*/e.jsx(a.Typography,{variant:"body16",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:l})]}),c&&u&&/*#__PURE__*/e.jsx(i.Button,{variant:"outlined",size:"36",className:"shrink-0",onClick:u,"data-testid":"design-system-message-bar--button",children:c})]})};
@@ -33,9 +33,9 @@
33
33
  * >
34
34
  * <CustomContent />
35
35
  * </MessageBox>
36
- */exports.MessageBox=({icon:o,title:l,description:n,children:c,links:d})=>/*#__PURE__*/e.jsxs(a.Box,{className:"box-border flex h-auto flex-col rounded-3xl border border-w-gray-200","data-testid":"design-system-message-box--container",children:[
36
+ */exports.MessageBox=({icon:o,title:l,description:n,children:c,links:d})=>/*#__PURE__*/e.jsxs(a.Box,{className:"border-w-gray-200 box-border flex h-auto flex-col rounded-3xl border","data-testid":"design-system-message-box--container",children:[
37
37
  /*#__PURE__*/e.jsxs(a.Box,{className:"flex h-auto flex-col gap-4 p-6",children:[o&&/*#__PURE__*/e.jsx(a.Box,{className:"size-10 shrink-0",children:/*#__PURE__*/e.jsx(r.ProductIcon,{name:o,size:"medium"})}),
38
38
  /*#__PURE__*/e.jsxs(a.Box,{className:"flex h-auto flex-col gap-1.5",children:[
39
- /*#__PURE__*/e.jsx(s.Typography,{variant:"subTitle18",className:"whitespace-pre-line font-medium text-w-gray-900","data-testid":"design-system-message-box--title",children:l}),n&&/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"whitespace-pre-line font-normal text-w-gray-600","data-testid":"design-system-message-box--description",children:n}),c]})]}),d&&d.length>0&&/*#__PURE__*/e.jsxs(e.Fragment,{children:[
39
+ /*#__PURE__*/e.jsx(s.Typography,{variant:"subTitle18",className:"text-w-gray-900 font-medium whitespace-pre-line","data-testid":"design-system-message-box--title",children:l}),n&&/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"text-w-gray-600 font-normal whitespace-pre-line","data-testid":"design-system-message-box--description",children:n}),c]})]}),d&&d.length>0&&/*#__PURE__*/e.jsxs(e.Fragment,{children:[
40
40
  /*#__PURE__*/e.jsx(i.Divider,{}),
41
41
  /*#__PURE__*/e.jsx(t.ExternalLinks,{links:d})]})]});
@@ -1,3 +1,3 @@
1
- "use strict";var e=require("react/jsx-runtime");require("../../DataDisplays/Avatar/Avatar.js"),require("tailwind-merge");var s=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var r=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");exports.ExternalLinks=({links:t})=>/*#__PURE__*/e.jsx(a.Box,{className:"flex h-auto w-full flex-col gap-3 p-6","data-testid":"design-system-message-box--external-links-container",children:null==t?void 0:t.map(((a,t)=>/*#__PURE__*/e.jsxs("a",{target:a.target||"_blank",href:a.url,className:"flex items-center justify-between text-w-gray-600 no-underline","data-testid":`design-system-message-box--external-links-item-${t}`,children:[
1
+ "use strict";var e=require("react/jsx-runtime");require("../../DataDisplays/Avatar/Avatar.js"),require("tailwind-merge");var s=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var r=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");exports.ExternalLinks=({links:t})=>/*#__PURE__*/e.jsx(a.Box,{className:"flex h-auto w-full flex-col gap-3 p-6","data-testid":"design-system-message-box--external-links-container",children:null==t?void 0:t.map(((a,t)=>/*#__PURE__*/e.jsxs("a",{target:a.target||"_blank",href:a.url,className:"text-w-gray-600 flex items-center justify-between no-underline","data-testid":`design-system-message-box--external-links-item-${t}`,children:[
2
2
  /*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"hover:underline hover:underline-offset-2",children:a.title}),
3
3
  /*#__PURE__*/e.jsx(r.SystemIcon,{name:"small_arrow_right"})]},`${a.title}-${a.url}`)))});
@@ -1,4 +1,4 @@
1
- "use strict";var t=require("react/jsx-runtime"),e=require("tailwind-merge"),a=require("../../../Base/Typography/Typography.js"),o=require("../../../Base/Layouts/Box/Box.js");require("../../../Base/Layouts/FullBleed/FullBleed.js");var r=require("./PlainTooltip.parts.js");const s={up:{position:"bottom-full left-1/2 -translate-x-1/2 -translate-y-1",hover:"group-hover:-translate-y-3",focus:"max-tablet:group-focus-within:-translate-y-3"},down:{position:"left-1/2 top-full -translate-x-1/2 translate-y-1",hover:"group-hover:translate-y-3",focus:"max-tablet:group-focus-within:translate-y-3"},left:{position:"right-full top-1/2 -translate-y-1/2 -translate-x-1",hover:"group-hover:-translate-x-3",focus:"max-tablet:group-focus-within:-translate-x-3"},right:{position:"left-full top-1/2 -translate-y-1/2 translate-x-1",hover:"group-hover:translate-x-3",focus:"max-tablet:group-focus-within:translate-x-3"}};
1
+ "use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),o=require("../../../Base/Typography/Typography.js"),r=require("../../../Base/Layouts/Box/Box.js");require("../../../Base/Layouts/FullBleed/FullBleed.js");var a=require("./PlainTooltip.parts.js");const s={up:{position:"bottom-full left-1/2 -translate-x-1/2 -translate-y-1",hover:"desktop:group-hover:-translate-y-3"},down:{position:"left-1/2 top-full -translate-x-1/2 translate-y-1",hover:"desktop:group-hover:translate-y-3"},left:{position:"right-full top-1/2 -translate-y-1/2 -translate-x-1",hover:"desktop:group-hover:-translate-x-3"},right:{position:"left-full top-1/2 -translate-y-1/2 translate-x-1",hover:"desktop:group-hover:translate-x-3"}};
2
2
  /**
3
3
  * 간단한 텍스트 툴팁을 표시하는 컴포넌트입니다.
4
4
  *
@@ -25,7 +25,7 @@
25
25
  * </Tooltip.Trigger>
26
26
  * <Tooltip.Plain variant="right" text="오른쪽에 표시되는 툴팁" />
27
27
  * </Tooltip>
28
- */exports.PlainTooltip=({id:i,text:l,variant:n="up",className:u})=>{const p=s[n];/*#__PURE__*/
29
- return t.jsxs(o.Box,{className:e.twMerge("pointer-events-none absolute z-10 w-max select-none","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","group-hover:visible group-hover:scale-100 group-hover:opacity-100","max-tablet:group-focus-within:visible max-tablet:group-focus-within:scale-100 max-tablet:group-focus-within:opacity-100",p.position,p.hover,p.focus,u),role:"tooltip",id:i,"data-testid":"design-system-plain-toolTip--container",children:[
30
- /*#__PURE__*/t.jsx(r.Arrow,{testId:"design-system-plain-toolTip--arrow",variant:n}),
31
- /*#__PURE__*/t.jsx(o.Box,{className:"z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg bg-w-black px-3 py-1 text-center",children:/*#__PURE__*/t.jsx(a.Typography,{variant:"body13",className:"whitespace-pre text-wrap break-all font-medium text-w-white opacity-100",children:l})})]})};
28
+ */exports.PlainTooltip=({id:l,text:i,variant:n="up",className:p})=>{const u=s[n];/*#__PURE__*/
29
+ return e.jsxs(r.Box,{className:t.twMerge("pointer-events-none absolute z-10 w-max select-none","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","desktop:group-hover:visible desktop:group-hover:scale-100 desktop:group-hover:opacity-100",u.position,u.hover,p),role:"tooltip",id:l,"data-testid":"design-system-plain-toolTip--container",children:[
30
+ /*#__PURE__*/e.jsx(a.Arrow,{testId:"design-system-plain-toolTip--arrow",variant:n}),
31
+ /*#__PURE__*/e.jsx(r.Box,{className:"bg-w-black z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg px-3 py-1 text-center",children:/*#__PURE__*/e.jsx(o.Typography,{variant:"body13",className:"text-w-white font-medium text-wrap break-all whitespace-pre opacity-100",children:i})})]})};
@@ -1 +1 @@
1
- "use strict";var t=require("react/jsx-runtime");require("react");var e=require("tailwind-merge");exports.Arrow=({testId:r,variant:a})=>/*#__PURE__*/t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"5",height:"10",viewBox:"0 0 5 10",fill:"none","data-testid":r,className:e.twJoin("absolute z-10","up"===a&&"-bottom-[7px] left-1/2 -translate-x-1/2 -rotate-90","down"===a&&"-top-[7px] left-1/2 -translate-x-1/2 rotate-90","left"===a&&"-right-[5px] top-1/2 -translate-y-1/2 rotate-180","right"===a&&"-left-[5px] top-1/2 -translate-y-1/2 rotate-0"),children:/*#__PURE__*/t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.96244e-08 5L5 -1.10263e-07L5 10L5.96244e-08 5Z",fill:"black"})});
1
+ "use strict";var t=require("react/jsx-runtime");require("react");var e=require("tailwind-merge");exports.Arrow=({testId:r,variant:a})=>/*#__PURE__*/t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"5",height:"10",viewBox:"0 0 5 10",fill:"none","data-testid":r,className:e.twJoin("absolute z-10","up"===a&&"-bottom-[7px] left-1/2 -translate-x-1/2 -rotate-90","down"===a&&"-top-[7px] left-1/2 -translate-x-1/2 rotate-90","left"===a&&"top-1/2 -right-[5px] -translate-y-1/2 rotate-180","right"===a&&"top-1/2 -left-[5px] -translate-y-1/2 rotate-0"),children:/*#__PURE__*/t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.96244e-08 5L5 -1.10263e-07L5 10L5.96244e-08 5Z",fill:"black"})});
@@ -1,4 +1,4 @@
1
- "use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("../../../Base/Typography/Typography.js"),o=require("../../../Base/Layouts/Box/Box.js");require("../../../Base/Layouts/FullBleed/FullBleed.js");const s={right:{position:"top-0 left-[calc(100%_+_4px)]",hover:"group-hover:left-[calc(100%_+_12px)]",focus:"max-tablet:group-focus-within:left-[calc(100%_+_12px)]"},down:{position:"left-0 top-[calc(100%_+_4px)]",hover:"group-hover:top-[calc(100%_+_12px)]",focus:"max-tablet:group-focus-within:top-[calc(100%_+_12px)]"}};
1
+ "use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("../../../Base/Typography/Typography.js"),o=require("../../../Base/Layouts/Box/Box.js");require("../../../Base/Layouts/FullBleed/FullBleed.js");const a={right:{position:"top-0 left-[calc(100%+4px)]",hover:"group-hover:left-[calc(100%+12px)]",focus:"max-tablet:group-focus-within:left-[calc(100%_+_12px)]"},down:{position:"left-0 top-[calc(100%+4px)]",hover:"group-hover:top-[calc(100%+12px)]",focus:"max-tablet:group-focus-within:top-[calc(100%_+_12px)]"}};
2
2
  /**
3
3
  * 제목과 설명을 포함할 수 있는 리치 툴팁 컴포넌트입니다.
4
4
  *
@@ -28,5 +28,5 @@
28
28
  * </Tooltip.Trigger>
29
29
  * <Tooltip.Rich variant="down" title="경고" description="저장되지 않은 변경사항이 있습니다." />
30
30
  * </Tooltip>
31
- */exports.RichTooltip=({id:a,title:r,description:l,variant:c="right",className:p,children:n})=>{const u=s[c];/*#__PURE__*/
32
- return e.jsx(o.Box,{className:t.twMerge("absolute z-10","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","group-hover:visible group-hover:scale-100 group-hover:opacity-100","max-tablet:group-focus-within:visible max-tablet:group-focus-within:scale-100 max-tablet:group-focus-within:opacity-100",u.position,u.hover,u.focus),role:"tooltip",id:a,"data-testid":"design-system-rich-tooltip--container",children:/*#__PURE__*/e.jsxs(o.Box,{className:t.twMerge("flex min-w-80 flex-col gap-1 rounded-xl bg-white px-6 py-5 shadow-graymedium",p),"data-testid":"design-system-rich-tooltip",children:[r&&/*#__PURE__*/e.jsx(o.Box,{className:"flex w-full items-start justify-between gap-4","data-testid":"design-system-rich-tooltip--title",children:/*#__PURE__*/e.jsx(i.Typography,{variant:"body14",className:"font-medium text-w-gray-900",children:r})}),l&&/*#__PURE__*/e.jsx(i.Typography,{variant:"body13",className:"text-w-gray-400","data-testid":"design-system-rich-tooltip--description",children:l}),n]})})};
31
+ */exports.RichTooltip=({id:s,title:r,description:l,variant:c="right",className:p,children:n})=>{const u=a[c];/*#__PURE__*/
32
+ return e.jsx(o.Box,{className:t.twMerge("absolute z-10","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","group-hover:visible group-hover:scale-100 group-hover:opacity-100","max-tablet:group-focus-within:visible max-tablet:group-focus-within:scale-100 max-tablet:group-focus-within:opacity-100",u.position,u.hover,u.focus),role:"tooltip",id:s,"data-testid":"design-system-rich-tooltip--container",children:/*#__PURE__*/e.jsxs(o.Box,{className:t.twMerge("shadow-graymedium flex w-max flex-col gap-1 rounded-xl bg-white px-6 py-5",p),"data-testid":"design-system-rich-tooltip",children:[r&&/*#__PURE__*/e.jsx(o.Box,{className:"flex w-full items-start justify-between gap-4","data-testid":"design-system-rich-tooltip--title",children:/*#__PURE__*/e.jsx(i.Typography,{variant:"body14",className:"text-w-gray-900 font-medium",children:r})}),l&&/*#__PURE__*/e.jsx(i.Typography,{variant:"body13",className:"text-w-gray-400","data-testid":"design-system-rich-tooltip--description",children:l}),n]})})};
@@ -23,4 +23,4 @@ const o=({children:l,className:s})=>/*#__PURE__*/e.jsx(t.Box,{className:i.twMerg
23
23
  * <Tooltip.Trigger>
24
24
  * <SystemIcon name="medium_information" />
25
25
  * </Tooltip.Trigger>
26
- */o.Trigger=({children:i})=>/*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-tooltip--trigger",className:"focus:outline-hidden h-fit w-fit",tabIndex:0,children:i}),o.Plain=l.PlainTooltip,o.Rich=s.RichTooltip,exports.Tooltip=o;
26
+ */o.Trigger=({children:i})=>/*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-tooltip--trigger",className:"h-fit w-fit focus:outline-hidden",tabIndex:0,children:i}),o.Plain=l.PlainTooltip,o.Rich=s.RichTooltip,exports.Tooltip=o;
@@ -21,9 +21,9 @@
21
21
  * />
22
22
  * </AutoCompleteList.Root>
23
23
  * ```
24
- */(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)&&(s[r]=e[r])}return s}const u={Root:n=>{var{children:s,className:o,hasIndexBar:u=!1,onIndexClick:p}=n,d=c(n,["children","className","hasIndexBar","onIndexClick"]);const y=r.useRef(null),[m,f]=r.useState(!1);return r.useLayoutEffect((()=>{const e=y.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;f(t>r)}),[s]),/*#__PURE__*/e.jsxs("div",l(a({className:t.twMerge("flex max-h-[436px] w-full rounded-xl shadow-graymedium",o)},d),{children:[u&&/*#__PURE__*/e.jsx(i.IndexBar,{onIndexClick:p}),
25
- /*#__PURE__*/e.jsx("ul",{ref:y,"data-testid":"design-system-autoCompleteList",className:t.twMerge("flex w-full flex-col bg-w-white py-2 pr-2","scrollbar-list overflow-y-auto",u?"rounded-r-xl":"rounded-xl",m&&"pr-0"),children:s})]}))},Item:r=>{var{text:s,count:o,leadingIcon:u,iconUrl:p,isInputItem:d=!1,isFocused:y=!1,inputValue:m,className:f}=r,x=c(r,["text","count","leadingIcon","iconUrl","isInputItem","isFocused","inputValue","className"]);/*#__PURE__*/
26
- return e.jsxs("li",l(a({className:t.twMerge("visible ml-2 flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3 hover:bg-primary-10",y&&"bg-primary-10",f)},x),{"data-testid":"design-system-list-item",children:[u&&/*#__PURE__*/e.jsx(n.SystemIcon,{name:u,className:"text-w-gray-600",testId:"design-system-list-item-leading-icon"}),p&&/*#__PURE__*/e.jsx(i.Icon,{iconUrl:p}),
24
+ */(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)&&(s[r]=e[r])}return s}const u={Root:n=>{var{children:s,className:o,hasIndexBar:u=!1,onIndexClick:p}=n,d=c(n,["children","className","hasIndexBar","onIndexClick"]);const y=r.useRef(null),[m,f]=r.useState(!1);return r.useLayoutEffect((()=>{const e=y.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;f(t>r)}),[s]),/*#__PURE__*/e.jsxs("div",l(a({className:t.twMerge("shadow-graymedium flex max-h-[436px] w-full rounded-xl",o)},d),{children:[u&&/*#__PURE__*/e.jsx(i.IndexBar,{onIndexClick:p}),
25
+ /*#__PURE__*/e.jsx("ul",{ref:y,"data-testid":"design-system-autoCompleteList",className:t.twMerge("bg-w-white flex w-full flex-col py-2 pr-2","scrollbar-list overflow-y-auto",u?"rounded-r-xl":"rounded-xl",m&&"pr-0"),children:s})]}))},Item:r=>{var{text:s,count:o,leadingIcon:u,iconUrl:p,isInputItem:d=!1,isFocused:y=!1,inputValue:m,className:f}=r,x=c(r,["text","count","leadingIcon","iconUrl","isInputItem","isFocused","inputValue","className"]);/*#__PURE__*/
26
+ return e.jsxs("li",l(a({className:t.twMerge("bg-w-white hover:bg-primary-10 visible ml-2 flex cursor-pointer items-center gap-2 rounded-xl px-4 py-3 select-none",y&&"bg-primary-10",f)},x),{"data-testid":"design-system-list-item",children:[u&&/*#__PURE__*/e.jsx(n.SystemIcon,{name:u,className:"text-w-gray-600",testId:"design-system-list-item-leading-icon"}),p&&/*#__PURE__*/e.jsx(i.Icon,{iconUrl:p}),
27
27
  /*#__PURE__*/e.jsx(i.TextSection,{text:s,isInputItem:d,inputValue:m}),
28
28
  /*#__PURE__*/e.jsx(i.CountSection,{count:o})]}))},Divider:()=>/*#__PURE__*/e.jsx(s.Divider,{className:"my-2"})};
29
29
  /**
@@ -1,7 +1,7 @@
1
1
  "use strict";var e=require("react/jsx-runtime"),r=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("tailwind-merge"),require("../../Base/Layouts/FullBleed/FullBleed.js");
2
2
  // return A ~ Z
3
- const t=Array.from({length:26},((e,r)=>String.fromCharCode(65+r)));exports.CountSection=({count:t})=>/*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:"text-w-gray-400",children:t}),exports.INDEXES=t,exports.Icon=({iconUrl:r})=>/*#__PURE__*/e.jsx("img",{src:r,alt:"icon",width:24,height:24,className:"rounded-full border"}),exports.IndexBar=({onIndexClick:a})=>/*#__PURE__*/e.jsx("ul",{className:"flex flex-col gap-0.5 rounded-l-xl bg-w-gray-10 p-[3px] text-center",children:t.map((t=>/*#__PURE__*/e.jsx("li",{className:"size-3.5 cursor-pointer",onClick:()=>null==a?void 0:a(t),children:/*#__PURE__*/e.jsx(r.Typography,{variant:"caption11",className:"text-gray-400",children:t})},t)))}),exports.TextSection=({text:t,isInputItem:a,inputValue:s})=>{const i=t.slice(0,null==s?void 0:s.length),l=t.slice(null==s?void 0:s.length);/*#__PURE__*/
3
+ const t=Array.from({length:26},((e,r)=>String.fromCharCode(65+r)));exports.CountSection=({count:t})=>/*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:"text-w-gray-400",children:t}),exports.INDEXES=t,exports.Icon=({iconUrl:r})=>/*#__PURE__*/e.jsx("img",{src:r,alt:"icon",width:24,height:24,className:"rounded-full border"}),exports.IndexBar=({onIndexClick:a})=>/*#__PURE__*/e.jsx("ul",{className:"bg-w-gray-10 flex flex-col gap-0.5 rounded-l-xl p-[3px] text-center",children:t.map((t=>/*#__PURE__*/e.jsx("li",{className:"size-3.5 cursor-pointer",onClick:()=>null==a?void 0:a(t),children:/*#__PURE__*/e.jsx(r.Typography,{variant:"caption11",className:"text-gray-400",children:t})},t)))}),exports.TextSection=({text:t,isInputItem:a,inputValue:s})=>{const i=t.slice(0,null==s?void 0:s.length),l=t.slice(null==s?void 0:s.length);/*#__PURE__*/
4
4
  return e.jsx(e.Fragment,{children:a?/*#__PURE__*/e.jsxs(e.Fragment,{children:[
5
- /*#__PURE__*/e.jsxs(r.Typography,{variant:"body16",className:"font-medium text-primary-500","data-testid":"design-system-list-item-text",children:["‘",t,"’"]}),
5
+ /*#__PURE__*/e.jsxs(r.Typography,{variant:"body16",className:"text-primary-500 font-medium","data-testid":"design-system-list-item-text",children:["‘",t,"’"]}),
6
6
  /*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:"text-w-gray-600",children:"입력"})]}):/*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:"text-w-gray-600","data-testid":"design-system-list-item-text",children:s?/*#__PURE__*/e.jsxs(e.Fragment,{children:[
7
7
  /*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:"text-primary",children:i}),l]}):t})})};
@@ -1,2 +1,2 @@
1
- "use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),i=require("../../Feedbacks/LoadingIndicator/LoadingIndicator.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function a(e,r){if(null==e)return{};var t,i,o=function(e,r){if(null==e)return{};var t,i,o={},n=Object.keys(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const d={36:"h-[36px] typo-body14 px-[11px] gap-1",42:"h-[42px] typo-body14 px-[11px] gap-1",50:"h-[50px] typo-body16 px-[15px] gap-1.5",60:"h-[60px] typo-subTitle20 px-[23px] gap-2"},l={solid:"bg-primary-500 border-primary-500 hover:border-primary-700 hover:bg-primary-700 text-w-white disabled:bg-primary-100 disabled:border-primary-100 disabled:hover:bg-primary-100 disabled:hover:border-primary-100",outline_filled:"bg-primary-10 border-primary-200 hover:border-primary-500 text-primary-500 disabled:border-primary-200 disabled:hover:border-primary-200 disabled:text-primary-100",outlined:"bg-w-white border-w-gray-200 hover:border-primary-500 text-primary-500 disabled:hover:border-w-gray-200 disabled:text-primary-100",outline_gray:"bg-w-white border-w-gray-200 hover:border-w-gray-400 text-w-gray-600 disabled:hover:border-w-gray-200 disabled:text-w-gray-300"},s=/*#__PURE__*/r.forwardRef(((s,b)=>{var{type:c="button",disabled:p=!1,children:u,className:y,onClick:f,size:m="50",variant:g="outlined",rounded:x=!1,needThrottle:v=!1,isLoading:h=!1}=s,w=a(s,["type","disabled","children","className","onClick","size","variant","rounded","needThrottle","isLoading"]);const O=r.useRef(void 0),j=e=>{e.preventDefault(),O.current||(null==f||f(e),O.current=setTimeout((()=>{O.current=void 0}),300))};return r.useEffect((()=>()=>{O&&clearTimeout(O.current)}),[O]),/*#__PURE__*/e.jsxs("button",n(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){o(e,r,t[r])}))}return e}({ref:b,type:c,className:t.twMerge("relative box-border flex w-fit items-center justify-center border","cursor-pointer disabled:cursor-not-allowed","outlined"===g&&x?"rounded-full":"rounded-xl",l[g],h&&"pointer-events-none",y),onClick:(()=>{if(!h)return v?j:f})(),disabled:p,"aria-busy":h,"aria-live":h?"polite":void 0},w),{children:[h&&/*#__PURE__*/e.jsx("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",children:/*#__PURE__*/e.jsx(i.LoadingIndicator,{size:"36"===m||"42"===m?"sm":"md",className:"text-current"})}),
2
- /*#__PURE__*/e.jsx("div",{className:t.twMerge("flex items-center justify-center text-current",d[m],h&&"invisible"),"aria-hidden":h,"data-testid":"design-system-button--content",children:u})]}))}));s.displayName="Button",exports.Button=s;
1
+ "use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),i=require("../../Feedbacks/LoadingIndicator/LoadingIndicator.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function a(e,r){if(null==e)return{};var t,i,o=function(e,r){if(null==e)return{};var t,i,o={},n=Object.keys(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const d={36:"h-[34px] typo-body14 px-[11px] gap-1",42:"h-[40px] typo-body14 px-[11px] gap-1",50:"h-[48px] typo-body16 px-[15px] gap-1.5",60:"h-[58px] typo-subTitle20 px-[23px] gap-2"},l={solid:"bg-primary-500 border-primary-500 hover:border-primary-700 hover:bg-primary-700 text-w-white disabled:bg-primary-100 disabled:border-primary-100 disabled:hover:bg-primary-100 disabled:hover:border-primary-100",outline_filled:"bg-primary-10 border-primary-200 hover:border-primary-500 text-primary-500 disabled:border-primary-200 disabled:hover:border-primary-200 disabled:text-primary-100",outlined:"bg-w-white border-w-gray-200 hover:border-primary-500 text-primary-500 disabled:hover:border-w-gray-200 disabled:text-primary-100",outline_gray:"bg-w-white border-w-gray-200 hover:border-w-gray-400 text-w-gray-600 disabled:hover:border-w-gray-200 disabled:text-w-gray-300"},s=/*#__PURE__*/r.forwardRef(((s,b)=>{var{type:c="button",disabled:p=!1,children:u,className:y,onClick:f,size:m="50",variant:g="outlined",rounded:x=!1,needThrottle:h=!1,isLoading:v=!1}=s,w=a(s,["type","disabled","children","className","onClick","size","variant","rounded","needThrottle","isLoading"]);const O=r.useRef(void 0),j=e=>{e.preventDefault(),O.current||(null==f||f(e),O.current=setTimeout((()=>{O.current=void 0}),300))};return r.useEffect((()=>()=>{O&&clearTimeout(O.current)}),[O]),/*#__PURE__*/e.jsxs("button",n(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){o(e,r,t[r])}))}return e}({ref:b,type:c,className:t.twMerge("relative box-border flex h-fit w-fit items-center justify-center border","cursor-pointer disabled:cursor-not-allowed","outlined"===g&&x?"rounded-full":"rounded-xl",l[g],v&&"pointer-events-none",y),onClick:(()=>{if(!v)return h?j:f})(),disabled:p,"aria-busy":v,"aria-live":v?"polite":void 0},w),{children:[v&&/*#__PURE__*/e.jsx("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",children:/*#__PURE__*/e.jsx(i.LoadingIndicator,{size:"36"===m||"42"===m?"sm":"md",className:"text-current"})}),
2
+ /*#__PURE__*/e.jsx("div",{className:t.twMerge("flex items-center justify-center text-current",d[m],v&&"invisible"),"aria-hidden":v,"data-testid":"design-system-button--content",children:u})]}))}));s.displayName="Button",exports.Button=s;
@@ -3,7 +3,7 @@
3
3
  }),[m]),/*#__PURE__*/e.jsxs(s.Box,{className:"relative h-fit w-fit select-none","data-testid":"design-system-calendar--container",children:[
4
4
  /*#__PURE__*/e.jsx(s.Box,{className:"cursor-pointer",children:/*#__PURE__*/e.jsxs(i.TextFieldContainer,{isFocused:m,isError:g,isDisabled:u,testId:"design-system-calendar--trigger",onClick:h,children:[
5
5
  /*#__PURE__*/e.jsx(n.SystemIcon,{name:"medium_calendar",className:u||!c?"text-w-gray-300":"text-w-gray-400"}),
6
- /*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:t.twMerge("min-w-[178px] text-w-gray-600",!c&&"text-w-gray-300",u&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:c?`${B} ${f} ${C}`:y})]})}),m&&/*#__PURE__*/e.jsx("div",{className:"fixed left-0 top-0 z-10 h-screen w-screen bg-transparent",onClick:h}),m&&/*#__PURE__*/e.jsxs(s.Box,{"data-testid":"design-system-calendar--content",className:"absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border border-w-gray-200 bg-w-white px-[15px] py-[23px] shadow-graymedium",children:[
6
+ /*#__PURE__*/e.jsx(r.Typography,{variant:"body16",className:t.twMerge("text-w-gray-600 min-w-[178px]",!c&&"text-w-gray-300",u&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:c?`${B} ${f} ${C}`:y})]})}),m&&/*#__PURE__*/e.jsx("div",{className:"fixed top-0 left-0 z-10 h-screen w-screen bg-transparent",onClick:h}),m&&/*#__PURE__*/e.jsxs(s.Box,{"data-testid":"design-system-calendar--content",className:"border-w-gray-200 bg-w-white shadow-graymedium absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border px-[15px] py-[23px]",children:[
7
7
  /*#__PURE__*/e.jsx(l.SelectHeader,{visibleDate:D,onChange:e=>{w(e)}}),
8
8
  /*#__PURE__*/e.jsx(l.WeekHeader,{}),
9
9
  /*#__PURE__*/e.jsx(s.Box,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:b.map(((a,t)=>{const r=!(!a||!c)&&d.isSameDate(a,q);return a?/*#__PURE__*/e.jsx(l.DateBox,{date:a,selected:r,onChange:v},`${a.year}-${a.month}-${a.date}`):/*#__PURE__*/e.jsx(l.DateBox,{disabled:!0},t)}))})]})]})};
@@ -1,7 +1,7 @@
1
1
  "use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var a=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var n=require("./Calendar.utils.js"),l=require("./Calendar.constants.js");exports.DateBox=({selected:s,date:n,disabled:l=!1,onChange:i})=>{const o=1===String(null==n?void 0:n.date).length?`0${null==n?void 0:n.date}`:null==n?void 0:n.date;/*#__PURE__*/
2
- return e.jsx(t.Box,{className:r.twMerge("flex size-[42px] cursor-pointer items-center justify-center rounded-full bg-w-white p-2 text-center",!l&&!s&&"hover:bg-primary-10",s&&"bg-primary",l&&"cursor-default"),onClick:()=>{l||null==i||i(n)},children:/*#__PURE__*/e.jsx(a.Typography,{variant:"body16",className:r.twMerge("text-w-gray-900",s&&"text-w-white",l&&"text-w-gray-300"),children:o})})},exports.SelectHeader=({visibleDate:r,onChange:l})=>{const i=1===(null==r?void 0:r.month),o=12===(null==r?void 0:r.month),{year:c,month:d}=r&&n.getKoreanTimeString(r);/*#__PURE__*/
2
+ return e.jsx(t.Box,{className:r.twMerge("bg-w-white flex size-[42px] cursor-pointer items-center justify-center rounded-full p-2 text-center",!l&&!s&&"hover:bg-primary-10",s&&"bg-primary",l&&"cursor-default"),onClick:()=>{l||null==i||i(n)},children:/*#__PURE__*/e.jsx(a.Typography,{variant:"body16",className:r.twMerge("text-w-gray-900",s&&"text-w-white",l&&"text-w-gray-300"),children:o})})},exports.SelectHeader=({visibleDate:r,onChange:l})=>{const i=1===(null==r?void 0:r.month),o=12===(null==r?void 0:r.month),{year:c,month:d}=r&&n.getKoreanTimeString(r);/*#__PURE__*/
3
3
  return e.jsxs(t.Box,{className:"flex h-[50px] w-full gap-4",children:[
4
4
  /*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-calendar--to-prev-month",className:"size-6 cursor-pointer text-gray-600",onClick:()=>{i?null==l||l({year:r.year-1,month:12,date:1}):null==l||l({year:r.year,month:r.month-1,date:1})},children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:"large_arrow_left",className:"text-gray-600"})}),
5
5
  /*#__PURE__*/e.jsxs(a.Typography,{variant:"subTitle18",className:"h-fit w-full text-center leading-normal text-gray-900",children:[c," ",d]}),
6
6
  /*#__PURE__*/e.jsx(t.Box,{"data-testid":"design-system-calendar--to-next-month",className:"size-6 cursor-pointer text-gray-600",onClick:()=>{o?null==l||l({year:r.year+1,month:1,date:1}):null==l||l({year:r.year,month:r.month+1,date:1})},children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:"large_arrow_right",className:"text-gray-600"})})]})},exports.WeekHeader=()=>{const r=Array.from(l.dayMap.values());/*#__PURE__*/
7
- return e.jsx(t.Box,{className:"grid w-full grid-cols-7 place-items-center gap-1",children:r.map((r=>/*#__PURE__*/e.jsx(t.Box,{className:"flex h-5 items-center justify-center",children:/*#__PURE__*/e.jsx(a.Typography,{variant:"body13",className:"leading-normal text-w-gray-500",children:r})},r)))})};
7
+ return e.jsx(t.Box,{className:"grid w-full grid-cols-7 place-items-center gap-1",children:r.map((r=>/*#__PURE__*/e.jsx(t.Box,{className:"flex h-5 items-center justify-center",children:/*#__PURE__*/e.jsx(a.Typography,{variant:"body13",className:"text-w-gray-500 leading-normal",children:r})},r)))})};
@@ -1,4 +1,4 @@
1
- "use strict";var r=require("react/jsx-runtime"),e=require("tailwind-merge");const t="text-w-white group-hover:text-w-white",o="text-w-gray-200 group-hover:text-w-gray-200",s="stroke-dasharray-[16] stroke-dashoffset-[16] animate-checkbox-check",a=({checked:a,isError:i,disabled:d})=>/*#__PURE__*/r.jsx("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e.twMerge("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",a&&t,i&&d&&o,!a&&"text-transparent",d&&(!i&&a?t:"text-transparent")),style:{strokeDasharray:a?"16":"0",strokeDashoffset:a?"16":"0"},children:/*#__PURE__*/r.jsx("path",{d:"M1 3.8L4 7L9 1",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",className:a?s:""})}),i=({checked:a,isError:i,disabled:d})=>/*#__PURE__*/r.jsx("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e.twMerge("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",a&&t,i&&d&&o,!a&&"text-w-gray-200 group-hover:text-w-primary",i&&!a&&"text-w-red-500 group-hover:text-w-red-500",d&&(!i&&a?t:o)),style:{strokeDasharray:a?"16":"0",strokeDashoffset:a?"16":"0"},children:/*#__PURE__*/r.jsx("path",{d:"M1 3.8L4 7L9 1",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",className:a?s:""})}),d=({role:t,className:o,checked:s,disabled:a,isError:i})=>{const d="text-w-gray-100",c=i?a?d:"text-w-red-500":a?s?"text-primary-100":d:s?"text-primary":"text-w-gray-200";/*#__PURE__*/
1
+ "use strict";var r=require("react/jsx-runtime"),e=require("tailwind-merge");const t="text-w-white group-hover:text-w-white",o="text-w-gray-200 group-hover:text-w-gray-200",s="stroke-dasharray-[16] stroke-dashoffset-[16] animate-checkbox-check",a=({checked:a,isError:i,disabled:d})=>/*#__PURE__*/r.jsx("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e.twMerge("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",a&&t,i&&d&&o,!a&&"text-transparent",d&&(!i&&a?t:"text-transparent")),style:{strokeDasharray:a?"16":"0",strokeDashoffset:a?"16":"0"},children:/*#__PURE__*/r.jsx("path",{d:"M1 3.8L4 7L9 1",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",className:a?s:""})}),i=({checked:a,isError:i,disabled:d})=>/*#__PURE__*/r.jsx("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e.twMerge("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",a&&t,i&&d&&o,!a&&"text-w-gray-200 group-hover:text-w-primary",i&&!a&&"text-w-red-500 group-hover:text-w-red-500",d&&(!i&&a?t:o)),style:{strokeDasharray:a?"16":"0",strokeDashoffset:a?"16":"0"},children:/*#__PURE__*/r.jsx("path",{d:"M1 3.8L4 7L9 1",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",className:a?s:""})}),d=({role:t,className:o,checked:s,disabled:a,isError:i})=>{const d="text-w-gray-100",c=i?a?d:"text-w-red-500":a?s?"text-primary-100":d:s?"text-primary":"text-w-gray-200";/*#__PURE__*/
2
2
  return r.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:t,className:e.twMerge("cursor-pointer",a&&"cursor-not-allowed",c,o),"data-testid":"design-system--sub-checkbox",children:/*#__PURE__*/r.jsx("path",{d:"M4 8.76667L7.75004 12.5L14.0001 5.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})};exports.CheckboxButton=({type:t="box",disabled:o,checked:s=!1,isError:c,className:l})=>{const n="circle"===t?"rounded-full":"rounded";return"sub"===t?/*#__PURE__*/r.jsx(d,{role:"checkbox-button",className:l,checked:s,disabled:o,isError:c}):/*#__PURE__*/r.jsxs("div",{className:e.twMerge("group relative box-border cursor-pointer border",!o&&!c&&"group-focus-within:border-primary-500",!o&&!c&&!s&&"group-focus-within:bg-w-white",{box:"size-4 m-px",circle:"size-[18px]"}[t],n,
3
3
  // 비활성화 상태
4
4
  o?s?c?"bg-w-gray-50 border-w-gray-200 cursor-not-allowed":"bg-primary-100 border-primary-100 cursor-not-allowed":"border-w-gray-200 bg-w-gray-50 cursor-not-allowed":
@@ -1,4 +1,4 @@
1
1
  "use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var o=require("../../DataDisplays/ProductIcon/ProductIcon.js");require("../../DataDisplays/Accordion/Accordion.js");var i=require("../Checkbox/Checkbox.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}exports.CheckboxCardContainer=t=>{var{children:o,isWide:i,checked:n,isError:l,disabled:u,className:d}=t,p=a(t,["children","isWide","checked","isError","disabled","className"]);/*#__PURE__*/
2
- return e.jsx("div",c(s({className:r.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",i?"min-h-[94px] w-[298px] flex-row gap-3 px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pb-6 pt-4",!u&&!l&&"group-focus-within:border-primary-500",(()=>{const e=n&&!l;return u?r.twMerge("cursor-not-allowed",e?"border-primary-100":"border-w-gray-200"):l?"border-w-red-500":n?"border-primary-500":"border-w-gray-200 group-hover:border-primary"})(),u?n&&!l?"bg-primary-10":"bg-w-gray-10":n?l?"bg-w-red-10":"bg-primary-10":"bg-w-white",d)},p),{children:o}))},exports.CheckboxCardIcon=({iconName:t,disabled:i,checked:n,isError:s})=>{const c=s||!n;/*#__PURE__*/
2
+ return e.jsx("div",c(s({className:r.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",i?"min-h-[94px] w-[298px] flex-row gap-3 px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pt-4 pb-6",!u&&!l&&"group-focus-within:border-primary-500",(()=>{const e=n&&!l;return u?r.twMerge("cursor-not-allowed",e?"border-primary-100":"border-w-gray-200"):l?"border-w-red-500":n?"border-primary-500":"border-w-gray-200 group-hover:border-primary"})(),u?n&&!l?"bg-primary-10":"bg-w-gray-10":n?l?"bg-w-red-10":"bg-primary-10":"bg-w-white",d)},p),{children:o}))},exports.CheckboxCardIcon=({iconName:t,disabled:i,checked:n,isError:s})=>{const c=s||!n;/*#__PURE__*/
3
3
  return e.jsx("div",{className:r.twMerge("flex size-[60px] shrink-0 items-center justify-center",i&&"opacity-30"),"data-testid":"design-system-checkboxCard--icon",children:/*#__PURE__*/e.jsx(o.ProductIcon,{name:t,disabled:c})})},exports.StyledCheckbox=o=>{var{isWide:n,className:c}=o,l=a(o,["isWide","className"]);const u=!n;/*#__PURE__*/
4
- return e.jsx(t.Box,{className:r.twJoin(u&&"absolute left-[17px] top-[17px]"),children:/*#__PURE__*/e.jsx(i.Checkbox,s({className:r.twMerge(u&&"group-hover:border-primary-500",c)},l))})},exports.TitleContainer=({isWide:t,children:o})=>/*#__PURE__*/e.jsx("div",{className:r.twMerge("flex h-auto w-full flex-col justify-between gap-0.5",t?"items-start":"items-center"),children:o});
4
+ return e.jsx(t.Box,{className:r.twJoin(u&&"absolute top-[17px] left-[17px]"),children:/*#__PURE__*/e.jsx(i.Checkbox,s({className:r.twMerge(u&&"group-hover:border-primary-500",c)},l))})},exports.TitleContainer=({isWide:t,children:o})=>/*#__PURE__*/e.jsx("div",{className:r.twMerge("flex h-auto w-full flex-col justify-between gap-0.5",t?"items-start":"items-center"),children:o});
@@ -1,5 +1,5 @@
1
1
  "use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../../Base/Typography/Typography.js"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var i=require("../Checkbox/Checkbox.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function c(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},s=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),s.forEach((function(r){a(e,r,t[r])}))}return e}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function o(e,r){if(null==e)return{};var t,s,i=function(e,r){if(null==e)return{};var t,s,i={},a=Object.keys(e);for(s=0;s<a.length;s++)t=a[s],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(s=0;s<a.length;s++)t=a[s],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}const l=t=>{var{children:s,disabled:i,hasDescription:a,className:l}=t,d=o(t,["children","disabled","hasDescription","className"]);/*#__PURE__*/
2
- return e.jsx("label",n(c({className:r.twMerge("grid-areas-checkbox-list-item-container grid h-min grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container gap-x-3",a?"gap-y-0.5":"gap-y-0",i?"cursor-not-allowed":"cursor-pointer",l)},d),{children:s}))};
2
+ return e.jsx("label",n(c({className:r.twMerge("grid-areas-checkbox-list-item-container grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container grid h-min gap-x-3",a?"gap-y-0.5":"gap-y-0",i?"cursor-not-allowed":"cursor-pointer",l)},d),{children:s}))};
3
3
  /**
4
4
  * 체크박스와 라벨, 설명을 포함하는 리스트 아이템 컴포넌트입니다.
5
5
  *
@@ -46,4 +46,4 @@ return e.jsx("label",n(c({className:r.twMerge("grid-areas-checkbox-list-item-con
46
46
  */exports.CheckboxListItem=a=>{var{label:n,description:d,type:b="box",checked:p,disabled:y=!1,isError:h=!1,errorMessage:u,className:g,CheckboxClassName:m,onChange:x,children:j}=a,f=o(a,["label","description","type","checked","disabled","isError","errorMessage","className","CheckboxClassName","onChange","children"]);/*#__PURE__*/
47
47
  return e.jsxs(l,{"data-testid":"design-system-checkboxList--item",disabled:y,hasDescription:!!d,className:r.twMerge("group",g),children:[
48
48
  /*#__PURE__*/e.jsx(s.Box,{className:"grid-in-checkbox cursor-pointer pt-1",children:/*#__PURE__*/e.jsx(i.Checkbox,c({checked:p,isError:h,disabled:y,onChange:x,className:m,type:b},f))}),
49
- /*#__PURE__*/e.jsxs(s.Box,{className:"grid-in-label flex w-full items-center","data-testid":"design-system-checkboxList--item-label-root",children:[n&&/*#__PURE__*/e.jsx(t.Typography,{variant:"body16",className:r.twJoin("w-full whitespace-normal break-words",y?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-checkboxList--item-label",children:n}),j]}),h&&u&&/*#__PURE__*/e.jsx(s.Box,{className:"grid-in-error flex items-center",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body14",className:"text-w-red-500","data-testid":"design-system-checkboxList--item-error",children:u})}),d&&/*#__PURE__*/e.jsx(s.Box,{className:"grid-in-description flex items-center",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body14",className:y?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:d})})]})};
49
+ /*#__PURE__*/e.jsxs(s.Box,{className:"grid-in-label flex w-full items-center","data-testid":"design-system-checkboxList--item-label-root",children:[n&&/*#__PURE__*/e.jsx(t.Typography,{variant:"body16",className:r.twJoin("w-full wrap-break-word whitespace-normal",y?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-checkboxList--item-label",children:n}),j]}),h&&u&&/*#__PURE__*/e.jsx(s.Box,{className:"grid-in-error flex items-center",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body14",className:"text-w-red-500","data-testid":"design-system-checkboxList--item-error",children:u})}),d&&/*#__PURE__*/e.jsx(s.Box,{className:"grid-in-description flex items-center",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body14",className:y?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:d})})]})};
@@ -39,6 +39,6 @@
39
39
  */(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}const y=/*#__PURE__*/t.forwardRef(((o,y)=>{var{label:p,checked:d=!1,error:g=!1,leadingIcon:f,trailingIcon:b,onChange:h}=o,j=u(o,["label","checked","error","leadingIcon","trailingIcon","onChange"]);const[m,O]=t.useState(d);t.useEffect((()=>{O(d)}),[d]);/*#__PURE__*/
40
40
  return e.jsxs("label",{children:[
41
41
  /*#__PURE__*/e.jsx("input",l(i({type:"checkbox",checked:m,className:"absolute h-0 w-0 opacity-0",onChange:e=>{h&&(h(e),O(e.target.checked))}},j),{ref:y})),
42
- /*#__PURE__*/e.jsxs("div",{"data-testid":"design-system-choiceChip",className:r.twJoin("flex w-fit cursor-pointer select-none items-center gap-2 rounded-full",s.generateBackgroundColor(m,g),s.generateBackgroundPadding(!!f)),children:[f&&/*#__PURE__*/e.jsx(a.Box,{className:"flex size-8 items-center justify-center rounded-full bg-w-white p-0.5","data-testid":"design-system-choiceChip--leading-icon-container",children:/*#__PURE__*/e.jsx(c.SystemIcon,{name:f,className:s.generateLeadingIconColor(m,g)})}),
42
+ /*#__PURE__*/e.jsxs("div",{"data-testid":"design-system-choiceChip",className:r.twJoin("flex w-fit cursor-pointer items-center gap-2 rounded-full select-none",s.generateBackgroundColor(m,g),s.generateBackgroundPadding(!!f)),children:[f&&/*#__PURE__*/e.jsx(a.Box,{className:"bg-w-white flex size-8 items-center justify-center rounded-full p-0.5","data-testid":"design-system-choiceChip--leading-icon-container",children:/*#__PURE__*/e.jsx(c.SystemIcon,{name:f,className:s.generateLeadingIconColor(m,g)})}),
43
43
  /*#__PURE__*/e.jsxs(a.Box,{className:"flex items-center gap-1.5",children:[
44
44
  /*#__PURE__*/e.jsx(n.Typography,{"data-testid":"design-system-choiceChip-label",variant:"body16",className:s.generateLabelStyle(m,g),children:p}),b&&/*#__PURE__*/e.jsx(c.SystemIcon,{name:b,className:s.generateTrailingIconStyle(m,g)})]})]})]})}));y.displayName="ChoiceChip",exports.ChoiceChip=y;
@@ -1,10 +1,10 @@
1
1
  "use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/Avatar/Avatar.js"),l=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var i=require("../../DataDisplays/Divider/Divider.js");require("../../DataDisplays/Accordion/Accordion.js");var o=require("../Button/Button.js"),c=require("../CheckboxListItem/CheckboxListItem.js");function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},s=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),s.forEach((function(t){d(e,t,r[t])}))}return e}function m(e,t){if(null==e)return{};var r,s,a=function(e,t){if(null==e)return{};var r,s,a={},n=Object.keys(e);for(s=0;s<n.length;s++)r=n[s],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(s=0;s<n.length;s++)r=n[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}const x=({userId:t,imgUrl:r=""})=>/*#__PURE__*/e.jsxs(a.Box,{className:"flex items-center gap-2",children:[
2
2
  /*#__PURE__*/e.jsx(n.Avatar,{imgUrl:r,size:"sm"}),
3
- /*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"w-full font-medium text-w-gray-600",children:t})]}),y=({guideText:t})=>/*#__PURE__*/e.jsx(a.Box,{className:"w-full bg-w-gray-10 text-w-gray-500",children:/*#__PURE__*/e.jsx("ul",{className:"typo-body14 flex flex-col gap-0.5",children:"string"==typeof t?/*#__PURE__*/e.jsx("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:t}):/*#__PURE__*/e.jsx(e.Fragment,{children:null==t?void 0:t.map((t=>/*#__PURE__*/e.jsx("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:t},t)))})})}),f=/*#__PURE__*/t.forwardRef(((t,s)=>{var{imgUrl:n,userId:d,isReply:f,guideText:g,buttonName:p,isSelected:b,optionMessage:j,cancelButtonName:h="취소",onClose:w,onSubmit:v,onCheck:B}=t,N=m(t,["imgUrl","userId","isReply","guideText","buttonName","isSelected","optionMessage","cancelButtonName","onClose","onSubmit","onCheck"]);const{value:k,className:O,disabled:C,spellCheck:D=!1,children:q}=N,I=m(N,["value","className","disabled","spellCheck","children"]),S=""===k.trim(),A=!d||S||C,T=d&&j;/*#__PURE__*/
4
- return e.jsxs(a.Box,{"data-testid":"design-system-commentArea--full-container",className:r.twMerge("flex w-full items-start gap-4",O),children:[f&&/*#__PURE__*/e.jsx(l.SystemIcon,{name:"medium_reply",className:"shrink-0 text-w-gray-400"}),
5
- /*#__PURE__*/e.jsxs(a.Box,{"data-testid":"design-system-commentArea--container",className:"w-full rounded-xl border border-w-gray-200 bg-w-white",children:[
3
+ /*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"text-w-gray-600 w-full font-medium",children:t})]}),y=({guideText:t})=>/*#__PURE__*/e.jsx(a.Box,{className:"bg-w-gray-10 text-w-gray-500 w-full",children:/*#__PURE__*/e.jsx("ul",{className:"typo-body14 flex flex-col gap-0.5",children:"string"==typeof t?/*#__PURE__*/e.jsx("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:t}):/*#__PURE__*/e.jsx(e.Fragment,{children:null==t?void 0:t.map((t=>/*#__PURE__*/e.jsx("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:t},t)))})})}),f=/*#__PURE__*/t.forwardRef(((t,s)=>{var{imgUrl:n,userId:d,isReply:f,guideText:g,buttonName:p,isSelected:b,optionMessage:j,cancelButtonName:h="취소",onClose:w,onSubmit:v,onCheck:B}=t,N=m(t,["imgUrl","userId","isReply","guideText","buttonName","isSelected","optionMessage","cancelButtonName","onClose","onSubmit","onCheck"]);const{value:k,className:O,disabled:C,spellCheck:D=!1,children:q}=N,I=m(N,["value","className","disabled","spellCheck","children"]),S=""===k.trim(),A=!d||S||C,T=d&&j;/*#__PURE__*/
4
+ return e.jsxs(a.Box,{"data-testid":"design-system-commentArea--full-container",className:r.twMerge("flex w-full items-start gap-4",O),children:[f&&/*#__PURE__*/e.jsx(l.SystemIcon,{name:"medium_reply",className:"text-w-gray-400 shrink-0"}),
5
+ /*#__PURE__*/e.jsxs(a.Box,{"data-testid":"design-system-commentArea--container",className:"border-w-gray-200 bg-w-white w-full rounded-xl border",children:[
6
6
  /*#__PURE__*/e.jsx(a.Box,{className:"flex w-full flex-col gap-2 px-4 py-3",children:q?/*#__PURE__*/e.jsx(a.Box,{className:"h-[98px]",children:q}):/*#__PURE__*/e.jsxs(e.Fragment,{children:[d&&/*#__PURE__*/e.jsx(x,{imgUrl:n,userId:d}),
7
- /*#__PURE__*/e.jsx("textarea",u({"data-testid":"design-system-commentArea",ref:s,value:k,spellCheck:D,disabled:C||!d,className:"outline-hidden placeholder:typo-body16 tracking-default h-[63px] w-full resize-none border-none bg-transparent text-w-gray-900 placeholder:font-normal placeholder:text-w-gray-300"},I))]})}),g&&/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system-commentArea--guide-message",className:"w-full bg-w-gray-10 px-4 py-2 text-w-gray-500",children:/*#__PURE__*/e.jsx(y,{guideText:g})}),
7
+ /*#__PURE__*/e.jsx("textarea",u({"data-testid":"design-system-commentArea",ref:s,value:k,spellCheck:D,disabled:C||!d,className:"placeholder:typo-body16 tracking-default text-w-gray-900 placeholder:text-w-gray-300 h-[63px] w-full resize-none border-none bg-transparent outline-hidden placeholder:font-normal"},I))]})}),g&&/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system-commentArea--guide-message",className:"bg-w-gray-10 text-w-gray-500 w-full px-4 py-2",children:/*#__PURE__*/e.jsx(y,{guideText:g})}),
8
8
  /*#__PURE__*/e.jsx(i.Divider,{}),
9
9
  /*#__PURE__*/e.jsxs(a.Box,{"data-testid":"design-system-commentArea--buttons",className:r.twMerge("flex w-full items-center justify-end px-4 py-3",T&&"justify-between"),children:[T&&/*#__PURE__*/e.jsx(c.CheckboxListItem,{label:j,checked:b,onChange:B,disabled:C||!d}),
10
10
  /*#__PURE__*/e.jsxs(a.Box,{className:"flex w-fit shrink-0 items-center gap-3",children:[f&&/*#__PURE__*/e.jsx(o.Button,{size:"36",onClick:w,variant:"outline_gray",children:h}),
@@ -2,5 +2,5 @@
2
2
  return e.jsxs(a.Box,{className:"flex w-full flex-col gap-6",children:[
3
3
  /*#__PURE__*/e.jsx("input",{ref:b,type:"file",className:"hidden",accept:p,multiple:u,onChange:y,disabled:c,"data-testid":"file-uploader-input"}),d.length>0&&/*#__PURE__*/e.jsx(a.Box,{className:"flex flex-col gap-2",children:d.map(((r,l)=>/*#__PURE__*/e.jsx(s.FileItem,{file:r,onRemove:()=>v(l),disabled:c},`${r.name}-${l}`)))}),
4
4
  /*#__PURE__*/e.jsxs(a.Box,{className:"flex flex-col gap-2",children:[
5
- /*#__PURE__*/e.jsx("button",{type:"button",className:r.twMerge("flex w-full items-center justify-center gap-3 rounded-xl border border-dashed border-w-gray-200 bg-w-gray-10 px-6 py-8 text-w-gray-600",j?"flex-row":"flex-col",c&&"cursor-not-allowed",g&&"border-w-red-500",!c&&!g&&"hover:border-w-gray-400",w&&!c&&!g&&"border-w-gray-400"),disabled:c,onClick:S,onDragOver:B,onDragLeave:q,onDrop:C,children:/*#__PURE__*/e.jsx(s.FileUploadArea,{disabled:c,isSmall:j,text:h,acceptDescription:z})}),
5
+ /*#__PURE__*/e.jsx("button",{type:"button",className:r.twMerge("border-w-gray-200 bg-w-gray-10 text-w-gray-600 flex w-full items-center justify-center gap-3 rounded-xl border border-dashed px-6 py-8",j?"flex-row":"flex-col",c&&"cursor-not-allowed",g&&"border-w-red-500",!c&&!g&&"hover:border-w-gray-400",w&&!c&&!g&&"border-w-gray-400"),disabled:c,onClick:S,onDragOver:B,onDragLeave:q,onDrop:C,children:/*#__PURE__*/e.jsx(s.FileUploadArea,{disabled:c,isSmall:j,text:h,acceptDescription:z})}),
6
6
  /*#__PURE__*/e.jsx(i.SupportTextContainer,{errorMessage:m,supportMessage:f,currentFileSize:D,maxFileSize:x})]})]})};
@@ -1,10 +1,10 @@
1
1
  "use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge"),s=require("../../Base/Typography/Typography.js"),r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js"),require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var i=require("./FileUploader.utils.js");exports.FileItem=({file:l,onRemove:n,disabled:o=!1})=>{const c=i.getFileNameWithoutExtension(l.name),y=i.getFileExtension(l.name),m=i.formatFileSize(l.size);/*#__PURE__*/
2
- return e.jsx(r.Box,{className:"w-0 min-w-full rounded-xl border border-w-gray-200 px-3 py-2",children:/*#__PURE__*/e.jsxs(r.Box,{className:"flex items-center gap-2",children:[
3
- /*#__PURE__*/e.jsx(t.SystemIcon,{name:"medium_clip",className:"shrink-0 text-primary-500"}),
2
+ return e.jsx(r.Box,{className:"border-w-gray-200 w-0 min-w-full rounded-xl border px-3 py-2",children:/*#__PURE__*/e.jsxs(r.Box,{className:"flex items-center gap-2",children:[
3
+ /*#__PURE__*/e.jsx(t.SystemIcon,{name:"medium_clip",className:"text-primary-500 shrink-0"}),
4
4
  /*#__PURE__*/e.jsxs(r.Box,{className:"flex min-w-0 flex-1 items-center",children:[
5
- /*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"min-w-0 truncate text-w-gray-600",children:c}),
6
- /*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"shrink-0 text-w-gray-600",children:y})]}),
7
- /*#__PURE__*/e.jsx(s.Typography,{variant:"body14",className:"ml-4 shrink-0 text-w-gray-400",children:m}),
5
+ /*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"text-w-gray-600 min-w-0 truncate",children:c}),
6
+ /*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"text-w-gray-600 shrink-0",children:y})]}),
7
+ /*#__PURE__*/e.jsx(s.Typography,{variant:"body14",className:"text-w-gray-400 ml-4 shrink-0",children:m}),
8
8
  /*#__PURE__*/e.jsx("button",{type:"button",onClick:n,disabled:o,"aria-label":"파일 삭제",className:o?"cursor-not-allowed":"",children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:"small_delete",className:a.twMerge("ml-2 shrink-0",o?"text-w-gray-300":"text-w-gray-400")})})]})})},exports.FileUploadArea=({disabled:a,isSmall:i,text:l,acceptDescription:n})=>{const o=a?"text-w-gray-300":"text-w-gray-600",c=a?"text-w-gray-300":"text-w-gray-400";/*#__PURE__*/
9
9
  return e.jsxs(e.Fragment,{children:[
10
10
  /*#__PURE__*/e.jsx(t.SystemIcon,{name:"medium_upload",className:o}),i?/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:o,children:l||"파일 업로드"}):/*#__PURE__*/e.jsxs(r.Box,{className:"flex flex-col items-center justify-center gap-0.5",children:[
@@ -45,5 +45,5 @@
45
45
  */
46
46
  const o=/*#__PURE__*/r.forwardRef((({leadingIcon:r,trailingIcon:o,text:n,children:c,onClick:d,isOpen:y=!1,badgeCount:p,className:m},g)=>{const u=p&&Number(p)>0,x=y||u;/*#__PURE__*/
47
47
  return e.jsxs(a.Box,{ref:g,"data-testid":"design-system-filter-chip--outer-container",className:t.twMerge("relative w-fit",m),children:[
48
- /*#__PURE__*/e.jsxs(a.Box,{"data-testid":"design-system-filter-chip",className:t.twMerge("relative flex w-full cursor-pointer select-none items-center gap-1 rounded-full border border-w-gray-200 bg-w-white px-[15px] py-1.5 hover:border-primary",y&&"border-primary",u&&"border-2 border-primary bg-primary-10 px-[14px] py-[5px]"),onClick:d,children:[r&&/*#__PURE__*/e.jsx(l.SystemIcon,{testId:"design-system-filter-chip--leading-icon",name:r,className:t.twMerge("text-w-gray-900",x&&"text-primary")}),
49
- /*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:t.twMerge("text-w-gray-900",x&&"text-primary"),children:n}),o&&/*#__PURE__*/e.jsx(l.SystemIcon,{testId:"design-system-filter-chip--trailing-icon",name:o,className:t.twMerge("text-w-gray-400",x&&"text-primary")}),u&&/*#__PURE__*/e.jsx(i.CountBadge,{text:p,className:"-right-1 -top-1"})]}),y&&c&&/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system-filter-chip--list",className:"absolute -bottom-2 left-0 z-40 translate-y-full transform transition-all",children:c})]})}));o.displayName="FilterChip",exports.FilterChip=o;
48
+ /*#__PURE__*/e.jsxs(a.Box,{"data-testid":"design-system-filter-chip",className:t.twMerge("border-w-gray-200 bg-w-white hover:border-primary relative flex w-full cursor-pointer items-center gap-1 rounded-full border px-[15px] py-1.5 select-none",y&&"border-primary",u&&"border-primary bg-primary-10 border-2 px-[14px] py-[5px]"),onClick:d,children:[r&&/*#__PURE__*/e.jsx(l.SystemIcon,{testId:"design-system-filter-chip--leading-icon",name:r,className:t.twMerge("text-w-gray-900",x&&"text-primary")}),
49
+ /*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:t.twMerge("text-w-gray-900",x&&"text-primary"),children:n}),o&&/*#__PURE__*/e.jsx(l.SystemIcon,{testId:"design-system-filter-chip--trailing-icon",name:o,className:t.twMerge("text-w-gray-400",x&&"text-primary")}),u&&/*#__PURE__*/e.jsx(i.CountBadge,{text:p,className:"-top-1 -right-1"})]}),y&&c&&/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system-filter-chip--list",className:"absolute -bottom-2 left-0 z-40 translate-y-full transform transition-all",children:c})]})}));o.displayName="FilterChip",exports.FilterChip=o;
@@ -1,8 +1,8 @@
1
1
  "use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),t=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js"),require("react");var l=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var i=require("../../DataDisplays/Divider/Divider.js");require("../../DataDisplays/Accordion/Accordion.js");var r=require("../Button/Button.js"),n=require("../Checkbox/Checkbox.js"),c=require("../CheckboxListItem/CheckboxListItem.js");exports.FilterList=({title:o,buttonName:u="적용하기",name:d,onSelectAll:x,isAllSelected:m,isViewOnly:y=!1,data:p,className:h,selectedValues:j,onReset:g,onViewOnly:b,onSubmit:f})=>{console.log("selectedValues: ",j);/*#__PURE__*/
2
- return e.jsxs(a.Box,{"data-testid":"design-system-filter-list",className:s.twMerge("w-full rounded-xl bg-w-white shadow-graymedium desktop:w-[360px]",h),children:[
2
+ return e.jsxs(a.Box,{"data-testid":"design-system-filter-list",className:s.twMerge("bg-w-white shadow-graymedium desktop:w-[360px] w-full rounded-xl",h),children:[
3
3
  /*#__PURE__*/e.jsxs(a.Box,{className:"flex flex-col gap-5 px-8 py-6",children:[
4
4
  /*#__PURE__*/e.jsxs(a.Box,{className:"flex items-center justify-between",children:[
5
- /*#__PURE__*/e.jsx(t.Typography,{variant:"subTitle18",className:"font-medium text-w-gray-900",children:o}),x&&/*#__PURE__*/e.jsxs("button",{"data-testid":"design-system-filter--select-all",className:"group flex w-fit items-center gap-1",onClick:e=>{e.preventDefault(),null==x||x()},children:[
5
+ /*#__PURE__*/e.jsx(t.Typography,{variant:"subTitle18",className:"text-w-gray-900 font-medium",children:o}),x&&/*#__PURE__*/e.jsxs("button",{"data-testid":"design-system-filter--select-all",className:"group flex w-fit items-center gap-1",onClick:e=>{e.preventDefault(),null==x||x()},children:[
6
6
  /*#__PURE__*/e.jsx(n.Checkbox,{type:"sub",checked:m}),
7
7
  /*#__PURE__*/e.jsx(t.Typography,{variant:"body14",className:"text-w-gray-600",children:m?"선택 해제":"전체 선택"})]})]}),
8
8
  /*#__PURE__*/e.jsxs(a.Box,{className:"flex flex-col gap-4",children:[p.map((s=>{const{value:t,label:a,onChange:l}=s;/*#__PURE__*/
@@ -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}exports.IconButton=l=>{var{size:u="md",outline:c=!1,children:a,onClick:b,className:d,disabled:p,hasNew:f=!1}=l,m=s(l,["size","outline","children","onClick","className","disabled","hasNew"]);const[y,g]=t.useState(!1),O=t.useRef(null);return t.useEffect((()=>()=>{O.current&&clearTimeout(O.current)}),[]),/*#__PURE__*/e.jsxs("button",i(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({"data-testid":"design-system-icon-button",type:"button",className:r.twMerge("relative flex items-center justify-center rounded-xl border bg-transparent",p?"cursor-not-allowed":"cursor-pointer","sm"===u?"size-6 rounded-lg":"md"===u?"size-9":"lg"===u?"size-[50px]":void 0,c?"border-w-gray-200 overflow-hidden":"border-transparent",d),onClick:e=>{null==b||b(e),g(!0),O.current&&clearTimeout(O.current),O.current=setTimeout((()=>{g(!1)}),300)},disabled:p},m),{children:[f&&"sm"!==u&&/*#__PURE__*/e.jsx(n.Box,{"data-testid":"design-system-icon-button--new",className:r.twJoin("absolute size-1 rounded-full bg-w-orange-500","md"===u&&"right-1 top-2","lg"===u&&"right-[9px] top-[13px]")}),y&&/*#__PURE__*/e.jsx(n.Box,{"data-testid":"design-system-icon-button--ripple",className:r.twMerge("absolute h-full w-full bg-w-gray-500/10",c&&"sm"===u?"animate-ripple-outline-small":c?"animate-ripple-outline":"animate-ripple")}),
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}exports.IconButton=l=>{var{size:u="md",outline:c=!1,children:a,onClick:b,className:d,disabled:p,hasNew:f=!1}=l,m=s(l,["size","outline","children","onClick","className","disabled","hasNew"]);const[y,g]=t.useState(!1),O=t.useRef(null);return t.useEffect((()=>()=>{O.current&&clearTimeout(O.current)}),[]),/*#__PURE__*/e.jsxs("button",i(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({"data-testid":"design-system-icon-button",type:"button",className:r.twMerge("relative flex items-center justify-center rounded-xl border bg-transparent",p?"cursor-not-allowed":"cursor-pointer","sm"===u?"size-6 rounded-lg":"md"===u?"size-9":"lg"===u?"size-[50px]":void 0,c?"border-w-gray-200 overflow-hidden":"border-transparent",d),onClick:e=>{null==b||b(e),g(!0),O.current&&clearTimeout(O.current),O.current=setTimeout((()=>{g(!1)}),300)},disabled:p},m),{children:[f&&"sm"!==u&&/*#__PURE__*/e.jsx(n.Box,{"data-testid":"design-system-icon-button--new",className:r.twJoin("bg-w-orange-500 absolute size-1 rounded-full","md"===u&&"top-2 right-1","lg"===u&&"top-[13px] right-[9px]")}),y&&/*#__PURE__*/e.jsx(n.Box,{"data-testid":"design-system-icon-button--ripple",className:r.twMerge("bg-w-gray-500/10 absolute h-full w-full",c&&"sm"===u?"animate-ripple-outline-small":c?"animate-ripple-outline":"animate-ripple")}),
35
35
  /*#__PURE__*/e.jsx(n.Box,{"data-testid":"design-system-icon-button--icon",className:"absolute flex h-full w-full items-center justify-center",children:a})]}))};
@@ -1,3 +1,3 @@
1
1
  "use client";"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var i=require("../IconButton/IconButton.js"),n=require("../List/List.js"),o=require("../../../hooks/useDropdown.js");exports.IconButtonDropdown=({icon:a,items:r,selectedItem:l,onItemClick:c,size:d="sm",align:u="left",disabled:m=!1})=>{const{isListOpen:y,ref:I,focusedIndex:j,handleItemClick:x,toggleListOpen:w,handleKeyDown:p}=o.useDropdown({items:r,onItemClick:c});/*#__PURE__*/
2
- return e.jsxs("div",{"data-testid":"design-system-icon-button-dropdown",className:"outline-hidden relative w-fit",ref:I,onKeyDown:p,tabIndex:0,children:[
3
- /*#__PURE__*/e.jsx(i.IconButton,{onClick:w,size:d,className:"outline-hidden",disabled:m,children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:a,className:s.twJoin(m&&"text-w-gray-300")})}),y&&/*#__PURE__*/e.jsx("div",{"data-testid":"design-system-icon-button-dropdown--list-container",className:s.twJoin("absolute -bottom-2 z-40 translate-y-full transform transition-all","right"===u?"right-0":"left-0 "),children:/*#__PURE__*/e.jsx(n.List.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:r.map(((s,t)=>/*#__PURE__*/e.jsx(n.List.Item,{text:s.value,leadingIcon:s.leadingIcon,onClick:()=>x(s),selected:s.key===(null==l?void 0:l.key),isFocused:t===j},s.key)))})})]})};
2
+ return e.jsxs("div",{"data-testid":"design-system-icon-button-dropdown",className:"relative w-fit outline-hidden",ref:I,onKeyDown:p,tabIndex:0,children:[
3
+ /*#__PURE__*/e.jsx(i.IconButton,{onClick:w,size:d,className:"outline-hidden",disabled:m,children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:a,className:s.twJoin(m&&"text-w-gray-300")})}),y&&/*#__PURE__*/e.jsx("div",{"data-testid":"design-system-icon-button-dropdown--list-container",className:s.twJoin("absolute -bottom-2 z-40 translate-y-full transform transition-all","right"===u?"right-0":"left-0"),children:/*#__PURE__*/e.jsx(n.List.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:r.map(((s,t)=>/*#__PURE__*/e.jsx(n.List.Item,{text:s.value,leadingIcon:s.leadingIcon,onClick:()=>x(s),selected:s.key===(null==l?void 0:l.key),isFocused:t===j},s.key)))})})]})};
@@ -24,4 +24,4 @@
24
24
  * // 에러 상태
25
25
  * <Input isError placeholder="에러 상태" />
26
26
  */(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const a=/*#__PURE__*/r.forwardRef(((r,a)=>{var{disabled:l,className:i,isError:u,isFocused:c}=r,s=o(r,["disabled","className","isError","isFocused"]);/*#__PURE__*/
27
- return e.jsx("input",function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}({role:"text-input",ref:a,className:t.twMerge("outline-hidden typo-body16 placeholder:typo-body16 tracking-default placeholder:tracking-default w-full text-w-gray-600 placeholder:text-w-gray-300 disabled:bg-w-gray-10",l&&"placeholder:typo-body16 cursor-not-allowed text-w-gray-300 placeholder:text-w-gray-200",i),"data-testid":"design-system--input",disabled:l},s))}));a.displayName="Input",exports.Input=a;
27
+ return e.jsx("input",function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}({role:"text-input",ref:a,className:t.twMerge("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",l&&"placeholder:typo-body16 text-w-gray-300 placeholder:text-w-gray-200 cursor-not-allowed",i),"data-testid":"design-system--input",disabled:l},s))}));a.displayName="Input",exports.Input=a;
@@ -1,2 +1,2 @@
1
- "use client";"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var a=require("../../Base/Typography/Typography.js"),r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");exports.InputChip=({children:i,onDelete:l,className:n})=>/*#__PURE__*/e.jsxs(r.Box,{"data-testid":"design-system-input-chip--container",className:s.twMerge("flex h-6 w-fit max-w-[100px] select-none items-center gap-0.5 rounded-lg bg-w-gray-100 px-2 py-px",!!l&&"pl-2 pr-1.5",n),children:[
2
- /*#__PURE__*/e.jsx(a.Typography,{variant:"body14",className:"h-6 w-full overflow-hidden text-ellipsis whitespace-nowrap break-all text-w-gray-600",children:i}),!!l&&/*#__PURE__*/e.jsx(r.Box,{onClick:l,"data-testid":"design-system-input-chip--delete",children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:"small_delete",className:"cursor-pointer text-w-gray-400"})})]});
1
+ "use client";"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var a=require("../../Base/Typography/Typography.js"),r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");exports.InputChip=({children:i,onDelete:l,className:n})=>/*#__PURE__*/e.jsxs(r.Box,{"data-testid":"design-system-input-chip--container",className:s.twMerge("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",n),children:[
2
+ /*#__PURE__*/e.jsx(a.Typography,{variant:"body14",className:"text-w-gray-600 h-6 w-full overflow-hidden break-all text-ellipsis whitespace-nowrap",children:i}),!!l&&/*#__PURE__*/e.jsx(r.Box,{onClick:l,"data-testid":"design-system-input-chip--delete",children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:"small_delete",className:"text-w-gray-400 cursor-pointer"})})]});
@@ -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 i=Object.getOwnPropertySymbols(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");const o={Root:s=>{var{children:n,className:i,disableScroll:o=!1}=s,u=c(s,["children","className","disableScroll"]);const y=t.useRef(null),[d,p]=t.useState(!1);return t.useLayoutEffect((()=>{const e=y.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;p(t>r)}),[]),/*#__PURE__*/e.jsx("ul",a(l({ref:y,"data-testid":"design-system-list",className:r.twMerge("flex max-h-60 w-full min-w-[220px] flex-col rounded-xl bg-w-white p-2 shadow-graymedium",o?"max-h-full overflow-visible":"scrollbar-list overflow-y-auto",d&&!o&&"pr-0",i)},u),{children:n}))},Item:t=>{var{leadingIcon:i,text:o,selected:u=!1,disabled:y=!1,canceled:d=!1,children:p,className:m,isFocused:b=!1}=t,f=c(t,["leadingIcon","text","selected","disabled","canceled","children","className","isFocused"]);const g=r.twMerge(u?"text-primary-500":"text-w-gray-600",d&&"text-w-red-500",y&&"text-w-gray-300");/*#__PURE__*/
11
- return e.jsxs("li",a(l({className:r.twMerge("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!y&&b&&"bg-primary-10",!y&&"hover:bg-primary-10",m)},f),{onClick:e=>{var t;y||null===(t=f.onClick)||void 0===t||t.call(f,e)},"data-testid":"design-system-list-item",children:[i&&/*#__PURE__*/e.jsx(n.SystemIcon,{name:i,className:g,testId:"design-system-list-item-leading-icon"}),o&&/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:g,"data-testid":"design-system-list-item-text",children:o}),p]}))}};
10
+ */(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");const o={Root:s=>{var{children:n,className:i,disableScroll:o=!1}=s,u=c(s,["children","className","disableScroll"]);const y=t.useRef(null),[d,p]=t.useState(!1);return t.useLayoutEffect((()=>{const e=y.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;p(t>r)}),[]),/*#__PURE__*/e.jsx("ul",a(l({ref:y,"data-testid":"design-system-list",className:r.twMerge("bg-w-white shadow-graymedium flex max-h-60 w-full min-w-[220px] flex-col rounded-xl p-2",o?"max-h-full overflow-visible":"scrollbar-list overflow-y-auto",d&&!o&&"pr-0",i)},u),{children:n}))},Item:t=>{var{leadingIcon:i,text:o,selected:u=!1,disabled:y=!1,canceled:d=!1,children:p,className:m,isFocused:b=!1}=t,f=c(t,["leadingIcon","text","selected","disabled","canceled","children","className","isFocused"]);const g=r.twMerge(u?"text-primary-500":"text-w-gray-600",d&&"text-w-red-500",y&&"text-w-gray-300");/*#__PURE__*/
11
+ return e.jsxs("li",a(l({className:r.twMerge("bg-w-white visible flex cursor-pointer items-center gap-2 rounded-xl px-4 py-3 select-none",!y&&b&&"bg-primary-10",!y&&"hover:bg-primary-10",m)},f),{onClick:e=>{var t;y||null===(t=f.onClick)||void 0===t||t.call(f,e)},"data-testid":"design-system-list-item",children:[i&&/*#__PURE__*/e.jsx(n.SystemIcon,{name:i,className:g,testId:"design-system-list-item-leading-icon"}),o&&/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:g,"data-testid":"design-system-list-item-text",children:o}),p]}))}};
12
12
  /**
13
13
  * List.Item 컴포넌트는 개별 목록 항목을 표시합니다.
14
14
  *
@@ -22,8 +22,8 @@
22
22
  * </MultiColumnList.Root>
23
23
  * ```
24
24
  */exports.Category=o=>{var{children:u,className:y,index:d}=o,g=i(o,["children","className","index"]);const{handleCategoryClick:m,activeCategory:p}=t.useContext(c),f=d===p;/*#__PURE__*/
25
- return e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--category",className:r.twMerge("w-full cursor-pointer rounded-xl px-4 py-3 text-w-gray-600 hover:bg-primary-10",f&&"font-medium text-primary",y),onClick:()=>void 0!==d&&m(d)},g),{children:/*#__PURE__*/e.jsx(l.Typography,{variant:"body16",className:"whitespace-normal break-all",children:u})}))},exports.CategoryContainer=t=>{var{className:l,children:o}=t,c=i(t,["className","children"]);/*#__PURE__*/
26
- return e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--category-container",className:r.twMerge("scrollbar-list flex h-full w-[180px] shrink-0 flex-col overflow-y-auto border-r border-w-gray-200 py-2 pl-2",l)},c),{children:o}))},exports.List=r=>{var{children:o,title:u,index:y}=r,d=i(r,["children","title","index"]);const{activeCategory:g}=t.useContext(c);return y!==g?null:/*#__PURE__*/e.jsxs(n.Box,s(a({"data-testid":"design-system-multi-column-list--list-item",className:"flex w-full flex-col gap-4"},d),{children:[u&&/*#__PURE__*/e.jsx(l.Typography,{variant:"body16",className:"w-full font-medium text-primary","data-testid":"design-system-multi-column-list-title",children:u}),o]}))},exports.ListContainer=l=>{var{children:o,className:u}=l,y=i(l,["children","className"]);const{activeCategory:d}=t.useContext(c),g=t.useRef(null);return t.useEffect((()=>{g.current&&g.current.scrollTo({top:0})}),[d]),/*#__PURE__*/e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--list-container",ref:g,className:r.twMerge("scrollbar-list flex h-full w-full flex-col gap-6 overflow-y-auto px-6 py-5",u)},y),{children:o}))},exports.Root=l=>{var{children:o,className:u,currentActiveCategory:y=0,onCategoryChange:d}=l,g=i(l,["children","className","currentActiveCategory","onCategoryChange"]);const[m,p]=t.useState(y);return t.useEffect((()=>{y!==m&&p(y);
25
+ return e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--category",className:r.twMerge("text-w-gray-600 hover:bg-primary-10 w-full cursor-pointer rounded-xl px-4 py-3",f&&"text-primary font-medium",y),onClick:()=>void 0!==d&&m(d)},g),{children:/*#__PURE__*/e.jsx(l.Typography,{variant:"body16",className:"break-all whitespace-normal",children:u})}))},exports.CategoryContainer=t=>{var{className:l,children:o}=t,c=i(t,["className","children"]);/*#__PURE__*/
26
+ return e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--category-container",className:r.twMerge("scrollbar-list border-w-gray-200 flex h-full w-[180px] shrink-0 flex-col overflow-y-auto border-r py-2 pl-2",l)},c),{children:o}))},exports.List=r=>{var{children:o,title:u,index:y}=r,d=i(r,["children","title","index"]);const{activeCategory:g}=t.useContext(c);return y!==g?null:/*#__PURE__*/e.jsxs(n.Box,s(a({"data-testid":"design-system-multi-column-list--list-item",className:"flex w-full flex-col gap-4"},d),{children:[u&&/*#__PURE__*/e.jsx(l.Typography,{variant:"body16",className:"text-primary w-full font-medium","data-testid":"design-system-multi-column-list-title",children:u}),o]}))},exports.ListContainer=l=>{var{children:o,className:u}=l,y=i(l,["children","className"]);const{activeCategory:d}=t.useContext(c),g=t.useRef(null);return t.useEffect((()=>{g.current&&g.current.scrollTo({top:0})}),[d]),/*#__PURE__*/e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--list-container",ref:g,className:r.twMerge("scrollbar-list flex h-full w-full flex-col gap-6 overflow-y-auto px-6 py-5",u)},y),{children:o}))},exports.Root=l=>{var{children:o,className:u,currentActiveCategory:y=0,onCategoryChange:d}=l,g=i(l,["children","className","currentActiveCategory","onCategoryChange"]);const[m,p]=t.useState(y);return t.useEffect((()=>{y!==m&&p(y);
27
27
  // eslint-disable-next-line react-hooks/exhaustive-deps
28
28
  }),[y]),/*#__PURE__*/e.jsx(c.Provider,{value:{activeCategory:m,currentActiveCategory:y,handleCategoryClick:e=>{e!==m&&(// 현재 카테고리를 다시 클릭하는 경우 방지
29
- null==d||d(e),p(e))}},children:/*#__PURE__*/e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--root",className:r.twMerge("flex h-full w-full rounded-xl border border-w-gray-200 bg-w-white",u)},g),{children:o}))})};
29
+ null==d||d(e),p(e))}},children:/*#__PURE__*/e.jsx(n.Box,s(a({"data-testid":"design-system-multi-column-list--root",className:r.twMerge("border-w-gray-200 bg-w-white flex h-full w-full rounded-xl border",u)},g),{children:o}))})};
@@ -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.jsx("div",{className:r.twMerge("size-2 rounded-full bg-primary transition-all duration-100 ease-in-out",!o&&"h-0 w-0",i&&"bg-w-red-500",t&&"bg-w-gray-200",o&&t&&"bg-primary-100")})}),l=/*#__PURE__*/t.forwardRef(((t,i)=>{var{value:l="",checked:u=!1,disabled:d=!1,isError:c=!1,className:b}=t,p=n(t,["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.jsx("div",{className:r.twMerge("bg-primary size-2 rounded-full transition-all duration-100 ease-in-out",!o&&"h-0 w-0",i&&"bg-w-red-500",t&&"bg-w-gray-200",o&&t&&"bg-primary-100")})}),l=/*#__PURE__*/t.forwardRef(((t,i)=>{var{value:l="",checked:u=!1,disabled:d=!1,isError:c=!1,className:b}=t,p=n(t,["value","checked","disabled","isError","className"]);/*#__PURE__*/
12
12
  return e.jsxs(o.Box,{"data-testid":"design-system-radio",className:r.twMerge("group relative cursor-pointer",b),children:[
13
13
  /*#__PURE__*/e.jsx("input",a({ref:i,type:"radio",className:"absolute inset-0 z-10 cursor-pointer opacity-0",value:l,checked:u,disabled:d},p)),
14
14
  /*#__PURE__*/e.jsx(s,{checked:u,isError:c,disabled:d})]})}));
@@ -1,4 +1,4 @@
1
1
  "use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var t=require("../../DataDisplays/ProductIcon/ProductIcon.js");require("../../DataDisplays/Accordion/Accordion.js");var i=require("../Radio/Radio.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){o(e,r,t[r])}))}return e}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function a(e,r){if(null==e)return{};var t,i,o=function(e,r){if(null==e)return{};var t,i,o={},s=Object.keys(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}exports.RadioCardContainer=t=>{var{children:i,isWide:o,checked:c,isError:l,disabled:d,className:u}=t,p=a(t,["children","isWide","checked","isError","disabled","className"]);/*#__PURE__*/
2
2
  return e.jsx("div",n(s({className:r.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",o?"min-h-[94px] w-[298px] flex-row gap-3 px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 py-6",!d&&!l&&"group-focus-within:border-primary-500",d&&c&&!l?"cursor-not-allowed border-primary-100":d?"cursor-not-allowed border-w-gray-200":l?"border-w-red-500":c?"border-primary-500":"border-w-gray-200 group-hover:border-primary",d?c&&!l?"bg-primary-10":"bg-w-gray-10":c?l?"bg-w-red-10":"bg-primary-10":"bg-w-white",u)},p),{children:i}))},exports.RadioCardIcon=({iconName:i,disabled:o,checked:s,isError:n})=>{const a=n||!s;/*#__PURE__*/
3
3
  return e.jsx("div",{className:r.twMerge("flex size-[60px] shrink-0 items-center justify-center",o&&"opacity-30"),"data-testid":"design-system-radioCard--icon",children:/*#__PURE__*/e.jsx(t.ProductIcon,{name:i,disabled:a})})},exports.StyledRadio=t=>{var{isWide:o,disabled:n,isError:c,checked:l}=t,d=a(t,["isWide","disabled","isError","checked"]);const u=!o,p=c&&l&&n;/*#__PURE__*/
4
- return e.jsx(i.Radio,s({className:r.twMerge(u&&"absolute left-[17px] top-[17px]"),disabled:n||p,checked:!p&&l,isError:c},d))},exports.TitleContainer=({isWide:t,children:i})=>/*#__PURE__*/e.jsx("div",{className:r.twJoin("flex h-auto w-full flex-col justify-between gap-0.5",t?"items-start":"items-center"),children:i});
4
+ return e.jsx(i.Radio,s({className:r.twMerge(u&&"absolute top-[17px] left-[17px]"),disabled:n||p,checked:!p&&l,isError:c},d))},exports.TitleContainer=({isWide:t,children:i})=>/*#__PURE__*/e.jsx("div",{className:r.twJoin("flex h-auto w-full flex-col justify-between gap-0.5",t?"items-start":"items-center"),children:i});
@@ -1,5 +1,5 @@
1
- "use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../../Base/Typography/Typography.js"),i=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var s=require("../Radio/Radio.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){a(e,r,t[r])}))}return e}function o(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function l(e,r){if(null==e)return{};var t,i,s=function(e,r){if(null==e)return{};var t,i,s={},a=Object.keys(e);for(i=0;i<a.length;i++)t=a[i],r.indexOf(t)>=0||(s[t]=e[t]);return s}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)t=a[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(s[t]=e[t])}return s}const c=t=>{var{children:i,disabled:s,className:a,hasDescription:c}=t,d=l(t,["children","disabled","className","hasDescription"]);/*#__PURE__*/
2
- return e.jsx("label",o(n({className:r.twMerge("grid-areas-radio-list-item-container grid h-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container gap-x-3",s?"cursor-not-allowed":"cursor-pointer",c?"gap-y-0.5":"gap-y-0",a)},d),{children:i}))};exports.RadioListItem=a=>{var{name:o,value:d,label:u,description:p,checked:y,disabled:g=!1,isError:m=!1,errorMessage:b,className:h,RadioClassName:f,onChange:j,children:x}=a,O=l(a,["name","value","label","description","checked","disabled","isError","errorMessage","className","RadioClassName","onChange","children"]);/*#__PURE__*/
1
+ "use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../../Base/Typography/Typography.js"),i=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var a=require("../Radio/Radio.js");function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){s(e,r,t[r])}))}return e}function o(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function l(e,r){if(null==e)return{};var t,i,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 c=t=>{var{children:i,disabled:a,className:s,hasDescription:c}=t,d=l(t,["children","disabled","className","hasDescription"]);/*#__PURE__*/
2
+ return e.jsx("label",o(n({className:r.twMerge("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",c?"gap-y-0.5":"gap-y-0",s)},d),{children:i}))};exports.RadioListItem=s=>{var{name:o,value:d,label:u,description:p,checked:y,disabled:g=!1,isError:m=!1,errorMessage:b,className:h,RadioClassName:f,onChange:j,children:x}=s,O=l(s,["name","value","label","description","checked","disabled","isError","errorMessage","className","RadioClassName","onChange","children"]);/*#__PURE__*/
3
3
  return e.jsxs(c,{"data-testid":"design-system-radioList--item",disabled:g,hasDescription:!!p,className:r.twMerge("group",h),children:[
4
- /*#__PURE__*/e.jsx(i.Box,{className:"grid-in-radio flex cursor-pointer pt-1",children:/*#__PURE__*/e.jsx(s.Radio,n({name:o,value:d,checked:y,isError:m,disabled:g,onChange:j,className:f},O))}),
5
- /*#__PURE__*/e.jsxs(i.Box,{className:"grid-in-label flex w-full items-center",children:[u&&/*#__PURE__*/e.jsx(t.Typography,{variant:"body16",className:r.twMerge("w-full whitespace-normal break-words",g?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:u}),x]}),m&&b&&/*#__PURE__*/e.jsx(i.Box,{className:"grid-in-error flex items-center",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body14",className:"text-w-red-500","data-testid":"design-system-checkboxList--item-error",children:b})}),p&&/*#__PURE__*/e.jsx(i.Box,{className:"grid-in-description flex items-center",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body14",className:g?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:p})})]})};
4
+ /*#__PURE__*/e.jsx(i.Box,{className:"grid-in-radio flex cursor-pointer pt-1",children:/*#__PURE__*/e.jsx(a.Radio,n({name:o,value:d,checked:y,isError:m,disabled:g,onChange:j,className:f},O))}),
5
+ /*#__PURE__*/e.jsxs(i.Box,{className:"grid-in-label flex w-full items-center",children:[u&&/*#__PURE__*/e.jsx(t.Typography,{variant:"body16",className:r.twMerge("w-full wrap-break-word whitespace-normal",g?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:u}),x]}),m&&b&&/*#__PURE__*/e.jsx(i.Box,{className:"grid-in-error flex items-center",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body14",className:"text-w-red-500","data-testid":"design-system-checkboxList--item-error",children:b})}),p&&/*#__PURE__*/e.jsx(i.Box,{className:"grid-in-description flex items-center",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body14",className:g?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:p})})]})};