@pop-ui/core 0.0.11 → 0.0.14

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,d,p,At,D,E,J){"use strict";const I={lg_button:"_lg_button_18ipb_16",md_button:"_md_button_18ipb_26",sm_button:"_sm_button_18ipb_36",primary:"_primary_18ipb_46",primaryline:"_primaryline_18ipb_68",basic:"_basic_18ipb_102",danger:"_danger_18ipb_135",setting:"_setting_18ipb_157"},lt=({children:e,size:o="md",styleType:l="primary",..._})=>{let i=I.md_button;o==="sm"?i=I.sm_button:o==="lg"&&(i=I.lg_button);let n=I.primary;return l==="basic"?n=I.basic:l==="primaryline"?n=I.primaryline:l==="danger"?n=I.danger:l==="setting"&&(n=I.setting),t.jsx(d.Button,{type:"button",className:`${n} ${i}`,..._,children:e})},H="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",v={left_label_textfield:"_left_label_textfield_wii04_16",top_label_textfield:"_top_label_textfield_wii04_22",sm_label:"_sm_label_wii04_27",md_label:"_md_label_wii04_36",lg_label:"_lg_label_wii04_45",sm_tooltip:"_sm_tooltip_wii04_54",md_tooltip:"_md_tooltip_wii04_59",lg_tooltip:"_lg_tooltip_wii04_64",textfield_wrapper:"_textfield_wrapper_wii04_69",text_counter:"_text_counter_wii04_73",textarea:"_textarea_wii04_85",sm_textfield:"_sm_textfield_wii04_94",md_textfield:"_md_textfield_wii04_109",lg_textfield:"_lg_textfield_wii04_124",input_description:"_input_description_wii04_139",input_error_msg:"_input_error_msg_wii04_143",clear_button:"_clear_button_wii04_147"},it=({label:e,labelPosition:o="top",size:l="md",required:_,tooltip:i,tooltipPosition:n="top",errorMsg:s,description:x,textarea:r=!1,minRows:y,maxTextCount:h,onChange:f,onClear:g,...w})=>{const[k,T]=p.useState(0);let N=v.md_label,S=v.md_textfield,B=v.md_tooltip;l==="sm"?(N=v.sm_label,S=v.sm_textfield,B=v.sm_tooltip):l==="lg"&&(N=v.lg_label,S=v.lg_textfield,B=v.lg_tooltip);const b=p.useCallback(c=>{var m,u,$,A,q,F;if(h){if(((u=(m=c.currentTarget)==null?void 0:m.value)==null?void 0:u.length)>h)return;T((A=($=c.currentTarget)==null?void 0:$.value)==null?void 0:A.length),f&&f(c)}f&&(T((F=(q=c.currentTarget)==null?void 0:q.value)==null?void 0:F.length),f(c))},[h,f]);return t.jsxs("div",{className:o==="top"?v.top_label_textfield:v.left_label_textfield,children:[t.jsxs("div",{children:[e&&t.jsx(d.Input.Label,{required:_,className:N,children:e}),i&&t.jsx(d.Tooltip,{label:i,position:n,children:t.jsx("img",{className:B,src:H,alt:"tooltip_icon"})})]}),t.jsxs("div",{children:[t.jsxs("div",{className:v.textfield_wrapper,children:[r?t.jsx(d.Textarea,{className:v.textarea,size:l,minRows:y,error:s,onChange:b,disabled:w==null?void 0:w.disabled,...w}):t.jsx(d.Input,{className:S,error:s,onChange:b,rightSection:g&&k>0?t.jsx("div",{className:v.clear_button,onClick:g,children:t.jsx("img",{src:Q})}):void 0,...w}),h&&h>0&&t.jsx("span",{className:v.text_counter,children:`${k}/${h}`})]}),x&&t.jsx(d.Input.Description,{className:v.input_description,children:x}),s&&t.jsx(d.Input.Error,{className:v.input_error_msg,children:s})]})]})},_t="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",C={left_label_textfield:"_left_label_textfield_wii04_16",top_label_textfield:"_top_label_textfield_wii04_22",sm_label:"_sm_label_wii04_27",md_label:"_md_label_wii04_36",lg_label:"_lg_label_wii04_45",sm_tooltip:"_sm_tooltip_wii04_54",md_tooltip:"_md_tooltip_wii04_59",lg_tooltip:"_lg_tooltip_wii04_64",textfield_wrapper:"_textfield_wrapper_wii04_69",sm_textfield:"_sm_textfield_wii04_94",md_textfield:"_md_textfield_wii04_109",lg_textfield:"_lg_textfield_wii04_124",input_description:"_input_description_wii04_139",input_error_msg:"_input_error_msg_wii04_143",clear_button:"_clear_button_wii04_147"},ot=({label:e,labelPosition:o="top",size:l="md",required:_,tooltip:i,tooltipPosition:n="top",errorMsg:s,description:x,onChange:r,onClear:y,...h})=>{const[f,g]=p.useState(0);let w=C.md_label,k=C.md_textfield,T=C.md_tooltip;l==="sm"?(w=C.sm_label,k=C.sm_textfield,T=C.sm_tooltip):l==="lg"&&(w=C.lg_label,k=C.lg_textfield,T=C.lg_tooltip);const N=p.useCallback(S=>{r&&(g(S==null?void 0:S.length),r(S))},[r]);return t.jsxs("div",{className:o==="top"?C.top_label_textfield:C.left_label_textfield,children:[t.jsxs("div",{children:[e&&t.jsx(d.Input.Label,{required:_,className:w,children:e}),i&&t.jsx(d.Tooltip,{label:i,position:n,children:t.jsx("img",{className:T,src:H,alt:"tooltip_icon"})})]}),t.jsxs("div",{children:[t.jsx("div",{className:C.textfield_wrapper,children:t.jsx(d.Autocomplete,{...h,size:l,error:s,className:k,onChange:N,icon:t.jsx("img",{src:_t}),iconWidth:48,rightSection:y&&f>0?t.jsx("div",{className:C.clear_button,onClick:y,children:t.jsx("img",{src:Q})}):void 0})}),x&&t.jsx(d.Input.Description,{className:C.input_description,children:x}),s&&t.jsx(d.Input.Error,{className:C.input_error_msg,children: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%3cpath%20d='M18%2015L12%209L6%2015'%20stroke='%23808080'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",z="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",M={left_label_textfield:"_left_label_textfield_hosiw_16",top_label_textfield:"_top_label_textfield_hosiw_22",sm_label:"_sm_label_hosiw_27",md_label:"_md_label_hosiw_36",lg_label:"_lg_label_hosiw_45",sm_tooltip:"_sm_tooltip_hosiw_54",md_tooltip:"_md_tooltip_hosiw_59",lg_tooltip:"_lg_tooltip_hosiw_64",sm_textfield:"_sm_textfield_hosiw_69",md_textfield:"_md_textfield_hosiw_84",lg_textfield:"_lg_textfield_hosiw_99",input_description:"_input_description_hosiw_114",input_error_msg:"_input_error_msg_hosiw_118"},st=({label:e,labelPosition:o="top",size:l="md",required:_,tooltip:i,tooltipPosition:n="top",errorMsg:s,description:x,...r})=>{const[y,h]=p.useState(!1);let f=M.md_label,g=M.md_textfield,w=M.md_tooltip,k=18;return l==="sm"?(f=M.sm_label,g=M.sm_textfield,w=M.sm_tooltip,k=14):l==="lg"&&(f=M.lg_label,g=M.lg_textfield,w=M.lg_tooltip,k=24),t.jsxs("div",{className:o==="top"?M.top_label_textfield:M.left_label_textfield,children:[t.jsxs("div",{children:[e&&t.jsx(d.Input.Label,{required:_,className:f,children:e}),i&&t.jsx(d.Tooltip,{label:i,position:n,children:t.jsx("img",{className:w,src:H,alt:"tooltip_icon"})})]}),t.jsxs("div",{children:[t.jsx(d.Select,{...r,size:l,error:s,className:g,rightSection:y?t.jsx("img",{width:k,src:X}):t.jsx("img",{width:k,src:z}),onDropdownOpen:()=>h(!0),onDropdownClose:()=>h(!1),styles:()=>({item:{"&[data-selected]":{"&, &:hover":{backgroundColor:"#e7e7e7",color:"#000000"}}}})}),x&&t.jsx(d.Input.Description,{className:M.input_description,children:x}),s&&t.jsx(d.Input.Error,{className:M.input_error_msg,children:s})]})]})},P={sm_checkbox:"_sm_checkbox_7y75g_16",md_checkbox:"_md_checkbox_7y75g_52",lg_checkbox:"_lg_checkbox_7y75g_88"},ct=({size:e="md",...o})=>{let l=P.md_checkbox,_=24;return e==="sm"?(l=P.sm_checkbox,_=18):e==="lg"&&(l=P.lg_checkbox,_=32),t.jsx(d.Checkbox,{className:l,styles:{inner:{width:_,height:_}},...o})},Z={sm_radio:"_sm_radio_1ib4u_16",md_radio:"_md_radio_1ib4u_52",lg_radio:"_lg_radio_1ib4u_88"},rt=({size:e="md",...o})=>{let l=Z.md_radio;return e==="sm"?l=Z.sm_radio:e==="lg"&&(l=Z.lg_radio),t.jsx(d.Radio,{className:l,size:e,...o})},V={sm_toggle:"_sm_toggle_jaqix_16",md_toggle:"_md_toggle_jaqix_34",lg_toggle:"_lg_toggle_jaqix_52"},nt=({size:e="md",labelPosition:o="right",disabled:l,onChange:_,...i})=>{const[n,s]=p.useState((i==null?void 0:i.checked)||!1);let x=V.md_toggle,r=50;e==="sm"?(x=V.sm_toggle,r=38):e==="lg"&&(x=V.lg_toggle,r=67);const y=p.useCallback(h=>{var f;_&&_(h),s((f=h==null?void 0:h.target)==null?void 0:f.checked)},[_]);return t.jsx(d.Switch,{className:x,size:e,labelPosition:o,disabled:l,onChange:y,styles:()=>({track:{backgroundColor:!l&&n?"#0fd3d8 !important":void 0,borderColor:!l&&n?"#0fd3d8 !important":void 0,width:r}}),...i})},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%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",W={sm_textfield:"_sm_textfield_2zkt2_16",md_textfield:"_md_textfield_2zkt2_66",lg_textfield:"_lg_textfield_2zkt2_116"},dt=({size:e="md",type:o="default",withTime:l,..._})=>{let i=W.md_textfield,n=18;return e==="sm"?(i=W.sm_textfield,n=14):e==="lg"&&(i=W.lg_textfield,n=24),l?t.jsx(D.DateTimePicker,{placeholder:void 0,onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0,className:i,size:e,locale:"ko",firstDayOfWeek:0,monthLabelFormat:"YYYY년 MM월",valueFormat:"YYYY-MM-DD | a hh:mm",rightSection:t.jsx("img",{width:n,src:R}),..._}):t.jsx(D.DatePickerInput,{className:i,type:o,size:e,locale:"ko",firstDayOfWeek:0,monthLabelFormat:"YYYY년 MM월",valueFormat:"YYYY-MM-DD",rightSection:t.jsx("img",{width:n,src:R}),..._})},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",U={sm_textfield:"_sm_textfield_8xl46_16",md_textfield:"_md_textfield_8xl46_33",lg_textfield:"_lg_textfield_8xl46_50"},gt=({size:e="md",...o})=>{const l=p.useRef(null);let _=U.md_textfield,i=18;return e==="sm"?(_=U.sm_textfield,i=14):e==="lg"&&(_=U.lg_textfield,i=24),t.jsx(D.TimeInput,{ref:l,className:_,size:e,...o,rightSection:t.jsx(d.ActionIcon,{onClick:()=>{var n;l&&((n=l==null?void 0:l.current)==null||n.showPicker())},children:t.jsx("img",{width:i,src:at,alt:"clock_icon"})})})},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='M7%201L1%207L7%2013'%20stroke='%23667085'/%3e%3c/svg%3e",pt="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_hiiqe_16",page_index:"_page_index_hiiqe_24",page_index_active:"_page_index_active_hiiqe_48",arrow:"_arrow_hiiqe_74"},ht=({currentPageIdx:e,rowsPerPage:o,totalLength:l,paginationSize:_,onPageChange:i,...n})=>{const[s,x]=p.useState(e),[r,y]=p.useState(50),[h,f]=p.useState(1),[g,w]=p.useState(5);p.useMemo(()=>{x(e),y(o||50),f(l||1),w(_||5)},[e,o,l,_]);const k=()=>{i&&i(s-(s%g+1)),x(N=>N-(N%g+1))},T=()=>{i&&i(s+g-s%g),x(N=>N+g-N%g)};return t.jsxs("div",{...n,className:j.pagination,children:[s>=g?t.jsx("button",{className:j.arrow,onClick:k,children:t.jsx("img",{src:mt,alt:"prev"})}):null,new Array(g).fill(0).map((N,S)=>{const B=Math.floor(s/g)*g+S+1;if(!(B>Math.ceil(h/r)))return t.jsx("button",{className:s===B-1?j.page_index_active:j.page_index,onClick:()=>{x(B-1),i&&i(B-1)},children:B},`pagination_${S}`)}),Math.floor(s/g)*g+g<Math.ceil(h/r)?t.jsx("button",{className:j.arrow,onClick:T,children:t.jsx("img",{src:pt,alt:"next"})}):null]})},tt={tab_title_list:"_tab_title_list_1fmw0_16",border_bottom:"_border_bottom_1fmw0_38"},ft=({tabList:e=[],containerPaddingTop:o,...l})=>t.jsxs(d.Tabs,{...l,children:[t.jsx(d.Tabs.List,{className:tt.tab_title_list,children:e==null?void 0:e.map((_,i)=>t.jsxs(d.Tabs.Tab,{value:_.value,icon:_.icon,children:[_.title,t.jsx("div",{className:tt.border_bottom})]},`tab_${i}`))}),e==null?void 0:e.map((_,i)=>t.jsx(d.Tabs.Panel,{value:_.value,pt:o,children:_.body},`tab_panel_${i}`))]}),G={sm_segment_button:"_sm_segment_button_ok8t2_16",md_segment_button:"_md_segment_button_ok8t2_29",lg_segment_button:"_lg_segment_button_ok8t2_42"},bt=({size:e="md",radius:o=6,...l})=>{let _=G.md_segment_button;return e==="sm"?_=G.sm_segment_button:e==="lg"&&(_=G.lg_segment_button),t.jsx(d.SegmentedControl,{className:_,size:e,radius:o,styles:{control:{borderWidth:"0 !important"}},...l})},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='%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",wt="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",Y={light_success:"_light_success_gs18x_16",light_error:"_light_error_gs18x_38",fill_success:"_fill_success_gs18x_60",fill_error:"_fill_error_gs18x_81"},ut=({visible:e=!1,type:o="success",variant:l="light",top:_=48,right:i=48,...n})=>{let s=Y.light_success;return l==="fill"?o==="success"?s=Y.fill_success:o==="error"&&(s=Y.fill_error):o==="success"?s=Y.light_success:o==="error"&&(s=Y.light_error),e?t.jsx(d.Alert,{className:s,icon:t.jsx("img",{src:o==="success"?xt:wt,alt:"alert_icon"}),styles:{title:{marginBottom:n!=null&&n.children?void 0:0}},pos:"fixed",top:_,right:i,...n}):null},K={tooltip_body:"_tooltip_body_iesd0_16",tooltip_title:"_tooltip_title_iesd0_21",tooltip_content:"_tooltip_content_iesd0_31"},kt=({title:e,content:o,maw:l=280,multiline:_=!0,...i})=>t.jsx(d.Tooltip,{...i,maw:l,multiline:_,label:t.jsxs("div",{className:K.tooltip_body,children:[e&&t.jsx("span",{className:K.tooltip_title,children:e}),t.jsx("span",{className:K.tooltip_content,children:o})]})}),L={table:"_table_16tlf_16",tr_gray:"_tr_gray_16tlf_20",th_cell:"_th_cell_16tlf_39",th_cell_sortable:"_th_cell_sortable_16tlf_56",td_cell:"_td_cell_16tlf_82"},vt="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",$t="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:o,tableData:l,sortable:_,draggable:i=!1,striped:n,onDragEnd:s,className:x})=>{const[r,y]=p.useState(),[h,f]=p.useState(),[g,w]=p.useState(),k=p.useCallback(b=>{const c=b==null?void 0:b.map((m,u)=>{var q,F,et;const $=Object.keys(m),A=t.jsx(t.Fragment,{children:$.map((Bt,Tt)=>t.jsx("td",{className:L.td_cell,children:m[Bt].cell},`table_${e||0}_tr_${u}_col_${Tt}`))});return i&&((q=m[$[0]])==null?void 0:q.dndId)===void 0&&console.error("draggable table을 사용할 때엔 tableData의 첫번째 필드에 고유한 dndId를 설정해주세요"),{row:A,dndId:(F=m[$[0]])==null?void 0:F.dndId,trClassName:(et=m[$[0]])==null?void 0:et.trClassName}});y(c)},[i,e]);p.useMemo(()=>{f(void 0),w(void 0),k(l)},[k,l]);const T=p.useCallback(b=>{if(l){const c=l.slice(0),m=Object.keys(c[0])[b];f(b);let u;g?g==="desc"?(u=c==null?void 0:c.sort(($,A)=>String($[m].sortTarget||$[m].cell).localeCompare(String(A[m].sortTarget||A[m].cell))),w("asc")):(u=c,f(void 0),w(void 0)):(u=c==null?void 0:c.sort(($,A)=>String(A[m].sortTarget||A[m].cell).localeCompare(String($[m].sortTarget||$[m].cell))),w("desc")),k(u)}},[k,g,l]),N=p.useCallback(b=>_?h===b?g==="desc"?t.jsx("img",{src:z,alt:"ic_chevron_down"}):t.jsx("img",{src:X,alt:"ic_chevron_up"}):t.jsx("img",{src:vt,alt:"ic_sortable"}):null,[_,h,g]),S=p.useCallback((b,c,m)=>{const u=Array.from(b);return u.splice(m,0,c),u},[]),B=p.useCallback(b=>{if(!b.destination||!r)return;const c=r==null?void 0:r.slice(0),[m]=c.splice(b.source.index,1),u=S(c,m,b.destination.index);y(u),s&&s(u.map($=>({dndId:$==null?void 0:$.dndId})))},[s,S,r]);return t.jsxs("table",{className:`${L.table} ${x||""}`,children:[t.jsx("thead",{children:t.jsxs("tr",{children:[i&&t.jsx("th",{className:L.th_cell,style:{padding:0}}),o==null?void 0:o.map((b,c)=>t.jsx("th",{className:_?L.th_cell_sortable:L.th_cell,onClick:()=>{_&&T(c)},children:t.jsxs("div",{children:[b,N(c)]})},`table_header_col_${c}`))]})}),t.jsx(E.DragDropContext,{onDragEnd:B,children:t.jsx(E.Droppable,{droppableId:`dnd_table_${e||0}_drop_zone`,children:b=>t.jsxs("tbody",{ref:b.innerRef,...b.droppableProps,children:[r==null?void 0:r.map((c,m)=>t.jsx(E.Draggable,{draggableId:`dnd_table_${e||0}_drag_item_${c==null?void 0:c.dndId}`,index:m,isDragDisabled:!i,children:u=>p.createElement("tr",{...u.dragHandleProps,...u.draggableProps,ref:u.innerRef,key:`table_${e||0}_tr_${m}`,className:`${n&&m%2===1?L.tr_gray:""} ${c.trClassName}`},i&&t.jsx("td",{className:L.td_cell,style:{padding:0},children:t.jsx("div",{children:t.jsx("img",{src:$t,alt:"ic_drag"})})}),c==null?void 0:c.row)},`dnd_table_${e||0}_drag_item_${(c==null?void 0:c.dndId)!==void 0?c.dndId:m}`)),b.placeholder]})})})]})},Ct=({size:e="md",width:o,withCloseButton:l=!1,..._})=>{let i=768;return e==="xs"?i=360:e==="sm"?i=544:e==="lg"?i=1e3:e==="xl"&&(i=1200),t.jsx(d.Modal,{size:o||i,withCloseButton:l,..._})},O={image_uploader:"_image_uploader_lv9hk_16",preview:"_preview_lv9hk_31",image_uploader_wrapper:"_image_uploader_wrapper_lv9hk_55",file_clear_button:"_file_clear_button_lv9hk_60"},Nt="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",St="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",Mt=({width:e,height:o,defaultMsg:l="이미지 업로드",file:_,onDrop:i,showClearButton:n,onClear:s,...x})=>{const[r,y]=p.useState(_),h=p.useCallback(()=>{y(void 0),s&&s()},[s]);return t.jsxs("div",{className:O.image_uploader_wrapper,children:[n&&r?t.jsx("div",{className:O.file_clear_button,onClick:h,children:t.jsx("img",{src:St,alt:"clear_file_data"})}):null,t.jsx(J.Dropzone,{...x,maxFiles:1,className:O.image_uploader,accept:J.IMAGE_MIME_TYPE,onDrop:f=>{y(f[0]),i&&i(f)},style:{width:e,height:o},children:t.jsx(t.Fragment,{children:r?t.jsx("img",{className:O.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:Nt,alt:"ic_image_colored"}),t.jsx("span",{children:l})]})})})]})};a.Alert=ut,a.Button=lt,a.Checkbox=ct,a.DatePicker=dt,a.Dropdown=st,a.ImageUploader=Mt,a.Modal=Ct,a.Pagination=ht,a.Radio=rt,a.SearchBar=ot,a.SegmentButton=bt,a.Tab=ft,a.Table=yt,a.TextField=it,a.TimePicker=gt,a.Toggle=nt,a.Tooltip=kt,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("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"})});

package/dist/types/index.d.ts

@@ -1 +1,206 @@
-export * from "./components";
+import { AlertProps as AlertProps_2 } from '@mantine/core';
+import { AutocompleteProps } from '@mantine/core';
+import { ButtonProps } from '@mantine/core';
+import { CheckboxProps as CheckboxProps_2 } from '@mantine/core';
+import { DatePickerInputProps } from '@mantine/dates';
+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 { ModalProps as ModalProps_2 } from '@mantine/core';
+import { RadioProps as RadioProps_2 } from '@mantine/core';
+import { ReactNode } from 'react';
+import { SegmentedControlProps } from '@mantine/core';
+import { SelectProps } from '@mantine/core';
+import { SwitchProps } from '@mantine/core';
+import { TabsProps } from '@mantine/core';
+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;
+
+declare interface AlertProps extends AlertProps_2 {
+    visible: boolean;
+    type?: "success" | "error";
+    variant?: "fill" | "light";
+    title?: string;
+}
+
+export declare function Button({ children, size, styleType, isLoading, disabled, ...props }: IButtonProps): JSX_2.Element;
+
+export declare const Checkbox: ({ size, ...props }: CheckboxProps) => JSX_2.Element;
+
+declare interface CheckboxProps extends CheckboxProps_2 {
+    size?: "sm" | "md" | "lg";
+}
+
+declare interface CommonTextFieldProps {
+    label?: string;
+    labelPosition?: "top" | "left";
+    size?: "sm" | "md" | "lg";
+    required?: boolean;
+    tooltip?: string;
+    tooltipPosition?: "top" | "bottom" | "left" | "right";
+    description?: string;
+    errorMsg?: string;
+    maxTextCount?: number;
+    onChange?: (event: any) => void;
+    onClear?: () => void;
+}
+
+export declare const DatePicker: ({ size, type, withTime, ...props }: DatePickerProps) => JSX_2.Element;
+
+declare interface DatePickerProps extends DatePickerInputProps {
+    size?: "sm" | "md" | "lg";
+    type?: "default" | "multiple" | "range";
+    withTime?: boolean;
+}
+
+export declare const Dropdown: ({ label, labelPosition, size, required, tooltip, tooltipPosition, errorMsg, description, ...props }: SearchBarProps_2) => JSX_2.Element;
+
+declare interface IButtonProps extends ButtonProps {
+    onClick?: () => void;
+    size?: TButtonSize;
+    styleType?: TButtonVariant;
+    isLoading?: boolean;
+}
+
+export declare const ImageUploader: ({ width, height, defaultMsg, file, onDrop, showClearButton, onClear, ...props }: ImageUploaderProps) => JSX_2.Element;
+
+declare interface ImageUploaderProps extends DropzoneProps {
+    width?: number;
+    height?: number;
+    defaultMsg?: ReactNode;
+    file?: string | FileWithPath;
+    showClearButton?: boolean;
+    onClear?: () => void;
+}
+
+export declare const Modal: ({ size, width, withCloseButton, ...props }: ModalProps) => JSX_2.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;
+
+declare interface PaginationProps extends HTMLAttributes<HTMLDivElement> {
+    currentPageIdx: number;
+    rowsPerPage?: number;
+    totalLength?: number;
+    paginationSize?: number;
+    onPageChange?: (e: number) => void;
+}
+
+export declare const Radio: ({ size, ...props }: RadioProps) => JSX_2.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;
+
+declare interface SearchBarProps extends AutocompleteProps {
+    label?: string;
+    labelPosition?: "top" | "left";
+    size?: "sm" | "md" | "lg";
+    tooltip?: string;
+    tooltipPosition?: "top" | "bottom" | "left" | "right";
+    description?: string;
+    errorMsg?: string;
+    onChange?: (event: any) => void;
+    onClear?: () => void;
+}
+
+declare interface SearchBarProps_2 extends SelectProps {
+    label?: string;
+    labelPosition?: "top" | "left";
+    size?: "sm" | "md" | "lg";
+    tooltip?: string;
+    tooltipPosition?: "top" | "bottom" | "left" | "right";
+    description?: string;
+    errorMsg?: string;
+}
+
+export declare const SegmentButton: ({ size, radius, ...props }: SegmentButtonProps) => JSX_2.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;
+}
+
+declare interface TabProps extends TabsProps {
+    tabList: {
+        title: string;
+        value: string;
+        body: ReactNode;
+        icon?: ReactNode;
+    }[];
+    containerPaddingTop?: "xs" | "sm" | "md" | "lg" | "xl";
+}
+
+declare type TButtonSize = "sm" | "md" | "lg";
+
+declare type TButtonVariant = "primary" | "primaryLine" | "basic" | "danger" | "setting" | "warning";
+
+export declare const TextField: (allProps: TextFieldProps) => JSX_2.Element;
+
+declare type TextFieldProps = CommonTextFieldProps & (({
+    textarea?: false;
+} & Omit<InputProps, keyof CommonTextFieldProps | 'vars'>) | ({
+    textarea: true;
+    minRows?: number;
+} & Omit<TextareaProps, keyof CommonTextFieldProps | 'vars'>));
+
+export declare const TimePicker: ({ size, ...props }: TimePickerProps) => JSX_2.Element;
+
+declare interface TimePickerProps extends TimeInputProps {
+    size?: "sm" | "md" | "lg";
+}
+
+export declare const Toggle: ({ size, labelPosition, disabled, onChange, ...props }: ToggleProps) => JSX_2.Element;
+
+declare interface ToggleProps extends SwitchProps {
+    size?: "sm" | "md" | "lg";
+    labelPosition: "left" | "right";
+    disabled?: boolean;
+    onChange?: (event: any) => void;
+}
+
+export declare const Tooltip: ({ title, content, maw, multiline, ...props }: TooltipProps) => JSX_2.Element;
+
+declare interface TooltipProps extends TooltipProps_2 {
+    title?: string;
+    content: string;
+}
+
+export { }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pop-ui/core",
   "type": "module",
-  "version": "0.0.11",
+  "version": "0.0.14",
   "main": "./dist/core.umd.cjs",
   "module": "./dist/core.js",
   "types": "./dist/types/index.d.ts",
@@ -15,9 +15,14 @@
         "types": "./dist/types/index.d.ts",
         "default": "./dist/core.umd.cjs"
       }
-    }
+    },
+    "./styles.css": "./dist/core.css"
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss",
+    "dist/**/*.css"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/datepop/pop-ui"
@@ -32,38 +37,39 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build && tsc",
+    "build": "vite build",
+    "typecheck": "tsc",
     "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.11.1",
-    "@mantine/carousel": "^6.0.22",
-    "@mantine/core": "^6.0.22",
-    "@mantine/dates": "^6.0.22",
-    "@mantine/dropzone": "^6.0.22",
-    "@mantine/form": "^6.0.22",
-    "@mantine/hooks": "^6.0.22",
-    "@mantine/modals": "^6.0.22",
-    "@mantine/notifications": "^6.0.22",
-    "@mantine/nprogress": "^6.0.22",
+    "@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": "^6.0.22",
-    "@mantine/tiptap": "^6.0.22",
-    "@tabler/icons-react": "^2.47.0",
-    "@tiptap/extension-link": "^2.11.7",
-    "@tiptap/react": "^2.11.7",
-    "@tiptap/starter-kit": "^2.11.7",
-    "dayjs": "^1.11.13",
-    "embla-carousel-react": "^7.1.0",
+    "@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"
   },
   "peerDependenciesMeta": {
-    "@emotion/react": {
-      "optional": true
-    },
     "@mantine/carousel": {
       "optional": true
     },
@@ -114,64 +120,49 @@
     }
   },
   "devDependencies": {
-    "@babel/core": "^7.22.11",
-    "@babel/preset-env": "^7.22.10",
-    "@babel/preset-react": "^7.22.5",
-    "@babel/preset-typescript": "^7.22.11",
-    "@emotion/react": "^11.11.1",
-    "@mantine/carousel": "^6.0.22",
-    "@mantine/core": "^6.0.22",
-    "@mantine/dates": "^6.0.22",
-    "@mantine/dropzone": "^6.0.22",
-    "@mantine/form": "^6.0.22",
-    "@mantine/hooks": "^6.0.22",
-    "@mantine/modals": "^6.0.22",
-    "@mantine/notifications": "^6.0.22",
-    "@mantine/nprogress": "^6.0.22",
+    "@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/prism": "^6.0.22",
-    "@mantine/spotlight": "^6.0.22",
-    "@mantine/tiptap": "^6.0.22",
-    "@tabler/icons-react": "^2.47.0",
-    "@testing-library/jest-dom": "^6.1.2",
-    "@testing-library/react": "^14.3.1",
-    "@tiptap/core": "^2.1.7",
-    "@tiptap/extension-link": "^2.11.7",
-    "@tiptap/pm": "^2.1.7",
-    "@tiptap/react": "^2.11.7",
-    "@tiptap/starter-kit": "^2.11.7",
-    "@types/jest": "^29.5.4",
-    "@types/node": "^20.17.30",
-    "@types/react": "^18.3.20",
+    "@mantine/spotlight": "^8.3.5",
+    "@mantine/tiptap": "^8.3.5",
+    "@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.6",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
-    "@vitejs/plugin-react": "^4.0.4",
-    "babel-jest": "^29.6.4",
-    "babel-loader": "^9.2.1",
-    "css-loader": "^6.11.0",
-    "dayjs": "^1.11.13",
-    "embla-carousel-react": "^7.1.0",
-    "eslint": "^8.57.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.3",
-    "eslint-plugin-storybook": "^0.6.15",
-    "path": "^0.12.7",
-    "polished": "^4.2.2",
-    "postcss": "^8.4.31",
-    "postcss-nesting": "^12.1.5",
-    "prettier": "^3.0.2",
-    "prop-types": "^15.8.1",
+    "@types/react-dom": "^18.3.7",
+    "@typescript-eslint/eslint-plugin": "^8.46.2",
+    "@typescript-eslint/parser": "^8.46.2",
+    "@vitejs/plugin-react": "^5.1.0",
+    "dayjs": "^1.11.18",
+    "embla-carousel-react": "^8.6.0",
+    "eslint": "^9.38.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "eslint-plugin-storybook": "^9.1.15",
+    "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",
-    "sass": "^1.86.3",
-    "sass-loader": "^14.2.1",
-    "style-loader": "^3.3.4",
-    "ts-node": "^10.9.1",
-    "typescript": "^5.2.2",
-    "vite": "^6.2.5",
-    "webpack": "^5.99.1"
+    "sass": "^1.93.2",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.12"
   },
-  "gitHead": "d1d318f6ff13144b6bd88bd1fda2ea0cad71a218"
+  "gitHead": "9b714b261827ab163cb9f5b3adf2378339421c61"
 }

package/dist/components/Alert/Alert.stories.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Alert } from ".";
-export default {
-    title: "Core/Alert",
-    component: Alert,
-};
-const Template = (args) => _jsx(Alert, { ...args });
-export const defaultAlert = Template.bind({});
-defaultAlert.args = {
-    visible: true,
-    type: "success",
-    variant: "light",
-    title: "alert title",
-    children: "alert content",
-    top: 0,
-    left: 0,
-    right: 0,
-};

package/dist/components/Alert/index.js

@@ -1,31 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Alert as MantineAlert, } from "@mantine/core";
-import ic_success from "../../assets/icons/ic_success.svg";
-import ic_error from "../../assets/icons/ic_error.svg";
-import styles from "./styles.module.scss";
-export const Alert = ({ visible = false, type = "success", variant = "light", top = 48, right = 48, ...props }) => {
-    let typeStyle = styles.light_success;
-    if (variant === "fill") {
-        if (type === "success") {
-            typeStyle = styles.fill_success;
-        }
-        else if (type === "error") {
-            typeStyle = styles.fill_error;
-        }
-    }
-    else {
-        if (type === "success") {
-            typeStyle = styles.light_success;
-        }
-        else if (type === "error") {
-            typeStyle = styles.light_error;
-        }
-    }
-    return visible ? (_jsx(MantineAlert, { className: typeStyle, icon: _jsx("img", { src: type === "success" ? ic_success : ic_error, alt: "alert_icon" }), styles: {
-            title: {
-                marginBottom: !props?.children ? 0 : undefined,
-            },
-        }, pos: "fixed", top: top, right: right, ...props })) : null;
-};
-export default Alert;

package/dist/components/Button/Button.stories.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from ".";
-export default {
-    title: "Core/Button",
-    component: Button,
-};
-const Template = (args) => _jsx(Button, { ...args });
-export const PrimaryButton = Template.bind({});
-PrimaryButton.args = {
-    children: "데이트팝 Button",
-    styleType: "primary",
-    size: "md",
-    disabled: false,
-};
-export const PrimaryLineButton = Template.bind({});
-PrimaryLineButton.args = {
-    children: "데이트팝 Button",
-    styleType: "primaryline",
-    size: "md",
-    disabled: false,
-};
-export const BasicButton = Template.bind({});
-BasicButton.args = {
-    children: "데이트팝 Button",
-    styleType: "basic",
-    size: "md",
-    disabled: false,
-};
-export const DangerButton = Template.bind({});
-DangerButton.args = {
-    children: "데이트팝 Button",
-    styleType: "danger",
-    size: "md",
-    disabled: false,
-};
-export const SettingButton = Template.bind({});
-SettingButton.args = {
-    children: "데이트팝 Button",
-    styleType: "setting",
-    size: "md",
-    disabled: false,
-};