@pop-ui/core 0.0.14 → 0.0.16

package/dist/core.umd.cjs

@@ -1 +1 @@
-(function(a,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("@mantine/core"),require("react"),require("dayjs/locale/ko"),require("@mantine/dates"),require("react-beautiful-dnd"),require("@mantine/dropzone")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@mantine/core","react","dayjs/locale/ko","@mantine/dates","react-beautiful-dnd","@mantine/dropzone"],t):(a=typeof globalThis<"u"?globalThis:a||self,t(a.Core={},a.jsxRuntime,a.core,a.React,null,a.dates,a.reactBeautifulDnd,a.dropzone))})(this,function(a,t,c,g,Lt,Y,F,G){"use strict";const O={baseButton:"_baseButton_hyakm_1","baseButton--sizeLg":"_baseButton--sizeLg_hyakm_4","baseButton--sizeMd":"_baseButton--sizeMd_hyakm_13","baseButton--sizeSm":"_baseButton--sizeSm_hyakm_22","baseButton--primary":"_baseButton--primary_hyakm_31","baseButton--primaryLine":"_baseButton--primaryLine_hyakm_51","baseButton--basic":"_baseButton--basic_hyakm_75","baseButton--danger":"_baseButton--danger_hyakm_99","baseButton--setting":"_baseButton--setting_hyakm_119","baseButton--warning":"_baseButton--warning_hyakm_139"},I="#ffffff",tt={primary:I,primaryLine:"#0fd3d8",basic:"#4a4a4a",danger:I,setting:I,warning:I};function et({children:e,size:i="md",styleType:o="primary",isLoading:l=!1,disabled:s=!1,...m}){const _=g.useMemo(()=>{const u={lg:"baseButton--sizeLg",md:"baseButton--sizeMd",sm:"baseButton--sizeSm"},h={primary:"baseButton--primary",primaryLine:"baseButton--primaryLine",basic:"baseButton--basic",danger:"baseButton--danger",setting:"baseButton--setting",warning:"baseButton--warning"};return`${O.baseButton} ${O[u[i]]} ${O[h[o]]}`},[i,o]),p=tt[o],r=g.useMemo(()=>{switch(i){case"lg":return 18;case"sm":return 14;case"md":default:return 16}},[i]);return t.jsx(c.Button,{type:"button",className:_,disabled:s||l,...m,children:l?t.jsx(c.Loader,{color:p,size:r}):e})}const P="data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0877%207.65632L7.97702%207.92086L7.90164%208.27125L8.31695%208.34664C8.58707%208.41155%208.64081%208.50857%208.58218%208.77869L7.90164%2011.9734C7.72365%2012.7991%207.99936%2013.1879%208.6464%2013.1879C9.14895%2013.1879%209.73107%2012.9562%209.99561%2012.6372L10.0766%2012.254C9.89301%2012.4159%209.62288%2012.4808%209.4449%2012.4808C9.19153%2012.4808%209.10009%2012.3028%209.16431%2011.9894L10.0877%207.65632ZM10.1513%205.73336C10.1513%205.97772%2010.0542%206.21206%209.88141%206.38485C9.70862%206.55764%209.47427%206.65471%209.22992%206.65471C8.98556%206.65471%208.75121%206.55764%208.57843%206.38485C8.40564%206.21206%208.30857%205.97772%208.30857%205.73336C8.30857%205.489%208.40564%205.25465%208.57843%205.08187C8.75121%204.90908%208.98556%204.81201%209.22992%204.81201C9.47427%204.81201%209.70862%204.90908%209.88141%205.08187C10.0542%205.25465%2010.1513%205.489%2010.1513%205.73336Z'%20fill='%2353B1FD'/%3e%3ccircle%20cx='9'%20cy='9'%20r='6.1875'%20stroke='%2353B1FD'%20stroke-width='1.125'/%3e%3c/svg%3e",K="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='9'%20fill='%239B9B9B'/%3e%3cpath%20d='M9%209L15%2015'%20stroke='white'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M15%209L9%2015'%20stroke='white'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3c/svg%3e",k={left_label_textfield:"_left_label_textfield_vch3r_1",top_label_textfield:"_top_label_textfield_vch3r_7",sm_label:"_sm_label_vch3r_12",md_label:"_md_label_vch3r_21",lg_label:"_lg_label_vch3r_30",sm_tooltip:"_sm_tooltip_vch3r_39",md_tooltip:"_md_tooltip_vch3r_44",lg_tooltip:"_lg_tooltip_vch3r_49",textfield_wrapper:"_textfield_wrapper_vch3r_54",text_counter:"_text_counter_vch3r_58",textarea:"_textarea_vch3r_70",sm_textfield:"_sm_textfield_vch3r_79",md_textfield:"_md_textfield_vch3r_94",lg_textfield:"_lg_textfield_vch3r_109",input_description:"_input_description_vch3r_124",input_error_msg:"_input_error_msg_vch3r_128",clear_button:"_clear_button_vch3r_132"},lt=e=>{const{label:i,labelPosition:o="top",size:l="md",required:s,tooltip:m,tooltipPosition:_="top",errorMsg:p,description:r,textarea:u=!1,maxTextCount:h,onChange:x,onClear:d,...w}=e,v="minRows"in e?e.minRows:void 0,[L,B]=g.useState(0);let N=k.md_label,M=k.md_textfield,b=k.md_tooltip;l==="sm"?(N=k.sm_label,M=k.sm_textfield,b=k.sm_tooltip):l==="lg"&&(N=k.lg_label,M=k.lg_textfield,b=k.lg_tooltip);const f=g.useCallback(n=>{if(h){if(n.currentTarget?.value?.length>h)return;B(n.currentTarget?.value?.length),x&&x(n)}x&&(B(n.currentTarget?.value?.length),x(n))},[h,x]);return t.jsxs("div",{className:o==="top"?k.top_label_textfield:k.left_label_textfield,children:[t.jsxs("div",{children:[i&&t.jsx(c.Input.Label,{required:s,className:N,children:i}),m&&t.jsx(c.Tooltip,{label:m,position:_,children:t.jsx("img",{className:b,src:P,alt:"tooltip_icon"})})]}),t.jsxs("div",{children:[t.jsxs("div",{className:k.textfield_wrapper,children:[u?t.jsx(c.Textarea,{className:k.textarea,size:l,minRows:v,error:p,onChange:f,disabled:w?.disabled,...w}):t.jsx(c.Input,{className:M,error:p,onChange:f,rightSection:d&&L>0?t.jsx("div",{className:k.clear_button,onClick:d,children:t.jsx("img",{src:K})}):void 0,...w}),h&&h>0&&t.jsx("span",{className:k.text_counter,children:`${L}/${h}`})]}),r&&t.jsx(c.Input.Description,{className:k.input_description,children:r}),p&&t.jsx(c.Input.Error,{className:k.input_error_msg,children:p})]})]})},ot="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.1811%2017.3621C14.147%2017.3621%2017.3621%2014.147%2017.3621%2010.1811C17.3621%206.21507%2014.147%203%2010.1811%203C6.21507%203%203%206.21507%203%2010.1811C3%2014.147%206.21507%2017.3621%2010.1811%2017.3621Z'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-miterlimit='10'/%3e%3cpath%20d='M15.2876%2015.2874L21.0002%2021'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3c/svg%3e",$={left_label_textfield:"_left_label_textfield_vch3r_1",top_label_textfield:"_top_label_textfield_vch3r_7",sm_label:"_sm_label_vch3r_12",md_label:"_md_label_vch3r_21",lg_label:"_lg_label_vch3r_30",sm_tooltip:"_sm_tooltip_vch3r_39",md_tooltip:"_md_tooltip_vch3r_44",lg_tooltip:"_lg_tooltip_vch3r_49",textfield_wrapper:"_textfield_wrapper_vch3r_54",sm_textfield:"_sm_textfield_vch3r_79",md_textfield:"_md_textfield_vch3r_94",lg_textfield:"_lg_textfield_vch3r_109",input_description:"_input_description_vch3r_124",input_error_msg:"_input_error_msg_vch3r_128",clear_button:"_clear_button_vch3r_132"},st=({label:e,labelPosition:i="top",size:o="md",required:l,tooltip:s,tooltipPosition:m="top",errorMsg:_,description:p,onChange:r,onClear:u,...h})=>{const[x,d]=g.useState(0);let w=$.md_label,v=$.md_textfield,L=$.md_tooltip;o==="sm"?(w=$.sm_label,v=$.sm_textfield,L=$.sm_tooltip):o==="lg"&&(w=$.lg_label,v=$.lg_textfield,L=$.lg_tooltip);const B=g.useCallback(N=>{r&&(d(N?.length),r(N))},[r]);return t.jsxs("div",{className:i==="top"?$.top_label_textfield:$.left_label_textfield,children:[t.jsxs("div",{children:[e&&t.jsx(c.Input.Label,{required:l,className:w,children:e}),s&&t.jsx(c.Tooltip,{label:s,position:m,children:t.jsx("img",{className:L,src:P,alt:"tooltip_icon"})})]}),t.jsxs("div",{children:[t.jsx("div",{className:$.textfield_wrapper,children:t.jsx(c.Autocomplete,{...h,size:o,error:_,className:v,onChange:B,leftSection:t.jsx("img",{src:ot}),rightSection:u&&x>0?t.jsx("div",{className:$.clear_button,onClick:u,children:t.jsx("img",{src:K})}):void 0})}),p&&t.jsx(c.Input.Description,{className:$.input_description,children:p}),_&&t.jsx(c.Input.Error,{className:$.input_error_msg,children:_})]})]})},J="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18%2015L12%209L6%2015'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",Q="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18%209L12%2015L6%209'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",C={left_label_textfield:"_left_label_textfield_1kz7w_1",top_label_textfield:"_top_label_textfield_1kz7w_7",sm_label:"_sm_label_1kz7w_12",md_label:"_md_label_1kz7w_21",lg_label:"_lg_label_1kz7w_30",sm_tooltip:"_sm_tooltip_1kz7w_39",md_tooltip:"_md_tooltip_1kz7w_44",lg_tooltip:"_lg_tooltip_1kz7w_49",sm_textfield:"_sm_textfield_1kz7w_54",md_textfield:"_md_textfield_1kz7w_69",lg_textfield:"_lg_textfield_1kz7w_84",input_description:"_input_description_1kz7w_99",input_error_msg:"_input_error_msg_1kz7w_103"},it=({label:e,labelPosition:i="top",size:o="md",required:l,tooltip:s,tooltipPosition:m="top",errorMsg:_,description:p,...r})=>{const[u,h]=g.useState(!1);let x=C.md_label,d=C.md_textfield,w=C.md_tooltip,v=18;return o==="sm"?(x=C.sm_label,d=C.sm_textfield,w=C.sm_tooltip,v=14):o==="lg"&&(x=C.lg_label,d=C.lg_textfield,w=C.lg_tooltip,v=24),t.jsxs("div",{className:i==="top"?C.top_label_textfield:C.left_label_textfield,children:[t.jsxs("div",{children:[e&&t.jsx(c.Input.Label,{required:l,className:x,children:e}),s&&t.jsx(c.Tooltip,{label:s,position:m,children:t.jsx("img",{className:w,src:P,alt:"tooltip_icon"})})]}),t.jsxs("div",{children:[t.jsx(c.Select,{...r,size:o,error:_,className:d,rightSection:u?t.jsx("img",{width:v,src:J}):t.jsx("img",{width:v,src:Q}),onDropdownOpen:()=>h(!0),onDropdownClose:()=>h(!1),styles:()=>({option:{"&[data-selected]":{"&, &:hover":{backgroundColor:"#e7e7e7",color:"#000000"}}}})}),p&&t.jsx(c.Input.Description,{className:C.input_description,children:p}),_&&t.jsx(c.Input.Error,{className:C.input_error_msg,children:_})]})]})},q={sm_checkbox:"_sm_checkbox_16c4m_1",md_checkbox:"_md_checkbox_16c4m_37",lg_checkbox:"_lg_checkbox_16c4m_73"},_t=({size:e="md",...i})=>{let o=q.md_checkbox,l=24;return e==="sm"?(o=q.sm_checkbox,l=18):e==="lg"&&(o=q.lg_checkbox,l=32),t.jsx(c.Checkbox,{className:o,styles:{inner:{width:l,height:l}},...i})},E={sm_radio:"_sm_radio_11yia_1",md_radio:"_md_radio_11yia_37",lg_radio:"_lg_radio_11yia_73"},rt=({size:e="md",...i})=>{let o=E.md_radio;return e==="sm"?o=E.sm_radio:e==="lg"&&(o=E.lg_radio),t.jsx(c.Radio,{className:o,size:e,...i})},H={sm_toggle:"_sm_toggle_1xeob_1",md_toggle:"_md_toggle_1xeob_19",lg_toggle:"_lg_toggle_1xeob_37"},ct=({size:e="md",labelPosition:i="right",disabled:o,onChange:l,...s})=>{const[m,_]=g.useState(s?.checked||!1);let p=H.md_toggle,r=50;e==="sm"?(p=H.sm_toggle,r=38):e==="lg"&&(p=H.lg_toggle,r=67);const u=g.useCallback(h=>{l&&l(h),_(h?.target?.checked)},[l]);return t.jsx(c.Switch,{className:p,size:e,labelPosition:i,disabled:o,onChange:u,styles:()=>({track:{backgroundColor:!o&&m?"#0fd3d8 !important":void 0,borderColor:!o&&m?"#0fd3d8 !important":void 0,width:r}}),...s})},X="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='5'%20width='18'%20height='16'%20rx='2'%20stroke='%23808080'%20stroke-width='1.5'/%3e%3cpath%20d='M7%203V5'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M17%203V5'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3crect%20x='3.7002'%20y='5.48511'%20width='16.8291'%20height='4.51416'%20fill='%23808080'/%3e%3c/svg%3e",Z={sm_textfield:"_sm_textfield_1jcnj_1",md_textfield:"_md_textfield_1jcnj_51",lg_textfield:"_lg_textfield_1jcnj_101"},nt=({size:e="md",type:i="default",withTime:o,...l})=>{let s=Z.md_textfield,m=18;return e==="sm"?(s=Z.sm_textfield,m=14):e==="lg"&&(s=Z.lg_textfield,m=24),o?t.jsx(Y.DateTimePicker,{className:s,size:e,locale:"ko",firstDayOfWeek:0,monthLabelFormat:"YYYY년 MM월",valueFormat:"YYYY-MM-DD | a hh:mm",rightSection:t.jsx("img",{width:m,src:X}),...l}):t.jsx(Y.DatePickerInput,{className:s,type:i,size:e,locale:"ko",firstDayOfWeek:0,monthLabelFormat:"YYYY년 MM월",valueFormat:"YYYY-MM-DD",rightSection:t.jsx("img",{width:m,src:X}),...l})},at="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2021C16.9706%2021%2021%2016.9706%2021%2012C21%207.02944%2016.9706%203%2012%203C7.02944%203%203%207.02944%203%2012C3%2016.9706%207.02944%2021%2012%2021Z'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-miterlimit='10'/%3e%3cpath%20d='M12.1201%2011.9998V7.0498'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M16.1701%2012H12.1201'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3c/svg%3e",V={sm_textfield:"_sm_textfield_30pfv_1",md_textfield:"_md_textfield_30pfv_18",lg_textfield:"_lg_textfield_30pfv_35"},dt=({size:e="md",...i})=>{const o=g.useRef(null);let l=V.md_textfield,s=18;return e==="sm"?(l=V.sm_textfield,s=14):e==="lg"&&(l=V.lg_textfield,s=24),t.jsx(Y.TimeInput,{ref:o,className:l,size:e,...i,rightSection:t.jsx(c.ActionIcon,{onClick:()=>{o&&o?.current?.showPicker()},children:t.jsx("img",{width:s,src:at,alt:"clock_icon"})})})},gt="data:image/svg+xml,%3csvg%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%201L1%207L7%2013'%20stroke='%23667085'/%3e%3c/svg%3e",mt="data:image/svg+xml,%3csvg%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L7%207L1%2013'%20stroke='%23667085'/%3e%3c/svg%3e",j={pagination:"_pagination_9fk1g_16",page_index:"_page_index_9fk1g_24",page_index_active:"_page_index_active_9fk1g_50",arrow:"_arrow_9fk1g_78"},pt=({currentPageIdx:e,rowsPerPage:i,totalLength:o,paginationSize:l,onPageChange:s,...m})=>{const[_,p]=g.useState(e),[r,u]=g.useState(50),[h,x]=g.useState(1),[d,w]=g.useState(5);g.useMemo(()=>{p(e),u(i||50),x(o||1),w(l||5)},[e,i,o,l]);const v=()=>{s&&s(_-(_%d+1)),p(B=>B-(B%d+1))},L=()=>{s&&s(_+d-_%d),p(B=>B+d-B%d)};return t.jsxs("div",{...m,className:j.pagination,children:[_>=d?t.jsx("button",{className:j.arrow,onClick:v,children:t.jsx("img",{src:gt,alt:"prev"})}):null,new Array(d).fill(0).map((B,N)=>{const M=Math.floor(_/d)*d+N+1;if(!(M>Math.ceil(h/r)))return t.jsx("button",{className:_===M-1?j.page_index_active:j.page_index,onClick:()=>{p(M-1),s&&s(M-1)},children:M},`pagination_${N}`)}),Math.floor(_/d)*d+d<Math.ceil(h/r)?t.jsx("button",{className:j.arrow,onClick:L,children:t.jsx("img",{src:mt,alt:"next"})}):null]})},R={tab_title_list:"_tab_title_list_1o4cm_1",border_bottom:"_border_bottom_1o4cm_23"},ht=({tabList:e=[],containerPaddingTop:i,...o})=>t.jsxs(c.Tabs,{...o,children:[t.jsx(c.Tabs.List,{className:R.tab_title_list,children:e?.map((l,s)=>t.jsxs(c.Tabs.Tab,{value:l.value,leftSection:l.icon,children:[l.title,t.jsx("div",{className:R.border_bottom})]},`tab_${s}`))}),e?.map((l,s)=>t.jsx(c.Tabs.Panel,{value:l.value,pt:i,children:l.body},`tab_panel_${s}`))]}),U={sm_segment_button:"_sm_segment_button_22f7n_1",md_segment_button:"_md_segment_button_22f7n_16",lg_segment_button:"_lg_segment_button_22f7n_31"},ft=({size:e="md",radius:i=6,...o})=>{let l=U.md_segment_button;return e==="sm"?l=U.sm_segment_button:e==="lg"&&(l=U.lg_segment_button),t.jsx(c.SegmentedControl,{className:l,size:e,radius:i,styles:{control:{borderWidth:"0 !important"}},...o})},bt="data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9'%20cy='9'%20r='9'%20fill='%2330CC37'/%3e%3cpath%20d='M3.9375%209L7.51103%2012.375L14.0625%205.625'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",xt="data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9.5625'%20cy='9.5625'%20r='6.1875'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9%200C4.03729%200%200%204.03729%200%209C0%2013.9627%204.03729%2018%209%2018C13.9627%2018%2018%2013.9627%2018%209C18%204.03729%2013.9627%200%209%200ZM9.00413%2011.9604C9.58966%2011.9604%2010.063%2012.4337%2010.063%2013.0192C10.063%2013.6047%209.58966%2014.078%209.00413%2014.078C8.4186%2014.078%207.94001%2013.6047%207.94001%2013.0192C7.94001%2012.4337%208.40907%2011.9604%208.99354%2011.9604H9.00413ZM8.99375%204.18659C9.43211%204.18659%209.78787%204.54235%209.78787%204.98071V9.65965C9.78787%2010.098%209.43211%2010.4538%208.99375%2010.4538C8.5554%2010.4538%208.19963%2010.098%208.19963%209.65965V4.98071C8.19963%204.54235%208.5554%204.18659%208.99375%204.18659Z'%20fill='%23FA5252'/%3e%3c/svg%3e",D={light_success:"_light_success_nikyj_1",light_error:"_light_error_nikyj_23",fill_success:"_fill_success_nikyj_45",fill_error:"_fill_error_nikyj_66"},ut=({visible:e=!1,type:i="success",variant:o="light",top:l=48,right:s=48,...m})=>{let _=D.light_success;return o==="fill"?i==="success"?_=D.fill_success:i==="error"&&(_=D.fill_error):i==="success"?_=D.light_success:i==="error"&&(_=D.light_error),e?t.jsx(c.Alert,{className:_,icon:t.jsx("img",{src:i==="success"?bt:xt,alt:"alert_icon"}),styles:{title:{marginBottom:m?.children?void 0:0}},pos:"fixed",top:l,right:s,...m}):null},W={tooltip_body:"_tooltip_body_130js_1",tooltip_title:"_tooltip_title_130js_6",tooltip_content:"_tooltip_content_130js_16"},wt=({title:e,content:i,maw:o=280,multiline:l=!0,...s})=>t.jsx(c.Tooltip,{...s,maw:o,multiline:l,label:t.jsxs("div",{className:W.tooltip_body,children:[e&&t.jsx("span",{className:W.tooltip_title,children:e}),t.jsx("span",{className:W.tooltip_content,children:i})]})}),T={table:"_table_1pmr3_1",tr_gray:"_tr_gray_1pmr3_5",th_cell:"_th_cell_1pmr3_24",th_cell_sortable:"_th_cell_sortable_1pmr3_41",td_cell:"_td_cell_1pmr3_67"},kt="data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.2502%209.4585L7.16695%2012.5418L4.08366%209.4585'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M4.08423%204.8335L7.16752%201.7502L10.2508%204.8335'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",vt="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9.5'%20cy='5.5'%20r='1.5'%20fill='%234A4A4A'/%3e%3ccircle%20cx='14.5'%20cy='5.5'%20r='1.5'%20fill='%234A4A4A'/%3e%3ccircle%20cx='9.5'%20cy='11.5'%20r='1.5'%20fill='%234A4A4A'/%3e%3ccircle%20cx='14.5'%20cy='11.5'%20r='1.5'%20fill='%234A4A4A'/%3e%3ccircle%20cx='9.5'%20cy='17.5'%20r='1.5'%20fill='%234A4A4A'/%3e%3ccircle%20cx='14.5'%20cy='17.5'%20r='1.5'%20fill='%234A4A4A'/%3e%3c/svg%3e",yt=({tableId:e,headerList:i,tableData:o,sortable:l,draggable:s=!1,striped:m,onDragEnd:_,className:p})=>{const[r,u]=g.useState(),[h,x]=g.useState(),[d,w]=g.useState(),v=g.useCallback(b=>{const f=b?.map((n,y)=>{const S=Object.keys(n),A=t.jsx(t.Fragment,{children:S.map((St,Mt)=>t.jsx("td",{className:T.td_cell,children:n[St].cell},`table_${e||0}_tr_${y}_col_${Mt}`))});return s&&n[S[0]]?.dndId===void 0&&console.error("draggable table을 사용할 때엔 tableData의 첫번째 필드에 고유한 dndId를 설정해주세요"),{row:A,dndId:n[S[0]]?.dndId,trClassName:n[S[0]]?.trClassName}});u(f)},[s,e]);g.useMemo(()=>{x(void 0),w(void 0),v(o)},[v,o]);const L=g.useCallback(b=>{if(o){const f=o.slice(0),n=Object.keys(f[0])[b];x(b);let y;d?d==="desc"?(y=f?.sort((S,A)=>String(S[n].sortTarget||S[n].cell).localeCompare(String(A[n].sortTarget||A[n].cell))),w("asc")):(y=f,x(void 0),w(void 0)):(y=f?.sort((S,A)=>String(A[n].sortTarget||A[n].cell).localeCompare(String(S[n].sortTarget||S[n].cell))),w("desc")),v(y)}},[v,d,o]),B=g.useCallback(b=>l?h===b?d==="desc"?t.jsx("img",{src:Q,alt:"ic_chevron_down"}):t.jsx("img",{src:J,alt:"ic_chevron_up"}):t.jsx("img",{src:kt,alt:"ic_sortable"}):null,[l,h,d]),N=g.useCallback((b,f,n)=>{const y=Array.from(b);return y.splice(n,0,f),y},[]),M=g.useCallback(b=>{if(!b.destination||!r)return;const f=r?.slice(0),[n]=f.splice(b.source.index,1),y=N(f,n,b.destination.index);u(y),_&&_(y.map(S=>({dndId:S?.dndId})))},[_,N,r]);return t.jsxs("table",{className:`${T.table} ${p||""}`,children:[t.jsx("thead",{children:t.jsxs("tr",{children:[s&&t.jsx("th",{className:T.th_cell,style:{padding:0}}),i?.map((b,f)=>t.jsx("th",{className:l?T.th_cell_sortable:T.th_cell,onClick:()=>{l&&L(f)},children:t.jsxs("div",{children:[b,B(f)]})},`table_header_col_${f}`))]})}),t.jsx(F.DragDropContext,{onDragEnd:M,children:t.jsx(F.Droppable,{droppableId:`dnd_table_${e||0}_drop_zone`,children:b=>t.jsxs("tbody",{ref:b.innerRef,...b.droppableProps,children:[r?.map((f,n)=>t.jsx(F.Draggable,{draggableId:`dnd_table_${e||0}_drag_item_${f?.dndId}`,index:n,isDragDisabled:!s,children:y=>g.createElement("tr",{...y.dragHandleProps,...y.draggableProps,ref:y.innerRef,key:`table_${e||0}_tr_${n}`,className:`${m&&n%2===1?T.tr_gray:""} ${f.trClassName}`},s&&t.jsx("td",{className:T.td_cell,style:{padding:0},children:t.jsx("div",{children:t.jsx("img",{src:vt,alt:"ic_drag"})})}),f?.row)},`dnd_table_${e||0}_drag_item_${f?.dndId!==void 0?f.dndId:n}`)),b.placeholder]})})})]})},$t=({size:e="md",width:i,withCloseButton:o=!1,...l})=>{let s=768;return e==="xs"?s=360:e==="sm"?s=544:e==="lg"?s=1e3:e==="xl"&&(s=1200),t.jsx(c.Modal,{size:i||s,withCloseButton:o,...l})},z={image_uploader:"_image_uploader_169lo_1",preview:"_preview_169lo_16",image_uploader_wrapper:"_image_uploader_wrapper_169lo_40",file_clear_button:"_file_clear_button_169lo_45"},Ct="data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='8'%20y='8'%20width='32'%20height='32'%20rx='4'%20stroke='%2307A3C6'%20stroke-width='2'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.4436%2016.8886C20.4436%2018.8532%2018.8527%2020.4441%2016.8881%2020.4441C14.9254%2020.4441%2013.3325%2018.8532%2013.3325%2016.8886C13.3325%2014.924%2014.9254%2013.333%2016.8881%2013.333C18.8508%2013.3349%2020.4417%2014.9259%2020.4436%2016.8886Z'%20stroke='%2307A3C6'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8%2032.8893L12.8471%2029.254C14.2038%2028.2365%2016.0548%2028.1851%2017.4659%2029.1258L17.9594%2029.4548C19.4333%2030.4375%2021.378%2030.3336%2022.7389%2029.1995L28.7618%2024.1804C30.1486%2023.0248%2032.1375%2022.9412%2033.6164%2023.9764L40%2028.4449'%20stroke='%2307A3C6'%20stroke-width='2'/%3e%3c/svg%3e",Bt="data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9'%20cy='9'%20r='9'%20fill='%239B9B9B'/%3e%3cpath%20d='M6%206L12%2012'%20stroke='white'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M12%206L6%2012'%20stroke='white'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3c/svg%3e",Nt=({width:e,height:i,defaultMsg:o="이미지 업로드",file:l,onDrop:s,showClearButton:m,onClear:_,...p})=>{const[r,u]=g.useState(l),h=g.useCallback(()=>{u(void 0),_&&_()},[_]);return t.jsxs("div",{className:z.image_uploader_wrapper,children:[m&&r?t.jsx("div",{className:z.file_clear_button,onClick:h,children:t.jsx("img",{src:Bt,alt:"clear_file_data"})}):null,t.jsx(G.Dropzone,{...p,maxFiles:1,className:z.image_uploader,accept:G.IMAGE_MIME_TYPE,onDrop:x=>{u(x[0]),s&&s(x)},style:{width:e,height:i},children:t.jsx(t.Fragment,{children:r?t.jsx("img",{className:z.preview,src:typeof r=="string"?r:URL.createObjectURL(r),alt:`파일명: ${typeof r=="string"?r:r.name}`,title:`파일명: ${typeof r=="string"?r:r.name}`}):t.jsxs("div",{children:[t.jsx("img",{src:Ct,alt:"ic_image_colored"}),t.jsx("span",{children:o})]})})})]})};a.Alert=ut,a.Button=et,a.Checkbox=_t,a.DatePicker=nt,a.Dropdown=it,a.ImageUploader=Nt,a.Modal=$t,a.Pagination=pt,a.Radio=rt,a.SearchBar=st,a.SegmentButton=ft,a.Tab=ht,a.Table=yt,a.TextField=lt,a.TimePicker=dt,a.Toggle=ct,a.Tooltip=wt,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
+(function(a,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("@mantine/core"),require("react"),require("dayjs/locale/ko"),require("@mantine/dates"),require("@mantine/dropzone")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@mantine/core","react","dayjs/locale/ko","@mantine/dates","@mantine/dropzone"],t):(a=typeof globalThis<"u"?globalThis:a||self,t(a.Core={},a.jsxRuntime,a.core,a.React,null,a.dates,a.dropzone))})(this,function(a,t,d,p,yt,T,E){"use strict";const D={baseButton:"styles-module__baseButton___unrW0","baseButton--sizeLg":"styles-module__baseButton--sizeLg___bPUjP","baseButton--sizeMd":"styles-module__baseButton--sizeMd___--uGZ","baseButton--sizeSm":"styles-module__baseButton--sizeSm___tHRyb","baseButton--primary":"styles-module__baseButton--primary___s0JFt","baseButton--primaryLine":"styles-module__baseButton--primaryLine___fVpnP","baseButton--basic":"styles-module__baseButton--basic___9nyM-","baseButton--danger":"styles-module__baseButton--danger___tfxaF","baseButton--setting":"styles-module__baseButton--setting___LDz2x","baseButton--warning":"styles-module__baseButton--warning___hKAAj"},S="#ffffff",Q={primary:S,primaryLine:"#0fd3d8",basic:"#4a4a4a",danger:S,setting:S,warning:S};function U({children:e,size:o="md",styleType:s="primary",isLoading:l=!1,disabled:_=!1,...r}){const i=p.useMemo(()=>{const x={lg:"baseButton--sizeLg",md:"baseButton--sizeMd",sm:"baseButton--sizeSm"},g={primary:"baseButton--primary",primaryLine:"baseButton--primaryLine",basic:"baseButton--basic",danger:"baseButton--danger",setting:"baseButton--setting",warning:"baseButton--warning"};return`${D.baseButton} ${D[x[o]]} ${D[g[s]]}`},[o,s]),c=Q[s],n=p.useMemo(()=>{switch(o){case"lg":return 18;case"sm":return 14;case"md":default:return 16}},[o]);return t.jsx(d.Button,{type:"button",className:i,disabled:_||l,...r,children:l?t.jsx(d.Loader,{color:c,size:n}):e})}const Y="data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0877%207.65632L7.97702%207.92086L7.90164%208.27125L8.31695%208.34664C8.58707%208.41155%208.64081%208.50857%208.58218%208.77869L7.90164%2011.9734C7.72365%2012.7991%207.99936%2013.1879%208.6464%2013.1879C9.14895%2013.1879%209.73107%2012.9562%209.99561%2012.6372L10.0766%2012.254C9.89301%2012.4159%209.62288%2012.4808%209.4449%2012.4808C9.19153%2012.4808%209.10009%2012.3028%209.16431%2011.9894L10.0877%207.65632ZM10.1513%205.73336C10.1513%205.97772%2010.0542%206.21206%209.88141%206.38485C9.70862%206.55764%209.47427%206.65471%209.22992%206.65471C8.98556%206.65471%208.75121%206.55764%208.57843%206.38485C8.40564%206.21206%208.30857%205.97772%208.30857%205.73336C8.30857%205.489%208.40564%205.25465%208.57843%205.08187C8.75121%204.90908%208.98556%204.81201%209.22992%204.81201C9.47427%204.81201%209.70862%204.90908%209.88141%205.08187C10.0542%205.25465%2010.1513%205.489%2010.1513%205.73336Z'%20fill='%2353B1FD'/%3e%3ccircle%20cx='9'%20cy='9'%20r='6.1875'%20stroke='%2353B1FD'%20stroke-width='1.125'/%3e%3c/svg%3e",q="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='9'%20fill='%239B9B9B'/%3e%3cpath%20d='M9%209L15%2015'%20stroke='white'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M15%209L9%2015'%20stroke='white'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3c/svg%3e",u={left_label_textfield:"styles-module__left_label_textfield___PO5VM",top_label_textfield:"styles-module__top_label_textfield___qdd3L",sm_label:"styles-module__sm_label___GHuO5",md_label:"styles-module__md_label___tSA7q",lg_label:"styles-module__lg_label___2dLzT",sm_tooltip:"styles-module__sm_tooltip___TMegW",md_tooltip:"styles-module__md_tooltip___rNo2j",lg_tooltip:"styles-module__lg_tooltip___MrP5P",textfield_wrapper:"styles-module__textfield_wrapper___Vyo43",text_counter:"styles-module__text_counter___Ro-h4",textarea:"styles-module__textarea___gYl17",sm_textfield:"styles-module__sm_textfield___Bd8Ei",md_textfield:"styles-module__md_textfield___hd1CY",lg_textfield:"styles-module__lg_textfield___3nvf7",input_description:"styles-module__input_description___rT1V7",input_error_msg:"styles-module__input_error_msg___YKVZp",clear_button:"styles-module__clear_button___Z7xgY"},J=e=>{const{label:o,labelPosition:s="top",size:l="md",required:_,tooltip:r,tooltipPosition:i="top",errorMsg:c,description:n,textarea:x=!1,maxTextCount:g,onChange:f,onClear:m,...y}=e,w="minRows"in e?e.minRows:void 0,[C,k]=p.useState(0);let v=u.md_label,$=u.md_textfield,z=u.md_tooltip;l==="sm"?(v=u.sm_label,$=u.sm_textfield,z=u.sm_tooltip):l==="lg"&&(v=u.lg_label,$=u.lg_textfield,z=u.lg_tooltip);const W=p.useCallback(M=>{if(g){if(M.currentTarget?.value?.length>g)return;k(M.currentTarget?.value?.length),f&&f(M)}f&&(k(M.currentTarget?.value?.length),f(M))},[g,f]);return t.jsxs("div",{className:s==="top"?u.top_label_textfield:u.left_label_textfield,children:[t.jsxs("div",{children:[o&&t.jsx(d.Input.Label,{required:_,className:v,children:o}),r&&t.jsx(d.Tooltip,{label:r,position:i,children:t.jsx("img",{className:z,src:Y,alt:"tooltip_icon"})})]}),t.jsxs("div",{children:[t.jsxs("div",{className:u.textfield_wrapper,children:[x?t.jsx(d.Textarea,{className:u.textarea,size:l,minRows:w,error:c,onChange:W,disabled:y?.disabled,...y}):t.jsx(d.Input,{className:$,error:c,onChange:W,rightSection:m&&C>0?t.jsx("div",{className:u.clear_button,onClick:m,children:t.jsx("img",{src:q})}):void 0,...y}),g&&g>0&&t.jsx("span",{className:u.text_counter,children:`${C}/${g}`})]}),n&&t.jsx(d.Input.Description,{className:u.input_description,children:n}),c&&t.jsx(d.Input.Error,{className:u.input_error_msg,children:c})]})]})},K="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.1811%2017.3621C14.147%2017.3621%2017.3621%2014.147%2017.3621%2010.1811C17.3621%206.21507%2014.147%203%2010.1811%203C6.21507%203%203%206.21507%203%2010.1811C3%2014.147%206.21507%2017.3621%2010.1811%2017.3621Z'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-miterlimit='10'/%3e%3cpath%20d='M15.2876%2015.2874L21.0002%2021'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3c/svg%3e",h={left_label_textfield:"styles-module__left_label_textfield___KNg39",top_label_textfield:"styles-module__top_label_textfield___plWi-",sm_label:"styles-module__sm_label___cDDwr",md_label:"styles-module__md_label___CQRay",lg_label:"styles-module__lg_label___m3Xxi",sm_tooltip:"styles-module__sm_tooltip___w6lav",md_tooltip:"styles-module__md_tooltip___B4cfX",lg_tooltip:"styles-module__lg_tooltip___9-Nxt",textfield_wrapper:"styles-module__textfield_wrapper___yQZ5S",sm_textfield:"styles-module__sm_textfield___gxtsR",md_textfield:"styles-module__md_textfield___8ucoR",lg_textfield:"styles-module__lg_textfield___ZHlU2",input_description:"styles-module__input_description___zk91j",input_error_msg:"styles-module__input_error_msg___aeTfS",clear_button:"styles-module__clear_button___XFHzC"},X=({label:e,labelPosition:o="top",size:s="md",required:l,tooltip:_,tooltipPosition:r="top",errorMsg:i,description:c,onChange:n,onClear:x,...g})=>{const[f,m]=p.useState(0);let y=h.md_label,w=h.md_textfield,C=h.md_tooltip;s==="sm"?(y=h.sm_label,w=h.sm_textfield,C=h.sm_tooltip):s==="lg"&&(y=h.lg_label,w=h.lg_textfield,C=h.lg_tooltip);const k=p.useCallback(v=>{n&&(m(v?.length),n(v))},[n]);return t.jsxs("div",{className:o==="top"?h.top_label_textfield:h.left_label_textfield,children:[t.jsxs("div",{children:[e&&t.jsx(d.Input.Label,{required:l,className:y,children:e}),_&&t.jsx(d.Tooltip,{label:_,position:r,children:t.jsx("img",{className:C,src:Y,alt:"tooltip_icon"})})]}),t.jsxs("div",{children:[t.jsx("div",{className:h.textfield_wrapper,children:t.jsx(d.Autocomplete,{...g,size:s,error:i,className:w,onChange:k,leftSection:t.jsx("img",{src:K}),rightSection:x&&f>0?t.jsx("div",{className:h.clear_button,onClick:x,children:t.jsx("img",{src:q})}):void 0})}),c&&t.jsx(d.Input.Description,{className:h.input_description,children:c}),i&&t.jsx(d.Input.Error,{className:h.input_error_msg,children:i})]})]})},G="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18%2015L12%209L6%2015'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",R="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18%209L12%2015L6%209'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",b={left_label_textfield:"styles-module__left_label_textfield___UhCQL",top_label_textfield:"styles-module__top_label_textfield___JPXoC",sm_label:"styles-module__sm_label___B0s7a",md_label:"styles-module__md_label___JcIkl",lg_label:"styles-module__lg_label___-NGe2",sm_tooltip:"styles-module__sm_tooltip___8vbL2",md_tooltip:"styles-module__md_tooltip___7vlZ9",lg_tooltip:"styles-module__lg_tooltip___QYczb",sm_textfield:"styles-module__sm_textfield___kNlMo",md_textfield:"styles-module__md_textfield___-sLZE",lg_textfield:"styles-module__lg_textfield___xVbCh",input_description:"styles-module__input_description___pTq1F",input_error_msg:"styles-module__input_error_msg___zAIoT"},tt=({label:e,labelPosition:o="top",size:s="md",required:l,tooltip:_,tooltipPosition:r="top",errorMsg:i,description:c,...n})=>{const[x,g]=p.useState(!1);let f=b.md_label,m=b.md_textfield,y=b.md_tooltip,w=18;return s==="sm"?(f=b.sm_label,m=b.sm_textfield,y=b.sm_tooltip,w=14):s==="lg"&&(f=b.lg_label,m=b.lg_textfield,y=b.lg_tooltip,w=24),t.jsxs("div",{className:o==="top"?b.top_label_textfield:b.left_label_textfield,children:[t.jsxs("div",{children:[e&&t.jsx(d.Input.Label,{required:l,className:f,children:e}),_&&t.jsx(d.Tooltip,{label:_,position:r,children:t.jsx("img",{className:y,src:Y,alt:"tooltip_icon"})})]}),t.jsxs("div",{children:[t.jsx(d.Select,{...n,size:s,error:i,className:m,rightSection:x?t.jsx("img",{width:w,src:G}):t.jsx("img",{width:w,src:R}),onDropdownOpen:()=>g(!0),onDropdownClose:()=>g(!1),styles:()=>({option:{"&[data-selected]":{"&, &:hover":{backgroundColor:"#e7e7e7",color:"#000000"}}}})}),c&&t.jsx(d.Input.Description,{className:b.input_description,children:c}),i&&t.jsx(d.Input.Error,{className:b.input_error_msg,children:i})]})]})},I={sm_checkbox:"styles-module__sm_checkbox___0JMac",md_checkbox:"styles-module__md_checkbox___aP9T1",lg_checkbox:"styles-module__lg_checkbox___CmiVr"},et=({size:e="md",...o})=>{let s=I.md_checkbox,l=24;return e==="sm"?(s=I.sm_checkbox,l=18):e==="lg"&&(s=I.lg_checkbox,l=32),t.jsx(d.Checkbox,{className:s,styles:{inner:{width:l,height:l}},...o})},P={sm_radio:"styles-module__sm_radio___jQtvO",md_radio:"styles-module__md_radio___h-OD5",lg_radio:"styles-module__lg_radio___XdzaN"},lt=({size:e="md",...o})=>{let s=P.md_radio;return e==="sm"?s=P.sm_radio:e==="lg"&&(s=P.lg_radio),t.jsx(d.Radio,{className:s,size:e,...o})},j={sm_toggle:"styles-module__sm_toggle___Mabl5",md_toggle:"styles-module__md_toggle___6mSJO",lg_toggle:"styles-module__lg_toggle___Dv7k7"},st=({size:e="md",labelPosition:o="right",disabled:s,onChange:l,..._})=>{const[r,i]=p.useState(_?.checked||!1);let c=j.md_toggle,n=50;e==="sm"?(c=j.sm_toggle,n=38):e==="lg"&&(c=j.lg_toggle,n=67);const x=p.useCallback(g=>{l&&l(g),i(g?.target?.checked)},[l]);return t.jsx(d.Switch,{className:c,size:e,labelPosition:o,disabled:s,onChange:x,styles:()=>({track:{backgroundColor:!s&&r?"#0fd3d8 !important":void 0,borderColor:!s&&r?"#0fd3d8 !important":void 0,width:n}}),..._})},V="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='5'%20width='18'%20height='16'%20rx='2'%20stroke='%23808080'%20stroke-width='1.5'/%3e%3cpath%20d='M7%203V5'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M17%203V5'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3crect%20x='3.7002'%20y='5.48511'%20width='16.8291'%20height='4.51416'%20fill='%23808080'/%3e%3c/svg%3e",A={sm_textfield:"styles-module__sm_textfield___EtBYr",md_textfield:"styles-module__md_textfield___Lzjxb",lg_textfield:"styles-module__lg_textfield___Zc8R8"},_t=({size:e="md",type:o="default",withTime:s,...l})=>{let _=A.md_textfield,r=18;return e==="sm"?(_=A.sm_textfield,r=14):e==="lg"&&(_=A.lg_textfield,r=24),s?t.jsx(T.DateTimePicker,{className:_,size:e,locale:"ko",firstDayOfWeek:0,monthLabelFormat:"YYYY년 MM월",valueFormat:"YYYY-MM-DD | a hh:mm",rightSection:t.jsx("img",{width:r,src:V}),...l}):t.jsx(T.DatePickerInput,{className:_,type:o,size:e,locale:"ko",firstDayOfWeek:0,monthLabelFormat:"YYYY년 MM월",valueFormat:"YYYY-MM-DD",rightSection:t.jsx("img",{width:r,src:V}),...l})},ot="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2021C16.9706%2021%2021%2016.9706%2021%2012C21%207.02944%2016.9706%203%2012%203C7.02944%203%203%207.02944%203%2012C3%2016.9706%207.02944%2021%2012%2021Z'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-miterlimit='10'/%3e%3cpath%20d='M12.1201%2011.9998V7.0498'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M16.1701%2012H12.1201'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3c/svg%3e",Z={sm_textfield:"styles-module__sm_textfield___sNGu-",md_textfield:"styles-module__md_textfield___0bonT",lg_textfield:"styles-module__lg_textfield___v-WEc"},it=({size:e="md",...o})=>{const s=p.useRef(null);let l=Z.md_textfield,_=18;return e==="sm"?(l=Z.sm_textfield,_=14):e==="lg"&&(l=Z.lg_textfield,_=24),t.jsx(T.TimeInput,{ref:s,className:l,size:e,...o,rightSection:t.jsx(d.ActionIcon,{onClick:()=>{s&&s?.current?.showPicker()},children:t.jsx("img",{width:_,src:ot,alt:"clock_icon"})})})},dt="data:image/svg+xml,%3csvg%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%201L1%207L7%2013'%20stroke='%23667085'/%3e%3c/svg%3e",nt="data:image/svg+xml,%3csvg%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L7%207L1%2013'%20stroke='%23667085'/%3e%3c/svg%3e",B={pagination:"style-module__pagination___kYC1n",page_index:"style-module__page_index___OZss8",page_index_active:"style-module__page_index_active___vi0-E",arrow:"style-module__arrow___pSNRc"},at=({currentPageIdx:e,rowsPerPage:o,totalLength:s,paginationSize:l,onPageChange:_,...r})=>{const[i,c]=p.useState(e),[n,x]=p.useState(50),[g,f]=p.useState(1),[m,y]=p.useState(5);p.useMemo(()=>{c(e),x(o||50),f(s||1),y(l||5)},[e,o,s,l]);const w=()=>{_&&_(i-(i%m+1)),c(k=>k-(k%m+1))},C=()=>{_&&_(i+m-i%m),c(k=>k+m-k%m)};return t.jsxs("div",{...r,className:B.pagination,children:[i>=m?t.jsx("button",{className:B.arrow,onClick:w,children:t.jsx("img",{src:dt,alt:"prev"})}):null,new Array(m).fill(0).map((k,v)=>{const $=Math.floor(i/m)*m+v+1;if(!($>Math.ceil(g/n)))return t.jsx("button",{className:i===$-1?B.page_index_active:B.page_index,onClick:()=>{c($-1),_&&_($-1)},children:$},`pagination_${v}`)}),Math.floor(i/m)*m+m<Math.ceil(g/n)?t.jsx("button",{className:B.arrow,onClick:C,children:t.jsx("img",{src:nt,alt:"next"})}):null]})},H={tab_title_list:"styles-module__tab_title_list___b6YAl",border_bottom:"styles-module__border_bottom___mZKE9"},rt=({tabList:e=[],containerPaddingTop:o,...s})=>t.jsxs(d.Tabs,{...s,children:[t.jsx(d.Tabs.List,{className:H.tab_title_list,children:e?.map((l,_)=>t.jsxs(d.Tabs.Tab,{value:l.value,leftSection:l.icon,children:[l.title,t.jsx("div",{className:H.border_bottom})]},`tab_${_}`))}),e?.map((l,_)=>t.jsx(d.Tabs.Panel,{value:l.value,pt:o,children:l.body},`tab_panel_${_}`))]}),F={sm_segment_button:"styles-module__sm_segment_button___-neWq",md_segment_button:"styles-module__md_segment_button___1xzQt",lg_segment_button:"styles-module__lg_segment_button___7OhhZ"},ct=({size:e="md",radius:o=6,...s})=>{let l=F.md_segment_button;return e==="sm"?l=F.sm_segment_button:e==="lg"&&(l=F.lg_segment_button),t.jsx(d.SegmentedControl,{className:l,size:e,radius:o,styles:{control:{borderWidth:"0 !important"}},...s})},mt="data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9'%20cy='9'%20r='9'%20fill='%2330CC37'/%3e%3cpath%20d='M3.9375%209L7.51103%2012.375L14.0625%205.625'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",gt="data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9.5625'%20cy='9.5625'%20r='6.1875'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9%200C4.03729%200%200%204.03729%200%209C0%2013.9627%204.03729%2018%209%2018C13.9627%2018%2018%2013.9627%2018%209C18%204.03729%2013.9627%200%209%200ZM9.00413%2011.9604C9.58966%2011.9604%2010.063%2012.4337%2010.063%2013.0192C10.063%2013.6047%209.58966%2014.078%209.00413%2014.078C8.4186%2014.078%207.94001%2013.6047%207.94001%2013.0192C7.94001%2012.4337%208.40907%2011.9604%208.99354%2011.9604H9.00413ZM8.99375%204.18659C9.43211%204.18659%209.78787%204.54235%209.78787%204.98071V9.65965C9.78787%2010.098%209.43211%2010.4538%208.99375%2010.4538C8.5554%2010.4538%208.19963%2010.098%208.19963%209.65965V4.98071C8.19963%204.54235%208.5554%204.18659%208.99375%204.18659Z'%20fill='%23FA5252'/%3e%3c/svg%3e",N={light_success:"styles-module__light_success___696tv",light_error:"styles-module__light_error___KqP2q",fill_success:"styles-module__fill_success___P2asv",fill_error:"styles-module__fill_error___e1KYC"},pt=({visible:e=!1,type:o="success",variant:s="light",top:l=48,right:_=48,...r})=>{let i=N.light_success;return s==="fill"?o==="success"?i=N.fill_success:o==="error"&&(i=N.fill_error):o==="success"?i=N.light_success:o==="error"&&(i=N.light_error),e?t.jsx(d.Alert,{className:i,icon:t.jsx("img",{src:o==="success"?mt:gt,alt:"alert_icon"}),styles:{title:{marginBottom:r?.children?void 0:0}},pos:"fixed",top:l,right:_,...r}):null},O={tooltip_body:"styles-module__tooltip_body___3s5ij",tooltip_title:"styles-module__tooltip_title___glF9X",tooltip_content:"styles-module__tooltip_content___o94IZ"},ut=({title:e,content:o,maw:s=280,multiline:l=!0,..._})=>t.jsx(d.Tooltip,{..._,maw:s,multiline:l,label:t.jsxs("div",{className:O.tooltip_body,children:[e&&t.jsx("span",{className:O.tooltip_title,children:e}),t.jsx("span",{className:O.tooltip_content,children:o})]})}),ft=({size:e="md",width:o,withCloseButton:s=!1,...l})=>{let _=768;return e==="xs"?_=360:e==="sm"?_=544:e==="lg"?_=1e3:e==="xl"&&(_=1200),t.jsx(d.Modal,{size:o||_,withCloseButton:s,...l})},L={image_uploader:"styles-module__image_uploader___yzVim",preview:"styles-module__preview___nA1QH",image_uploader_wrapper:"styles-module__image_uploader_wrapper___0EZ7A",file_clear_button:"styles-module__file_clear_button___kEABJ"},ht="data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='8'%20y='8'%20width='32'%20height='32'%20rx='4'%20stroke='%2307A3C6'%20stroke-width='2'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.4436%2016.8886C20.4436%2018.8532%2018.8527%2020.4441%2016.8881%2020.4441C14.9254%2020.4441%2013.3325%2018.8532%2013.3325%2016.8886C13.3325%2014.924%2014.9254%2013.333%2016.8881%2013.333C18.8508%2013.3349%2020.4417%2014.9259%2020.4436%2016.8886Z'%20stroke='%2307A3C6'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8%2032.8893L12.8471%2029.254C14.2038%2028.2365%2016.0548%2028.1851%2017.4659%2029.1258L17.9594%2029.4548C19.4333%2030.4375%2021.378%2030.3336%2022.7389%2029.1995L28.7618%2024.1804C30.1486%2023.0248%2032.1375%2022.9412%2033.6164%2023.9764L40%2028.4449'%20stroke='%2307A3C6'%20stroke-width='2'/%3e%3c/svg%3e",xt="data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9'%20cy='9'%20r='9'%20fill='%239B9B9B'/%3e%3cpath%20d='M6%206L12%2012'%20stroke='white'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3cpath%20d='M12%206L6%2012'%20stroke='white'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'/%3e%3c/svg%3e",bt=({width:e,height:o,defaultMsg:s="이미지 업로드",file:l,onDrop:_,showClearButton:r,onClear:i,...c})=>{const[n,x]=p.useState(l),g=p.useCallback(()=>{x(void 0),i&&i()},[i]);return t.jsxs("div",{className:L.image_uploader_wrapper,children:[r&&n?t.jsx("div",{className:L.file_clear_button,onClick:g,children:t.jsx("img",{src:xt,alt:"clear_file_data"})}):null,t.jsx(E.Dropzone,{...c,maxFiles:1,className:L.image_uploader,accept:E.IMAGE_MIME_TYPE,onDrop:f=>{x(f[0]),_&&_(f)},style:{width:e,height:o},children:t.jsx(t.Fragment,{children:n?t.jsx("img",{className:L.preview,src:typeof n=="string"?n:URL.createObjectURL(n),alt:`파일명: ${typeof n=="string"?n:n.name}`,title:`파일명: ${typeof n=="string"?n:n.name}`}):t.jsxs("div",{children:[t.jsx("img",{src:ht,alt:"ic_image_colored"}),t.jsx("span",{children:s})]})})})]})};a.Alert=pt,a.Button=U,a.Checkbox=et,a.DatePicker=_t,a.Dropdown=tt,a.ImageUploader=bt,a.Modal=ft,a.Pagination=at,a.Radio=lt,a.SearchBar=X,a.SegmentButton=ct,a.Tab=rt,a.TextField=J,a.TimePicker=it,a.Toggle=st,a.Tooltip=ut,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

package/dist/types/index.d.ts

@@ -7,7 +7,7 @@ import { DropzoneProps } from '@mantine/dropzone';
 import { FileWithPath } from '@mantine/dropzone';
 import { HTMLAttributes } from 'react';
 import { InputProps } from '@mantine/core';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { ModalProps as ModalProps_2 } from '@mantine/core';
 import { RadioProps as RadioProps_2 } from '@mantine/core';
 import { ReactNode } from 'react';
@@ -19,7 +19,7 @@ import { TextareaProps } from '@mantine/core';
 import { TimeInputProps } from '@mantine/dates';
 import { TooltipProps as TooltipProps_2 } from '@mantine/core';
 
-export declare const Alert: ({ visible, type, variant, top, right, ...props }: AlertProps) => JSX_2.Element | null;
+export declare const Alert: ({ visible, type, variant, top, right, ...props }: AlertProps) => JSX.Element | null;
 
 declare interface AlertProps extends AlertProps_2 {
     visible: boolean;
@@ -28,9 +28,9 @@ declare interface AlertProps extends AlertProps_2 {
     title?: string;
 }
 
-export declare function Button({ children, size, styleType, isLoading, disabled, ...props }: IButtonProps): JSX_2.Element;
+export declare function Button({ children, size, styleType, isLoading, disabled, ...props }: IButtonProps): JSX.Element;
 
-export declare const Checkbox: ({ size, ...props }: CheckboxProps) => JSX_2.Element;
+export declare const Checkbox: ({ size, ...props }: CheckboxProps) => JSX.Element;
 
 declare interface CheckboxProps extends CheckboxProps_2 {
     size?: "sm" | "md" | "lg";
@@ -50,7 +50,7 @@ declare interface CommonTextFieldProps {
     onClear?: () => void;
 }
 
-export declare const DatePicker: ({ size, type, withTime, ...props }: DatePickerProps) => JSX_2.Element;
+export declare const DatePicker: ({ size, type, withTime, ...props }: DatePickerProps) => JSX.Element;
 
 declare interface DatePickerProps extends DatePickerInputProps {
     size?: "sm" | "md" | "lg";
@@ -58,7 +58,7 @@ declare interface DatePickerProps extends DatePickerInputProps {
     withTime?: boolean;
 }
 
-export declare const Dropdown: ({ label, labelPosition, size, required, tooltip, tooltipPosition, errorMsg, description, ...props }: SearchBarProps_2) => JSX_2.Element;
+export declare const Dropdown: ({ label, labelPosition, size, required, tooltip, tooltipPosition, errorMsg, description, ...props }: SearchBarProps_2) => JSX.Element;
 
 declare interface IButtonProps extends ButtonProps {
     onClick?: () => void;
@@ -67,7 +67,7 @@ declare interface IButtonProps extends ButtonProps {
     isLoading?: boolean;
 }
 
-export declare const ImageUploader: ({ width, height, defaultMsg, file, onDrop, showClearButton, onClear, ...props }: ImageUploaderProps) => JSX_2.Element;
+export declare const ImageUploader: ({ width, height, defaultMsg, file, onDrop, showClearButton, onClear, ...props }: ImageUploaderProps) => JSX.Element;
 
 declare interface ImageUploaderProps extends DropzoneProps {
     width?: number;
@@ -78,14 +78,14 @@ declare interface ImageUploaderProps extends DropzoneProps {
     onClear?: () => void;
 }
 
-export declare const Modal: ({ size, width, withCloseButton, ...props }: ModalProps) => JSX_2.Element;
+export declare const Modal: ({ size, width, withCloseButton, ...props }: ModalProps) => JSX.Element;
 
 declare interface ModalProps extends ModalProps_2 {
     size?: "xs" | "sm" | "md" | "lg" | "xl";
     width?: number;
 }
 
-export declare const Pagination: ({ currentPageIdx, rowsPerPage, totalLength, paginationSize, onPageChange, ...props }: PaginationProps) => JSX_2.Element;
+export declare const Pagination: ({ currentPageIdx, rowsPerPage, totalLength, paginationSize, onPageChange, ...props }: PaginationProps) => JSX.Element;
 
 declare interface PaginationProps extends HTMLAttributes<HTMLDivElement> {
     currentPageIdx: number;
@@ -95,22 +95,13 @@ declare interface PaginationProps extends HTMLAttributes<HTMLDivElement> {
     onPageChange?: (e: number) => void;
 }
 
-export declare const Radio: ({ size, ...props }: RadioProps) => JSX_2.Element;
+export declare const Radio: ({ size, ...props }: RadioProps) => JSX.Element;
 
 declare interface RadioProps extends RadioProps_2 {
     size?: "sm" | "md" | "lg";
 }
 
-declare interface RowData {
-    [key: string]: {
-        cell: ReactNode;
-        sortTarget?: string | number | boolean;
-        dndId?: string | number;
-        trClassName?: string;
-    };
-}
-
-export declare const SearchBar: ({ label, labelPosition, size, required, tooltip, tooltipPosition, errorMsg, description, onChange, onClear, ...props }: SearchBarProps) => JSX_2.Element;
+export declare const SearchBar: ({ label, labelPosition, size, required, tooltip, tooltipPosition, errorMsg, description, onChange, onClear, ...props }: SearchBarProps) => JSX.Element;
 
 declare interface SearchBarProps extends AutocompleteProps {
     label?: string;
@@ -134,29 +125,14 @@ declare interface SearchBarProps_2 extends SelectProps {
     errorMsg?: string;
 }
 
-export declare const SegmentButton: ({ size, radius, ...props }: SegmentButtonProps) => JSX_2.Element;
+export declare const SegmentButton: ({ size, radius, ...props }: SegmentButtonProps) => JSX.Element;
 
 declare interface SegmentButtonProps extends SegmentedControlProps {
     size?: "sm" | "md" | "lg";
     radius?: number | "xs" | "sm" | "md" | "lg" | "xl";
 }
 
-export declare const Tab: ({ tabList, containerPaddingTop, ...props }: TabProps) => JSX_2.Element;
-
-export declare const Table: ({ tableId, headerList, tableData, sortable, draggable, striped, onDragEnd, className, }: TableProps) => JSX_2.Element;
-
-declare interface TableProps {
-    tableId?: string;
-    headerList?: Array<ReactNode>;
-    tableData?: RowData[];
-    sortable?: boolean;
-    draggable?: boolean;
-    striped?: boolean;
-    onDragEnd?: (rows: {
-        dndId?: string | number;
-    }[]) => void;
-    className?: string;
-}
+export declare const Tab: ({ tabList, containerPaddingTop, ...props }: TabProps) => JSX.Element;
 
 declare interface TabProps extends TabsProps {
     tabList: {
@@ -172,7 +148,7 @@ declare type TButtonSize = "sm" | "md" | "lg";
 
 declare type TButtonVariant = "primary" | "primaryLine" | "basic" | "danger" | "setting" | "warning";
 
-export declare const TextField: (allProps: TextFieldProps) => JSX_2.Element;
+export declare const TextField: (allProps: TextFieldProps) => JSX.Element;
 
 declare type TextFieldProps = CommonTextFieldProps & (({
     textarea?: false;
@@ -181,13 +157,13 @@ declare type TextFieldProps = CommonTextFieldProps & (({
     minRows?: number;
 } & Omit<TextareaProps, keyof CommonTextFieldProps | 'vars'>));
 
-export declare const TimePicker: ({ size, ...props }: TimePickerProps) => JSX_2.Element;
+export declare const TimePicker: ({ size, ...props }: TimePickerProps) => JSX.Element;
 
 declare interface TimePickerProps extends TimeInputProps {
     size?: "sm" | "md" | "lg";
 }
 
-export declare const Toggle: ({ size, labelPosition, disabled, onChange, ...props }: ToggleProps) => JSX_2.Element;
+export declare const Toggle: ({ size, labelPosition, disabled, onChange, ...props }: ToggleProps) => JSX.Element;
 
 declare interface ToggleProps extends SwitchProps {
     size?: "sm" | "md" | "lg";
@@ -196,7 +172,7 @@ declare interface ToggleProps extends SwitchProps {
     onChange?: (event: any) => void;
 }
 
-export declare const Tooltip: ({ title, content, maw, multiline, ...props }: TooltipProps) => JSX_2.Element;
+export declare const Tooltip: ({ title, content, maw, multiline, ...props }: TooltipProps) => JSX.Element;
 
 declare interface TooltipProps extends TooltipProps_2 {
     title?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pop-ui/core",
   "type": "module",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "main": "./dist/core.umd.cjs",
   "module": "./dist/core.js",
   "types": "./dist/types/index.d.ts",
@@ -42,107 +42,38 @@
     "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
-  "peerDependencies": {
-    "@emotion/cache": "^11.14.0",
-    "@emotion/react": "^11.14.0",
-    "@emotion/serialize": "^1.3.3",
-    "@emotion/utils": "^1.4.2",
-    "@mantine/carousel": "^8.3.5",
-    "@mantine/core": "^8.3.5",
-    "@mantine/dates": "^8.3.5",
-    "@mantine/dropzone": "^8.3.5",
-    "@mantine/form": "^8.3.5",
-    "@mantine/hooks": "^8.3.5",
-    "@mantine/modals": "^8.3.5",
-    "@mantine/notifications": "^8.3.5",
-    "@mantine/nprogress": "^8.3.5",
-    "@mantine/prism": "^6.0.22",
-    "@mantine/spotlight": "^8.3.5",
-    "@mantine/tiptap": "^8.3.5",
-    "@tabler/icons-react": "^3.35.0",
-    "@tiptap/extension-link": "^3.8.0",
-    "@tiptap/react": "^3.8.0",
-    "@tiptap/starter-kit": "^3.8.0",
-    "dayjs": "^1.11.18",
-    "embla-carousel-react": "^8.6.0",
-    "react": "^18.3.1",
-    "react-beautiful-dnd": "^13.1.1",
-    "react-dom": "^18.3.1"
+  "dependencies": {
+    "@mantine/core": "^8.3.6",
+    "@mantine/dates": "^8.3.6",
+    "@mantine/dropzone": "^8.3.6",
+    "dayjs": "^1.11.18"
   },
-  "peerDependenciesMeta": {
-    "@mantine/carousel": {
-      "optional": true
-    },
-    "@mantine/dates": {
-      "optional": true
-    },
-    "@mantine/dropzone": {
-      "optional": true
-    },
-    "@mantine/form": {
-      "optional": true
-    },
-    "@mantine/modals": {
-      "optional": true
-    },
-    "@mantine/notifications": {
-      "optional": true
-    },
-    "@mantine/nprogress": {
-      "optional": true
-    },
-    "@mantine/prism": {
-      "optional": true
-    },
-    "@mantine/spotlight": {
-      "optional": true
-    },
-    "@mantine/tiptap": {
-      "optional": true
-    },
-    "@tabler/icons-react": {
-      "optional": true
-    },
-    "@tiptap/extension-link": {
-      "optional": true
-    },
-    "@tiptap/starter-kit": {
-      "optional": true
-    },
-    "dayjs": {
-      "optional": true
-    },
-    "embla-carousel-react": {
-      "optional": true
-    },
-    "react-beautiful-dnd": {
-      "optional": true
-    }
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
   },
   "devDependencies": {
-    "@emotion/react": "^11.14.0",
-    "@mantine/carousel": "^8.3.5",
-    "@mantine/core": "^8.3.5",
-    "@mantine/dates": "^8.3.5",
-    "@mantine/dropzone": "^8.3.5",
-    "@mantine/form": "^8.3.5",
-    "@mantine/hooks": "^8.3.5",
-    "@mantine/modals": "^8.3.5",
-    "@mantine/notifications": "^8.3.5",
-    "@mantine/nprogress": "^8.3.5",
+    "@mantine/carousel": "^8.3.6",
+    "@mantine/core": "^8.3.6",
+    "@mantine/dates": "^8.3.6",
+    "@mantine/dropzone": "^8.3.6",
+    "@mantine/form": "^8.3.6",
+    "@mantine/hooks": "^8.3.6",
+    "@mantine/modals": "^8.3.6",
+    "@mantine/notifications": "^8.3.6",
+    "@mantine/nprogress": "^8.3.6",
     "@mantine/prism": "^6.0.22",
-    "@mantine/spotlight": "^8.3.5",
-    "@mantine/tiptap": "^8.3.5",
+    "@mantine/spotlight": "^8.3.6",
+    "@mantine/tiptap": "^8.3.6",
     "@tabler/icons-react": "^3.35.0",
-    "@tiptap/core": "^3.8.0",
-    "@tiptap/extension-link": "^3.8.0",
-    "@tiptap/pm": "^3.8.0",
-    "@tiptap/react": "^3.8.0",
-    "@tiptap/starter-kit": "^3.8.0",
-    "@types/node": "^24.9.1",
-    "@types/react": "^18.3.26",
-    "@types/react-beautiful-dnd": "^13",
-    "@types/react-dom": "^18.3.7",
+    "@tiptap/core": "^3.9.0",
+    "@tiptap/extension-link": "^3.9.0",
+    "@tiptap/pm": "^3.9.0",
+    "@tiptap/react": "^3.9.0",
+    "@tiptap/starter-kit": "^3.9.0",
+    "@types/node": "^24.9.2",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
     "@typescript-eslint/eslint-plugin": "^8.46.2",
     "@typescript-eslint/parser": "^8.46.2",
     "@vitejs/plugin-react": "^5.1.0",
@@ -151,18 +82,17 @@
     "eslint": "^9.38.0",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
-    "eslint-plugin-storybook": "^9.1.15",
+    "eslint-plugin-storybook": "^10.0.1",
     "polished": "^4.3.1",
     "postcss": "^8.5.6",
     "postcss-nesting": "^13.0.2",
     "prettier": "^3.6.2",
-    "react": "^18.3.1",
-    "react-beautiful-dnd": "^13.1.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "sass": "^1.93.2",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
     "vite": "^7.1.12"
   },
-  "gitHead": "9b714b261827ab163cb9f5b3adf2378339421c61"
+  "gitHead": "9c138411637de2718a4add03109dda33f25b6baa"
 }

package/dist/assets/core-O7aPPk54.css

@@ -1 +0,0 @@
-@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._baseButton_hyakm_1{cursor:pointer}._baseButton--sizeLg_hyakm_4{font-family:Pretendard;font-size:18;font-weight:700;line-height:130%;height:50px;padding:20;border-radius:6px}._baseButton--sizeMd_hyakm_13{font-family:Pretendard;font-size:16;font-weight:SemiBold;line-height:130%;height:40px;padding:16;border-radius:6px}._baseButton--sizeSm_hyakm_22{font-family:Pretendard;font-size:14;font-weight:SemiBold;line-height:130%;height:30px;padding:12;border-radius:4px}._baseButton--primary_hyakm_31{background-color:#0fd3d8;color:#fff}._baseButton--primary_hyakm_31:focus{background-color:#11badd;color:#fff}._baseButton--primary_hyakm_31:hover{background-color:#11badd;color:#fff}._baseButton--primary_hyakm_31:active{background-color:#07a3c6;color:#fff}._baseButton--primary_hyakm_31:disabled{background-color:#b0b0b0;color:#fff}._baseButton--primaryLine_hyakm_51{background-color:#fff;color:#0fd3d8;border:1px solid #0fd3d8}._baseButton--primaryLine_hyakm_51:focus{background-color:#e7e7e7;color:#11badd;border-color:#11badd}._baseButton--primaryLine_hyakm_51:hover{background-color:#e7e7e7;color:#11badd;border-color:#11badd}._baseButton--primaryLine_hyakm_51:active{background-color:#cdcdcd;color:#07a3c6;border-color:#07a3c6}._baseButton--primaryLine_hyakm_51:disabled{background-color:#b0b0b0;color:#fff}._baseButton--basic_hyakm_75{background-color:#fff;color:#4a4a4a;border:1px solid #b0b0b0}._baseButton--basic_hyakm_75:focus{background-color:#e7e7e7;color:#4a4a4a;border-color:#b0b0b0}._baseButton--basic_hyakm_75:hover{background-color:#e7e7e7;color:#4a4a4a;border-color:#b0b0b0}._baseButton--basic_hyakm_75:active{background-color:#cdcdcd;color:#4a4a4a;border-color:#b0b0b0}._baseButton--basic_hyakm_75:disabled{background-color:#b0b0b0;color:#fff}._baseButton--danger_hyakm_99{background-color:#fa5252;color:#fff}._baseButton--danger_hyakm_99:focus{background-color:#e03131;color:#fff}._baseButton--danger_hyakm_99:hover{background-color:#e03131;color:#fff}._baseButton--danger_hyakm_99:active{background-color:#c92a2a;color:#fff}._baseButton--danger_hyakm_99:disabled{background-color:#b0b0b0;color:#fff}._baseButton--setting_hyakm_119{background-color:#9b9b9b;color:#fff}._baseButton--setting_hyakm_119:focus{background-color:gray;color:#fff}._baseButton--setting_hyakm_119:hover{background-color:gray;color:#fff}._baseButton--setting_hyakm_119:active{background-color:#666;color:#fff}._baseButton--setting_hyakm_119:disabled{background-color:#b0b0b0;color:#fff}._baseButton--warning_hyakm_139{background-color:#fa5252;color:#fff}._baseButton--warning_hyakm_139:focus{background-color:#e03131;color:#fff}._baseButton--warning_hyakm_139:hover{background-color:#e03131;color:#fff}._baseButton--warning_hyakm_139:active{background-color:#c92a2a;color:#fff}._baseButton--warning_hyakm_139:disabled{background-color:#b0b0b0;color:#fff}._left_label_textfield_vch3r_1{display:flex;flex-direction:row;gap:20px}._top_label_textfield_vch3r_7{display:flex;flex-direction:column}._sm_label_vch3r_12{font-family:Pretendard;font-size:14px;font-weight:600;letter-spacing:0em;text-align:left;margin:8px 3px}._md_label_vch3r_21{font-family:Pretendard;font-size:16px;font-weight:600;letter-spacing:0em;text-align:left;margin:12px 4px}._lg_label_vch3r_30{font-family:Pretendard;font-size:18px;font-weight:600;letter-spacing:0em;text-align:left;margin:16px 4px}._sm_tooltip_vch3r_39{width:14px;height:14px}._md_tooltip_vch3r_44{width:16px;height:16px}._lg_tooltip_vch3r_49{width:18px;height:18px}._textfield_wrapper_vch3r_54{position:relative}._text_counter_vch3r_58{position:absolute;bottom:-16px;right:0;font-family:Pretendard;font-size:12px;font-weight:500;letter-spacing:0em;text-align:right;color:gray}._textarea_vch3r_70 textarea:hover{outline:1.5px solid #72eef1;border-color:transparent}._textarea_vch3r_70 textarea:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._sm_textfield_vch3r_79 input{height:30px;min-height:30px;padding:8px;font-size:14px}._sm_textfield_vch3r_79 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._sm_textfield_vch3r_79 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._md_textfield_vch3r_94 input{height:40px;min-height:40px;padding:12px;font-size:14px}._md_textfield_vch3r_94 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._md_textfield_vch3r_94 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._lg_textfield_vch3r_109 input{height:50px;min-height:50px;padding:16px;font-size:16px}._lg_textfield_vch3r_109 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._lg_textfield_vch3r_109 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._input_description_vch3r_124{margin-top:8px}._input_error_msg_vch3r_128{margin-top:4px}._clear_button_vch3r_132{display:flex;align-items:center;justify-content:center;cursor:pointer}._left_label_textfield_1kz7w_1{display:flex;flex-direction:row;gap:20px}._top_label_textfield_1kz7w_7{display:flex;flex-direction:column}._sm_label_1kz7w_12{font-family:Pretendard;font-size:14px;font-weight:600;letter-spacing:0em;text-align:left;margin:8px 3px}._md_label_1kz7w_21{font-family:Pretendard;font-size:16px;font-weight:600;letter-spacing:0em;text-align:left;margin:12px 4px}._lg_label_1kz7w_30{font-family:Pretendard;font-size:18px;font-weight:600;letter-spacing:0em;text-align:left;margin:16px 4px}._sm_tooltip_1kz7w_39{width:14px;height:14px}._md_tooltip_1kz7w_44{width:16px;height:16px}._lg_tooltip_1kz7w_49{width:18px;height:18px}._sm_textfield_1kz7w_54 input{height:30px;padding:8px;font-size:14px;min-height:30px}._sm_textfield_1kz7w_54 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._sm_textfield_1kz7w_54 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._md_textfield_1kz7w_69 input{height:40px;padding:12px;font-size:14px;min-height:40px}._md_textfield_1kz7w_69 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._md_textfield_1kz7w_69 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._lg_textfield_1kz7w_84 input{height:50px;padding:16px;font-size:16px;min-height:50px}._lg_textfield_1kz7w_84 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._lg_textfield_1kz7w_84 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._input_description_1kz7w_99{margin-top:8px}._input_error_msg_1kz7w_103{margin-top:4px}._sm_checkbox_16c4m_1 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._sm_checkbox_16c4m_1 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._sm_checkbox_16c4m_1 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._sm_checkbox_16c4m_1 input{width:18px;height:18px}._sm_checkbox_16c4m_1 label{height:18px;color:#333;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;display:flex;align-items:center}._sm_checkbox_16c4m_1 div{color:gray;font-family:Pretendard;font-size:12px;font-style:normal;font-weight:500}._md_checkbox_16c4m_37 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._md_checkbox_16c4m_37 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._md_checkbox_16c4m_37 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._md_checkbox_16c4m_37 input{width:24px;height:24px}._md_checkbox_16c4m_37 label{height:24px;color:#333;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:600;display:flex;align-items:center}._md_checkbox_16c4m_37 div{color:gray;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500}._lg_checkbox_16c4m_73 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._lg_checkbox_16c4m_73 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._lg_checkbox_16c4m_73 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._lg_checkbox_16c4m_73 input{width:32px;height:32px}._lg_checkbox_16c4m_73 label{height:32px;color:#333;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:700;display:flex;align-items:center}._lg_checkbox_16c4m_73 div{color:gray;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500}._sm_radio_11yia_1 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._sm_radio_11yia_1 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._sm_radio_11yia_1 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._sm_radio_11yia_1 input{width:18px;height:18px}._sm_radio_11yia_1 label{height:18px;color:#333;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;display:flex;align-items:center}._sm_radio_11yia_1 div{color:gray;font-family:Pretendard;font-size:12px;font-style:normal;font-weight:500}._md_radio_11yia_37 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._md_radio_11yia_37 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._md_radio_11yia_37 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._md_radio_11yia_37 input{width:24px;height:24px}._md_radio_11yia_37 label{height:24px;color:#333;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:600;display:flex;align-items:center}._md_radio_11yia_37 div{color:gray;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500}._lg_radio_11yia_73 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._lg_radio_11yia_73 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._lg_radio_11yia_73 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._lg_radio_11yia_73 input{width:32px;height:32px}._lg_radio_11yia_73 label{height:32px;color:#333;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:700;display:flex;align-items:center}._lg_radio_11yia_73 div{color:gray;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500}._sm_toggle_1xeob_1 label{height:18px;color:#333;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;display:flex;align-items:center}._sm_toggle_1xeob_1 div{color:gray;font-family:Pretendard;font-size:12px;font-style:normal;font-weight:500}._md_toggle_1xeob_19 label{height:24px;color:#333;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:600;display:flex;align-items:center}._md_toggle_1xeob_19 div{color:gray;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500}._lg_toggle_1xeob_37 label{height:32px;color:#333;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:700;display:flex;align-items:center}._lg_toggle_1xeob_37 div{color:gray;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500}._sm_textfield_1jcnj_1 button{height:30px;min-height:30px;padding:8px;font-size:14px;line-height:100%}._sm_textfield_1jcnj_1 button:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._sm_textfield_1jcnj_1 button:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._sm_textfield_1jcnj_1 button[data-in-range]{background-color:#edfcff}._sm_textfield_1jcnj_1 button[data-selected]{background-color:#0fd3d8}._sm_textfield_1jcnj_1 button[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._sm_textfield_1jcnj_1 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._sm_textfield_1jcnj_1 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._sm_textfield_1jcnj_1 input[data-in-range]{background-color:#edfcff}._sm_textfield_1jcnj_1 input[data-selected]{background-color:#0fd3d8}._sm_textfield_1jcnj_1 input[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._md_textfield_1jcnj_51 button{height:40px;min-height:40px;padding:12px;font-size:14px;line-height:100%}._md_textfield_1jcnj_51 button:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._md_textfield_1jcnj_51 button:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._md_textfield_1jcnj_51 button[data-in-range]{background-color:#edfcff}._md_textfield_1jcnj_51 button[data-selected]{background-color:#0fd3d8}._md_textfield_1jcnj_51 button[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._md_textfield_1jcnj_51 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._md_textfield_1jcnj_51 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._md_textfield_1jcnj_51 input[data-in-range]{background-color:#edfcff}._md_textfield_1jcnj_51 input[data-selected]{background-color:#0fd3d8}._md_textfield_1jcnj_51 input[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._lg_textfield_1jcnj_101 button{height:50px;min-height:50px;padding:16px;font-size:16px;line-height:100%}._lg_textfield_1jcnj_101 button:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._lg_textfield_1jcnj_101 button:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._lg_textfield_1jcnj_101 button[data-in-range]{background-color:#edfcff}._lg_textfield_1jcnj_101 button[data-selected]{background-color:#0fd3d8}._lg_textfield_1jcnj_101 button[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._lg_textfield_1jcnj_101 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._lg_textfield_1jcnj_101 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._lg_textfield_1jcnj_101 input[data-in-range]{background-color:#edfcff}._lg_textfield_1jcnj_101 input[data-selected]{background-color:#0fd3d8}._lg_textfield_1jcnj_101 input[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._sm_textfield_30pfv_1 input{height:30px;min-height:30px;padding:8px;font-size:14px;line-height:100%}._sm_textfield_30pfv_1 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._sm_textfield_30pfv_1 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._md_textfield_30pfv_18 input{height:40px;min-height:40px;padding:12px;font-size:14px;line-height:100%}._md_textfield_30pfv_18 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._md_textfield_30pfv_18 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._lg_textfield_30pfv_35 input{height:50px;min-height:50px;padding:16px;font-size:16px;line-height:100%}._lg_textfield_30pfv_35 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._lg_textfield_30pfv_35 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._pagination_9fk1g_16{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center;flex-wrap:wrap}._pagination_9fk1g_16 ._page_index_9fk1g_24{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:8px;gap:10px;font-family:Pretendard;font-size:14px;font-weight:400;letter-spacing:0px;text-align:center;color:gray;border:none;cursor:pointer}._pagination_9fk1g_16 ._page_index_9fk1g_24:hover{background-color:#f6f6f6}._pagination_9fk1g_16 ._page_index_9fk1g_24:active{background-color:#e7e7e7}._pagination_9fk1g_16 ._page_index_9fk1g_24{background-color:#fff0}._pagination_9fk1g_16 ._page_index_active_9fk1g_50{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:8px;gap:10px;font-family:Pretendard;font-size:14px;font-weight:400;letter-spacing:0px;text-align:center;color:gray;border:none;cursor:pointer}._pagination_9fk1g_16 ._page_index_active_9fk1g_50:hover{background-color:#f6f6f6}._pagination_9fk1g_16 ._page_index_active_9fk1g_50:active{background-color:#e7e7e7}._pagination_9fk1g_16 ._page_index_active_9fk1g_50{font-weight:700;background-color:#e7e7e7;color:#4a4a4a}._pagination_9fk1g_16 ._arrow_9fk1g_78{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:8px;gap:10px;font-family:Pretendard;font-size:14px;font-weight:400;letter-spacing:0px;text-align:center;color:gray;border:none;cursor:pointer}._pagination_9fk1g_16 ._arrow_9fk1g_78:hover{background-color:#f6f6f6}._pagination_9fk1g_16 ._arrow_9fk1g_78:active{background-color:#e7e7e7}._pagination_9fk1g_16 ._arrow_9fk1g_78{border:1px solid #b0b0b0;margin:0 8px;width:40px;height:40px;background-color:#fff}._tab_title_list_1o4cm_1{border-bottom:2px solid #d8d8d8}._tab_title_list_1o4cm_1 button{margin-bottom:7px;display:flex;align-items:center;text-align:center;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:700;height:50px;color:#b0b0b0;border-radius:6px;border:none;padding:0 20px;cursor:pointer}._tab_title_list_1o4cm_1 button:hover{background-color:#f6f6f6}._tab_title_list_1o4cm_1 button ._border_bottom_1o4cm_23{position:absolute;bottom:-9px;left:0;width:100%}._tab_title_list_1o4cm_1 button[data-active]{position:relative;color:#006180}._tab_title_list_1o4cm_1 button[data-active] ._border_bottom_1o4cm_23{position:absolute;bottom:-9px;left:0;width:100%;border-bottom:2px solid #006180;border-color:#006180}._sm_segment_button_22f7n_1 label{box-sizing:border-box;display:flex;align-items:center;color:#9b9b9b}._sm_segment_button_22f7n_1 label[data-active]{color:#4a4a4a}._sm_segment_button_22f7n_1 label{height:30px;padding:0 8px;font-size:14px}._md_segment_button_22f7n_16 label{box-sizing:border-box;display:flex;align-items:center;color:#9b9b9b}._md_segment_button_22f7n_16 label[data-active]{color:#4a4a4a}._md_segment_button_22f7n_16 label{height:40px;padding:0 12px;font-size:14px}._lg_segment_button_22f7n_31 label{box-sizing:border-box;display:flex;align-items:center;color:#9b9b9b}._lg_segment_button_22f7n_31 label[data-active]{color:#4a4a4a}._lg_segment_button_22f7n_31 label{height:50px;padding:0 16px;font-size:16px}._light_success_nikyj_1{background-color:#efffef;border-radius:6px;border:1.5px solid #30cc37}._light_success_nikyj_1 span{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#30cc37}._light_success_nikyj_1 div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}._light_error_nikyj_23{background-color:#fef3f2;border-radius:6px;border:1.5px solid #fa5252}._light_error_nikyj_23 span{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#fa5252}._light_error_nikyj_23 div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}._fill_success_nikyj_45{background-color:#d1fcd3;border-radius:6px}._fill_success_nikyj_45 span{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#30cc37}._fill_success_nikyj_45 div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}._fill_error_nikyj_66{background-color:#fee4e2;border-radius:6px}._fill_error_nikyj_66 span{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#fa5252}._fill_error_nikyj_66 div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}._tooltip_body_130js_1{display:flex;flex-direction:column}._tooltip_title_130js_6{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#fff;margin-bottom:8px}._tooltip_content_130js_16{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#fff}._table_1pmr3_1{width:max-content;border-collapse:collapse}._table_1pmr3_1 ._tr_gray_1pmr3_5{background-color:#fbfbfb}._table_1pmr3_1 th,._table_1pmr3_1 td{font-family:Pretendard;font-size:14px;font-style:normal;box-sizing:border-box;height:52px;text-align:center;padding:16px}@media (max-width: 767px){._table_1pmr3_1 th,._table_1pmr3_1 td{white-space:nowrap}}._table_1pmr3_1 ._th_cell_1pmr3_24>div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:700;line-height:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center}._table_1pmr3_1 ._th_cell_1pmr3_24{border-bottom:1px solid #d8d8d8;background-color:#f6f6f6}._table_1pmr3_1 ._th_cell_sortable_1pmr3_41>div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:700;line-height:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center}._table_1pmr3_1 ._th_cell_sortable_1pmr3_41 img{width:14px;height:14px;margin-left:4px}._table_1pmr3_1 ._th_cell_sortable_1pmr3_41{border-bottom:1px solid #d8d8d8;background-color:#f6f6f6}._table_1pmr3_1 ._th_cell_sortable_1pmr3_41:hover{cursor:pointer;background-color:#e7e7e7}._table_1pmr3_1 ._td_cell_1pmr3_67{color:#4a4a4a;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:140%;border-bottom:1px solid #e7e7e7}._table_1pmr3_1 ._td_cell_1pmr3_67>div{display:flex;align-items:center;justify-content:center}._image_uploader_169lo_1{width:200px;height:200px;border:none;border-radius:6px;background-color:#edfcff;padding:0;overflow:hidden}._image_uploader_169lo_1[data-accept]{opacity:.7}._image_uploader_169lo_1:hover{background-color:#c8fdff}._image_uploader_169lo_1 ._preview_169lo_16{object-fit:cover;width:100%;height:100%}._image_uploader_169lo_1 div{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:12px}._image_uploader_169lo_1 div span{color:#07a3c6;text-align:center;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;line-height:140%}._image_uploader_wrapper_169lo_40{position:relative;width:fit-content;height:fit-content}._image_uploader_wrapper_169lo_40 ._file_clear_button_169lo_45{position:absolute;display:flex;align-items:center;justify-content:center;top:-12px;right:-12px;width:24px;height:24px;z-index:1;cursor:pointer}._image_uploader_wrapper_169lo_40 ._file_clear_button_169lo_45:hover{opacity:.9}