welcome-ui 1.0.0-beta.2 → 1.0.0-beta.3

package/dist/index.js

@@ -1,8 +1,8 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@xstyled/styled-components"),f=require("./box.js"),s=require("./system.js"),b=require("./wui-provider.js");function p(e,t){if(typeof e!="object"||e===null)return t;if(typeof t!="object"||t===null)return e;const o={...e};for(const l in t)t.hasOwnProperty(l)&&(o[l]=p(o[l],t[l]));return o}const x={"beige-10":"#FBF9F7","beige-20":"#F6F3EF","beige-30":"#EAE4DE","beige-40":"#D2CBC3","beige-50":"#A7A096","beige-60":"#605B55","beige-70":"#4D4944","beige-80":"#33302D","beige-90":"#1E1C1A","blue-10":"#E0F5FF","blue-20":"#BBEAFF","blue-30":"#9BDEF7","blue-40":"#55C3E9","blue-50":"#27A5D0","blue-60":"#057AA3","blue-70":"#025A79","blue-80":"#013C50","blue-90":"#00202B","green-10":"#EAFFD4","green-20":"#D6F6B4","green-30":"#BADE94","green-40":"#9FC873","green-50":"#83AD57","green-60":"#5A8034","green-70":"#40611F","green-80":"#2A4210","green-90":"#142603","neutral-10":"#FFFFFF","neutral-20":"#F3F3F3","neutral-30":"#DEDEDE","neutral-40":"#BDBDBD","neutral-50":"#989898","neutral-60":"#585858","neutral-70":"#444444","neutral-80":"#212121","neutral-90":"#000000","orange-10":"#FFEBCE","orange-20":"#FFD495","orange-30":"#FFBB59","orange-40":"#FF9F14","orange-50":"#DB860A","orange-60":"#A6670A","orange-70":"#824F06","orange-80":"#573607","orange-90":"#382303","pink-10":"#FFEAF5","pink-20":"#FFD5EB","pink-30":"#FEB7DC","pink-40":"#F696C8","pink-50":"#E468A8","pink-60":"#C24887","pink-70":"#972962","pink-80":"#6D1142","pink-90":"#3C0725","red-10":"#FBDEDC","red-20":"#FCC7C3","red-30":"#FDB3AE","red-40":"#FF9490","red-50":"#FF6165","red-60":"#E1003A","red-70":"#A80029","red-80":"#75001A","red-90":"#450101","red-orange-10":"#FFDED0","red-orange-20":"#FFC9B2","red-orange-30":"#FFB595","red-orange-40":"#FF9868","red-orange-50":"#E67B49","red-orange-60":"#C45927","red-orange-70":"#9F4217","red-orange-80":"#6D2605","red-orange-90":"#451701","teal-10":"#D5FFFA","teal-20":"#AAF4EB","teal-30":"#6DE1D2","teal-40":"#00C7AE","teal-50":"#01AA95","teal-60":"#008070","teal-70":"#00544A","teal-80":"#003D35","teal-90":"#00211D","violet-10":"#F2F2FF","violet-20":"#E0E0FF","violet-30":"#C9C9FF","violet-40":"#ACACFF","violet-50":"#9080F0","violet-60":"#7958D6","violet-70":"#593CAC","violet-80":"#422A86","violet-90":"#1F0E51","yellow-10":"#FFF8D9","yellow-20":"#FFF1B2","yellow-30":"#FFE166","yellow-40":"#FFCD00","yellow-50":"#E5B800","yellow-60":"#B69200","yellow-70":"#846A01","yellow-80":"#604D00","yellow-90":"#423500"},h=e=>({...e,"primary-10":e["yellow-10"],"primary-20":e["yellow-20"],"primary-30":e["yellow-30"],"primary-40":e["yellow-40"],"primary-50":e["yellow-50"],"primary-60":e["yellow-60"],"primary-70":e["yellow-70"],"primary-80":e["yellow-80"],"primary-90":e["yellow-90"],"secondary-blue":e["blue-40"],"secondary-green":e["green-30"],"secondary-orange":e["red-orange-40"],"secondary-pink":e["pink-40"],"secondary-teal":e["teal-40"],"secondary-violet":e["violet-40"],overlay:"rgba(0, 0, 0, 0.55)"}),g=h(x),w=Object.keys(g).reduce((e,t)=>{if(t.startsWith("secondary-")||t==="overlay")return e;const o=100-Number(t.slice(-2)),l=t.slice(0,t.length-2);return{...e,[t]:g[`${l}${o}`]}},{}),y={...g,...h(w)},A={colors:y},E=e=>({"welcome-font":[{url:`${e.fontsUrl}/welcome-font-regular`,weight:"400"},{url:`${e.fontsUrl}/welcome-font-medium`,weight:"500"},{url:`${e.fontsUrl}/welcome-font-bold`,weight:"600"},{url:`${e.fontsUrl}/welcome-font-regular-italic`,style:"italic",weight:"400"},{url:`${e.fontsUrl}/welcome-font-medium-italic`,style:"italic",weight:"500"},{url:`${e.fontsUrl}/welcome-font-bold-italic`,style:"italic",weight:"600"}],"welcome-icon-font":[{url:`${e.fontsUrl}/icon-font/__ICON_FONT_HASH__/welcome-icon-font`,display:"block"}],"work-sans":[{url:`${e.fontsUrl}/work-sans-variable`,isVariable:!0,stretch:"75% 125%",weight:"100 1000"}]}),D=(e,t)=>{const{toEm:o,toRem:l}=t,n=l;return{h0:n(65),h1:n(45),h2:n(36),h3:n(26),h4:n(20),h5:n(16),h6:n(14),lg:n(18),md:n(16),sm:n(14),"subtitle-md":n(13),"subtitle-sm":n(11),xs:n(12)}},T=({defaultLineHeight:e,toRem:t})=>({html:e,h0:t(72),h1:t(48),h2:t(40),h3:t(32),h4:t(24),h5:t(18),h6:t(16),lg:t(24),md:t(18),sm:t(18),xs:t(14),"subtitle-md":e,"subtitle-sm":e}),B={regular:400,medium:500,bold:600},v=({defaultLetterSpacing:e,toRem:t})=>({html:e,h0:t(-1.7),h1:t(-1.2),h2:t(-1),h3:t(-.9),h4:t(-.6),h5:t(-.5),h6:t(-.5),lg:e,md:e,sm:e,xs:t(-.2),"subtitle-md":t(-.2),"subtitle-sm":t(-.2)}),S=e=>{const{fontWeights:t}=e;return{h0:t.bold,h1:t.bold,h2:t.bold,h3:t.bold,h4:t.bold,h5:t.bold,h6:t.bold,lg:t.regular,md:t.regular,sm:t.regular,"subtitle-md":t.bold,"subtitle-sm":t.medium,xs:t.regular}},k=e=>{const{fonts:t}=e;return{h0:t.headings,h1:t.headings,h2:t.headings,h3:t.headings,h4:t.headings,h5:t.headings,h6:t.headings,"subtitle-md":t.headings,"subtitle-sm":t.headings}},C=()=>({"subtitle-md":"uppercase","subtitle-sm":"uppercase"}),_=e=>{const{colors:t}=e;return{h0:t["neutral-90"],h1:t["neutral-90"],h2:t["neutral-90"],h3:t["neutral-90"],h4:t["neutral-90"],h5:t["neutral-90"],h6:t["neutral-90"]}},$=e=>{const{fontSizes:t,letterSpacings:o,lineHeights:l,textsFontColors:n,textsFontFamily:F,textsFontWeights:d,textsTextTransform:m}=e;return Object.keys(t).reduce((a,r)=>({...a,[r]:{color:n[r],fontFamily:F[r]||void 0,fontWeight:d[r],fontSize:t[r],lineHeight:l[r]||l.lg,letterSpacing:o[r]||void 0,textTransform:m[r]||void 0}}),{})},U=(e,t,o)=>({texts:[e,"sans-serif"].join(", "),headings:[t,"sans-serif"].join(", "),icons:o}),c={primary:"ease",secondary:"linear",tertiary:"cubic-bezier(0.41, 0.094, 0.54, 0.07)"},W={slow:`500ms ${c.tertiary}`,medium:`300ms ${c.primary}`,fast:`100ms ${c.secondary}`},N=({colors:e})=>({default:u.css`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@xstyled/styled-components"),b=require("./index-BXJQXgy9.js"),x=require("./Accordion.js"),$=require("./index-BNA_A0oa.js"),v=require("./AspectRatio.js"),D=require("./Avatar.js"),S=require("./Badge.js"),F=require("./Box.js"),C=require("./Breadcrumb.js"),u=require("react"),g=require("./System.js"),T=require("./X5NMLKT6-vrNG8i_R.js"),R=require("./index-V28zHt_Z.js"),w=require("./index-Ct2FOeyM.js"),W=require("./Flex.js"),z=require("./WuiProvider.js");function y(r,e){if(typeof r!="object"||r===null)return e;if(typeof e!="object"||e===null)return r;const o={...r};for(const s in e)e.hasOwnProperty(s)&&(o[s]=y(o[s],e[s]));return o}const _=r=>{const{borderWidths:e,colors:o,fontSizes:s,radii:a,space:i,texts:c,transitions:l}=r;return{padding:i.lg,wrapper:{backgroundColor:o["neutral-10"],transition:l.medium,border:`${e.sm} solid ${o["neutral-30"]}`,borderRadius:a.md},icon:{color:o["neutral-90"]},content:{fontSize:s.sm},title:c.h5}},q=r=>{const{borderWidths:e,colors:o,fontSizes:s,fontWeights:a,radii:i,space:c}=r,l=d=>({backgroundColor:o[`${d}-10`],borderColor:o[`${d}-10`],color:o[`${d}-90`]});return{default:{backgroundColor:o["neutral-10"],borderColor:o["neutral-30"],borderRadius:i.lg,borderStyle:"solid",borderWidth:e.sm,color:o["neutral-80"],fontSize:s.sm},title:{default:{color:o["neutral-90"],fontWeight:a.medium},sizes:{sm:{marginBottom:c.xs},md:{marginBottom:c.sm}}},danger:l("red"),warning:l("orange"),info:l("blue"),success:l("green"),beige:{backgroundColor:o["beige-20"],borderColor:o["beige-20"],color:o["beige-80"]},sizes:{sm:{padding:c.lg},md:{padding:c.xl}}}},U=r=>{const{colors:e,fontWeights:o,toRem:s}=r;return{sizes:{sm:s(20),md:s(30),lg:s(40),xl:s(50),xxl:s(60)},text:{color:e["neutral-90"],fontWeight:o.bold}}},N=r=>{const{colors:e,fontWeights:o,space:s,texts:a,toRem:i}=r;return{default:{...a.xs,fontWeight:o.medium},variants:{default:{color:e["beige-70"],backgroundColor:e["beige-30"]},primary:{color:e["neutral-90"],backgroundColor:e["primary-40"]}},disabled:{default:{color:e["beige-40"],backgroundColor:e["beige-20"]},primary:{color:e["primary-80"],backgroundColor:e["primary-50"]}},sizes:{sm:{padding:s.xxs,height:i(16),borderRadius:i(14)},md:{padding:s.xs,height:i(20),borderRadius:i(14)}}}},P=r=>{const{colors:e,space:o,texts:s}=r;return{list:{...s["subtitle-sm"],padding:`${o.sm} 0`},item:{default:{color:e["neutral-50"],textDecoration:"none"},hover:{color:e["neutral-70"]},active:{color:e["neutral-70"]}},separator:{padding:`0 ${o.xs}`,color:e["neutral-50"]}}},I=r=>{const{colors:e,focus:o,fontWeights:s,radii:a,space:i,texts:c,toRem:l}=r,d={...c.xs,color:e["neutral-10"],fontWeight:s.bold,letterSpacing:0,borderRadius:a.md};return{primary:{...d,color:r.colors["neutral-90"],backgroundColor:e["primary-40"],borderColor:e["primary-40"]},secondary:{...d,backgroundColor:e["neutral-90"],borderColor:e["neutral-90"]},tertiary:{...d,color:e["neutral-90"],backgroundColor:"transparent",borderColor:e["neutral-90"]},ghost:{...d,color:e["neutral-90"],backgroundColor:"transparent",borderColor:"transparent"},danger:{primary:{color:e["neutral-10"],backgroundColor:e["red-70"],borderColor:e["red-70"]},tertiary:{backgroundColor:"transparent",color:e["red-80"],borderColor:e["red-80"]},ghost:{color:e["red-80"],backgroundColor:"transparent",borderColor:"transparent"}},hover:{primary:{backgroundColor:e["primary-30"],borderColor:e["primary-30"]},secondary:{backgroundColor:e["neutral-70"],borderColor:"transparent"},tertiary:{backgroundColor:b.hexToRGBA(e["neutral-90"],.1)},ghost:{backgroundColor:b.hexToRGBA(e["neutral-90"],.1)},danger:{primary:{backgroundColor:e["red-60"],borderColor:e["red-60"]},tertiary:{backgroundColor:e["red-10"]},ghost:{backgroundColor:e["red-10"]}}},focus:{primary:{...o(e["primary-20"])},secondary:{...o(e["neutral-40"])},tertiary:{...o(e["neutral-40"])},ghost:{...o(e["neutral-40"])},danger:{primary:{...o(e["red-40"])},tertiary:{...o(e["red-40"])},ghost:{...o(e["red-40"])}}},active:{primary:{backgroundColor:e["primary-10"],borderColor:e["primary-10"]},secondary:{backgroundColor:e["neutral-50"],borderColor:e["neutral-50"]},tertiary:{backgroundColor:b.hexToRGBA(e["neutral-90"],.4)},ghost:{backgroundColor:b.hexToRGBA(e["neutral-90"],.4)},danger:{primary:{backgroundColor:e["red-50"],borderColor:e["red-50"]},tertiary:{backgroundColor:e["red-20"]},ghost:{backgroundColor:e["red-20"]}}},disabled:{...d,color:e["beige-70"],backgroundColor:e["beige-40"],borderColor:e["beige-40"],"&:focus":{...o(e["beige-10"])}},sizes:{xs:{height:l(24),padding:`${i.xs} ${i.sm}`},sm:{height:l(32),padding:`${i.sm} ${i.md}`},md:{...c.sm,fontWeight:s.bold,height:l(40),padding:`${i.sm} ${i.lg}`},lg:{...c.sm,fontWeight:s.bold,height:l(48),padding:`${i.md} ${i.xl}`}},icon:{only:{xs:l(16),sm:l(16),md:l(16),lg:l(24)},default:{xs:l(12),sm:l(16),md:l(16),lg:l(16)}}}},O=r=>{const{borderWidths:e,colors:o}=r;return{default:{backgroundColor:o["neutral-10"],borderStyle:"solid",borderWidth:e.sm,borderColor:o["neutral-30"]}}},G={"beige-10":"#FBF9F7","beige-20":"#F6F3EF","beige-30":"#EAE4DE","beige-40":"#D2CBC3","beige-50":"#A7A096","beige-60":"#605B55","beige-70":"#4D4944","beige-80":"#33302D","beige-90":"#1E1C1A","blue-10":"#E0F5FF","blue-20":"#BBEAFF","blue-30":"#9BDEF7","blue-40":"#55C3E9","blue-50":"#27A5D0","blue-60":"#057AA3","blue-70":"#025A79","blue-80":"#013C50","blue-90":"#00202B","green-10":"#EAFFD4","green-20":"#D6F6B4","green-30":"#BADE94","green-40":"#9FC873","green-50":"#83AD57","green-60":"#5A8034","green-70":"#40611F","green-80":"#2A4210","green-90":"#142603","neutral-10":"#FFFFFF","neutral-20":"#F3F3F3","neutral-30":"#DEDEDE","neutral-40":"#BDBDBD","neutral-50":"#989898","neutral-60":"#585858","neutral-70":"#444444","neutral-80":"#212121","neutral-90":"#000000","orange-10":"#FFEBCE","orange-20":"#FFD495","orange-30":"#FFBB59","orange-40":"#FF9F14","orange-50":"#DB860A","orange-60":"#A6670A","orange-70":"#824F06","orange-80":"#573607","orange-90":"#382303","pink-10":"#FFEAF5","pink-20":"#FFD5EB","pink-30":"#FEB7DC","pink-40":"#F696C8","pink-50":"#E468A8","pink-60":"#C24887","pink-70":"#972962","pink-80":"#6D1142","pink-90":"#3C0725","red-10":"#FBDEDC","red-20":"#FCC7C3","red-30":"#FDB3AE","red-40":"#FF9490","red-50":"#FF6165","red-60":"#E1003A","red-70":"#A80029","red-80":"#75001A","red-90":"#450101","red-orange-10":"#FFDED0","red-orange-20":"#FFC9B2","red-orange-30":"#FFB595","red-orange-40":"#FF9868","red-orange-50":"#E67B49","red-orange-60":"#C45927","red-orange-70":"#9F4217","red-orange-80":"#6D2605","red-orange-90":"#451701","teal-10":"#D5FFFA","teal-20":"#AAF4EB","teal-30":"#6DE1D2","teal-40":"#00C7AE","teal-50":"#01AA95","teal-60":"#008070","teal-70":"#00544A","teal-80":"#003D35","teal-90":"#00211D","violet-10":"#F2F2FF","violet-20":"#E0E0FF","violet-30":"#C9C9FF","violet-40":"#ACACFF","violet-50":"#9080F0","violet-60":"#7958D6","violet-70":"#593CAC","violet-80":"#422A86","violet-90":"#1F0E51","yellow-10":"#FFF8D9","yellow-20":"#FFF1B2","yellow-30":"#FFE166","yellow-40":"#FFCD00","yellow-50":"#E5B800","yellow-60":"#B69200","yellow-70":"#846A01","yellow-80":"#604D00","yellow-90":"#423500"},B=r=>({...r,"primary-10":r["yellow-10"],"primary-20":r["yellow-20"],"primary-30":r["yellow-30"],"primary-40":r["yellow-40"],"primary-50":r["yellow-50"],"primary-60":r["yellow-60"],"primary-70":r["yellow-70"],"primary-80":r["yellow-80"],"primary-90":r["yellow-90"],"secondary-blue":r["blue-40"],"secondary-green":r["green-30"],"secondary-orange":r["red-orange-40"],"secondary-pink":r["pink-40"],"secondary-teal":r["teal-40"],"secondary-violet":r["violet-40"],overlay:"rgba(0, 0, 0, 0.55)"}),p=B(G),L=Object.keys(p).reduce((r,e)=>{if(e.startsWith("secondary-")||e==="overlay")return r;const o=100-Number(e.slice(-2)),s=e.slice(0,e.length-2);return{...r,[e]:p[`${s}${o}`]}},{}),H={...p,...B(L)},M={colors:H},Y=r=>({"welcome-font":[{url:`${r.fontsUrl}/welcome-font-regular`,weight:"400"},{url:`${r.fontsUrl}/welcome-font-medium`,weight:"500"},{url:`${r.fontsUrl}/welcome-font-bold`,weight:"600"},{url:`${r.fontsUrl}/welcome-font-regular-italic`,style:"italic",weight:"400"},{url:`${r.fontsUrl}/welcome-font-medium-italic`,style:"italic",weight:"500"},{url:`${r.fontsUrl}/welcome-font-bold-italic`,style:"italic",weight:"600"}],"welcome-icon-font":[{url:`${r.fontsUrl}/icon-font/__ICON_FONT_HASH__/welcome-icon-font`,display:"block"}],"work-sans":[{url:`${r.fontsUrl}/work-sans-variable`,isVariable:!0,stretch:"75% 125%",weight:"100 1000"}]}),j=(r,e)=>{const{toEm:o,toRem:s}=e,a=s;return{h0:a(65),h1:a(45),h2:a(36),h3:a(26),h4:a(20),h5:a(16),h6:a(14),lg:a(18),md:a(16),sm:a(14),"subtitle-md":a(13),"subtitle-sm":a(11),xs:a(12)}},K=({defaultLineHeight:r,toRem:e})=>({html:r,h0:e(72),h1:e(48),h2:e(40),h3:e(32),h4:e(24),h5:e(18),h6:e(16),lg:e(24),md:e(18),sm:e(18),xs:e(14),"subtitle-md":r,"subtitle-sm":r}),V={regular:400,medium:500,bold:600},X=({defaultLetterSpacing:r,toRem:e})=>({html:r,h0:e(-1.7),h1:e(-1.2),h2:e(-1),h3:e(-.9),h4:e(-.6),h5:e(-.5),h6:e(-.5),lg:r,md:r,sm:r,xs:e(-.2),"subtitle-md":e(-.2),"subtitle-sm":e(-.2)}),Z=r=>{const{fontWeights:e}=r;return{h0:e.bold,h1:e.bold,h2:e.bold,h3:e.bold,h4:e.bold,h5:e.bold,h6:e.bold,lg:e.regular,md:e.regular,sm:e.regular,"subtitle-md":e.bold,"subtitle-sm":e.medium,xs:e.regular}},J=r=>{const{fonts:e}=r;return{h0:e.headings,h1:e.headings,h2:e.headings,h3:e.headings,h4:e.headings,h5:e.headings,h6:e.headings,"subtitle-md":e.headings,"subtitle-sm":e.headings}},Q=()=>({"subtitle-md":"uppercase","subtitle-sm":"uppercase"}),ee=r=>{const{colors:e}=r;return{h0:e["neutral-90"],h1:e["neutral-90"],h2:e["neutral-90"],h3:e["neutral-90"],h4:e["neutral-90"],h5:e["neutral-90"],h6:e["neutral-90"]}},re=r=>{const{fontSizes:e,letterSpacings:o,lineHeights:s,textsFontColors:a,textsFontFamily:i,textsFontWeights:c,textsTextTransform:l}=r;return Object.keys(e).reduce((d,t)=>({...d,[t]:{color:a[t],fontFamily:i[t]||void 0,fontWeight:c[t],fontSize:e[t],lineHeight:s[t]||s.lg,letterSpacing:o[t]||void 0,textTransform:l[t]||void 0}}),{})},te=(r,e,o)=>({texts:[r,"sans-serif"].join(", "),headings:[e,"sans-serif"].join(", "),icons:o}),h={primary:"ease",secondary:"linear",tertiary:"cubic-bezier(0.41, 0.094, 0.54, 0.07)"},oe={slow:`500ms ${h.tertiary}`,medium:`300ms ${h.primary}`,fast:`100ms ${h.secondary}`},ne=({colors:r})=>({default:n.css`
       background-image: linear-gradient(
         0deg,
-        ${e["primary-40"]},
-        ${e["primary-40"]} 100%
+        ${r["primary-40"]},
+        ${r["primary-40"]} 100%
       );
       background-repeat: no-repeat;
       background-size: 100% 50%;
