@pop-ui/foundation 0.0.22 → 0.0.23

package/dist/foundation.umd.cjs

@@ -1 +1 @@
-(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("@mantine/core")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@mantine/core"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.Foundation={},o.jsxRuntime,o.React,o.core))})(this,function(o,e,B,l){"use strict";const y="#0fd3d8",v="#11badd",h="#07a3c6",b="#11badd",p="#ffffff",m="#b0b0b0",F="#ffffff",P="#e7e7e7",T="#cdcdcd",S="#e7e7e7",w="#ffffff",D="#4a4a4a",W="#b0b0b0",z="#fa5252",G="#e03131",H="#c92a2a",A="#e03131",E="#9b9b9b",L="#808080",q="#666666",O="#808080",k="#0fd3d8",Y="#11badd",R="#07a3c6",j="#11badd",I="#b0b0b0",M="#ffffff",V="#e7e7e7",N="#cdcdcd",U="#e7e7e7",$="#b0b0b0",X="#ffffff",J="#e7e7e7",K="#cdcdcd",Q="#e7e7e7",Z="#b0b0b0",_="#fa5252",x="#e03131",oo="#c92a2a",eo="#e03131",to="#b0b0b0",ro="#9b9b9b",lo="#808080",no="#666666",ao="#808080",io="#b0b0b0",co="#ffffff",uo="#ffffff",fo="#ffffff",so="#ffffff",Co="#ffffff",go="#0fd3d8",Bo="#11badd",yo="#07a3c6",vo="#11badd",ho="#ffffff",bo="#4a4a4a",po="#4a4a4a",mo="#4a4a4a",Fo="#4a4a4a",Po="#ffffff",To="#ffffff",So="#ffffff",wo="#ffffff",Do="#ffffff",Wo="#ffffff",zo="#ffffff",Go="#ffffff",Ho="#ffffff",Ao="#ffffff",Eo="#ffffff",Lo="#0fd3d8",qo="#11badd",Oo="#07a3c6",ko="#11badd",Yo="#b0b0b0",Ro="#b0b0b0",jo="#b0b0b0",Io="#b0b0b0",Mo="#0fd3d8",Vo="#11badd",No="#07a3c6",Uo="#11badd",$o="#b0b0b0",Xo="#b0b0b0",Jo="#b0b0b0",Ko="#b0b0b0",Qo="#ffffff",Zo="#fbfbfb",_o="#f6f6f6",xo="#e7e7e7",oe="#d8d8d8",ee="#cdcdcd",te="#b0b0b0",re="#9b9b9b",le="#808080",ne="#666666",ae="#4a4a4a",u="#333333",ie="#000000",ce="#edfcff",ue="#d5f8ff",fe="#c8fdff",de="#98f4f6",se="#72eef1",Ce="#49e5e9",ge="#0fd3d8",Be="#11badd",ye="#07a3c6",ve="#00759a",he="#006180",be="#fef3f2",pe="#fee4e2",me="#fecdca",Fe="#fda29b",Pe="#ff8a8a",Te="#fa5252",Se="#f03e3e",we="#e03131",De="#c92a2a",We="#ab1313",ze="#fff4e6",Ge="#ffe8cc",He="#ffd8a8",Ae="#ffc078",Ee="#ffa94d",Le="#ff922b",qe="#fd7e14",Oe="#f76707",ke="#e8590c",Ye="#d9480f",Re="#fbffbf",je="#ffff9f",Ie="#fdff78",Me="#fffc33",Ve="#fff200",Ne="#ffe500",Ue="#fcc419",$e="#f59f00",Xe="#f08c00",Je="#e27500",Ke="#efffef",Qe="#d1fcd3",Ze="#a5f8a9",_e="#8bed90",xe="#6de372",ot="#30cc37",et="#0f8c14",tt="#027a48",rt="#05603a",lt="#054f31",nt="#eff8ff",at="#d8f0ff",it="#b2ddff",ct="#84caff",ut="#53b1fd",ft="#2e90fa",dt="#1570ef",st="#175cd3",Ct="#1849a9",gt="#194185",Bt="#f3f0ff",yt="#e5dbff",vt="#d0bfff",ht="#b197fc",bt="#9775fa",pt="#845ef7",mt="#7248ef",Ft="#5f36da",Pt="#5730cc",Tt="#4827ab",St="#f8f0fc",wt="#f3d9fa",Dt="#eebefa",Wt="#e599f7",zt="#da77f2",Gt="#cc5de8",Ht="#be4bdb",At="#ae3ec9",Et="#9c36b5",Lt="#862e9c",qt="#0000000a",Ot={global:JSON.parse('{"color":{"gray":{"0":{"value":"#fff","type":"color"},"25":{"value":"#FBFBFB","type":"color"},"50":{"value":"#F6F6F6","type":"color"},"100":{"value":"#E7E7E7","type":"color"},"200":{"value":"#D8D8D8","type":"color"},"300":{"value":"#CDCDCD","type":"color"},"400":{"value":"#B0B0B0","type":"color"},"500":{"value":"#9B9B9B","type":"color"},"600":{"value":"#808080","type":"color"},"700":{"value":"#666666","type":"color"},"800":{"value":"#4A4A4A","type":"color"},"900":{"value":"#333333","type":"color"},"1000":{"value":"#000","type":"color"}},"aqua":{"50":{"value":"#EDFCFF","type":"color"},"75":{"value":"#D5F8FF","type":"color"},"100":{"value":"#C8FDFF","type":"color"},"200":{"value":"#98F4F6","type":"color"},"300":{"value":"#72EEF1","type":"color"},"400":{"value":"#49E5E9","type":"color"},"500":{"value":"#0fd3d8","type":"color"},"600":{"value":"#11BADD","type":"color"},"700":{"value":"#07A3C6","type":"color"},"800":{"value":"#00759A","type":"color"},"900":{"value":"#006180","type":"color"}},"red":{"50":{"value":"#FEF3F2","type":"color"},"100":{"value":"#FEE4E2","type":"color"},"200":{"value":"#FECDCA","type":"color"},"300":{"value":"#FDA29B","type":"color"},"400":{"value":"#FF8A8A","type":"color"},"500":{"value":"#FA5252","type":"color"},"600":{"value":"#F03E3E","type":"color"},"700":{"value":"#E03131","type":"color"},"800":{"value":"#C92A2A","type":"color"},"900":{"value":"#AB1313","type":"color"}},"orange":{"50":{"value":"#FFF4E6","type":"color"},"100":{"value":"#FFE8CC","type":"color"},"200":{"value":"#FFD8A8","type":"color"},"300":{"value":"#FFC078","type":"color"},"400":{"value":"#FFA94D","type":"color"},"500":{"value":"#FF922B","type":"color"},"600":{"value":"#FD7E14","type":"color"},"700":{"value":"#F76707","type":"color"},"800":{"value":"#E8590C","type":"color"},"900":{"value":"#D9480F","type":"color"}},"yellow":{"50":{"value":"#FBFFBF","type":"color"},"100":{"value":"#FFFF9F","type":"color"},"200":{"value":"#FDFF78","type":"color"},"300":{"value":"#FFFC33","type":"color"},"400":{"value":"#FFF200","type":"color"},"500":{"value":"#FFE500","type":"color"},"600":{"value":"#FCC419","type":"color"},"700":{"value":"#F59F00","type":"color"},"800":{"value":"#F08C00","type":"color"},"900":{"value":"#E27500","type":"color"}},"green":{"50":{"value":"#EFFFEF","type":"color"},"100":{"value":"#D1FCD3","type":"color"},"200":{"value":"#A5F8A9","type":"color"},"300":{"value":"#8BED90","type":"color"},"400":{"value":"#6DE372","type":"color"},"500":{"value":"#30CC37","type":"color"},"600":{"value":"#0F8C14","type":"color"},"700":{"value":"#027A48","type":"color"},"800":{"value":"#05603A","type":"color"},"900":{"value":"#054F31","type":"color"}},"blue":{"50":{"value":"#EFF8FF","type":"color"},"100":{"value":"#D8F0FF","type":"color"},"200":{"value":"#B2DDFF","type":"color"},"300":{"value":"#84CAFF","type":"color"},"400":{"value":"#53B1FD","type":"color"},"500":{"value":"#2E90FA","type":"color"},"600":{"value":"#1570EF","type":"color"},"700":{"value":"#175CD3","type":"color"},"800":{"value":"#1849A9","type":"color"},"900":{"value":"#194185","type":"color"}},"purple":{"50":{"value":"#F3F0FF","type":"color"},"100":{"value":"#E5DBFF","type":"color"},"200":{"value":"#D0BFFF","type":"color"},"300":{"value":"#B197FC","type":"color"},"400":{"value":"#9775FA","type":"color"},"500":{"value":"#845EF7","type":"color"},"600":{"value":"#7248EF","type":"color"},"700":{"value":"#5F36DA","type":"color"},"800":{"value":"#5730CC","type":"color"},"900":{"value":"#4827AB","type":"color"}},"grape":{"50":{"value":"#F8F0FC","type":"color"},"100":{"value":"#F3D9FA","type":"color"},"200":{"value":"#EEBEFA","type":"color"},"300":{"value":"#E599F7","type":"color"},"400":{"value":"#DA77F2","type":"color"},"500":{"value":"#CC5DE8","type":"color"},"600":{"value":"#BE4BDB","type":"color"},"700":{"value":"#AE3EC9","type":"color"},"800":{"value":"#9C36B5","type":"color"},"900":{"value":"#862E9C","type":"color"}}},"web":{"H1-36-bold":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-bold}","lineHeight":"{Lh-300}","fontSize":"{font-size-1100}"},"type":"typography"},"H2-32-bold":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-bold}","lineHeight":"{Lh-300}","fontSize":"{font-size-900}"},"type":"typography"},"H3-28-bold":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-bold}","lineHeight":"{Lh-300}","fontSize":"{font-size-800}"},"type":"typography"},"H4-24-bold":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-bold}","lineHeight":"{Lh-400}","fontSize":"{font-size-700}"},"type":"typography"},"H5-20-bold":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-bold}","lineHeight":"{Lh-400}","fontSize":"{font-size-600}"},"type":"typography"},"T1-16-sb":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-500}","fontSize":"{font-size-500}"},"type":"typography"},"T2-14-sb":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-500}","fontSize":"{font-size-450}"},"type":"typography"},"T3-12-sb":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-500}","fontSize":"{font-size-400}"},"type":"typography"},"B1-18-sb":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-500}","fontSize":"{font-size-550}"},"type":"typography"},"B2-18-m":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-medium}","lineHeight":"{Lh-500}","fontSize":"{font-size-550}"},"type":"typography"},"B2-16-sb":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-500}","fontSize":"{font-size-500}"},"type":"typography"},"B2-16-m":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-medium}","lineHeight":"{Lh-500}","fontSize":"{font-size-500}"},"type":"typography"},"B3-14-sb":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-500}","fontSize":"{font-size-450}"},"type":"typography"},"B3-14-m":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-medium}","lineHeight":"{Lh-500}","fontSize":"{font-size-450}"},"type":"typography"},"C1-12-sb":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-500}","fontSize":"{font-size-400}"},"type":"typography"},"C1-12-m":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-medium}","lineHeight":"{Lh-500}","fontSize":"{font-size-400}"},"type":"typography"},"C2-11-m":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-medium}","lineHeight":"{Lh-500}","fontSize":"{font-size-375}"},"type":"typography"}},"spacing-100":{"value":"4","type":"spacing"},"spacing-150":{"value":"6","type":"spacing"},"spacing-200":{"value":"8","type":"spacing"},"spacing-300":{"value":"12","type":"spacing"},"spacing-400":{"value":"16","type":"spacing"},"spacing-500":{"value":"20","type":"spacing"},"spacing-600":{"value":"24","type":"spacing"},"spacing-700":{"value":"28","type":"spacing"},"spacing-800":{"value":"32","type":"spacing"},"spacing-900":{"value":"36","type":"spacing"},"spacing-1000":{"value":"40","type":"spacing"},"spacing-1100":{"value":"44","type":"spacing"},"spacing-1200":{"value":"48","type":"spacing"},"spacing-1300":{"value":"52","type":"spacing"},"spacing-1400":{"value":"56","type":"spacing"},"spacing-1500":{"value":"60","type":"spacing"},"font-family-Pretendard":{"value":"Pretendard","type":"fontFamilies"},"font-weight-thin":{"value":"Thin","type":"fontWeights"},"font-weight-extralight":{"value":"ExtraLight","type":"fontWeights"},"font-weight-light":{"value":"Light","type":"fontWeights"},"font-weight-regular":{"value":"Regular","type":"fontWeights"},"font-weight-medium":{"value":"Medium","type":"fontWeights"},"font-weight-semibold":{"value":"SemiBold","type":"fontWeights"},"font-weight-extrabold":{"value":"ExtraBold","type":"fontWeights"},"font-weight-bold":{"value":"Bold","type":"fontWeights"},"font-weight-black":{"value":"Black","type":"fontWeights"},"Lh-500":{"value":"150%","type":"lineHeights"},"Lh-400":{"value":"140%","type":"lineHeights"},"Lh-300":{"value":"130%","type":"lineHeights"},"border-radius-0":{"value":"0px","type":"borderRadius"},"border-radius-50":{"value":"2px","type":"borderRadius"},"border-radius-100":{"value":"4px","type":"borderRadius"},"border-radius-150":{"value":"6px","type":"borderRadius"},"border-radius-200":{"value":"8px","type":"borderRadius"},"border-radius-300":{"value":"12px","type":"borderRadius"},"border-radius-400":{"value":"16px","type":"borderRadius"},"border-radius-500":{"value":"20px","type":"borderRadius"},"border-width-25":{"value":"1","type":"borderWidth"},"border-width-37":{"value":"1.5","type":"borderWidth"},"border-width-50":{"value":"2","type":"borderWidth"},"border-width-100":{"value":"4","type":"borderWidth"},"border-width-200":{"value":"8","type":"borderWidth"},"font-size-375":{"value":"11","type":"fontSizes"},"font-size-400":{"value":"12","type":"fontSizes"},"font-size-450":{"value":"14","type":"fontSizes"},"font-size-500":{"value":"16","type":"fontSizes"},"font-size-550":{"value":"18","type":"fontSizes"},"font-size-600":{"value":"20","type":"fontSizes"},"font-size-700":{"value":"24","type":"fontSizes"},"font-size-800":{"value":"28","type":"fontSizes"},"font-size-900":{"value":"32","type":"fontSizes"},"font-size-1000":{"value":"36","type":"fontSizes"},"font-size-1100":{"value":"40","type":"fontSizes"},"shadow-dashboard-card":{"value":{"x":"0","y":"8","blur":"32px","spread":"0","color":"rgba(0,0,0,0.04)","type":"dropShadow"},"type":"boxShadow"},"text-deco-underline":{"value":"underline","type":"textDecoration"},"text-deco-line-through":{"value":"line-through","type":"textDecoration"},"border-radius-1000":{"value":"9999px","type":"borderRadius"},"button":{"size-button-large":{"value":"50px","type":"sizing"},"size-button-medium":{"value":"40px","type":"sizing"},"size-button-small":{"value":"30px","type":"sizing"},"typo-button-large":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-bold}","lineHeight":"{Lh-300}","fontSize":"{font-size-550}"},"type":"typography","description":"large button 폰트 속성"},"typo-button-medium":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-300}","fontSize":"{font-size-500}"},"type":"typography","description":"medium button 폰트 속성"},"typo-button-small":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-300}","fontSize":"{font-size-450}"},"type":"typography","description":"small button 폰트 속성"},"border-radius-large":{"value":"{border-radius-150}","type":"borderRadius"},"border-radius-medium":{"value":"{border-radius-150}","type":"borderRadius"},"border-radius-small":{"value":"{border-radius-100}","type":"borderRadius"},"spacing-button-large":{"value":"{spacing-500}","type":"spacing"},"spacing-button-medium":{"value":"{spacing-400}","type":"spacing"},"spacing-button-small":{"value":"{spacing-300}","type":"spacing"},"spacing-button-large-icon":{"value":"{spacing-200}","type":"spacing"},"spacing-button-medium-icon":{"value":"{spacing-150}","type":"spacing"},"spacing-button-small-icon":{"value":"{spacing-100}","type":"spacing"},"spacing-button-large-icon-only":{"value":"{spacing-400}","type":"spacing"},"spacing-button-medium-icon-only":{"value":"{spacing-300}","type":"spacing"},"spacing-button-small-icon-only":{"value":"{spacing-200}","type":"spacing"}}}')}.global.color,f=Object.entries(Ot).reduce((t,[r,n])=>(t[r]=Object.entries(n).reduce((a,[i,C])=>(a[i]=C.value,a),{}),t),{}),g=Object.keys(f),kt=t=>f[t],Yt=(t,r)=>f[t]?.[r],s=(t,r)=>`--color-${t}-${r}`,Rt=(t,r)=>`var(${s(t,r)})`,jt=({colorName:t,shade:r,value:n})=>{const[a,i]=B.useState(!1),C=s(t,r),Xt=async()=>{try{await navigator.clipboard.writeText(n),i(!0),setTimeout(()=>i(!1),2e3)}catch(c){console.error("Failed to copy:",c)}},d=parseInt(n.replace("#",""),16)>16777215/2;return e.jsx(l.Tooltip,{label:a?"Copied!":"Click to copy HEX",position:"top",withArrow:!0,children:e.jsx(l.Paper,{p:"md",style:{backgroundColor:n,cursor:"pointer",border:"1px solid #e0e0e0",minHeight:"120px",transition:"transform 0.2s, box-shadow 0.2s"},onClick:Xt,onMouseEnter:c=>{c.currentTarget.style.transform="translateY(-2px)",c.currentTarget.style.boxShadow="0 4px 12px rgba(0,0,0,0.15)"},onMouseLeave:c=>{c.currentTarget.style.transform="translateY(0)",c.currentTarget.style.boxShadow="none"},children:e.jsxs(l.Stack,{gap:"xs",children:[e.jsx(l.Badge,{size:"sm",variant:"filled",style:{backgroundColor:d?"#333":"#fff",color:d?"#fff":"#333"},children:r}),e.jsx(l.Text,{size:"xs",fw:600,style:{color:d?"#333":"#fff"},children:n.toUpperCase()}),e.jsx(l.Text,{size:"xs",style:{color:d?"#666":"#ccc",fontFamily:"monospace"},children:C})]})})})},It=({colorName:t})=>{const r=f[t],n=Object.entries(r);return e.jsxs(l.Box,{mb:"xl",children:[e.jsxs(l.Group,{mb:"md",align:"center",children:[e.jsx(l.Title,{order:3,tt:"capitalize",children:t}),e.jsxs(l.Badge,{variant:"light",children:[n.length," shades"]})]}),e.jsx(l.Grid,{gutter:"md",children:n.map(([a,i])=>e.jsx(l.Grid.Col,{span:{base:12,xs:6,sm:4,md:3,lg:2},children:e.jsx(jt,{colorName:t,shade:a,value:i})},a))})]})},Mt=()=>e.jsx(l.Container,{size:"xl",py:"xl",children:e.jsxs(l.Stack,{gap:"xl",children:[e.jsxs(l.Box,{children:[e.jsx(l.Title,{order:1,mb:"xs",children:"Color Palette"}),e.jsx(l.Text,{c:"dimmed",size:"sm",children:"Click on any color chip to copy its HEX code"})]}),g.map(t=>e.jsx(It,{colorName:t},t))]})}),Vt=({size:t=24,color:r=u,...n})=>e.jsx("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n,children:e.jsx("path",{d:"M18 9L12 15L6 9",stroke:r,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Nt=({size:t=24,color:r=u,...n})=>e.jsx("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n,children:e.jsx("path",{d:"M18 15L12 9L6 15",stroke:r,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Ut=({size:t=8,color:r=u,...n})=>{const a=t,i=t*1.75;return e.jsx("svg",{width:a,height:i,viewBox:"0 0 8 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n,children:e.jsx("path",{d:"M7 1L1 7L7 13",stroke:r})})},$t=({size:t=8,color:r=u,...n})=>{const a=t,i=t*1.75;return e.jsx("svg",{width:a,height:i,viewBox:"0 0 8 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n,children:e.jsx("path",{d:"M1 1L7 7L1 13",stroke:r})})};o.BgColorButtonBgBasicDefault=X,o.BgColorButtonBgBasicDisabled=Z,o.BgColorButtonBgBasicFocused=Q,o.BgColorButtonBgBasicHover=J,o.BgColorButtonBgBasicPreseed=K,o.BgColorButtonBgPrimaryDefault=k,o.BgColorButtonBgPrimaryDisabled=I,o.BgColorButtonBgPrimaryFocused=j,o.BgColorButtonBgPrimaryHover=Y,o.BgColorButtonBgPrimaryPressed=R,o.BgColorButtonBgPrimarylineDefault=M,o.BgColorButtonBgPrimarylineDisabled=$,o.BgColorButtonBgPrimarylineFocused=U,o.BgColorButtonBgPrimarylineHover=V,o.BgColorButtonBgPrimarylinePressed=N,o.BgColorButtonBgSettingDefault=ro,o.BgColorButtonBgSettingDisabled=io,o.BgColorButtonBgSettingFocused=ao,o.BgColorButtonBgSettingHover=lo,o.BgColorButtonBgSettingPressed=no,o.BgColorButtonBgWarningDefault=_,o.BgColorButtonBgWarningDisabled=to,o.BgColorButtonBgWarningFocused=eo,o.BgColorButtonBgWarningHover=x,o.BgColorButtonBgWarningPressed=oo,o.BorderColorButtonBorderBasicDefault=Yo,o.BorderColorButtonBorderBasicFocused=Io,o.BorderColorButtonBorderBasicHover=Ro,o.BorderColorButtonBorderBasicPressed=jo,o.BorderColorButtonBorderPrimarylineDefault=Lo,o.BorderColorButtonBorderPrimarylineFocused=ko,o.BorderColorButtonBorderPrimarylineHover=qo,o.BorderColorButtonBorderPrimarylinePressed=Oo,o.ButtonBorderButtonBasicDefaultColor=$o,o.ButtonBorderButtonBasicFocusedColor=Ko,o.ButtonBorderButtonBasicHoverColor=Xo,o.ButtonBorderButtonBasicPressedColor=Jo,o.ButtonBorderButtonPrimarylineDefaultColor=Mo,o.ButtonBorderButtonPrimarylineFocusedColor=Uo,o.ButtonBorderButtonPrimarylineHoverColor=Vo,o.ButtonBorderButtonPrimarylinePressedColor=No,o.ColorAqua100=fe,o.ColorAqua200=de,o.ColorAqua300=se,o.ColorAqua400=Ce,o.ColorAqua50=ce,o.ColorAqua500=ge,o.ColorAqua600=Be,o.ColorAqua700=ye,o.ColorAqua75=ue,o.ColorAqua800=ve,o.ColorAqua900=he,o.ColorBlue100=at,o.ColorBlue200=it,o.ColorBlue300=ct,o.ColorBlue400=ut,o.ColorBlue50=nt,o.ColorBlue500=ft,o.ColorBlue600=dt,o.ColorBlue700=st,o.ColorBlue800=Ct,o.ColorBlue900=gt,o.ColorGrape100=wt,o.ColorGrape200=Dt,o.ColorGrape300=Wt,o.ColorGrape400=zt,o.ColorGrape50=St,o.ColorGrape500=Gt,o.ColorGrape600=Ht,o.ColorGrape700=At,o.ColorGrape800=Et,o.ColorGrape900=Lt,o.ColorGray0=Qo,o.ColorGray100=xo,o.ColorGray1000=ie,o.ColorGray200=oe,o.ColorGray25=Zo,o.ColorGray300=ee,o.ColorGray400=te,o.ColorGray50=_o,o.ColorGray500=re,o.ColorGray600=le,o.ColorGray700=ne,o.ColorGray800=ae,o.ColorGray900=u,o.ColorGreen100=Qe,o.ColorGreen200=Ze,o.ColorGreen300=_e,o.ColorGreen400=xe,o.ColorGreen50=Ke,o.ColorGreen500=ot,o.ColorGreen600=et,o.ColorGreen700=tt,o.ColorGreen800=rt,o.ColorGreen900=lt,o.ColorOrange100=Ge,o.ColorOrange200=He,o.ColorOrange300=Ae,o.ColorOrange400=Ee,o.ColorOrange50=ze,o.ColorOrange500=Le,o.ColorOrange600=qe,o.ColorOrange700=Oe,o.ColorOrange800=ke,o.ColorOrange900=Ye,o.ColorPalette=Mt,o.ColorPurple100=yt,o.ColorPurple200=vt,o.ColorPurple300=ht,o.ColorPurple400=bt,o.ColorPurple50=Bt,o.ColorPurple500=pt,o.ColorPurple600=mt,o.ColorPurple700=Ft,o.ColorPurple800=Pt,o.ColorPurple900=Tt,o.ColorRed100=pe,o.ColorRed200=me,o.ColorRed300=Fe,o.ColorRed400=Pe,o.ColorRed50=be,o.ColorRed500=Te,o.ColorRed600=Se,o.ColorRed700=we,o.ColorRed800=De,o.ColorRed900=We,o.ColorYellow100=je,o.ColorYellow200=Ie,o.ColorYellow300=Me,o.ColorYellow400=Ve,o.ColorYellow50=Re,o.ColorYellow500=Ne,o.ColorYellow600=Ue,o.ColorYellow700=$e,o.ColorYellow800=Xe,o.ColorYellow900=Je,o.IcChevronDown=Vt,o.IcChevronLeft=Ut,o.IcChevronRight=$t,o.IcChevronUp=Nt,o.SemanticColorBgDisabled=m,o.SemanticColorBgWhite=F,o.SemanticColorBgWhiteFocused=S,o.SemanticColorBgWhiteHover=P,o.SemanticColorBgWhitePressed=T,o.SemanticColorBorderLightgray01=W,o.SemanticColorPrimary=y,o.SemanticColorPrimaryFocused=b,o.SemanticColorPrimaryHover=v,o.SemanticColorPrimaryPressed=h,o.SemanticColorSetting=E,o.SemanticColorSettingFocused=O,o.SemanticColorSettingHover=L,o.SemanticColorSettingPressed=q,o.SemanticColorTextDarkgray03=D,o.SemanticColorTextDisabled=w,o.SemanticColorTextWhite=p,o.SemanticColorWarning=z,o.SemanticColorWarningFocused=A,o.SemanticColorWarningHover=G,o.SemanticColorWarningPressed=H,o.ShadowDashboardCardColor=qt,o.TextColorButtonTextBasicDefault=bo,o.TextColorButtonTextBasicDisabled=Po,o.TextColorButtonTextBasicFocused=Fo,o.TextColorButtonTextBasicHover=po,o.TextColorButtonTextBasicPressed=mo,o.TextColorButtonTextPrimaryDefault=co,o.TextColorButtonTextPrimaryDisabled=Co,o.TextColorButtonTextPrimaryFocused=so,o.TextColorButtonTextPrimaryHover=uo,o.TextColorButtonTextPrimaryPressed=fo,o.TextColorButtonTextPrimarylineDefault=go,o.TextColorButtonTextPrimarylineDisabled=ho,o.TextColorButtonTextPrimarylineFocused=vo,o.TextColorButtonTextPrimarylineHover=Bo,o.TextColorButtonTextPrimarylinePressed=yo,o.TextColorButtonTextSettingDefault=zo,o.TextColorButtonTextSettingDisabled=Eo,o.TextColorButtonTextSettingFocused=Ao,o.TextColorButtonTextSettingHover=Go,o.TextColorButtonTextSettingPressed=Ho,o.TextColorButtonTextWarningDefault=To,o.TextColorButtonTextWarningDisabled=Wo,o.TextColorButtonTextWarningFocused=Do,o.TextColorButtonTextWarningHover=So,o.TextColorButtonTextWarningPressed=wo,o.colorNames=g,o.colors=f,o.getCSSVariableName=s,o.getCSSVariableRef=Rt,o.getColorShades=kt,o.getColorValue=Yt,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("@mantine/core")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@mantine/core"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.Foundation={},o.jsxRuntime,o.React,o.MantineCore))})(this,function(o,e,B,l){"use strict";const y="#0fd3d8",v="#11badd",h="#07a3c6",b="#11badd",p="#ffffff",m="#b0b0b0",F="#ffffff",P="#e7e7e7",T="#cdcdcd",S="#e7e7e7",w="#ffffff",D="#4a4a4a",W="#b0b0b0",z="#fa5252",G="#e03131",H="#c92a2a",A="#e03131",E="#9b9b9b",L="#808080",q="#666666",O="#808080",k="#0fd3d8",Y="#11badd",R="#07a3c6",j="#11badd",I="#b0b0b0",M="#ffffff",V="#e7e7e7",N="#cdcdcd",U="#e7e7e7",$="#b0b0b0",X="#ffffff",J="#e7e7e7",K="#cdcdcd",Q="#e7e7e7",Z="#b0b0b0",_="#fa5252",x="#e03131",oo="#c92a2a",eo="#e03131",to="#b0b0b0",ro="#9b9b9b",lo="#808080",no="#666666",ao="#808080",io="#b0b0b0",co="#ffffff",uo="#ffffff",fo="#ffffff",so="#ffffff",Co="#ffffff",go="#0fd3d8",Bo="#11badd",yo="#07a3c6",vo="#11badd",ho="#ffffff",bo="#4a4a4a",po="#4a4a4a",mo="#4a4a4a",Fo="#4a4a4a",Po="#ffffff",To="#ffffff",So="#ffffff",wo="#ffffff",Do="#ffffff",Wo="#ffffff",zo="#ffffff",Go="#ffffff",Ho="#ffffff",Ao="#ffffff",Eo="#ffffff",Lo="#0fd3d8",qo="#11badd",Oo="#07a3c6",ko="#11badd",Yo="#b0b0b0",Ro="#b0b0b0",jo="#b0b0b0",Io="#b0b0b0",Mo="#0fd3d8",Vo="#11badd",No="#07a3c6",Uo="#11badd",$o="#b0b0b0",Xo="#b0b0b0",Jo="#b0b0b0",Ko="#b0b0b0",Qo="#ffffff",Zo="#fbfbfb",_o="#f6f6f6",xo="#e7e7e7",oe="#d8d8d8",ee="#cdcdcd",te="#b0b0b0",re="#9b9b9b",le="#808080",ne="#666666",ae="#4a4a4a",u="#333333",ie="#000000",ce="#edfcff",ue="#d5f8ff",fe="#c8fdff",de="#98f4f6",se="#72eef1",Ce="#49e5e9",ge="#0fd3d8",Be="#11badd",ye="#07a3c6",ve="#00759a",he="#006180",be="#fef3f2",pe="#fee4e2",me="#fecdca",Fe="#fda29b",Pe="#ff8a8a",Te="#fa5252",Se="#f03e3e",we="#e03131",De="#c92a2a",We="#ab1313",ze="#fff4e6",Ge="#ffe8cc",He="#ffd8a8",Ae="#ffc078",Ee="#ffa94d",Le="#ff922b",qe="#fd7e14",Oe="#f76707",ke="#e8590c",Ye="#d9480f",Re="#fbffbf",je="#ffff9f",Ie="#fdff78",Me="#fffc33",Ve="#fff200",Ne="#ffe500",Ue="#fcc419",$e="#f59f00",Xe="#f08c00",Je="#e27500",Ke="#efffef",Qe="#d1fcd3",Ze="#a5f8a9",_e="#8bed90",xe="#6de372",ot="#30cc37",et="#0f8c14",tt="#027a48",rt="#05603a",lt="#054f31",nt="#eff8ff",at="#d8f0ff",it="#b2ddff",ct="#84caff",ut="#53b1fd",ft="#2e90fa",dt="#1570ef",st="#175cd3",Ct="#1849a9",gt="#194185",Bt="#f3f0ff",yt="#e5dbff",vt="#d0bfff",ht="#b197fc",bt="#9775fa",pt="#845ef7",mt="#7248ef",Ft="#5f36da",Pt="#5730cc",Tt="#4827ab",St="#f8f0fc",wt="#f3d9fa",Dt="#eebefa",Wt="#e599f7",zt="#da77f2",Gt="#cc5de8",Ht="#be4bdb",At="#ae3ec9",Et="#9c36b5",Lt="#862e9c",qt="#0000000a",Ot={global:JSON.parse('{"color":{"gray":{"0":{"value":"#fff","type":"color"},"25":{"value":"#FBFBFB","type":"color"},"50":{"value":"#F6F6F6","type":"color"},"100":{"value":"#E7E7E7","type":"color"},"200":{"value":"#D8D8D8","type":"color"},"300":{"value":"#CDCDCD","type":"color"},"400":{"value":"#B0B0B0","type":"color"},"500":{"value":"#9B9B9B","type":"color"},"600":{"value":"#808080","type":"color"},"700":{"value":"#666666","type":"color"},"800":{"value":"#4A4A4A","type":"color"},"900":{"value":"#333333","type":"color"},"1000":{"value":"#000","type":"color"}},"aqua":{"50":{"value":"#EDFCFF","type":"color"},"75":{"value":"#D5F8FF","type":"color"},"100":{"value":"#C8FDFF","type":"color"},"200":{"value":"#98F4F6","type":"color"},"300":{"value":"#72EEF1","type":"color"},"400":{"value":"#49E5E9","type":"color"},"500":{"value":"#0fd3d8","type":"color"},"600":{"value":"#11BADD","type":"color"},"700":{"value":"#07A3C6","type":"color"},"800":{"value":"#00759A","type":"color"},"900":{"value":"#006180","type":"color"}},"red":{"50":{"value":"#FEF3F2","type":"color"},"100":{"value":"#FEE4E2","type":"color"},"200":{"value":"#FECDCA","type":"color"},"300":{"value":"#FDA29B","type":"color"},"400":{"value":"#FF8A8A","type":"color"},"500":{"value":"#FA5252","type":"color"},"600":{"value":"#F03E3E","type":"color"},"700":{"value":"#E03131","type":"color"},"800":{"value":"#C92A2A","type":"color"},"900":{"value":"#AB1313","type":"color"}},"orange":{"50":{"value":"#FFF4E6","type":"color"},"100":{"value":"#FFE8CC","type":"color"},"200":{"value":"#FFD8A8","type":"color"},"300":{"value":"#FFC078","type":"color"},"400":{"value":"#FFA94D","type":"color"},"500":{"value":"#FF922B","type":"color"},"600":{"value":"#FD7E14","type":"color"},"700":{"value":"#F76707","type":"color"},"800":{"value":"#E8590C","type":"color"},"900":{"value":"#D9480F","type":"color"}},"yellow":{"50":{"value":"#FBFFBF","type":"color"},"100":{"value":"#FFFF9F","type":"color"},"200":{"value":"#FDFF78","type":"color"},"300":{"value":"#FFFC33","type":"color"},"400":{"value":"#FFF200","type":"color"},"500":{"value":"#FFE500","type":"color"},"600":{"value":"#FCC419","type":"color"},"700":{"value":"#F59F00","type":"color"},"800":{"value":"#F08C00","type":"color"},"900":{"value":"#E27500","type":"color"}},"green":{"50":{"value":"#EFFFEF","type":"color"},"100":{"value":"#D1FCD3","type":"color"},"200":{"value":"#A5F8A9","type":"color"},"300":{"value":"#8BED90","type":"color"},"400":{"value":"#6DE372","type":"color"},"500":{"value":"#30CC37","type":"color"},"600":{"value":"#0F8C14","type":"color"},"700":{"value":"#027A48","type":"color"},"800":{"value":"#05603A","type":"color"},"900":{"value":"#054F31","type":"color"}},"blue":{"50":{"value":"#EFF8FF","type":"color"},"100":{"value":"#D8F0FF","type":"color"},"200":{"value":"#B2DDFF","type":"color"},"300":{"value":"#84CAFF","type":"color"},"400":{"value":"#53B1FD","type":"color"},"500":{"value":"#2E90FA","type":"color"},"600":{"value":"#1570EF","type":"color"},"700":{"value":"#175CD3","type":"color"},"800":{"value":"#1849A9","type":"color"},"900":{"value":"#194185","type":"color"}},"purple":{"50":{"value":"#F3F0FF","type":"color"},"100":{"value":"#E5DBFF","type":"color"},"200":{"value":"#D0BFFF","type":"color"},"300":{"value":"#B197FC","type":"color"},"400":{"value":"#9775FA","type":"color"},"500":{"value":"#845EF7","type":"color"},"600":{"value":"#7248EF","type":"color"},"700":{"value":"#5F36DA","type":"color"},"800":{"value":"#5730CC","type":"color"},"900":{"value":"#4827AB","type":"color"}},"grape":{"50":{"value":"#F8F0FC","type":"color"},"100":{"value":"#F3D9FA","type":"color"},"200":{"value":"#EEBEFA","type":"color"},"300":{"value":"#E599F7","type":"color"},"400":{"value":"#DA77F2","type":"color"},"500":{"value":"#CC5DE8","type":"color"},"600":{"value":"#BE4BDB","type":"color"},"700":{"value":"#AE3EC9","type":"color"},"800":{"value":"#9C36B5","type":"color"},"900":{"value":"#862E9C","type":"color"}}},"web":{"H1-36-bold":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-bold}","lineHeight":"{Lh-300}","fontSize":"{font-size-1100}"},"type":"typography"},"H2-32-bold":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-bold}","lineHeight":"{Lh-300}","fontSize":"{font-size-900}"},"type":"typography"},"H3-28-bold":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-bold}","lineHeight":"{Lh-300}","fontSize":"{font-size-800}"},"type":"typography"},"H4-24-bold":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-bold}","lineHeight":"{Lh-400}","fontSize":"{font-size-700}"},"type":"typography"},"H5-20-bold":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-bold}","lineHeight":"{Lh-400}","fontSize":"{font-size-600}"},"type":"typography"},"T1-16-sb":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-500}","fontSize":"{font-size-500}"},"type":"typography"},"T2-14-sb":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-500}","fontSize":"{font-size-450}"},"type":"typography"},"T3-12-sb":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-500}","fontSize":"{font-size-400}"},"type":"typography"},"B1-18-sb":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-500}","fontSize":"{font-size-550}"},"type":"typography"},"B2-18-m":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-medium}","lineHeight":"{Lh-500}","fontSize":"{font-size-550}"},"type":"typography"},"B2-16-sb":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-500}","fontSize":"{font-size-500}"},"type":"typography"},"B2-16-m":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-medium}","lineHeight":"{Lh-500}","fontSize":"{font-size-500}"},"type":"typography"},"B3-14-sb":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-500}","fontSize":"{font-size-450}"},"type":"typography"},"B3-14-m":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-medium}","lineHeight":"{Lh-500}","fontSize":"{font-size-450}"},"type":"typography"},"C1-12-sb":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-500}","fontSize":"{font-size-400}"},"type":"typography"},"C1-12-m":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-medium}","lineHeight":"{Lh-500}","fontSize":"{font-size-400}"},"type":"typography"},"C2-11-m":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-medium}","lineHeight":"{Lh-500}","fontSize":"{font-size-375}"},"type":"typography"}},"spacing-100":{"value":"4","type":"spacing"},"spacing-150":{"value":"6","type":"spacing"},"spacing-200":{"value":"8","type":"spacing"},"spacing-300":{"value":"12","type":"spacing"},"spacing-400":{"value":"16","type":"spacing"},"spacing-500":{"value":"20","type":"spacing"},"spacing-600":{"value":"24","type":"spacing"},"spacing-700":{"value":"28","type":"spacing"},"spacing-800":{"value":"32","type":"spacing"},"spacing-900":{"value":"36","type":"spacing"},"spacing-1000":{"value":"40","type":"spacing"},"spacing-1100":{"value":"44","type":"spacing"},"spacing-1200":{"value":"48","type":"spacing"},"spacing-1300":{"value":"52","type":"spacing"},"spacing-1400":{"value":"56","type":"spacing"},"spacing-1500":{"value":"60","type":"spacing"},"font-family-Pretendard":{"value":"Pretendard","type":"fontFamilies"},"font-weight-thin":{"value":"Thin","type":"fontWeights"},"font-weight-extralight":{"value":"ExtraLight","type":"fontWeights"},"font-weight-light":{"value":"Light","type":"fontWeights"},"font-weight-regular":{"value":"Regular","type":"fontWeights"},"font-weight-medium":{"value":"Medium","type":"fontWeights"},"font-weight-semibold":{"value":"SemiBold","type":"fontWeights"},"font-weight-extrabold":{"value":"ExtraBold","type":"fontWeights"},"font-weight-bold":{"value":"Bold","type":"fontWeights"},"font-weight-black":{"value":"Black","type":"fontWeights"},"Lh-500":{"value":"150%","type":"lineHeights"},"Lh-400":{"value":"140%","type":"lineHeights"},"Lh-300":{"value":"130%","type":"lineHeights"},"border-radius-0":{"value":"0px","type":"borderRadius"},"border-radius-50":{"value":"2px","type":"borderRadius"},"border-radius-100":{"value":"4px","type":"borderRadius"},"border-radius-150":{"value":"6px","type":"borderRadius"},"border-radius-200":{"value":"8px","type":"borderRadius"},"border-radius-300":{"value":"12px","type":"borderRadius"},"border-radius-400":{"value":"16px","type":"borderRadius"},"border-radius-500":{"value":"20px","type":"borderRadius"},"border-width-25":{"value":"1","type":"borderWidth"},"border-width-37":{"value":"1.5","type":"borderWidth"},"border-width-50":{"value":"2","type":"borderWidth"},"border-width-100":{"value":"4","type":"borderWidth"},"border-width-200":{"value":"8","type":"borderWidth"},"font-size-375":{"value":"11","type":"fontSizes"},"font-size-400":{"value":"12","type":"fontSizes"},"font-size-450":{"value":"14","type":"fontSizes"},"font-size-500":{"value":"16","type":"fontSizes"},"font-size-550":{"value":"18","type":"fontSizes"},"font-size-600":{"value":"20","type":"fontSizes"},"font-size-700":{"value":"24","type":"fontSizes"},"font-size-800":{"value":"28","type":"fontSizes"},"font-size-900":{"value":"32","type":"fontSizes"},"font-size-1000":{"value":"36","type":"fontSizes"},"font-size-1100":{"value":"40","type":"fontSizes"},"shadow-dashboard-card":{"value":{"x":"0","y":"8","blur":"32px","spread":"0","color":"rgba(0,0,0,0.04)","type":"dropShadow"},"type":"boxShadow"},"text-deco-underline":{"value":"underline","type":"textDecoration"},"text-deco-line-through":{"value":"line-through","type":"textDecoration"},"border-radius-1000":{"value":"9999px","type":"borderRadius"},"button":{"size-button-large":{"value":"50px","type":"sizing"},"size-button-medium":{"value":"40px","type":"sizing"},"size-button-small":{"value":"30px","type":"sizing"},"typo-button-large":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-bold}","lineHeight":"{Lh-300}","fontSize":"{font-size-550}"},"type":"typography","description":"large button 폰트 속성"},"typo-button-medium":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-300}","fontSize":"{font-size-500}"},"type":"typography","description":"medium button 폰트 속성"},"typo-button-small":{"value":{"fontFamily":"{font-family-Pretendard}","fontWeight":"{font-weight-semibold}","lineHeight":"{Lh-300}","fontSize":"{font-size-450}"},"type":"typography","description":"small button 폰트 속성"},"border-radius-large":{"value":"{border-radius-150}","type":"borderRadius"},"border-radius-medium":{"value":"{border-radius-150}","type":"borderRadius"},"border-radius-small":{"value":"{border-radius-100}","type":"borderRadius"},"spacing-button-large":{"value":"{spacing-500}","type":"spacing"},"spacing-button-medium":{"value":"{spacing-400}","type":"spacing"},"spacing-button-small":{"value":"{spacing-300}","type":"spacing"},"spacing-button-large-icon":{"value":"{spacing-200}","type":"spacing"},"spacing-button-medium-icon":{"value":"{spacing-150}","type":"spacing"},"spacing-button-small-icon":{"value":"{spacing-100}","type":"spacing"},"spacing-button-large-icon-only":{"value":"{spacing-400}","type":"spacing"},"spacing-button-medium-icon-only":{"value":"{spacing-300}","type":"spacing"},"spacing-button-small-icon-only":{"value":"{spacing-200}","type":"spacing"}}}')}.global.color,f=Object.entries(Ot).reduce((t,[r,n])=>(t[r]=Object.entries(n).reduce((a,[i,C])=>(a[i]=C.value,a),{}),t),{}),g=Object.keys(f),kt=t=>f[t],Yt=(t,r)=>f[t]?.[r],s=(t,r)=>`--color-${t}-${r}`,Rt=(t,r)=>`var(${s(t,r)})`,jt=({colorName:t,shade:r,value:n})=>{const[a,i]=B.useState(!1),C=s(t,r),Xt=async()=>{try{await navigator.clipboard.writeText(n),i(!0),setTimeout(()=>i(!1),2e3)}catch(c){console.error("Failed to copy:",c)}},d=parseInt(n.replace("#",""),16)>16777215/2;return e.jsx(l.Tooltip,{label:a?"Copied!":"Click to copy HEX",position:"top",withArrow:!0,children:e.jsx(l.Paper,{p:"md",style:{backgroundColor:n,cursor:"pointer",border:"1px solid #e0e0e0",minHeight:"120px",transition:"transform 0.2s, box-shadow 0.2s"},onClick:Xt,onMouseEnter:c=>{c.currentTarget.style.transform="translateY(-2px)",c.currentTarget.style.boxShadow="0 4px 12px rgba(0,0,0,0.15)"},onMouseLeave:c=>{c.currentTarget.style.transform="translateY(0)",c.currentTarget.style.boxShadow="none"},children:e.jsxs(l.Stack,{gap:"xs",children:[e.jsx(l.Badge,{size:"sm",variant:"filled",style:{backgroundColor:d?"#333":"#fff",color:d?"#fff":"#333"},children:r}),e.jsx(l.Text,{size:"xs",fw:600,style:{color:d?"#333":"#fff"},children:n.toUpperCase()}),e.jsx(l.Text,{size:"xs",style:{color:d?"#666":"#ccc",fontFamily:"monospace"},children:C})]})})})},It=({colorName:t})=>{const r=f[t],n=Object.entries(r);return e.jsxs(l.Box,{mb:"xl",children:[e.jsxs(l.Group,{mb:"md",align:"center",children:[e.jsx(l.Title,{order:3,tt:"capitalize",children:t}),e.jsxs(l.Badge,{variant:"light",children:[n.length," shades"]})]}),e.jsx(l.Grid,{gutter:"md",children:n.map(([a,i])=>e.jsx(l.Grid.Col,{span:{base:12,xs:6,sm:4,md:3,lg:2},children:e.jsx(jt,{colorName:t,shade:a,value:i})},a))})]})},Mt=()=>e.jsx(l.Container,{size:"xl",py:"xl",children:e.jsxs(l.Stack,{gap:"xl",children:[e.jsxs(l.Box,{children:[e.jsx(l.Title,{order:1,mb:"xs",children:"Color Palette"}),e.jsx(l.Text,{c:"dimmed",size:"sm",children:"Click on any color chip to copy its HEX code"})]}),g.map(t=>e.jsx(It,{colorName:t},t))]})}),Vt=({size:t=24,color:r=u,...n})=>e.jsx("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n,children:e.jsx("path",{d:"M18 9L12 15L6 9",stroke:r,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Nt=({size:t=24,color:r=u,...n})=>e.jsx("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n,children:e.jsx("path",{d:"M18 15L12 9L6 15",stroke:r,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Ut=({size:t=8,color:r=u,...n})=>{const a=t,i=t*1.75;return e.jsx("svg",{width:a,height:i,viewBox:"0 0 8 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n,children:e.jsx("path",{d:"M7 1L1 7L7 13",stroke:r})})},$t=({size:t=8,color:r=u,...n})=>{const a=t,i=t*1.75;return e.jsx("svg",{width:a,height:i,viewBox:"0 0 8 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n,children:e.jsx("path",{d:"M1 1L7 7L1 13",stroke:r})})};o.BgColorButtonBgBasicDefault=X,o.BgColorButtonBgBasicDisabled=Z,o.BgColorButtonBgBasicFocused=Q,o.BgColorButtonBgBasicHover=J,o.BgColorButtonBgBasicPreseed=K,o.BgColorButtonBgPrimaryDefault=k,o.BgColorButtonBgPrimaryDisabled=I,o.BgColorButtonBgPrimaryFocused=j,o.BgColorButtonBgPrimaryHover=Y,o.BgColorButtonBgPrimaryPressed=R,o.BgColorButtonBgPrimarylineDefault=M,o.BgColorButtonBgPrimarylineDisabled=$,o.BgColorButtonBgPrimarylineFocused=U,o.BgColorButtonBgPrimarylineHover=V,o.BgColorButtonBgPrimarylinePressed=N,o.BgColorButtonBgSettingDefault=ro,o.BgColorButtonBgSettingDisabled=io,o.BgColorButtonBgSettingFocused=ao,o.BgColorButtonBgSettingHover=lo,o.BgColorButtonBgSettingPressed=no,o.BgColorButtonBgWarningDefault=_,o.BgColorButtonBgWarningDisabled=to,o.BgColorButtonBgWarningFocused=eo,o.BgColorButtonBgWarningHover=x,o.BgColorButtonBgWarningPressed=oo,o.BorderColorButtonBorderBasicDefault=Yo,o.BorderColorButtonBorderBasicFocused=Io,o.BorderColorButtonBorderBasicHover=Ro,o.BorderColorButtonBorderBasicPressed=jo,o.BorderColorButtonBorderPrimarylineDefault=Lo,o.BorderColorButtonBorderPrimarylineFocused=ko,o.BorderColorButtonBorderPrimarylineHover=qo,o.BorderColorButtonBorderPrimarylinePressed=Oo,o.ButtonBorderButtonBasicDefaultColor=$o,o.ButtonBorderButtonBasicFocusedColor=Ko,o.ButtonBorderButtonBasicHoverColor=Xo,o.ButtonBorderButtonBasicPressedColor=Jo,o.ButtonBorderButtonPrimarylineDefaultColor=Mo,o.ButtonBorderButtonPrimarylineFocusedColor=Uo,o.ButtonBorderButtonPrimarylineHoverColor=Vo,o.ButtonBorderButtonPrimarylinePressedColor=No,o.ColorAqua100=fe,o.ColorAqua200=de,o.ColorAqua300=se,o.ColorAqua400=Ce,o.ColorAqua50=ce,o.ColorAqua500=ge,o.ColorAqua600=Be,o.ColorAqua700=ye,o.ColorAqua75=ue,o.ColorAqua800=ve,o.ColorAqua900=he,o.ColorBlue100=at,o.ColorBlue200=it,o.ColorBlue300=ct,o.ColorBlue400=ut,o.ColorBlue50=nt,o.ColorBlue500=ft,o.ColorBlue600=dt,o.ColorBlue700=st,o.ColorBlue800=Ct,o.ColorBlue900=gt,o.ColorGrape100=wt,o.ColorGrape200=Dt,o.ColorGrape300=Wt,o.ColorGrape400=zt,o.ColorGrape50=St,o.ColorGrape500=Gt,o.ColorGrape600=Ht,o.ColorGrape700=At,o.ColorGrape800=Et,o.ColorGrape900=Lt,o.ColorGray0=Qo,o.ColorGray100=xo,o.ColorGray1000=ie,o.ColorGray200=oe,o.ColorGray25=Zo,o.ColorGray300=ee,o.ColorGray400=te,o.ColorGray50=_o,o.ColorGray500=re,o.ColorGray600=le,o.ColorGray700=ne,o.ColorGray800=ae,o.ColorGray900=u,o.ColorGreen100=Qe,o.ColorGreen200=Ze,o.ColorGreen300=_e,o.ColorGreen400=xe,o.ColorGreen50=Ke,o.ColorGreen500=ot,o.ColorGreen600=et,o.ColorGreen700=tt,o.ColorGreen800=rt,o.ColorGreen900=lt,o.ColorOrange100=Ge,o.ColorOrange200=He,o.ColorOrange300=Ae,o.ColorOrange400=Ee,o.ColorOrange50=ze,o.ColorOrange500=Le,o.ColorOrange600=qe,o.ColorOrange700=Oe,o.ColorOrange800=ke,o.ColorOrange900=Ye,o.ColorPalette=Mt,o.ColorPurple100=yt,o.ColorPurple200=vt,o.ColorPurple300=ht,o.ColorPurple400=bt,o.ColorPurple50=Bt,o.ColorPurple500=pt,o.ColorPurple600=mt,o.ColorPurple700=Ft,o.ColorPurple800=Pt,o.ColorPurple900=Tt,o.ColorRed100=pe,o.ColorRed200=me,o.ColorRed300=Fe,o.ColorRed400=Pe,o.ColorRed50=be,o.ColorRed500=Te,o.ColorRed600=Se,o.ColorRed700=we,o.ColorRed800=De,o.ColorRed900=We,o.ColorYellow100=je,o.ColorYellow200=Ie,o.ColorYellow300=Me,o.ColorYellow400=Ve,o.ColorYellow50=Re,o.ColorYellow500=Ne,o.ColorYellow600=Ue,o.ColorYellow700=$e,o.ColorYellow800=Xe,o.ColorYellow900=Je,o.IcChevronDown=Vt,o.IcChevronLeft=Ut,o.IcChevronRight=$t,o.IcChevronUp=Nt,o.SemanticColorBgDisabled=m,o.SemanticColorBgWhite=F,o.SemanticColorBgWhiteFocused=S,o.SemanticColorBgWhiteHover=P,o.SemanticColorBgWhitePressed=T,o.SemanticColorBorderLightgray01=W,o.SemanticColorPrimary=y,o.SemanticColorPrimaryFocused=b,o.SemanticColorPrimaryHover=v,o.SemanticColorPrimaryPressed=h,o.SemanticColorSetting=E,o.SemanticColorSettingFocused=O,o.SemanticColorSettingHover=L,o.SemanticColorSettingPressed=q,o.SemanticColorTextDarkgray03=D,o.SemanticColorTextDisabled=w,o.SemanticColorTextWhite=p,o.SemanticColorWarning=z,o.SemanticColorWarningFocused=A,o.SemanticColorWarningHover=G,o.SemanticColorWarningPressed=H,o.ShadowDashboardCardColor=qt,o.TextColorButtonTextBasicDefault=bo,o.TextColorButtonTextBasicDisabled=Po,o.TextColorButtonTextBasicFocused=Fo,o.TextColorButtonTextBasicHover=po,o.TextColorButtonTextBasicPressed=mo,o.TextColorButtonTextPrimaryDefault=co,o.TextColorButtonTextPrimaryDisabled=Co,o.TextColorButtonTextPrimaryFocused=so,o.TextColorButtonTextPrimaryHover=uo,o.TextColorButtonTextPrimaryPressed=fo,o.TextColorButtonTextPrimarylineDefault=go,o.TextColorButtonTextPrimarylineDisabled=ho,o.TextColorButtonTextPrimarylineFocused=vo,o.TextColorButtonTextPrimarylineHover=Bo,o.TextColorButtonTextPrimarylinePressed=yo,o.TextColorButtonTextSettingDefault=zo,o.TextColorButtonTextSettingDisabled=Eo,o.TextColorButtonTextSettingFocused=Ao,o.TextColorButtonTextSettingHover=Go,o.TextColorButtonTextSettingPressed=Ho,o.TextColorButtonTextWarningDefault=To,o.TextColorButtonTextWarningDisabled=Wo,o.TextColorButtonTextWarningFocused=Do,o.TextColorButtonTextWarningHover=So,o.TextColorButtonTextWarningPressed=wo,o.colorNames=g,o.colors=f,o.getCSSVariableName=s,o.getCSSVariableRef=Rt,o.getColorShades=kt,o.getColorValue=Yt,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pop-ui/foundation",
   "type": "module",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "main": "./dist/foundation.umd.cjs",
   "module": "./dist/foundation.js",
   "types": "./dist/types/index.d.ts",
@@ -37,18 +37,27 @@
     "token-build": "style-dictionary build --config config.json"
   },
   "peerDependencies": {
-    "react": "^19.2.0"
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "dependencies": {
+    "@mantine/core": "^8.3.6",
+    "@mantine/hooks": "^8.3.6"
   },
   "devDependencies": {
+    "@mantine/core": "^8.3.6",
+    "@mantine/hooks": "^8.3.6",
     "@types/node": "^24.9.2",
     "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
     "@vitejs/plugin-react": "^5.1.0",
     "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "style-dictionary": "^5.1.1",
     "token-transformer": "^0.0.33",
     "typescript": "^5.9.3",
     "vite": "^7.1.12",
     "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "99cfafa92cd9692fa808fe05c26510197013aa69"
+  "gitHead": "e86e1255377d07f4511c23cd1da4344592e37800"
 }