@pop-ui/core 0.0.29 → 0.0.31

package/dist/core.umd.cjs

@@ -1,10 +1,10 @@
-(function(n,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react/jsx-runtime"),require("@mantine/core"),require("react"),require("@pop-ui/foundation"),require("@mantine/notifications"),require("dayjs/locale/ko"),require("@mantine/dates"),require("@mantine/dropzone")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@mantine/core","react","@pop-ui/foundation","@mantine/notifications","dayjs/locale/ko","@mantine/dates","@mantine/dropzone"],l):(n=typeof globalThis<"u"?globalThis:n||self,l(n.Core={},n.jsxRuntime,n.MantineCore,n.React,n.foundation,n.notifications,null,n.dates,n.dropzone))})(this,function(n,l,i,T,e,O,pe,w,A){"use strict";const J={primary:e.TextColorButtonTextPrimaryDefault,primaryLine:e.TextColorButtonTextPrimarylineDefault,basic:e.TextColorButtonTextBasicDefault,danger:e.TextColorButtonTextPrimaryDefault,setting:e.TextColorButtonTextPrimaryDefault,warning:e.TextColorButtonTextPrimaryDefault},Z={primary:{default:{backgroundColor:e.BgColorButtonBgPrimaryDefault,color:e.TextColorButtonTextPrimaryDefault,border:"none"},hover:{backgroundColor:e.BgColorButtonBgPrimaryHover,color:e.TextColorButtonTextPrimaryHover},active:{backgroundColor:e.BgColorButtonBgPrimaryPressed,color:e.TextColorButtonTextPrimaryPressed},focus:{backgroundColor:e.BgColorButtonBgPrimaryFocused,color:e.TextColorButtonTextPrimaryFocused},disabled:{backgroundColor:e.BgColorButtonBgPrimaryDisabled,color:e.TextColorButtonTextPrimaryDisabled,cursor:"not-allowed"}},primaryLine:{default:{backgroundColor:e.BgColorButtonBgPrimarylineDefault,color:e.TextColorButtonTextPrimarylineDefault,border:`1px solid ${e.BorderColorButtonBorderPrimarylineDefault}`},hover:{backgroundColor:e.BgColorButtonBgPrimarylineHover,color:e.TextColorButtonTextPrimarylineHover,borderColor:e.BorderColorButtonBorderPrimarylineHover},active:{backgroundColor:e.BgColorButtonBgPrimarylinePressed,color:e.TextColorButtonTextPrimarylinePressed,borderColor:e.BorderColorButtonBorderPrimarylinePressed},focus:{backgroundColor:e.BgColorButtonBgPrimarylineFocused,color:e.TextColorButtonTextPrimarylineFocused,borderColor:e.BorderColorButtonBorderPrimarylineFocused},disabled:{backgroundColor:e.BgColorButtonBgPrimarylineDisabled,color:e.TextColorButtonTextPrimarylineDisabled,cursor:"not-allowed"}},basic:{default:{backgroundColor:e.BgColorButtonBgBasicDefault,color:e.TextColorButtonTextBasicDefault,border:`1px solid ${e.BorderColorButtonBorderBasicDefault}`},hover:{backgroundColor:e.BgColorButtonBgBasicHover,color:e.TextColorButtonTextBasicHover,borderColor:e.BorderColorButtonBorderBasicHover},active:{backgroundColor:e.BgColorButtonBgBasicPreseed,color:e.TextColorButtonTextBasicPressed,borderColor:e.BorderColorButtonBorderBasicPressed},focus:{backgroundColor:e.BgColorButtonBgBasicFocused,color:e.TextColorButtonTextBasicFocused,borderColor:e.BorderColorButtonBorderBasicFocused},disabled:{backgroundColor:e.BgColorButtonBgBasicDisabled,color:e.TextColorButtonTextBasicDisabled,cursor:"not-allowed"}},danger:{default:{backgroundColor:e.BgColorButtonBgWarningDefault,color:e.TextColorButtonTextWarningDefault,border:"none"},hover:{backgroundColor:e.BgColorButtonBgWarningHover,color:e.TextColorButtonTextWarningHover},active:{backgroundColor:e.BgColorButtonBgWarningPressed,color:e.TextColorButtonTextWarningPressed},focus:{backgroundColor:e.BgColorButtonBgWarningFocused,color:e.TextColorButtonTextWarningFocused},disabled:{backgroundColor:e.BgColorButtonBgWarningDisabled,color:e.TextColorButtonTextWarningDisabled,cursor:"not-allowed"}},setting:{default:{backgroundColor:e.BgColorButtonBgSettingDefault,color:e.TextColorButtonTextSettingDefault,border:"none"},hover:{backgroundColor:e.BgColorButtonBgSettingHover,color:e.TextColorButtonTextSettingHover},active:{backgroundColor:e.BgColorButtonBgSettingPressed,color:e.TextColorButtonTextSettingPressed},focus:{backgroundColor:e.BgColorButtonBgSettingFocused,color:e.TextColorButtonTextSettingFocused},disabled:{backgroundColor:e.BgColorButtonBgSettingDisabled,color:e.TextColorButtonTextSettingDisabled,cursor:"not-allowed"}},warning:{default:{backgroundColor:e.BgColorButtonBgWarningDefault,color:e.TextColorButtonTextWarningDefault,border:"none"},hover:{backgroundColor:e.BgColorButtonBgWarningHover,color:e.TextColorButtonTextWarningHover},active:{backgroundColor:e.BgColorButtonBgWarningPressed,color:e.TextColorButtonTextWarningPressed},focus:{backgroundColor:e.BgColorButtonBgWarningFocused,color:e.TextColorButtonTextWarningFocused},disabled:{backgroundColor:e.BgColorButtonBgWarningDisabled,color:e.TextColorButtonTextWarningDisabled,cursor:"not-allowed"}}},G={lg:{height:"50px",padding:"0 20px",fontSize:"18px",fontWeight:700,borderRadius:"6px",lineHeight:"130%",fontFamily:"Pretendard"},md:{height:"40px",padding:"0 16px",fontSize:"16px",fontWeight:600,borderRadius:"6px",lineHeight:"130%",fontFamily:"Pretendard"},sm:{height:"30px",padding:"0 12px",fontSize:"14px",fontWeight:600,borderRadius:"4px",lineHeight:"130%",fontFamily:"Pretendard"}};function K(r,_){const o=Z[r];return{root:{...G[_],...o.default,"&:hover:not(:disabled)":o.hover,"&:active:not(:disabled)":o.active,"&:focus:not(:disabled)":o.focus,"&:disabled":o.disabled}}}function Q({children:r,size:_="md",variant:o="primary",isLoading:t=!1,disabled:a=!1,...g}){const s=T.useMemo(()=>K(o,_),[o,_]),m=J[o],d=T.useMemo(()=>{switch(_){case"lg":return 18;case"sm":return 14;case"md":default:return 16}},[_]);return l.jsx(i.Button,{type:"button",styles:s,disabled:a||t,...g,children:t?l.jsx(i.Loader,{color:m,size:d}):r})}const I={"Checkbox--Small":"styles-module__Checkbox--Small___VZGlw","Checkbox--Medium":"styles-module__Checkbox--Medium___Vwpa3","Checkbox--Large":"styles-module__Checkbox--Large___ybTGE"},X=({size:r="md",..._})=>{let o=I["Checkbox--Medium"],t=24;return r==="sm"?(o=I["Checkbox--Small"],t=18):r==="lg"&&(o=I["Checkbox--Large"],t=32),l.jsx(i.Checkbox,{className:o,styles:{inner:{width:t,height:t}},..._})},f={"DatePicker--Small":"styles-module__DatePicker--Small___m8asv","DatePicker--Medium":"styles-module__DatePicker--Medium___Po2-B","DatePicker--Large":"styles-module__DatePicker--Large___oQ6EM"},R=({size:r="md",type:_="default",withTime:o,...t})=>{let a=f["DatePicker--Medium"],g=18;return r==="sm"?(a=f["DatePicker--Small"],g=14):r==="lg"&&(a=f["DatePicker--Large"],g=24),o?l.jsx(w.DateTimePicker,{className:a,size:r,locale:"ko",firstDayOfWeek:0,monthLabelFormat:"YYYY년 MM월",valueFormat:"YYYY-MM-DD | a hh:mm",rightSection:l.jsx(e.IconCalendar,{size:g}),...t}):l.jsx(w.DatePickerInput,{className:a,type:_,size:r,locale:"ko",firstDayOfWeek:0,monthLabelFormat:"YYYY년 MM월",valueFormat:"YYYY-MM-DD",rightSection:l.jsx(e.IconCalendar,{size:g}),...t})},S={"Dropdown--LeftLabel":"styles-module__Dropdown--LeftLabel___SFObq","Dropdown--TopLabel":"styles-module__Dropdown--TopLabel___-lPhr","Dropdown__Label--Small":"styles-module__Dropdown__Label--Small___xbzOR","Dropdown__Label--Medium":"styles-module__Dropdown__Label--Medium___YtJ2-","Dropdown__Label--Large":"styles-module__Dropdown__Label--Large___sCiJv","Dropdown__Tooltip--Small":"styles-module__Dropdown__Tooltip--Small___rkmaO","Dropdown__Tooltip--Medium":"styles-module__Dropdown__Tooltip--Medium___JTfzy","Dropdown__Tooltip--Large":"styles-module__Dropdown__Tooltip--Large___W-sUq","Dropdown--Small":"styles-module__Dropdown--Small___dRIK7","Dropdown--Medium":"styles-module__Dropdown--Medium___-HZoU","Dropdown--Large":"styles-module__Dropdown--Large___BvV3M",Dropdown__Description:"styles-module__Dropdown__Description___OQ8bF",Dropdown__ErrorMsg:"styles-module__Dropdown__ErrorMsg___xTP0Y"},ee=({label:r,labelPosition:_="top",size:o="md",required:t,tooltip:a,tooltipPosition:g="top",errorMsg:s,description:m,...d})=>{const[p,c]=T.useState(!1);let h=S["Dropdown__Label--Medium"],x=S["Dropdown--Medium"],u=S["Dropdown__Tooltip--Medium"],y=18;return o==="sm"?(h=S["Dropdown__Label--Small"],x=S["Dropdown--Small"],u=S["Dropdown__Tooltip--Small"],y=14):o==="lg"&&(h=S["Dropdown__Label--Large"],x=S["Dropdown--Large"],u=S["Dropdown__Tooltip--Large"],y=24),l.jsxs("div",{className:_==="top"?S["Dropdown--TopLabel"]:S["Dropdown--LeftLabel"],children:[l.jsxs("div",{children:[r&&l.jsx(i.Input.Label,{required:t,className:h,children:r}),a&&l.jsx(i.Tooltip,{label:a,position:g,children:l.jsx("div",{className:u,children:l.jsx(e.IconInfoCircle,{size:o==="sm"?14:o==="lg"?20:16})})})]}),l.jsxs("div",{children:[l.jsx(i.Select,{...d,size:o,error:s,className:x,rightSection:p?l.jsx(e.IconChevronUp,{size:y}):l.jsx(e.IconChevronDown,{size:y}),onDropdownOpen:()=>c(!0),onDropdownClose:()=>c(!1),styles:{option:{"&[data-selected]":{"&, &:hover":{backgroundColor:"#e7e7e7",color:"#000000"}}}}}),m&&l.jsx(i.Input.Description,{className:S.Dropdown__Description,children:m}),s&&l.jsx(i.Input.Error,{className:S.Dropdown__ErrorMsg,children:s})]})]})},F={ImageUploader:"styles-module__ImageUploader___pO3AP",ImageUploader__Preview:"styles-module__ImageUploader__Preview___DI5K4",ImageUploader__Wrapper:"styles-module__ImageUploader__Wrapper___SpAGM",ImageUploader__FileClearButton:"styles-module__ImageUploader__FileClearButton___w1HyS"},oe=({width:r,height:_,defaultMsg:o="이미지 업로드",file:t,onDrop:a,showClearButton:g,onClear:s,...m})=>{const[d,p]=T.useState(t),c=T.useCallback(()=>{p(void 0),s&&s()},[s]);return l.jsxs("div",{className:F.ImageUploader__Wrapper,children:[g&&d?l.jsx("div",{className:F.ImageUploader__FileClearButton,onClick:c,children:l.jsx(e.IconCloseCircle,{size:24})}):null,l.jsx(A.Dropzone,{...m,maxFiles:1,className:F.ImageUploader,accept:A.IMAGE_MIME_TYPE,onDrop:h=>{p(h[0]),a&&a(h)},style:{width:r,height:_},children:l.jsx(l.Fragment,{children:d?l.jsx("img",{className:F.ImageUploader__Preview,src:typeof d=="string"?d:URL.createObjectURL(d),alt:`파일명: ${typeof d=="string"?d:d.name}`,title:`파일명: ${typeof d=="string"?d:d.name}`}):l.jsxs("div",{children:[l.jsx(e.IconPhoto,{size:48}),l.jsx("span",{children:o})]})})})]})},le=({size:r="md",width:_,withCloseButton:o=!1,...t})=>{let a=768;return r==="xs"?a=360:r==="sm"?a=544:r==="lg"?a=1e3:r==="xl"&&(a=1200),l.jsx(i.Modal,{size:_||a,withCloseButton:o,...t})},D={Pagination:"style-module__Pagination___xcR-Q",Pagination__PageIndex:"style-module__Pagination__PageIndex___50SZJ","Pagination__PageIndex--Active":"style-module__Pagination__PageIndex--Active___mSIwS",Pagination__Arrow:"style-module__Pagination__Arrow___74vp3"},re=({currentPageIdx:r,rowsPerPage:_,totalLength:o,paginationSize:t,onPageChange:a,...g})=>{const[s,m]=T.useState(r),d=_||50,p=o||1,c=t||5;T.useEffect(()=>{m(r)},[r]);const h=()=>{a&&a(s-(s%c+1)),m(u=>u-(u%c+1))},x=()=>{a&&a(s+c-s%c),m(u=>u+c-u%c)};return l.jsxs("div",{...g,className:D.Pagination,children:[s>=c?l.jsx("button",{className:D.Pagination__Arrow,onClick:h,children:l.jsx(e.IconChevronLeft,{size:20})}):null,new Array(c).fill(0).map((u,y)=>{const b=Math.floor(s/c)*c+y+1;if(!(b>Math.ceil(p/d)))return l.jsx("button",{className:s===b-1?D["Pagination__PageIndex--Active"]:D.Pagination__PageIndex,onClick:()=>{m(b-1),a&&a(b-1)},children:b},`pagination_${y}`)}),Math.floor(s/c)*c+c<Math.ceil(p/d)?l.jsx("button",{className:D.Pagination__Arrow,onClick:x,children:l.jsx(e.IconChevronRight,{size:20})}):null]})},N={"Radio--Small":"styles-module__Radio--Small___izWI2","Radio--Medium":"styles-module__Radio--Medium___dwZfV","Radio--Large":"styles-module__Radio--Large___1gLra"},te=({size:r="md",..._})=>{let o=N["Radio--Medium"];return r==="sm"?o=N["Radio--Small"]:r==="lg"&&(o=N["Radio--Large"]),l.jsx(i.Radio,{className:o,size:r,..._})},C={"SearchBar--LeftLabel":"styles-module__SearchBar--LeftLabel___CeYTM","SearchBar--TopLabel":"styles-module__SearchBar--TopLabel___spN3I","SearchBar__Label--Small":"styles-module__SearchBar__Label--Small___zS1L2","SearchBar__Label--Medium":"styles-module__SearchBar__Label--Medium___Fk0Ao","SearchBar__Label--Large":"styles-module__SearchBar__Label--Large___xTOYL","SearchBar__Tooltip--Small":"styles-module__SearchBar__Tooltip--Small___YhmEr","SearchBar__Tooltip--Medium":"styles-module__SearchBar__Tooltip--Medium___4JhOv","SearchBar__Tooltip--Large":"styles-module__SearchBar__Tooltip--Large___IEoPv",SearchBar__Wrapper:"styles-module__SearchBar__Wrapper___oq49s","SearchBar--Small":"styles-module__SearchBar--Small___SY9CN","SearchBar--Medium":"styles-module__SearchBar--Medium___vLP08","SearchBar--Large":"styles-module__SearchBar--Large___JHfHP",SearchBar__Description:"styles-module__SearchBar__Description___vucS-",SearchBar__ErrorMsg:"styles-module__SearchBar__ErrorMsg___TOeoy",SearchBar__ClearButton:"styles-module__SearchBar__ClearButton___S-y4P"},ae=({label:r,labelPosition:_="top",size:o="md",required:t,tooltip:a,tooltipPosition:g="top",errorMsg:s,description:m,onChange:d,onClear:p,...c})=>{const[h,x]=T.useState(0);let u=C["SearchBar__Label--Medium"],y=C["SearchBar--Medium"],b=C["SearchBar__Tooltip--Medium"];o==="sm"?(u=C["SearchBar__Label--Small"],y=C["SearchBar--Small"],b=C["SearchBar__Tooltip--Small"]):o==="lg"&&(u=C["SearchBar__Label--Large"],y=C["SearchBar--Large"],b=C["SearchBar__Tooltip--Large"]);const M=T.useCallback(L=>{d&&(x(L?.length),d(L))},[d]);return l.jsxs("div",{className:_==="top"?C["SearchBar--TopLabel"]:C["SearchBar--LeftLabel"],children:[l.jsxs("div",{children:[r&&l.jsx(i.Input.Label,{required:t,className:u,children:r}),a&&l.jsx(i.Tooltip,{label:a,position:g,children:l.jsx("div",{className:b,children:l.jsx(e.IconInfoCircle,{size:o==="sm"?14:o==="lg"?20:16})})})]}),l.jsxs("div",{children:[l.jsx("div",{className:C.SearchBar__Wrapper,children:l.jsx(i.Autocomplete,{...c,size:o,error:s,className:y,onChange:M,leftSection:l.jsx(e.IconSearch,{size:o==="sm"?16:o==="lg"?24:20}),rightSection:p&&h>0?l.jsx("div",{className:C.SearchBar__ClearButton,onClick:p,children:l.jsx(e.IconClose,{size:o==="sm"?16:o==="lg"?24:20})}):void 0})}),m&&l.jsx(i.Input.Description,{className:C.SearchBar__Description,children:m}),s&&l.jsx(i.Input.Error,{className:C.SearchBar__ErrorMsg,children:s})]})]})},W={"SegmentButton--Small":"styles-module__SegmentButton--Small___o0Y3t","SegmentButton--Medium":"styles-module__SegmentButton--Medium___EgCJm","SegmentButton--Large":"styles-module__SegmentButton--Large___Ym86C"},_e=({size:r="md",radius:_=6,...o})=>{let t=W["SegmentButton--Medium"];return r==="sm"?t=W["SegmentButton--Small"]:r==="lg"&&(t=W["SegmentButton--Large"]),l.jsx(i.SegmentedControl,{className:t,size:r,radius:_,styles:{control:{borderWidth:"0 !important"}},...o})},V={Tab__TitleList:"styles-module__Tab__TitleList___urHWH",Tab__BorderBottom:"styles-module__Tab__BorderBottom___eMTpl"},se=({tabList:r=[],containerPaddingTop:_,...o})=>l.jsxs(i.Tabs,{...o,children:[l.jsx(i.Tabs.List,{className:V.Tab__TitleList,children:r?.map((t,a)=>l.jsxs(i.Tabs.Tab,{value:t.value,leftSection:t.icon,children:[t.title,l.jsx("div",{className:V.Tab__BorderBottom})]},`tab_${a}`))}),r?.map((t,a)=>l.jsx(i.Tabs.Panel,{value:t.value,pt:_,children:t.body},`tab_panel_${a}`))]}),B={"TextField--LeftLabel":"styles-module__TextField--LeftLabel___hiNn3","TextField--TopLabel":"styles-module__TextField--TopLabel___V2otc","TextField__Label--Small":"styles-module__TextField__Label--Small___NkKKA","TextField__Label--Medium":"styles-module__TextField__Label--Medium___IoJd-","TextField__Label--Large":"styles-module__TextField__Label--Large___GMy74","TextField__Tooltip--Small":"styles-module__TextField__Tooltip--Small___GmQHE","TextField__Tooltip--Medium":"styles-module__TextField__Tooltip--Medium___5P3nA","TextField__Tooltip--Large":"styles-module__TextField__Tooltip--Large___YSCfu",TextField__Wrapper:"styles-module__TextField__Wrapper___u6p5Z",TextField__TextCounter:"styles-module__TextField__TextCounter___u1jM5","TextField--Textarea":"styles-module__TextField--Textarea___C2DL5","TextField--Small":"styles-module__TextField--Small___iuH4t","TextField--Medium":"styles-module__TextField--Medium___snYod","TextField--Large":"styles-module__TextField--Large___JoSYk",TextField__Description:"styles-module__TextField__Description___J-kXP",TextField__ErrorMsg:"styles-module__TextField__ErrorMsg___fa6f6",TextField__ClearButton:"styles-module__TextField__ClearButton___bB5Ew"},ie=r=>{const{label:_,labelPosition:o="top",size:t="md",required:a,tooltip:g,tooltipPosition:s="top",errorMsg:m,description:d,textarea:p=!1,maxTextCount:c,onChange:h,onClear:x,...u}=r,y="minRows"in r?r.minRows:void 0,[b,M]=T.useState(0);let L=B["TextField__Label--Medium"],H=B["TextField--Medium"],$=B["TextField__Tooltip--Medium"];t==="sm"?(L=B["TextField__Label--Small"],H=B["TextField--Small"],$=B["TextField__Tooltip--Small"]):t==="lg"&&(L=B["TextField__Label--Large"],H=B["TextField--Large"],$=B["TextField__Tooltip--Large"]);const z=T.useCallback(k=>{if(c){if(k.currentTarget?.value?.length>c)return;M(k.currentTarget?.value?.length),h&&h(k)}h&&(M(k.currentTarget?.value?.length),h(k))},[c,h]);return l.jsxs("div",{className:o==="top"?B["TextField--TopLabel"]:B["TextField--LeftLabel"],children:[l.jsxs("div",{children:[_&&l.jsx(i.Input.Label,{required:a,className:L,children:_}),g&&l.jsx(i.Tooltip,{label:g,position:s,children:l.jsx("div",{className:$,children:l.jsx(e.IconInfoCircle,{size:t==="sm"?14:t==="lg"?20:16})})})]}),l.jsxs("div",{children:[l.jsxs("div",{className:B.TextField__Wrapper,children:[p?l.jsx(i.Textarea,{className:B["TextField--Textarea"],size:t,minRows:y,error:m,onChange:z,disabled:u?.disabled,...u}):l.jsx(i.Input,{className:H,error:m,onChange:z,rightSection:x&&b>0?l.jsx("div",{className:B.TextField__ClearButton,onClick:x,children:l.jsx(e.IconClose,{size:t==="sm"?16:t==="lg"?24:20})}):void 0,...u}),c&&c>0&&l.jsx("span",{className:B.TextField__TextCounter,children:`${b}/${c}`})]}),d&&l.jsx(i.Input.Description,{className:B.TextField__Description,children:d}),m&&l.jsx(i.Input.Error,{className:B.TextField__ErrorMsg,children:m})]})]})},E={"TimePicker--Small":"styles-module__TimePicker--Small___nHQa1","TimePicker--Medium":"styles-module__TimePicker--Medium___E9-rF","TimePicker--Large":"styles-module__TimePicker--Large___I0M7V"},de=({size:r="md",..._})=>{const o=T.useRef(null);let t=E["TimePicker--Medium"],a=18;return r==="sm"?(t=E["TimePicker--Small"],a=14):r==="lg"&&(t=E["TimePicker--Large"],a=24),l.jsx(w.TimeInput,{ref:o,className:t,size:r,..._,rightSection:l.jsx(i.ActionIcon,{onClick:()=>{o&&o?.current?.showPicker()},children:l.jsx(e.IconClock,{size:a})})})},v={Toast:"styles-module__Toast___ZqZzU",Toast__Icon:"styles-module__Toast__Icon___PWXSy",Toast__Body:"styles-module__Toast__Body___wezPs",Toast__Message:"styles-module__Toast__Message___NFsgm"},ne=r=>{const _=typeof r=="string"?{message:r}:r,{message:o,icon:t,autoClose:a}=_;O.notifications.show({message:l.jsx("div",{className:v.Toast__Message,children:o}),icon:t,autoClose:a,classNames:{root:v.Toast,body:v.Toast__Body,icon:v.Toast__Icon},withCloseButton:!1,withBorder:!1})},U={"Toggle--Small":"styles-module__Toggle--Small___sOjUd","Toggle--Medium":"styles-module__Toggle--Medium___yIb8v","Toggle--Large":"styles-module__Toggle--Large___ZOJj1"},ce=({size:r="md",labelPosition:_="right",disabled:o,onChange:t,...a})=>{const[g,s]=T.useState(a?.checked||!1);let m=U["Toggle--Medium"],d=50;r==="sm"?(m=U["Toggle--Small"],d=38):r==="lg"&&(m=U["Toggle--Large"],d=67);const p=T.useCallback(c=>{t&&t(c),s(c?.target?.checked)},[t]);return l.jsx(i.Switch,{className:m,size:r,labelPosition:_,disabled:o,onChange:p,styles:()=>({track:{backgroundColor:!o&&g?"#0fd3d8 !important":void 0,borderColor:!o&&g?"#0fd3d8 !important":void 0,width:d}}),...a})},Y={Tooltip__Body:"styles-module__Tooltip__Body___i1OTG",Tooltip__Title:"styles-module__Tooltip__Title___E0LoV",Tooltip__Content:"styles-module__Tooltip__Content___lU5gr"},ge=({title:r,content:_,maw:o=280,multiline:t=!0,...a})=>l.jsx(i.Tooltip,{...a,maw:o,multiline:t,label:l.jsxs("div",{className:Y.Tooltip__Body,children:[r&&l.jsx("span",{className:Y.Tooltip__Title,children:r}),l.jsx("span",{className:Y.Tooltip__Content,children:_})]})}),j=(r="light")=>{const _=[];return Object.entries(e.colors).forEach(([o,t])=>{Object.entries(t).forEach(([a,g])=>{const s=e.getCSSVariableName(o,a);_.push(`${s}: ${g};`)})}),_.join(`
-  `)},me=(r="light")=>{const _=document.getElementById("pop-ui-theme-vars");_&&_.remove();const o=document.createElement("style");o.id="pop-ui-theme-vars",o.textContent=`
+(function(n,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react/jsx-runtime"),require("@mantine/core"),require("react"),require("@pop-ui/foundation"),require("@mantine/notifications"),require("dayjs/locale/ko"),require("@mantine/dates"),require("@mantine/dropzone")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@mantine/core","react","@pop-ui/foundation","@mantine/notifications","dayjs/locale/ko","@mantine/dates","@mantine/dropzone"],l):(n=typeof globalThis<"u"?globalThis:n||self,l(n.Core={},n.jsxRuntime,n.MantineCore,n.React,n.foundation,n.notifications,null,n.dates,n.dropzone))})(this,function(n,l,i,T,e,k,pe,f,V){"use strict";const Z={primary:e.TextColorButtonTextPrimaryDefault,primaryLine:e.TextColorButtonTextPrimarylineDefault,basic:e.TextColorButtonTextBasicDefault,danger:e.TextColorButtonTextPrimaryDefault,setting:e.TextColorButtonTextPrimaryDefault,warning:e.TextColorButtonTextPrimaryDefault},G={primary:{default:{backgroundColor:e.BgColorButtonBgPrimaryDefault,color:e.TextColorButtonTextPrimaryDefault,border:"none"},hover:{backgroundColor:e.BgColorButtonBgPrimaryHover,color:e.TextColorButtonTextPrimaryHover},active:{backgroundColor:e.BgColorButtonBgPrimaryPressed,color:e.TextColorButtonTextPrimaryPressed},focus:{backgroundColor:e.BgColorButtonBgPrimaryFocused,color:e.TextColorButtonTextPrimaryFocused},disabled:{backgroundColor:e.BgColorButtonBgPrimaryDisabled,color:e.TextColorButtonTextPrimaryDisabled,cursor:"not-allowed"}},primaryLine:{default:{backgroundColor:e.BgColorButtonBgPrimarylineDefault,color:e.TextColorButtonTextPrimarylineDefault,border:`1px solid ${e.BorderColorButtonBorderPrimarylineDefault}`},hover:{backgroundColor:e.BgColorButtonBgPrimarylineHover,color:e.TextColorButtonTextPrimarylineHover,borderColor:e.BorderColorButtonBorderPrimarylineHover},active:{backgroundColor:e.BgColorButtonBgPrimarylinePressed,color:e.TextColorButtonTextPrimarylinePressed,borderColor:e.BorderColorButtonBorderPrimarylinePressed},focus:{backgroundColor:e.BgColorButtonBgPrimarylineFocused,color:e.TextColorButtonTextPrimarylineFocused,borderColor:e.BorderColorButtonBorderPrimarylineFocused},disabled:{backgroundColor:e.BgColorButtonBgPrimarylineDisabled,color:e.TextColorButtonTextPrimarylineDisabled,cursor:"not-allowed"}},basic:{default:{backgroundColor:e.BgColorButtonBgBasicDefault,color:e.TextColorButtonTextBasicDefault,border:`1px solid ${e.BorderColorButtonBorderBasicDefault}`},hover:{backgroundColor:e.BgColorButtonBgBasicHover,color:e.TextColorButtonTextBasicHover,borderColor:e.BorderColorButtonBorderBasicHover},active:{backgroundColor:e.BgColorButtonBgBasicPreseed,color:e.TextColorButtonTextBasicPressed,borderColor:e.BorderColorButtonBorderBasicPressed},focus:{backgroundColor:e.BgColorButtonBgBasicFocused,color:e.TextColorButtonTextBasicFocused,borderColor:e.BorderColorButtonBorderBasicFocused},disabled:{backgroundColor:e.BgColorButtonBgBasicDisabled,color:e.TextColorButtonTextBasicDisabled,cursor:"not-allowed"}},danger:{default:{backgroundColor:e.BgColorButtonBgWarningDefault,color:e.TextColorButtonTextWarningDefault,border:"none"},hover:{backgroundColor:e.BgColorButtonBgWarningHover,color:e.TextColorButtonTextWarningHover},active:{backgroundColor:e.BgColorButtonBgWarningPressed,color:e.TextColorButtonTextWarningPressed},focus:{backgroundColor:e.BgColorButtonBgWarningFocused,color:e.TextColorButtonTextWarningFocused},disabled:{backgroundColor:e.BgColorButtonBgWarningDisabled,color:e.TextColorButtonTextWarningDisabled,cursor:"not-allowed"}},setting:{default:{backgroundColor:e.BgColorButtonBgSettingDefault,color:e.TextColorButtonTextSettingDefault,border:"none"},hover:{backgroundColor:e.BgColorButtonBgSettingHover,color:e.TextColorButtonTextSettingHover},active:{backgroundColor:e.BgColorButtonBgSettingPressed,color:e.TextColorButtonTextSettingPressed},focus:{backgroundColor:e.BgColorButtonBgSettingFocused,color:e.TextColorButtonTextSettingFocused},disabled:{backgroundColor:e.BgColorButtonBgSettingDisabled,color:e.TextColorButtonTextSettingDisabled,cursor:"not-allowed"}},warning:{default:{backgroundColor:e.BgColorButtonBgWarningDefault,color:e.TextColorButtonTextWarningDefault,border:"none"},hover:{backgroundColor:e.BgColorButtonBgWarningHover,color:e.TextColorButtonTextWarningHover},active:{backgroundColor:e.BgColorButtonBgWarningPressed,color:e.TextColorButtonTextWarningPressed},focus:{backgroundColor:e.BgColorButtonBgWarningFocused,color:e.TextColorButtonTextWarningFocused},disabled:{backgroundColor:e.BgColorButtonBgWarningDisabled,color:e.TextColorButtonTextWarningDisabled,cursor:"not-allowed"}}},K={lg:{height:"50px",padding:"0 20px",fontSize:"18px",fontWeight:700,borderRadius:"6px",lineHeight:"130%",fontFamily:"Pretendard"},md:{height:"40px",padding:"0 16px",fontSize:"16px",fontWeight:600,borderRadius:"6px",lineHeight:"130%",fontFamily:"Pretendard"},sm:{height:"30px",padding:"0 12px",fontSize:"14px",fontWeight:600,borderRadius:"4px",lineHeight:"130%",fontFamily:"Pretendard"}};function Q(t,_){const o=G[t];return{root:{...K[_],...o.default,"&:hover:not(:disabled)":o.hover,"&:active:not(:disabled)":o.active,"&:focus:not(:disabled)":o.focus,"&:disabled":o.disabled}}}function X({children:t,size:_="md",variant:o="primary",isLoading:r=!1,disabled:a=!1,...c}){const s=T.useMemo(()=>Q(o,_),[o,_]),m=Z[o],d=T.useMemo(()=>{switch(_){case"lg":return 18;case"sm":return 14;case"md":default:return 16}},[_]);return l.jsx(i.Button,{type:"button",styles:s,disabled:a||r,...c,children:r?l.jsx(i.Loader,{color:m,size:d}):t})}const N={"Checkbox--Small":"styles-module__Checkbox--Small___VZGlw","Checkbox--Medium":"styles-module__Checkbox--Medium___Vwpa3","Checkbox--Large":"styles-module__Checkbox--Large___ybTGE"},R=({size:t="md",..._})=>{let o=N["Checkbox--Medium"],r=24;return t==="sm"?(o=N["Checkbox--Small"],r=18):t==="lg"&&(o=N["Checkbox--Large"],r=32),l.jsx(i.Checkbox,{className:o,styles:{inner:{width:r,height:r}},..._})},W={"DatePicker--Small":"styles-module__DatePicker--Small___m8asv","DatePicker--Medium":"styles-module__DatePicker--Medium___Po2-B","DatePicker--Large":"styles-module__DatePicker--Large___oQ6EM"},ee=({size:t="md",type:_="default",withTime:o,...r})=>{let a=W["DatePicker--Medium"],c=18;return t==="sm"?(a=W["DatePicker--Small"],c=14):t==="lg"&&(a=W["DatePicker--Large"],c=24),o?l.jsx(f.DateTimePicker,{className:a,size:t,locale:"ko",firstDayOfWeek:0,monthLabelFormat:"YYYY년 MM월",valueFormat:"YYYY-MM-DD | a hh:mm",rightSection:l.jsx(e.IconCalendar,{size:c}),...r}):l.jsx(f.DatePickerInput,{className:a,type:_,size:t,locale:"ko",firstDayOfWeek:0,monthLabelFormat:"YYYY년 MM월",valueFormat:"YYYY-MM-DD",rightSection:l.jsx(e.IconCalendar,{size:c}),...r})},S={"Dropdown--LeftLabel":"styles-module__Dropdown--LeftLabel___SFObq","Dropdown--TopLabel":"styles-module__Dropdown--TopLabel___-lPhr","Dropdown__Label--Small":"styles-module__Dropdown__Label--Small___xbzOR","Dropdown__Label--Medium":"styles-module__Dropdown__Label--Medium___YtJ2-","Dropdown__Label--Large":"styles-module__Dropdown__Label--Large___sCiJv","Dropdown__Tooltip--Small":"styles-module__Dropdown__Tooltip--Small___rkmaO","Dropdown__Tooltip--Medium":"styles-module__Dropdown__Tooltip--Medium___JTfzy","Dropdown__Tooltip--Large":"styles-module__Dropdown__Tooltip--Large___W-sUq","Dropdown--Small":"styles-module__Dropdown--Small___dRIK7","Dropdown--Medium":"styles-module__Dropdown--Medium___-HZoU","Dropdown--Large":"styles-module__Dropdown--Large___BvV3M",Dropdown__Description:"styles-module__Dropdown__Description___OQ8bF",Dropdown__ErrorMsg:"styles-module__Dropdown__ErrorMsg___xTP0Y"},oe=({label:t,labelPosition:_="top",size:o="md",required:r,tooltip:a,tooltipPosition:c="top",errorMsg:s,description:m,...d})=>{const[p,g]=T.useState(!1);let h=S["Dropdown__Label--Medium"],x=S["Dropdown--Medium"],u=S["Dropdown__Tooltip--Medium"],y=18;return o==="sm"?(h=S["Dropdown__Label--Small"],x=S["Dropdown--Small"],u=S["Dropdown__Tooltip--Small"],y=14):o==="lg"&&(h=S["Dropdown__Label--Large"],x=S["Dropdown--Large"],u=S["Dropdown__Tooltip--Large"],y=24),l.jsxs("div",{className:_==="top"?S["Dropdown--TopLabel"]:S["Dropdown--LeftLabel"],children:[l.jsxs("div",{children:[t&&l.jsx(i.Input.Label,{required:r,className:h,children:t}),a&&l.jsx(i.Tooltip,{label:a,position:c,children:l.jsx("div",{className:u,children:l.jsx(e.IconInfoCircle,{size:o==="sm"?14:o==="lg"?20:16})})})]}),l.jsxs("div",{children:[l.jsx(i.Select,{...d,size:o,error:s,className:x,rightSection:p?l.jsx(e.IconChevronUp,{size:y}):l.jsx(e.IconChevronDown,{size:y}),onDropdownOpen:()=>g(!0),onDropdownClose:()=>g(!1),styles:{option:{"&[data-selected]":{"&, &:hover":{backgroundColor:"#e7e7e7",color:"#000000"}}}}}),m&&l.jsx(i.Input.Description,{className:S.Dropdown__Description,children:m}),s&&l.jsx(i.Input.Error,{className:S.Dropdown__ErrorMsg,children:s})]})]})},M={ImageUploader:"styles-module__ImageUploader___pO3AP",ImageUploader__Preview:"styles-module__ImageUploader__Preview___DI5K4",ImageUploader__Wrapper:"styles-module__ImageUploader__Wrapper___SpAGM",ImageUploader__FileClearButton:"styles-module__ImageUploader__FileClearButton___w1HyS"},le=({width:t,height:_,defaultMsg:o="이미지 업로드",file:r,onDrop:a,showClearButton:c,onClear:s,...m})=>{const[d,p]=T.useState(r),g=T.useCallback(()=>{p(void 0),s&&s()},[s]);return l.jsxs("div",{className:M.ImageUploader__Wrapper,children:[c&&d?l.jsx("div",{className:M.ImageUploader__FileClearButton,onClick:g,children:l.jsx(e.IconCloseCircle,{size:24})}):null,l.jsx(V.Dropzone,{...m,maxFiles:1,className:M.ImageUploader,accept:V.IMAGE_MIME_TYPE,onDrop:h=>{p(h[0]),a&&a(h)},style:{width:t,height:_},children:l.jsx(l.Fragment,{children:d?l.jsx("img",{className:M.ImageUploader__Preview,src:typeof d=="string"?d:URL.createObjectURL(d),alt:`파일명: ${typeof d=="string"?d:d.name}`,title:`파일명: ${typeof d=="string"?d:d.name}`}):l.jsxs("div",{children:[l.jsx(e.IconPhoto,{size:48}),l.jsx("span",{children:o})]})})})]})},te=({size:t="md",width:_,withCloseButton:o=!1,...r})=>{let a=768;return t==="xs"?a=360:t==="sm"?a=544:t==="lg"?a=1e3:t==="xl"&&(a=1200),l.jsx(i.Modal,{size:_||a,withCloseButton:o,...r})},F={Pagination:"style-module__Pagination___xcR-Q",Pagination__PageIndex:"style-module__Pagination__PageIndex___50SZJ","Pagination__PageIndex--Active":"style-module__Pagination__PageIndex--Active___mSIwS",Pagination__Arrow:"style-module__Pagination__Arrow___74vp3"},re=({currentPageIdx:t,rowsPerPage:_,totalLength:o,paginationSize:r,onPageChange:a,...c})=>{const[s,m]=T.useState(t),d=_||50,p=o||1,g=r||5;T.useEffect(()=>{m(t)},[t]);const h=()=>{a&&a(s-(s%g+1)),m(u=>u-(u%g+1))},x=()=>{a&&a(s+g-s%g),m(u=>u+g-u%g)};return l.jsxs("div",{...c,className:F.Pagination,children:[s>=g?l.jsx("button",{className:F.Pagination__Arrow,onClick:h,children:l.jsx(e.IconChevronLeft,{size:20})}):null,new Array(g).fill(0).map((u,y)=>{const b=Math.floor(s/g)*g+y+1;if(!(b>Math.ceil(p/d)))return l.jsx("button",{className:s===b-1?F["Pagination__PageIndex--Active"]:F.Pagination__PageIndex,onClick:()=>{m(b-1),a&&a(b-1)},children:b},`pagination_${y}`)}),Math.floor(s/g)*g+g<Math.ceil(p/d)?l.jsx("button",{className:F.Pagination__Arrow,onClick:x,children:l.jsx(e.IconChevronRight,{size:20})}):null]})},E={"Radio--Small":"styles-module__Radio--Small___izWI2","Radio--Medium":"styles-module__Radio--Medium___dwZfV","Radio--Large":"styles-module__Radio--Large___1gLra"},ae=({size:t="md",..._})=>{let o=E["Radio--Medium"];return t==="sm"?o=E["Radio--Small"]:t==="lg"&&(o=E["Radio--Large"]),l.jsx(i.Radio,{className:o,size:t,..._})},C={"SearchBar--LeftLabel":"styles-module__SearchBar--LeftLabel___CeYTM","SearchBar--TopLabel":"styles-module__SearchBar--TopLabel___spN3I","SearchBar__Label--Small":"styles-module__SearchBar__Label--Small___zS1L2","SearchBar__Label--Medium":"styles-module__SearchBar__Label--Medium___Fk0Ao","SearchBar__Label--Large":"styles-module__SearchBar__Label--Large___xTOYL","SearchBar__Tooltip--Small":"styles-module__SearchBar__Tooltip--Small___YhmEr","SearchBar__Tooltip--Medium":"styles-module__SearchBar__Tooltip--Medium___4JhOv","SearchBar__Tooltip--Large":"styles-module__SearchBar__Tooltip--Large___IEoPv",SearchBar__Wrapper:"styles-module__SearchBar__Wrapper___oq49s","SearchBar--Small":"styles-module__SearchBar--Small___SY9CN","SearchBar--Medium":"styles-module__SearchBar--Medium___vLP08","SearchBar--Large":"styles-module__SearchBar--Large___JHfHP",SearchBar__Description:"styles-module__SearchBar__Description___vucS-",SearchBar__ErrorMsg:"styles-module__SearchBar__ErrorMsg___TOeoy",SearchBar__ClearButton:"styles-module__SearchBar__ClearButton___S-y4P"},_e=({label:t,labelPosition:_="top",size:o="md",required:r,tooltip:a,tooltipPosition:c="top",errorMsg:s,description:m,onChange:d,onClear:p,...g})=>{const[h,x]=T.useState(0);let u=C["SearchBar__Label--Medium"],y=C["SearchBar--Medium"],b=C["SearchBar__Tooltip--Medium"];o==="sm"?(u=C["SearchBar__Label--Small"],y=C["SearchBar--Small"],b=C["SearchBar__Tooltip--Small"]):o==="lg"&&(u=C["SearchBar__Label--Large"],y=C["SearchBar--Large"],b=C["SearchBar__Tooltip--Large"]);const I=T.useCallback(D=>{d&&(x(D?.length),d(D))},[d]);return l.jsxs("div",{className:_==="top"?C["SearchBar--TopLabel"]:C["SearchBar--LeftLabel"],children:[l.jsxs("div",{children:[t&&l.jsx(i.Input.Label,{required:r,className:u,children:t}),a&&l.jsx(i.Tooltip,{label:a,position:c,children:l.jsx("div",{className:b,children:l.jsx(e.IconInfoCircle,{size:o==="sm"?14:o==="lg"?20:16})})})]}),l.jsxs("div",{children:[l.jsx("div",{className:C.SearchBar__Wrapper,children:l.jsx(i.Autocomplete,{...g,size:o,error:s,className:y,onChange:I,leftSection:l.jsx(e.IconSearch,{size:o==="sm"?16:o==="lg"?24:20}),rightSection:p&&h>0?l.jsx("div",{className:C.SearchBar__ClearButton,onClick:p,children:l.jsx(e.IconClose,{size:o==="sm"?16:o==="lg"?24:20})}):void 0})}),m&&l.jsx(i.Input.Description,{className:C.SearchBar__Description,children:m}),s&&l.jsx(i.Input.Error,{className:C.SearchBar__ErrorMsg,children:s})]})]})},U={"SegmentButton--Small":"styles-module__SegmentButton--Small___o0Y3t","SegmentButton--Medium":"styles-module__SegmentButton--Medium___EgCJm","SegmentButton--Large":"styles-module__SegmentButton--Large___Ym86C"},se=({size:t="md",radius:_=6,...o})=>{let r=U["SegmentButton--Medium"];return t==="sm"?r=U["SegmentButton--Small"]:t==="lg"&&(r=U["SegmentButton--Large"]),l.jsx(i.SegmentedControl,{className:r,size:t,radius:_,styles:{control:{borderWidth:"0 !important"}},...o})},j={Tab__TitleList:"styles-module__Tab__TitleList___urHWH",Tab__BorderBottom:"styles-module__Tab__BorderBottom___eMTpl"},ie=({tabList:t=[],containerPaddingTop:_,...o})=>l.jsxs(i.Tabs,{...o,children:[l.jsx(i.Tabs.List,{className:j.Tab__TitleList,children:t?.map((r,a)=>l.jsxs(i.Tabs.Tab,{value:r.value,leftSection:r.icon,children:[r.title,l.jsx("div",{className:j.Tab__BorderBottom})]},`tab_${a}`))}),t?.map((r,a)=>l.jsx(i.Tabs.Panel,{value:r.value,pt:_,children:r.body},`tab_panel_${a}`))]}),B={"TextField--LeftLabel":"styles-module__TextField--LeftLabel___hiNn3","TextField--TopLabel":"styles-module__TextField--TopLabel___V2otc","TextField__Label--Small":"styles-module__TextField__Label--Small___NkKKA","TextField__Label--Medium":"styles-module__TextField__Label--Medium___IoJd-","TextField__Label--Large":"styles-module__TextField__Label--Large___GMy74","TextField__Tooltip--Small":"styles-module__TextField__Tooltip--Small___GmQHE","TextField__Tooltip--Medium":"styles-module__TextField__Tooltip--Medium___5P3nA","TextField__Tooltip--Large":"styles-module__TextField__Tooltip--Large___YSCfu",TextField__Wrapper:"styles-module__TextField__Wrapper___u6p5Z",TextField__TextCounter:"styles-module__TextField__TextCounter___u1jM5","TextField--Textarea":"styles-module__TextField--Textarea___C2DL5","TextField--Small":"styles-module__TextField--Small___iuH4t","TextField--Medium":"styles-module__TextField--Medium___snYod","TextField--Large":"styles-module__TextField--Large___JoSYk",TextField__Description:"styles-module__TextField__Description___J-kXP",TextField__ErrorMsg:"styles-module__TextField__ErrorMsg___fa6f6",TextField__ClearButton:"styles-module__TextField__ClearButton___bB5Ew"},de=t=>{const{label:_,labelPosition:o="top",size:r="md",required:a,tooltip:c,tooltipPosition:s="top",errorMsg:m,description:d,textarea:p=!1,maxTextCount:g,onChange:h,onClear:x,...u}=t,y="minRows"in t?t.minRows:void 0,[b,I]=T.useState(0);let D=B["TextField__Label--Medium"],O=B["TextField--Medium"],A=B["TextField__Tooltip--Medium"];r==="sm"?(D=B["TextField__Label--Small"],O=B["TextField--Small"],A=B["TextField__Tooltip--Small"]):r==="lg"&&(D=B["TextField__Label--Large"],O=B["TextField--Large"],A=B["TextField__Tooltip--Large"]);const J=T.useCallback(v=>{if(g){if(v.currentTarget?.value?.length>g)return;I(v.currentTarget?.value?.length),h&&h(v)}h&&(I(v.currentTarget?.value?.length),h(v))},[g,h]);return l.jsxs("div",{className:o==="top"?B["TextField--TopLabel"]:B["TextField--LeftLabel"],children:[l.jsxs("div",{children:[_&&l.jsx(i.Input.Label,{required:a,className:D,children:_}),c&&l.jsx(i.Tooltip,{label:c,position:s,children:l.jsx("div",{className:A,children:l.jsx(e.IconInfoCircle,{size:r==="sm"?14:r==="lg"?20:16})})})]}),l.jsxs("div",{children:[l.jsxs("div",{className:B.TextField__Wrapper,children:[p?l.jsx(i.Textarea,{className:B["TextField--Textarea"],size:r,minRows:y,error:m,onChange:J,disabled:u?.disabled,...u}):l.jsx(i.Input,{className:O,error:m,onChange:J,rightSection:x&&b>0?l.jsx("div",{className:B.TextField__ClearButton,onClick:x,children:l.jsx(e.IconClose,{size:r==="sm"?16:r==="lg"?24:20})}):void 0,...u}),g&&g>0&&l.jsx("span",{className:B.TextField__TextCounter,children:`${b}/${g}`})]}),d&&l.jsx(i.Input.Description,{className:B.TextField__Description,children:d}),m&&l.jsx(i.Input.Error,{className:B.TextField__ErrorMsg,children:m})]})]})},Y={"TimePicker--Small":"styles-module__TimePicker--Small___nHQa1","TimePicker--Medium":"styles-module__TimePicker--Medium___E9-rF","TimePicker--Large":"styles-module__TimePicker--Large___I0M7V"},ne=({size:t="md",..._})=>{const o=T.useRef(null);let r=Y["TimePicker--Medium"],a=18;return t==="sm"?(r=Y["TimePicker--Small"],a=14):t==="lg"&&(r=Y["TimePicker--Large"],a=24),l.jsx(f.TimeInput,{ref:o,className:r,size:t,..._,rightSection:l.jsx(i.ActionIcon,{onClick:()=>{o&&o?.current?.showPicker()},children:l.jsx(e.IconClock,{size:a})})})},L={Toast:"styles-module__Toast___ZqZzU",Toast__Icon:"styles-module__Toast__Icon___PWXSy",Toast__Body:"styles-module__Toast__Body___wezPs",Toast__Message:"styles-module__Toast__Message___NFsgm"},w=t=>{const _=typeof t=="string"?{message:t}:t,{message:o,id:r,icon:a,autoClose:c}=_;k.notifications.show({id:r,message:l.jsx("div",{className:L.Toast__Message,children:o}),icon:a,autoClose:c,classNames:{root:L.Toast,body:L.Toast__Body,icon:L.Toast__Icon},withCloseButton:!1,withBorder:!1})};w.update=(t,_)=>{const o=typeof _=="string"?{message:_}:_,{message:r,icon:a,autoClose:c}=o;k.notifications.update({id:t,message:l.jsx("div",{className:L.Toast__Message,children:r}),icon:a,autoClose:c,classNames:{root:L.Toast,body:L.Toast__Body,icon:L.Toast__Icon},withCloseButton:!1,withBorder:!1})},w.hide=t=>{k.notifications.hide(t)},w.clean=()=>{k.notifications.clean()};const H={"Toggle--Small":"styles-module__Toggle--Small___sOjUd","Toggle--Medium":"styles-module__Toggle--Medium___yIb8v","Toggle--Large":"styles-module__Toggle--Large___ZOJj1"},ce=({size:t="md",labelPosition:_="right",disabled:o,onChange:r,...a})=>{const[c,s]=T.useState(a?.checked||!1);let m=H["Toggle--Medium"],d=50;t==="sm"?(m=H["Toggle--Small"],d=38):t==="lg"&&(m=H["Toggle--Large"],d=67);const p=T.useCallback(g=>{r&&r(g),s(g?.target?.checked)},[r]);return l.jsx(i.Switch,{className:m,size:t,labelPosition:_,disabled:o,onChange:p,styles:()=>({track:{backgroundColor:!o&&c?"#0fd3d8 !important":void 0,borderColor:!o&&c?"#0fd3d8 !important":void 0,width:d}}),...a})},$={Tooltip__Body:"styles-module__Tooltip__Body___i1OTG",Tooltip__Title:"styles-module__Tooltip__Title___E0LoV",Tooltip__Content:"styles-module__Tooltip__Content___lU5gr"},ge=({title:t,content:_,maw:o=280,multiline:r=!0,...a})=>l.jsx(i.Tooltip,{...a,maw:o,multiline:r,label:l.jsxs("div",{className:$.Tooltip__Body,children:[t&&l.jsx("span",{className:$.Tooltip__Title,children:t}),l.jsx("span",{className:$.Tooltip__Content,children:_})]})}),q=(t="light")=>{const _=[];return Object.entries(e.colors).forEach(([o,r])=>{Object.entries(r).forEach(([a,c])=>{const s=e.getCSSVariableName(o,a);_.push(`${s}: ${c};`)})}),_.join(`
+  `)},me=(t="light")=>{const _=document.getElementById("pop-ui-theme-vars");_&&_.remove();const o=document.createElement("style");o.id="pop-ui-theme-vars",o.textContent=`
 :root {
-  ${j("light")}
+  ${q("light")}
 }
 
 [data-theme="dark"] {
-  ${j("dark")}
+  ${q("dark")}
 }
-`,document.head.appendChild(o)},P=r=>{const _=e.colors[r],o=Object.keys(_).sort((a,g)=>Number(a)-Number(g));return[e.getCSSVariableRef(r,o[0]||o[o.length-1]),e.getCSSVariableRef(r,o[1]||o[o.length-1]),e.getCSSVariableRef(r,o[2]||o[o.length-1]),e.getCSSVariableRef(r,o[3]||o[o.length-1]),e.getCSSVariableRef(r,o[4]||o[o.length-1]),e.getCSSVariableRef(r,o[5]||o[o.length-1]),e.getCSSVariableRef(r,o[6]||o[o.length-1]),e.getCSSVariableRef(r,o[7]||o[o.length-1]),e.getCSSVariableRef(r,o[8]||o[o.length-1]),e.getCSSVariableRef(r,o[9]||o[o.length-1])]},Te=i.createTheme({colors:{gray:P("gray"),aqua:P("aqua"),red:P("red"),orange:P("orange"),yellow:P("yellow"),green:P("green"),blue:P("blue"),purple:P("purple"),grape:P("grape")},primaryColor:"aqua",primaryShade:5,fontFamily:'Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'}),q=T.createContext(void 0),ue=({children:r,defaultTheme:_="light",notificationPosition:o="bottom-center",notificationLimit:t=5,notificationAutoClose:a,notificationZIndex:g})=>{const[s,m]=T.useState(_);T.useEffect(()=>{me(s),document.documentElement.setAttribute("data-theme",s)},[s]);const d=()=>{m(p=>p==="light"?"dark":"light")};return l.jsx(q.Provider,{value:{theme:s,setTheme:m,toggleTheme:d},children:l.jsxs(i.MantineProvider,{theme:Te,children:[l.jsx(O.Notifications,{position:o,limit:t,autoClose:a,zIndex:g}),r]})})},Be=()=>{const r=T.useContext(q);if(!r)throw new Error("useTheme must be used within ThemeProvider");return r};n.Button=Q,n.Checkbox=X,n.DatePicker=R,n.Dropdown=ee,n.ImageUploader=oe,n.Modal=le,n.Pagination=re,n.PopUiProvider=ue,n.Radio=te,n.SearchBar=ae,n.SegmentButton=_e,n.Tab=se,n.TextField=ie,n.TimePicker=de,n.Toggle=ce,n.Tooltip=ge,n.toast=ne,n.useTheme=Be,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+`,document.head.appendChild(o)},P=t=>{const _=e.colors[t],o=Object.keys(_).sort((a,c)=>Number(a)-Number(c));return[e.getCSSVariableRef(t,o[0]||o[o.length-1]),e.getCSSVariableRef(t,o[1]||o[o.length-1]),e.getCSSVariableRef(t,o[2]||o[o.length-1]),e.getCSSVariableRef(t,o[3]||o[o.length-1]),e.getCSSVariableRef(t,o[4]||o[o.length-1]),e.getCSSVariableRef(t,o[5]||o[o.length-1]),e.getCSSVariableRef(t,o[6]||o[o.length-1]),e.getCSSVariableRef(t,o[7]||o[o.length-1]),e.getCSSVariableRef(t,o[8]||o[o.length-1]),e.getCSSVariableRef(t,o[9]||o[o.length-1])]},Te=i.createTheme({colors:{gray:P("gray"),aqua:P("aqua"),red:P("red"),orange:P("orange"),yellow:P("yellow"),green:P("green"),blue:P("blue"),purple:P("purple"),grape:P("grape")},primaryColor:"aqua",primaryShade:5,fontFamily:'Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'}),z=T.createContext(void 0),ue=({children:t,defaultTheme:_="light",notificationPosition:o="bottom-center",notificationLimit:r=5,notificationAutoClose:a,notificationZIndex:c})=>{const[s,m]=T.useState(_);T.useEffect(()=>{me(s),document.documentElement.setAttribute("data-theme",s)},[s]);const d=()=>{m(p=>p==="light"?"dark":"light")};return l.jsx(z.Provider,{value:{theme:s,setTheme:m,toggleTheme:d},children:l.jsxs(i.MantineProvider,{theme:Te,children:[l.jsx(k.Notifications,{position:o,limit:r,autoClose:a,zIndex:c}),t]})})},Be=()=>{const t=T.useContext(z);if(!t)throw new Error("useTheme must be used within ThemeProvider");return t};n.Button=X,n.Checkbox=R,n.DatePicker=ee,n.Dropdown=oe,n.ImageUploader=le,n.Modal=te,n.Pagination=re,n.PopUiProvider=ue,n.Radio=ae,n.SearchBar=_e,n.SegmentButton=se,n.Tab=ie,n.TextField=de,n.TimePicker=ne,n.Toggle=ce,n.Tooltip=ge,n.toast=w,n.useTheme=Be,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/dist/types/index.d.ts

@@ -49,7 +49,7 @@ declare interface ICommonTextFieldProps {
     description?: string;
     errorMsg?: string;
     maxTextCount?: number;
-    onChange?: (event: any) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     onClear?: () => void;
 }
 
@@ -118,7 +118,7 @@ declare interface ISearchBarProps extends AutocompleteProps {
     tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
     description?: string;
     errorMsg?: string;
-    onChange?: (event: any) => void;
+    onChange?: (value: string) => void;
     onClear?: () => void;
 }
 
@@ -149,6 +149,7 @@ declare interface ITimePickerProps extends TimeInputProps {
 
 declare interface IToastOptions {
     message: string;
+    id?: string;
     icon?: ReactNode;
     autoClose?: number | false;
 }
@@ -157,7 +158,7 @@ declare interface IToggleProps extends SwitchProps {
     size?: 'sm' | 'md' | 'lg';
     labelPosition: 'left' | 'right';
     disabled?: boolean;
-    onChange?: (event: any) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 
 declare interface ITooltipProps extends TooltipProps {
@@ -200,8 +201,25 @@ export declare const TimePicker: ({ size, ...props }: ITimePickerProps) => JSX.E
  *   icon: <IconCheck />,
  *   autoClose: 5000,
  * });
+ *
+ * // id를 사용한 중복 방지 및 업데이트
+ * toast({
+ *   id: 'save-toast',
+ *   message: '저장 중...',
+ * });
+ *
+ * // 같은 id로 다시 호출하면 기존 토스트가 업데이트됩니다
+ * toast({
+ *   id: 'save-toast',
+ *   message: '저장 완료!',
+ * });
  */
-export declare const toast: (input: TToastInput) => void;
+export declare const toast: {
+    (input: TToastInput): void;
+    update(id: string, input: TToastInput): void;
+    hide(id: string): void;
+    clean(): void;
+};
 
 export declare const Toggle: ({ size, labelPosition, disabled, onChange, ...props }: IToggleProps) => JSX.Element;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pop-ui/core",
   "type": "module",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "main": "./dist/core.umd.cjs",
   "module": "./dist/core.js",
   "types": "./dist/types/index.d.ts",
@@ -97,5 +97,5 @@
     "typescript": "^5.9.3",
     "vite": "^7.1.12"
   },
-  "gitHead": "f82aadafafc8c3289fc589deae52264963cd8e4f"
+  "gitHead": "b016b19eae9aabe096b4faef45a523e00b39d1e8"
 }