@@ -11,8 +11,150 @@
         background-position-y 250ms,
         background-size 250ms,
         color 250ms;
-    `,hover:u.css`
+    `,hover:n.css`
       opacity: 1;
       background-position-y: 100%;
       background-size: 100% 100%;
-    `}),O=e=>({none:"0",sm:e.toRem(2),md:e.toRem(4),lg:e.toRem(8),xl:e.toRem(16),xxl:e.toRem(24),full:"100%"}),L={sm:"1px",md:"2px",lg:"3px"},P={xs:0,sm:480,md:736,lg:980,xl:1280,xxl:1440,"3xl":1620,"4xl":1920},I={sm:"1px 2px 4px 0 rgba(0,0,0,0.05)",md:"3px 4px 10px 0 rgba(0,0,0,0.07)"},z=e=>({xxs:e.toRem(2),xs:e.toRem(4),sm:e.toRem(8),md:e.toRem(12),lg:e.toRem(16),xl:e.toRem(24),xxl:e.toRem(32),"3xl":e.toRem(48),"4xl":e.toRem(64),"5xl":e.toRem(96),"6xl":e.toRem(128),"7xl":e.toRem(192)}),H=e=>({backgroundColor:e.colors["primary-40"],color:e.colors["neutral-90"]}),R=({colors:e})=>{function t(o=e["primary-40"]){return{boxShadow:`0 0 0 2px ${o}`}}return t},q="work-sans",M=16,G="-0.019rem",Y=1.15,V="https://cdn.welcome-ui.com/fonts",Z="welcome-font",J="welcome-icon-font",K=(e={})=>{const{defaultFontFamily:t=q,defaultFontSize:o=M,defaultLetterSpacing:l=G,defaultLineHeight:n=Y,fontsUrl:F=V,headingFontFamily:d=Z,iconFontFamily:m=J,...a}=e;let r={};return r.transformers={...u.rpxTransformers},r.toEm=i=>`${i/o}em`,r.toRem=i=>`${i/o}rem`,r.toPx=i=>`${i*o}px`,r.colors=g,r.fontsUrl=F,r.fontFaces=E(r),r.fontSizes=D("rem",r),r.defaultLineHeight=n,r.defaultLetterSpacing=l,r.lineHeights=T(r),r.fontWeights=B,r.letterSpacings=v(r),r.fonts=U(t,d,m),r.borderWidths=L,r.screens=P,r.space=z(r),r.inset=r.space,r.radii=O(r),r.transitions=W,r.timingFunction=c,r.shadows=I,r=p(r,a),r.selection=H(r),r.underline=N(r),r.focus=R(r),r.textsFontWeights=S(r),r.textsFontFamily=k(r),r.textsFontColors=_(r),r.textsTextTransform=C(),r.texts=$(r),r.states=u.defaultTheme.states,r=p(r,a),r};exports.Box=f.Box;exports.componentSystem=s.componentSystem;exports.filterSystemProps=s.filterSystemProps;exports.forwardRef=s.forwardRef;exports.shouldForwardProp=s.shouldForwardProp;exports.system=s.system;exports.wrapperSystem=s.wrapperSystem;exports.WuiProvider=b.WuiProvider;exports.createTheme=K;exports.darkTheme=A;
+    `}),se=r=>({none:"0",sm:r.toRem(2),md:r.toRem(4),lg:r.toRem(8),xl:r.toRem(16),xxl:r.toRem(24),full:"100%"}),ae={sm:"1px",md:"2px",lg:"3px"},le={xs:0,sm:480,md:736,lg:980,xl:1280,xxl:1440,"3xl":1620,"4xl":1920},ie={sm:"1px 2px 4px 0 rgba(0,0,0,0.05)",md:"3px 4px 10px 0 rgba(0,0,0,0.07)"},de=r=>({xxs:r.toRem(2),xs:r.toRem(4),sm:r.toRem(8),md:r.toRem(12),lg:r.toRem(16),xl:r.toRem(24),xxl:r.toRem(32),"3xl":r.toRem(48),"4xl":r.toRem(64),"5xl":r.toRem(96),"6xl":r.toRem(128),"7xl":r.toRem(192)}),ce=r=>({backgroundColor:r.colors["primary-40"],color:r.colors["neutral-90"]}),ue=({colors:r})=>{function e(o=r["primary-40"]){return{boxShadow:`0 0 0 2px ${o}`}}return e},ge="work-sans",me=16,be="-0.019rem",he=1.15,pe="https://cdn.welcome-ui.com/fonts",fe="welcome-font",Fe="welcome-icon-font",ye=(r={})=>{const{defaultFontFamily:e=ge,defaultFontSize:o=me,defaultLetterSpacing:s=be,defaultLineHeight:a=he,fontsUrl:i=pe,headingFontFamily:c=fe,iconFontFamily:l=Fe,...d}=r;let t={};return t.transformers={...n.rpxTransformers},t.toEm=m=>`${m/o}em`,t.toRem=m=>`${m/o}rem`,t.toPx=m=>`${m*o}px`,t.colors=p,t.fontsUrl=i,t.fontFaces=Y(t),t.fontSizes=j("rem",t),t.defaultLineHeight=a,t.defaultLetterSpacing=s,t.lineHeights=K(t),t.fontWeights=V,t.letterSpacings=X(t),t.fonts=te(e,c,l),t.borderWidths=ae,t.screens=le,t.space=de(t),t.inset=t.space,t.radii=se(t),t.transitions=oe,t.timingFunction=h,t.shadows=ie,t=y(t,d),t.selection=ce(t),t.underline=ne(t),t.focus=ue(t),t.textsFontWeights=Z(t),t.textsFontFamily=J(t),t.textsFontColors=ee(t),t.textsTextTransform=Q(),t.texts=re(t),t.accordions=_(t),t.alerts=q(t),t.avatars=U(t),t.badges=N(t),t.breadcrumbs=P(t),t.buttons=I(t),t.cards=O(t),t.states=n.defaultTheme.states,t=y(t,d),t},xe=(r,e="square")=>n.css`
+  width: ${n.th(`buttons.sizes.${r}.height`)};
+  padding: 0;
+  ${e==="circle"&&n.css`
+    border-radius: ${n.th(`buttons.sizes.${r}.height`)};
+  `};
+`,A=n(T.Button).withConfig({shouldForwardProp:g.shouldForwardProp})(({danger:r,disabled:e,shape:o,size:s="md",variant:a="primary"})=>n.css`
+    ${n.th(`buttons.${a}`)};
+    ${r&&n.css`
+      ${n.th(`buttons.danger.${a}`)};
+    `}
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: auto;
+    ${n.th(`buttons.sizes.${s}`)};
+    text-decoration: none;
+    text-align: center;
+    white-space: nowrap;
+    cursor: pointer;
+    outline: none !important; /* important for firefox */
+    border-width: sm;
+    border-style: solid;
+    appearance: none;
+    overflow: hidden;
+    transition: medium;
+    ${o&&xe(s,o)};
+    ${n.system};
+
+    & > svg.wui-icon,
+    & > i.wui-icon-font {
+      font-weight: initial;
+
+      &:only-child {
+        width: ${n.th(`buttons.icon.only.${s}`)};
+        height: ${n.th(`buttons.icon.only.${s}`)};
+        font-size: ${n.th(`buttons.icon.only.${s}`)};
+      }
+      &:not(:only-child) {
+        width: ${n.th(`buttons.icon.default.${s}`)};
+        height: ${n.th(`buttons.icon.default.${s}`)};
+        font-size: ${n.th(`buttons.icon.default.${s}`)};
+      }
+    }
+
+    & > *:not(:only-child):not(:last-child) {
+      margin-right: sm;
+    }
+
+    ${!e&&n.css`
+      [${b.hideFocusRingsDataAttribute}] &:focus {
+        box-shadow: none;
+      }
+      &:focus {
+        ${n.th(`buttons.focus.${a}`)};
+        ${r&&n.css`
+          ${n.th(`buttons.focus.danger.${a}`)};
+        `}
+      }
+      &:hover {
+        ${n.th(`buttons.hover.${a}`)};
+        ${r&&n.css`
+          ${n.th(`buttons.hover.danger.${a}`)};
+        `}
+      }
+      &:active {
+        ${n.th(`buttons.active.${a}`)};
+        ${r&&n.css`
+          ${n.th(`buttons.active.danger.${a}`)};
+        `}
+      }
+    `};
+
+    &[disabled] {
+      cursor: not-allowed;
+    }
+  `),f=g.forwardRef(({children:r,danger:e,dataTestId:o,disabled:s,isLoading:a,size:i="md",variant:c="primary",...l},d)=>{const t=s||a;return u.createElement(A,{danger:e,"data-loading":a,"data-testid":o,disabled:t,ref:d,size:i,variant:t?"disabled":c,...l},a&&u.createElement("div",null,u.createElement(F.Box,{alignItems:"center",bottom:0,display:"flex",justifyContent:"center",left:0,m:0,position:"absolute",right:0,top:0},u.createElement($.Loader,{size:"xs"})),u.createElement(F.Box,{opacity:"0"},r)),!a&&r)});f.displayName="Button";const $e=A,Ce=n.div`
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  margin-top: -3px;
+
+  > * {
+    margin-top: 3px;
+
+    &:not(:only-child) {
+      &:not(:last-child) {
+        border-right-color: rgba(255, 255, 255, 0.4);
+      }
+
+      &:first-child {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+
+      &:last-child {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+
+      &:not(:last-child):not(:first-child) {
+        border-radius: 0;
+      }
+    }
+  }
+
+  ${n.system};
+`,we=g.forwardRef(({children:r,dataTestId:e,disabled:o,size:s,variant:a},i)=>{function c(l){return u.Children.toArray(l).filter(Boolean).map(d=>u.cloneElement(d,{...d.props,disabled:o||d.props.disabled,size:s||d.props.size,variant:a||d.props.variant}))}return u.createElement(Ce,{"data-testid":e,ref:i},c(r))}),Be=n(R.Shape2)`
+  ${n.th("cards.cover")};
+
+  ${n.system};
+`,Ae=({src:r,...e})=>u.createElement(Be,{...e},u.createElement("img",{src:r})),Ee=n.divBox`
+  overflow: 'hidden';
+  border-radius: md;
+  ${n.th("cards.default")};
+  background-size: cover;
+  background-position: center;
+
+  ${n.system};
+`,ke=n.divBox`
+  padding: lg;
+
+  ${n.system};
+`,E=g.forwardRef(({children:r,...e},o)=>u.createElement(Ee,{ref:o,...e},r)),ve=Object.assign(E,{Body:ke,Cover:Ae}),De=n.keyframes`
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+`,Se=n.css`
+  ${De}
+`,k=n(f)`
+  pointer-events: auto;
+  animation: ${n.th("transitions.medium")};
+  animation-name: ${Se};
+`,Te=g.forwardRef(({size:r="xs",...e},o)=>u.createElement(k,{ref:o,shape:"circle",size:r,title:"Clear",variant:"ghost",...e},u.createElement(w.CrossIcon,{size:"xxs"}))),Re=k,We=n(f)`
+  & > svg:only-child {
+    width: ${n.th("space.md")};
+    height: ${n.th("space.md")};
+  }
+`,ze=g.forwardRef((r,e)=>u.createElement(We,{ref:e,shape:"circle",size:"sm",title:"Close",variant:"ghost",...r},u.createElement(w.CrossIcon,{size:"lg"})));exports.Accordion=x.Accordion;exports.useAccordion=x.useAccordion;exports.Alert=$.Alert;exports.AspectRatio=v.AspectRatio;exports.Avatar=D.Avatar;exports.Badge=S.Badge;exports.Box=F.Box;exports.Breadcrumb=C.Breadcrumb;exports.BreadcrumbComponent=C.BreadcrumbComponent;exports.componentSystem=g.componentSystem;exports.filterSystemProps=g.filterSystemProps;exports.forwardRef=g.forwardRef;exports.shouldForwardProp=g.shouldForwardProp;exports.system=g.system;exports.wrapperSystem=g.wrapperSystem;exports.Flex=W.Flex;exports.WuiProvider=z.WuiProvider;exports.Button=f;exports.ButtonGroup=we;exports.Card=ve;exports.CardComponent=E;exports.ClearButton=Te;exports.CloseButton=ze;exports.StyledButton=$e;exports.StyledClearButton=Re;exports.createTheme=ye;exports.darkTheme=M;