@logrock/pebbles - npm Package Compare versions

Comparing version 5.6.0 to 5.7.0

dist/logrock-pebbles.umd.js

@@ -1,2 +0,2 @@
-var Gt=Object.defineProperty,Jt=Object.defineProperties;var Kt=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var De=Object.prototype.hasOwnProperty,Ee=Object.prototype.propertyIsEnumerable;var Le=(n,s,g)=>s in n?Gt(n,s,{enumerable:!0,configurable:!0,writable:!0,value:g}):n[s]=g,$=(n,s)=>{for(var g in s||(s={}))De.call(s,g)&&Le(n,g,s[g]);if(G)for(var g of G(s))Ee.call(s,g)&&Le(n,g,s[g]);return n},H=(n,s)=>Jt(n,Kt(s));var L=(n,s)=>{var g={};for(var f in n)De.call(n,f)&&s.indexOf(f)<0&&(g[f]=n[f]);if(n!=null&&G)for(var f of G(n))s.indexOf(f)<0&&Ee.call(n,f)&&(g[f]=n[f]);return g};(function(n,s){typeof exports=="object"&&typeof module!="undefined"?s(exports,require("styled-breakpoints"),require("styled-components"),require("react"),require("@mdi/js"),require("@mdi/react")):typeof define=="function"&&define.amd?define(["exports","styled-breakpoints","styled-components","react","@mdi/js","@mdi/react"],s):(n=typeof globalThis!="undefined"?globalThis:n||self,s(n["@logrock/pebbles"]={},n["styled-breakpoints"],n.styled,n.React,n.mdijs,n.Icon))})(this,function(n,s,g,f,W,X){"use strict";function J(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var r=J(g),Ae=J(f),K=J(X);const p={"50":"#F9FAFB","100":"#F3F4F6","200":"#E5E7EB","300":"#D1D5DB","400":"#9CA3AF","500":"#6B7280","600":"#4B5563","700":"#374151","800":"#1F2937","900":"#111827"},u={"50":"#FDF5E1","100":"#F9E0A5","200":"#F7D586","300":"#F5CB68","400":"#F1B72C","500":"#F1B72C","600":"#E6A50F","700":"#C08A0C","800":"#996E0A","900":"#735307"},Re={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},j={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},M={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},k={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},D={"0":"#FFFFFF","100":"#000000"},We={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},je={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"44px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},Me={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"40px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"}},Oe={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"}},Ie={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"28px",lineHeight:"36px",tracking:"-0.02em"}},Te={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"28px",lineHeight:"36px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"24px",lineHeight:"32px",tracking:"-0.02em"}},_e={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"24px",lineHeight:"32px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"}},Xe={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"18px",lineHeight:"24px",tracking:"-0.02em"}},q={fontFamily:"Archivo, sans-serif",fontSize:"18px",lineHeight:"28px",weights:{normal:400,bold:500,bolder:600}},ee={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},oe={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Ne={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Pe={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Ue={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Ve={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Ye={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},Ge={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},Je={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},Ke={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},Qe={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},Ze={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},qe={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},eo={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},oo={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},to={background:"linear-gradient(98.41deg, #4568DC 0%, #B06AB3 100%)"},c={xxsm:"4px",xsm:"8px",sm:"12px",md:"16px",big:"20px",xbig:"24px",xxbig:"28px",xxxbig:"32px",lg:"40px",xlg:"48px",xxlg:"64px",xxxlg:"80px",huge:"96px",xhuge:"128px",xxhuge:"160px",xxxhuge:"192px"},te={primary:{background:u["500"],borderColor:u["500"],borderWidth:0,contentColor:D["100"]},secondary:{background:u["200"],borderColor:u["200"],borderWidth:0,contentColor:D["100"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:u["800"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:u["500"],borderWidth:"1px",contentColor:u["500"]}},re={primary:{background:k["500"],borderColor:k["500"],borderWidth:0,contentColor:D["0"]},secondary:{background:k["50"],borderColor:k["50"],borderWidth:0,contentColor:k["600"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:k["600"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:k["300"],borderWidth:"1px",contentColor:k["500"]}},ie={primary:{background:p["200"],borderColor:p["200"],borderWidth:0,contentColor:p["400"]},secondary:{background:p["200"],borderColor:p["200"],borderWidth:0,contentColor:p["400"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:p["300"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:p["400"],borderWidth:"1px",contentColor:p["300"]}},ro={fontFamily:"Archivo, sans-serif",fontWeight:500,outline:`3px solid ${u[200]}`,regular:{xSmall:{borderRadius:"2px",fontSize:"14px",iconPadding:c.xxsm,horizontalPadding:"10px",verticalPadding:"6px"},small:{borderRadius:"2px",fontSize:"14px",iconPadding:c.xxsm,horizontalPadding:c.md,verticalPadding:c.xsm},medium:{borderRadius:"2px",fontSize:"16px",iconPadding:c.xxsm,horizontalPadding:c.big,verticalPadding:c.xsm},large:{borderRadius:"2px",fontSize:"18px",iconPadding:c.xxsm,horizontalPadding:c.xbig,verticalPadding:"14px"},primary:te,destructive:re,disabled:ie},icon:{xSmall:{borderRadius:"2px",size:"14px",horizontalPadding:"11px",verticalPadding:"10px"},small:{borderRadius:"2px",size:"14px",horizontalPadding:"13px",verticalPadding:"14px"},medium:{borderRadius:"2px",size:c.md,horizontalPadding:"14px",verticalPadding:c.md},large:{borderRadius:"2px",size:c.md,horizontalPadding:c.md,verticalPadding:"22px"},primary:te,destructive:re,disabled:ie}},T={xSmall:"0px 1px 2px rgba(16, 24, 40, 0.05)",small:"0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px -1px rgba(16, 24, 40, 0.1)",medium:"0px 4px 6px -1px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.1)",large:"0px 10px 15px -3px rgba(16, 24, 40, 0.1), 0px 4px 6px -4px rgba(16, 24, 40, 0.1)",xLarge:"0px 20px 25px -5px rgba(16, 24, 40, 0.1), 0px 8px 10px -6px rgba(16, 24, 40, 0.1)",xxLarge:"0px 25px 50px -12px rgba(16, 24, 40, 0.25)",upXSmall:"0px -1px 2px rgba(16, 24, 40, 0.05)",upSmall:"0px -1px 3px rgba(16, 24, 40, 0.1), 0px -1px 2px -1px rgba(16, 24, 40, 0.1)",upMedium:"0px -4px 6px -1px rgba(16, 24, 40, 0.1), 0px -2px 4px -2px rgba(16, 24, 40, 0.1)",upLarge:"0px -10px 15px -3px rgba(16, 24, 40, 0.1), 0px -4px 6px -4px rgba(16, 24, 40, 0.1)",upXLarge:"0px -20px 25px -5px rgba(16, 24, 40, 0.1), 0px -8px 10px -6px rgba(16, 24, 40, 0.1)",upXxLarge:"0px -25px 50px -12px rgba(16, 24, 40, 0.25)"},io={spacing:c.xxbig,fontFamily:"Archivo",fontWeight:"normal",fontStyle:"normal",fontSize:c.md,lineHeight:c.xbig,fontFeatureSettings:"'salt' on",padding:`10px ${c.sm}`,boxSizing:"border-box",boxShadow:T.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:`${c.xsm} 0px`,background:"white",height:"50px",width:"100%",error:{color:k[900],border:`1px solid ${k[300]}`,boxShadow:T.xSmall,hintColor:p[500],helperColor:k["600"],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px ${c.xxsm} ${k["100"]}`,borderRadius:"2px",border:`1px solid ${k["300"]}`}},info:{color:p[900],border:"1px solid #D1D5DB",boxShadow:T.xSmall,hintColor:p[500],helperColor:p[500],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${u["100"]}`,borderRadius:"2px",border:`1px solid ${u["300"]}`}},label:{color:"black",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontWeight:500},helper:{fontStyle:"normal",fontSize:"14px",lineHeight:"20px",fontWeight:500,margin:c.xsm},disabled:{boxSizing:"border-box",boxShadow:T.xSmall,borderRadius:"2px",border:`1px solid ${p["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:p[400]}},no={items:{hover:{background:u["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},ao={checkMark:{color:D[0],width:"3px",height:"6px",left:"5px",top:"2px"},width:c.md,height:c.md,marginRight:c.sm,default:{background:D[0],borderColor:p[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"},checked:{background:u["500"],borderColor:u["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"}},lo={fontFamily:"Archivo",size:"50px",background:"white",loaderColor:{loaderBar:u[500],background:u[50]}},go={neutral:{background:p[50],borderColor:p[200],titleColor:p[800],descriptionColor:p[700],iconColor:p[500]},primary:{background:u[50],borderColor:u[600],titleColor:u[900],descriptionColor:u[700],iconColor:u[600]},success:{background:j[50],borderColor:j[200],titleColor:j[800],descriptionColor:j[700],iconColor:j[500]},warning:{background:M[50],borderColor:M[200],titleColor:M[800],descriptionColor:M[700],iconColor:M[500]},error:{background:k[50],borderColor:k[200],titleColor:k[800],descriptionColor:k[700],iconColor:k[500]},title:{fontWeight:"600",fontSize:"16px",lineHeight:"24px",height:"24px"},description:{fontWeight:"400",fontSize:"14px",lineHeight:"20px",height:"20px"},fontFamily:"Archivo"},so={barColor:u[500],bgColor:p[100],sizes:{small:"8px",medium:"16px",large:"24px",xLarge:"32px"},borderRadius:{small:"16px",medium:"32px",large:"48px",xLarge:"64px"}},co={item:{paddingY:c.sm,paddingX:c.xbig,internalPadding:c.big,margin:c.xxxbig,background:{regular:D[0],hover:p[50],active:p[100]},borderRadius:c.xxsm,label:{color:p[500],weight:400},description:{color:p[900],weight:500},large:{typography:q},medium:{typography:ee},small:{typography:oe}}},po={indicator:{color:D[0],width:"22px",height:"22px",left1:"1px",left2:"16px",top:"1px"},width:"39px",height:"24px",borderRadius:"28px",marginRight:c.sm,default:{background:p[300],borderColor:p[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"48px"},checked:{background:u["500"],borderColor:u["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"48px"}},ne={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:c,colors:{neutral:p,primary:u,secondary:Re,error:k,success:j,warning:M,shades:D},typography:{displayLarge:We,displaySmall:je,headingH1:Me,headingH2:Oe,headingH3:Ie,headingH4:Te,headingH5:_e,headingH6:Xe,paragraphLarge:q,paragraphMedium:ee,paragraphSmall:oe,paragraphXSmall:Ne,overlineLarge:Pe,overlineMedium:Ue,overlineSmall:Ve},shadows:T,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:Ye,blueMoon:qe,blueberryWine:to,cherryCola:Je,coldSky:Ke,darkWineSea:Ge,morningSakura:Ze,oliveGarden:Qe,synthwave:eo,teaLeaves:oo},buttons:ro,inputBox:io,select:no,checkBox:ao,loader:lo,alert:go,progressBar:so,list:co,toggle:po},ho=H($({},ne),{name:"dark"}),N=({underlined:e,strikedThrough:o})=>{const t=[];return e&&t.push("underline"),o&&t.push("line-through"),t.join(" ")},fo=r.default.h1`
+var er=Object.defineProperty,or=Object.defineProperties;var tr=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var Ae=Object.prototype.hasOwnProperty,Re=Object.prototype.propertyIsEnumerable;var Ee=(n,g,s)=>g in n?er(n,g,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[g]=s,w=(n,g)=>{for(var s in g||(g={}))Ae.call(g,s)&&Ee(n,s,g[s]);if(G)for(var s of G(g))Re.call(g,s)&&Ee(n,s,g[s]);return n},z=(n,g)=>or(n,tr(g));var E=(n,g)=>{var s={};for(var y in n)Ae.call(n,y)&&g.indexOf(y)<0&&(s[y]=n[y]);if(n!=null&&G)for(var y of G(n))g.indexOf(y)<0&&Re.call(n,y)&&(s[y]=n[y]);return s};(function(n,g){typeof exports=="object"&&typeof module!="undefined"?g(exports,require("styled-breakpoints"),require("styled-components"),require("react"),require("@mdi/js"),require("@mdi/react")):typeof define=="function"&&define.amd?define(["exports","styled-breakpoints","styled-components","react","@mdi/js","@mdi/react"],g):(n=typeof globalThis!="undefined"?globalThis:n||self,g(n["@logrock/pebbles"]={},n["styled-breakpoints"],n.styled,n.React,n.mdijs,n.Icon))})(this,function(n,g,s,y,j,X){"use strict";function J(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var r=J(s),We=J(y),K=J(X);const p={"50":"#F9FAFB","100":"#F3F4F6","200":"#E5E7EB","300":"#D1D5DB","400":"#9CA3AF","500":"#6B7280","600":"#4B5563","700":"#374151","800":"#1F2937","900":"#111827"},$={"50":"#FDF5E1","100":"#F9E0A5","200":"#F7D586","300":"#F5CB68","400":"#F1B72C","500":"#F1B72C","600":"#E6A50F","700":"#C08A0C","800":"#996E0A","900":"#735307"},je={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},M={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},O={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},S={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},A={"0":"#FFFFFF","100":"#000000"},Me={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},Oe={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"44px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"52px",lineHeight:"56px",tracking:"-0.02em"}},Ie={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"40px",lineHeight:"48px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"}},Te={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"36px",lineHeight:"44px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"}},_e={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"32px",lineHeight:"40px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"28px",lineHeight:"36px",tracking:"-0.02em"}},Xe={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"28px",lineHeight:"36px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"24px",lineHeight:"32px",tracking:"-0.02em"}},Ne={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"24px",lineHeight:"32px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"}},Pe={fontFamily:"Archivo, sans-serif",desktop:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"20px",lineHeight:"28px",tracking:"-0.02em"},mobile:{weights:{normal:500,bold:600,bolder:700,boldest:800},fontSize:"18px",lineHeight:"24px",tracking:"-0.02em"}},q={fontFamily:"Archivo, sans-serif",fontSize:"18px",lineHeight:"28px",weights:{normal:400,bold:500,bolder:600}},ee={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},oe={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Ue={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Ve={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Ye={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Ge={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Je={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},Ke={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},Qe={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},Ze={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},qe={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},eo={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},oo={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},to={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},ro={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},io={background:"linear-gradient(98.41deg, #4568DC 0%, #B06AB3 100%)"},c={xxsm:"4px",xsm:"8px",sm:"12px",md:"16px",big:"20px",xbig:"24px",xxbig:"28px",xxxbig:"32px",lg:"40px",xlg:"48px",xxlg:"64px",xxxlg:"80px",huge:"96px",xhuge:"128px",xxhuge:"160px",xxxhuge:"192px"},te={primary:{background:$["500"],borderColor:$["500"],borderWidth:0,contentColor:A["100"]},secondary:{background:$["200"],borderColor:$["200"],borderWidth:0,contentColor:A["100"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:$["800"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:$["500"],borderWidth:"1px",contentColor:$["500"]}},re={primary:{background:S["500"],borderColor:S["500"],borderWidth:0,contentColor:A["0"]},secondary:{background:S["50"],borderColor:S["50"],borderWidth:0,contentColor:S["600"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:S["600"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:S["300"],borderWidth:"1px",contentColor:S["500"]}},ie={primary:{background:p["200"],borderColor:p["200"],borderWidth:0,contentColor:p["400"]},secondary:{background:p["200"],borderColor:p["200"],borderWidth:0,contentColor:p["400"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:p["300"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:p["400"],borderWidth:"1px",contentColor:p["300"]}},no={fontFamily:"Archivo, sans-serif",fontWeight:500,outline:`3px solid ${$[200]}`,regular:{xSmall:{borderRadius:"2px",fontSize:"14px",iconPadding:c.xxsm,horizontalPadding:"10px",verticalPadding:"6px"},small:{borderRadius:"2px",fontSize:"14px",iconPadding:c.xxsm,horizontalPadding:c.md,verticalPadding:c.xsm},medium:{borderRadius:"2px",fontSize:"16px",iconPadding:c.xxsm,horizontalPadding:c.big,verticalPadding:c.xsm},large:{borderRadius:"2px",fontSize:"18px",iconPadding:c.xxsm,horizontalPadding:c.xbig,verticalPadding:"14px"},primary:te,destructive:re,disabled:ie},icon:{xSmall:{borderRadius:"2px",size:"14px",horizontalPadding:"11px",verticalPadding:"10px"},small:{borderRadius:"2px",size:"14px",horizontalPadding:"13px",verticalPadding:"14px"},medium:{borderRadius:"2px",size:c.md,horizontalPadding:"14px",verticalPadding:c.md},large:{borderRadius:"2px",size:c.md,horizontalPadding:c.md,verticalPadding:"22px"},primary:te,destructive:re,disabled:ie}},T={xSmall:"0px 1px 2px rgba(16, 24, 40, 0.05)",small:"0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px -1px rgba(16, 24, 40, 0.1)",medium:"0px 4px 6px -1px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.1)",large:"0px 10px 15px -3px rgba(16, 24, 40, 0.1), 0px 4px 6px -4px rgba(16, 24, 40, 0.1)",xLarge:"0px 20px 25px -5px rgba(16, 24, 40, 0.1), 0px 8px 10px -6px rgba(16, 24, 40, 0.1)",xxLarge:"0px 25px 50px -12px rgba(16, 24, 40, 0.25)",upXSmall:"0px -1px 2px rgba(16, 24, 40, 0.05)",upSmall:"0px -1px 3px rgba(16, 24, 40, 0.1), 0px -1px 2px -1px rgba(16, 24, 40, 0.1)",upMedium:"0px -4px 6px -1px rgba(16, 24, 40, 0.1), 0px -2px 4px -2px rgba(16, 24, 40, 0.1)",upLarge:"0px -10px 15px -3px rgba(16, 24, 40, 0.1), 0px -4px 6px -4px rgba(16, 24, 40, 0.1)",upXLarge:"0px -20px 25px -5px rgba(16, 24, 40, 0.1), 0px -8px 10px -6px rgba(16, 24, 40, 0.1)",upXxLarge:"0px -25px 50px -12px rgba(16, 24, 40, 0.25)"},ao={spacing:c.xxbig,fontFamily:"Archivo",fontWeight:"normal",fontStyle:"normal",fontSize:c.md,lineHeight:c.xbig,fontFeatureSettings:"'salt' on",padding:`10px ${c.sm}`,boxSizing:"border-box",boxShadow:T.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:`${c.xsm} 0px`,background:"white",height:"50px",width:"100%",error:{color:S[900],border:`1px solid ${S[300]}`,boxShadow:T.xSmall,hintColor:p[500],helperColor:S["600"],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px ${c.xxsm} ${S["100"]}`,borderRadius:"2px",border:`1px solid ${S["300"]}`}},info:{color:p[900],border:"1px solid #D1D5DB",boxShadow:T.xSmall,hintColor:p[500],helperColor:p[500],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${$["100"]}`,borderRadius:"2px",border:`1px solid ${$["300"]}`}},label:{color:"black",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontWeight:500},helper:{fontStyle:"normal",fontSize:"14px",lineHeight:"20px",fontWeight:500,margin:c.xsm},disabled:{boxSizing:"border-box",boxShadow:T.xSmall,borderRadius:"2px",border:`1px solid ${p["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:p[400]}},lo={items:{hover:{background:$["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},so={checkMark:{color:A[0],width:"3px",height:"6px",left:"5px",top:"2px"},width:c.md,height:c.md,marginRight:c.sm,default:{background:A[0],borderColor:p[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"},checked:{background:$["500"],borderColor:$["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"}},go={fontFamily:"Archivo",size:"50px",background:"white",loaderColor:{loaderBar:$[500],background:$[50]}},co={neutral:{background:p[50],borderColor:p[200],titleColor:p[800],descriptionColor:p[700],iconColor:p[500]},primary:{background:$[50],borderColor:$[600],titleColor:$[900],descriptionColor:$[700],iconColor:$[600]},success:{background:M[50],borderColor:M[200],titleColor:M[800],descriptionColor:M[700],iconColor:M[500]},warning:{background:O[50],borderColor:O[200],titleColor:O[800],descriptionColor:O[700],iconColor:O[500]},error:{background:S[50],borderColor:S[200],titleColor:S[800],descriptionColor:S[700],iconColor:S[500]},title:{fontWeight:"600",fontSize:"16px",lineHeight:"24px",height:"24px"},description:{fontWeight:"400",fontSize:"14px",lineHeight:"20px",height:"20px"},fontFamily:"Archivo"},po={barColor:$[500],bgColor:p[100],sizes:{small:"8px",medium:"16px",large:"24px",xLarge:"32px"},borderRadius:{small:"16px",medium:"32px",large:"48px",xLarge:"64px"}},ho={item:{paddingY:c.sm,paddingX:c.xbig,internalPadding:c.big,margin:c.xxxbig,background:{regular:A[0],hover:p[50],active:p[100]},borderRadius:c.xxsm,label:{color:p[500],weight:400},description:{color:p[900],weight:500},large:{typography:q},medium:{typography:ee},small:{typography:oe}}},uo={indicator:{color:A[0],width:"22px",height:"22px",left1:"1px",left2:"16px",top:"1px"},width:"39px",height:"24px",borderRadius:"28px",marginRight:c.sm,default:{background:p[300],borderColor:p[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"48px"},checked:{background:$["500"],borderColor:$["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"48px"}},ne={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:c,colors:{neutral:p,primary:$,secondary:je,error:S,success:M,warning:O,shades:A},typography:{displayLarge:Me,displaySmall:Oe,headingH1:Ie,headingH2:Te,headingH3:_e,headingH4:Xe,headingH5:Ne,headingH6:Pe,paragraphLarge:q,paragraphMedium:ee,paragraphSmall:oe,paragraphXSmall:Ue,overlineLarge:Ve,overlineMedium:Ye,overlineSmall:Ge},shadows:T,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:Je,blueMoon:oo,blueberryWine:io,cherryCola:Qe,coldSky:Ze,darkWineSea:Ke,morningSakura:eo,oliveGarden:qe,synthwave:to,teaLeaves:ro},buttons:no,inputBox:ao,select:lo,checkBox:so,loader:go,alert:co,progressBar:po,list:ho,toggle:uo},fo=z(w({},ne),{name:"dark"}),N=({underlined:e,strikedThrough:o})=>{const t=[];return e&&t.push("underline"),o&&t.push("line-through"),t.join(" ")},bo=r.default.h1`
   margin: 0;
@@ -11,3 +11,3 @@
 
-  ${s.up("desktop")} {
+  ${g.up("desktop")} {
     font-size: ${({theme:e})=>e.typography.displayLarge.desktop.fontSize};
@@ -18,3 +18,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.displayLarge.desktop.weights[o]:e.typography.displayLarge.desktop.weights.normal};
   }
-`,uo=r.default.h2`
+`,xo=r.default.h2`
   margin: 0;
@@ -29,3 +29,3 @@
 
-  ${s.up("desktop")} {
+  ${g.up("desktop")} {
     font-size: ${({theme:e})=>e.typography.displaySmall.desktop.fontSize};
@@ -36,3 +36,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.displaySmall.desktop.weights[o]:e.typography.displaySmall.desktop.weights.normal};
   }
-`,bo=r.default.h1`
+`,mo=r.default.h1`
   margin: 0;
@@ -47,3 +47,3 @@
 
-  ${s.up("desktop")} {
+  ${g.up("desktop")} {
     font-size: ${({theme:e})=>e.typography.headingH1.desktop.fontSize};
@@ -54,3 +54,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH1.desktop.weights[o]:e.typography.headingH1.desktop.weights.normal};
   }
-`,xo=r.default.h2`
+`,yo=r.default.h2`
   margin: 0;
@@ -65,3 +65,3 @@
 
-  ${s.up("desktop")} {
+  ${g.up("desktop")} {
     font-size: ${({theme:e})=>e.typography.headingH2.desktop.fontSize};
@@ -72,3 +72,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH2.desktop.weights[o]:e.typography.headingH2.desktop.weights.normal};
   }
-`,mo=r.default.h3`
+`,$o=r.default.h3`
   margin: 0;
@@ -83,3 +83,3 @@
 
-  ${s.up("desktop")} {
+  ${g.up("desktop")} {
     font-size: ${({theme:e})=>e.typography.headingH3.desktop.fontSize};
@@ -90,3 +90,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH3.desktop.weights[o]:e.typography.headingH3.desktop.weights.normal};
   }
-`,yo=r.default.h4`
+`,ko=r.default.h4`
   margin: 0;
@@ -101,3 +101,3 @@
 
-  ${s.up("desktop")} {
+  ${g.up("desktop")} {
     font-size: ${({theme:e})=>e.typography.headingH4.desktop.fontSize};
@@ -108,3 +108,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH4.desktop.weights[o]:e.typography.headingH4.desktop.weights.normal};
   }
-`,$o=r.default.h5`
+`,wo=r.default.h5`
   margin: 0;
@@ -119,3 +119,3 @@
 
-  ${s.up("desktop")} {
+  ${g.up("desktop")} {
     font-size: ${({theme:e})=>e.typography.headingH5.desktop.fontSize};
@@ -126,3 +126,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH5.desktop.weights[o]:e.typography.headingH5.desktop.weights.normal};
   }
-`,ko=r.default.h6`
+`,So=r.default.h6`
   margin: 0;
@@ -137,3 +137,3 @@
 
-  ${s.up("desktop")} {
+  ${g.up("desktop")} {
     font-size: ${({theme:e})=>e.typography.headingH6.desktop.fontSize};
@@ -144,3 +144,3 @@ font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH6.desktop.weights[o]:e.typography.headingH6.desktop.weights.normal};
   }
-`,wo=r.default.p`
+`,vo=r.default.p`
   margin: 0;
@@ -155,3 +155,3 @@
   text-decoration: ${N};
-`,O=g.css`
+`,I=s.css`
   margin: 0;
@@ -166,5 +166,5 @@
   text-decoration: ${N};
-`,So=r.default.p`
-  ${O}
-`,vo=r.default.p`
+`,Ho=r.default.p`
+  ${I}
+`,zo=r.default.p`
   margin: 0;
@@ -179,3 +179,3 @@
   text-decoration: ${N};
-`,Ho=r.default.p`
+`,Co=r.default.p`
   margin: 0;
@@ -190,3 +190,3 @@
   text-decoration: ${N};
-`,zo=r.default.p`
+`,Fo=r.default.p`
   margin: 0;
@@ -201,3 +201,3 @@
   text-transform: uppercase;
-`,Co=r.default.p`
+`,Bo=r.default.p`
   margin: 0;
@@ -212,3 +212,3 @@
   text-transform: uppercase;
-`,Bo=r.default.p`
+`,Lo=r.default.p`
   margin: 0;
@@ -227,3 +227,3 @@
 @license MIT
-*/var ae=Object.getOwnPropertySymbols,Fo=Object.prototype.hasOwnProperty,Lo=Object.prototype.propertyIsEnumerable;function Do(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function Eo(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de",Object.getOwnPropertyNames(e)[0]==="5")return!1;for(var o={},t=0;t<10;t++)o["_"+String.fromCharCode(t)]=t;var l=Object.getOwnPropertyNames(o).map(function(d){return o[d]});if(l.join("")!=="0123456789")return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach(function(d){a[d]=d}),Object.keys(Object.assign({},a)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}Eo();/** @license React v17.0.2
+*/var ae=Object.getOwnPropertySymbols,Do=Object.prototype.hasOwnProperty,Eo=Object.prototype.propertyIsEnumerable;function Ao(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function Ro(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de",Object.getOwnPropertyNames(e)[0]==="5")return!1;for(var o={},t=0;t<10;t++)o["_"+String.fromCharCode(t)]=t;var l=Object.getOwnPropertyNames(o).map(function(d){return o[d]});if(l.join("")!=="0123456789")return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach(function(d){a[d]=d}),Object.keys(Object.assign({},a)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}Ro();/** @license React v17.0.2
  * react-jsx-runtime.production.min.js
@@ -235,3 +235,3 @@ *
  * LICENSE file in the root directory of this source tree.
- */var Ao=Ae.default,le=60103;if(_.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var de=Symbol.for;le=de("react.element"),_.Fragment=de("react.fragment")}var Ro=Ao.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Wo=Object.prototype.hasOwnProperty,jo={key:!0,ref:!0,__self:!0,__source:!0};function ge(e,o,t){var l,a={},d=null,y=null;t!==void 0&&(d=""+t),o.key!==void 0&&(d=""+o.key),o.ref!==void 0&&(y=o.ref);for(l in o)Wo.call(o,l)&&!jo.hasOwnProperty(l)&&(a[l]=o[l]);if(e&&e.defaultProps)for(l in o=e.defaultProps,o)a[l]===void 0&&(a[l]=o[l]);return{$$typeof:le,type:e,key:d,ref:y,props:a,_owner:Ro.current}}_.jsx=ge,_.jsxs=ge,Q.exports=_;const i=Q.exports.jsx,b=Q.exports.jsxs,se=g.css`
+ */var Wo=We.default,le=60103;if(_.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var de=Symbol.for;le=de("react.element"),_.Fragment=de("react.fragment")}var jo=Wo.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Mo=Object.prototype.hasOwnProperty,Oo={key:!0,ref:!0,__self:!0,__source:!0};function se(e,o,t){var l,a={},d=null,k=null;t!==void 0&&(d=""+t),o.key!==void 0&&(d=""+o.key),o.ref!==void 0&&(k=o.ref);for(l in o)Mo.call(o,l)&&!Oo.hasOwnProperty(l)&&(a[l]=o[l]);if(e&&e.defaultProps)for(l in o=e.defaultProps,o)a[l]===void 0&&(a[l]=o[l]);return{$$typeof:le,type:e,key:d,ref:k,props:a,_owner:jo.current}}_.jsx=se,_.jsxs=se,Q.exports=_;const i=Q.exports.jsx,u=Q.exports.jsxs,ge=s.css`
   display: flex;
@@ -258,8 +258,8 @@ flex-flow: row nowrap;
   }
-`,ce=g.css`
+`,ce=s.css`
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
-`,Mo=g.css`
-  ${({buttonSize:e,theme:o})=>g.css`
+`,Io=s.css`
+  ${({buttonSize:e,theme:o})=>s.css`
     padding: ${o.buttons.regular[e||"medium"].verticalPadding}
@@ -272,4 +272,4 @@ ${o.buttons.regular[e||"medium"].horizontalPadding};
   `}
-`,pe=g.css`
-  ${({theme:e,buttonStyle:o})=>g.css`
+`,pe=s.css`
+  ${({theme:e,buttonStyle:o})=>s.css`
     border-width: ${e.buttons.regular.disabled[o||"primary"].borderWidth};
@@ -282,4 +282,4 @@ border-color: ${e.buttons.regular.disabled[o||"primary"].borderColor};
   `}
-`,he=g.css`
-  ${({theme:e,buttonStyle:o,variant:t})=>g.css`
+`,he=s.css`
+  ${({theme:e,buttonStyle:o,variant:t})=>s.css`
     border-width: ${e.buttons.regular[t||"primary"][o||"primary"].borderWidth};
@@ -293,19 +293,19 @@ border-color: ${e.buttons.regular[t||"primary"][o||"primary"].borderColor};
   `}
-`,Oo=r.default.button`
-  ${se}
-  ${Mo}
+`,To=r.default.button`
+  ${ge}
+  ${Io}
 
   ${({disabled:e})=>e?pe:he}
-`,Io=g.css`
+`,_o=s.css`
   margin-right: ${({theme:e,buttonSize:o})=>e.buttons.regular[o||"medium"].iconPadding};
-`,To=r.default.div`
+`,Xo=r.default.div`
   ${ce}
-  ${Io}
-`,_o=g.css`
+  ${_o}
+`,No=s.css`
   margin-left: ${({theme:e,buttonSize:o})=>e.buttons.regular[o||"medium"].iconPadding};
-`,Xo=r.default.div`
+`,Po=r.default.div`
   ${ce}
-  ${_o}
-`,No=g.css`
-  ${({buttonSize:e,theme:o})=>g.css`
+  ${No}
+`,Uo=s.css`
+  ${({buttonSize:e,theme:o})=>s.css`
     padding: ${o.buttons.icon[e||"medium"].verticalPadding}
@@ -318,6 +318,6 @@ ${o.buttons.icon[e||"medium"].horizontalPadding};
   `}
-`,Po=g.css`
+`,Vo=s.css`
   width: ${({theme:e,buttonSize:o})=>e.buttons.icon[o||"medium"].buttonSize};
   height: ${({theme:e,buttonSize:o})=>e.buttons.icon[o||"medium"].buttonSize};
-`,Uo=r.default.div`
+`,Yo=r.default.div`
   display: flex;
@@ -328,9 +328,9 @@ flex-flow: row nowrap;
 
-  ${Po}
-`,Vo=r.default.button`
-  ${se}
-  ${No}
+  ${Vo}
+`,Go=r.default.button`
+  ${ge}
+  ${Uo}
 
   ${({disabled:e})=>e?pe:he}
-`,Z=w=>{var z=w,{buttonSize:e="medium",variant:o="primary",buttonStyle:t="primary",iconOnly:l=!1,startIcon:a=null,endIcon:d=null,children:y}=z,x=L(z,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return l?i(Vo,H($({},x),{variant:o,buttonStyle:t,buttonSize:e,children:i(Uo,{buttonSize:e,children:a||d})})):b(Oo,H($({},x),{variant:o,buttonStyle:t,buttonSize:e,children:[a&&i(To,{buttonSize:e,children:a}),y,d&&i(Xo,{buttonSize:e,children:d})]}))},C="info",fe=r.default.div`
+`,Z=h=>{var v=h,{buttonSize:e="medium",variant:o="primary",buttonStyle:t="primary",iconOnly:l=!1,startIcon:a=null,endIcon:d=null,children:k}=v,f=E(v,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return l?i(Go,z(w({},f),{variant:o,buttonStyle:t,buttonSize:e,children:i(Yo,{buttonSize:e,children:a||d})})):u(To,z(w({},f),{variant:o,buttonStyle:t,buttonSize:e,children:[a&&i(Xo,{buttonSize:e,children:a}),k,d&&i(Po,{buttonSize:e,children:d})]}))},C="info",ue=r.default.div`
   display: flex;
@@ -347,3 +347,3 @@ flex-direction: column;
   font-feature-settings: ${({theme:e})=>e.inputBox.fontFeatureSettings};
-`,ue=r.default.div`
+`,fe=r.default.div`
   display: flex;
@@ -376,3 +376,3 @@ `,be=r.default(P)`
   color: ${({theme:e,status:o})=>e.inputBox[o||C].hintColor};
-`,Yo=r.default.div`
+`,Jo=r.default.div`
   position: relative;
@@ -428,9 +428,9 @@ `,ke=r.default.input`
   }
-`,Go=y=>{var x=y,{spaced:e,description:o,status:t,hint:l,helper:a}=x,d=L(x,["spaced","description","status","hint","helper"]);return b(fe,{spaced:e,children:[i(P,{children:o}),b(Yo,{children:[i(ke,$({status:t},d)),l&&b(me,{children:[i(ye,{status:t,children:l.content}),l.icon&&i($e,{status:t,children:l.icon})]})]}),b(ue,{children:[t==="error"&&i(xe,{status:t,children:i(K.default,{path:W.mdiAlert,size:.7})}),i(be,{status:t,children:a})]})]})},Jo=r.default.div`
+`,Ko=k=>{var f=k,{spaced:e,description:o,status:t,hint:l,helper:a}=f,d=E(f,["spaced","description","status","hint","helper"]);return u(ue,{spaced:e,children:[i(P,{children:o}),u(Jo,{children:[i(ke,w({status:t},d)),l&&u(me,{children:[i(ye,{status:t,children:l.content}),l.icon&&i($e,{status:t,children:l.icon})]})]}),u(fe,{children:[t==="error"&&i(xe,{status:t,children:i(K.default,{path:j.mdiAlert,size:.7})}),i(be,{status:t,children:a})]})]})},Qo=r.default.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-`,Ko=r.default(ke)`
+`,Zo=r.default(ke)`
   text-align: center;
-`,Qo=r.default.div`
+`,qo=r.default.div`
   position: relative;
@@ -443,4 +443,4 @@ box-sizing: border-box;
   margin: ${({theme:e})=>e.inputBox.margin};
-`,Zo=y=>{var x=y,{spaced:e,status:o,description:t,hint:l,helper:a}=x,d=L(x,["spaced","status","description","hint","helper"]);const[w,z]=f.useState(Number(d.value)||0),S=f.useRef(null),E=()=>{z(m=>m+1)},I=()=>{z(m=>m>0?m-1:m)};return f.useEffect(()=>{var F,A,R,v;const m=(A=Object.getOwnPropertyDescriptor((F=window==null?void 0:window.HTMLInputElement)==null?void 0:F.prototype,"value"))==null?void 0:A.set;(R=m==null?void 0:m.call)==null||R.call(m,S.current,`${w}`);const B=new Event("input",{bubbles:!0});(v=S==null?void 0:S.current)==null||v.dispatchEvent(B)},[w]),b(fe,{spaced:e,children:[i(P,{children:t}),b(Jo,{children:[i(we,{onClick:I,buttonSize:"xSmall",children:i(X.Icon,{path:W.mdiMinus,size:1.35})}),b(Qo,{children:[i(Ko,H($({status:o},d),{ref:S})),l&&b(me,{children:[i(ye,{status:o,children:l.content}),l.icon&&i($e,{status:o,children:l.icon})]})]}),i(we,{onClick:E,buttonSize:"xSmall",children:i(X.Icon,{path:W.mdiPlus,size:1.35})})]}),b(ue,{children:[o==="error"&&i(xe,{status:o,children:i(X.Icon,{path:W.mdiAlert,size:.7})}),i(be,{status:o,children:a})]})]})},Se=e=>e.type==="number"?i(Zo,$({},e)):i(Go,$({},e)),qo=r.default.button`
-  ${O}
+`,et=k=>{var f=k,{spaced:e,status:o,description:t,hint:l,helper:a}=f,d=E(f,["spaced","status","description","hint","helper"]);const[h,v]=y.useState(Number(d.value)||0),b=y.useRef(null),F=()=>{v(x=>x+1)},B=()=>{v(x=>x>0?x-1:x)};return y.useEffect(()=>{var D,R,W,H;const x=(R=Object.getOwnPropertyDescriptor((D=window==null?void 0:window.HTMLInputElement)==null?void 0:D.prototype,"value"))==null?void 0:R.set;(W=x==null?void 0:x.call)==null||W.call(x,b.current,`${h}`);const L=new Event("input",{bubbles:!0});(H=b==null?void 0:b.current)==null||H.dispatchEvent(L)},[h]),u(ue,{spaced:e,children:[i(P,{children:t}),u(Qo,{children:[i(we,{onClick:B,buttonSize:"xSmall",children:i(X.Icon,{path:j.mdiMinus,size:1.35})}),u(qo,{children:[i(Zo,z(w({status:o},d),{ref:b})),l&&u(me,{children:[i(ye,{status:o,children:l.content}),l.icon&&i($e,{status:o,children:l.icon})]})]}),i(we,{onClick:F,buttonSize:"xSmall",children:i(X.Icon,{path:j.mdiPlus,size:1.35})})]}),u(fe,{children:[o==="error"&&i(xe,{status:o,children:i(X.Icon,{path:j.mdiAlert,size:.7})}),i(be,{status:o,children:a})]})]})},Se=e=>e.type==="number"?i(et,w({},e)):i(Ko,w({},e)),ot=r.default.button`
+  ${I}
   box-sizing: border-box;
@@ -458,3 +458,3 @@ padding: 18px 10px;
   }
-`,ve=e=>{var o,t,l,a;return i(qo,H($({},e),{type:"button",children:((o=e==null?void 0:e.item)==null?void 0:o.name)||((t=e==null?void 0:e.item)==null?void 0:t.label)||((a=(l=e==null?void 0:e.item)==null?void 0:l.toString)==null?void 0:a.call(l))}))},et=r.default.div`
+`,ve=e=>{var o,t,l,a;return i(ot,z(w({},e),{type:"button",children:((o=e==null?void 0:e.item)==null?void 0:o.name)||((t=e==null?void 0:e.item)==null?void 0:t.label)||((a=(l=e==null?void 0:e.item)==null?void 0:l.toString)==null?void 0:a.call(l))}))},tt=r.default.div`
   display: flex;
@@ -474,3 +474,3 @@ position: ${({focus:e})=>e?"fixed":"relative"};
 
-  ${s.up("desktop")} {
+  ${g.up("desktop")} {
     position: relative;
@@ -482,3 +482,3 @@ z-index: unset;
   }
-`,ot=r.default.div`
+`,rt=r.default.div`
   display: ${({focus:e})=>e?"flex":"hidden"};
@@ -495,3 +495,3 @@ box-sizing: border-box;
 
-  ${s.up("desktop")} {
+  ${g.up("desktop")} {
     display: ${({focus:e})=>e?"flex":"none"};
@@ -511,4 +511,4 @@ position: absolute;
   }
-`,tt=({autoCompleteItems:e,renderItem:o,inputProps:t,renderHeader:l,onItemSelected:a,spaced:d})=>{var A,R;const y=o||ve,[x,w]=f.useState(0),[z,S]=f.useState(!1),[E,I]=f.useState(!1),m=f.useRef(null),B=f.useCallback(v=>{switch(v.key){case"Escape":S(!1);break;case"ArrowUp":w(h=>h&&h-1);break;case"ArrowDown":w(h=>h<e.length-1?h+1:h);break;case"Enter":w(h=>(e.length&&a&&typeof a=="function"&&(a(e[h]),S(!1)),0));break}},[e,a]),F=v=>{!m.current||m.current.contains(v.target)||S(!1)};return f.useEffect(()=>(document.addEventListener("keydown",B,!1),document.addEventListener("mousedown",F),document.addEventListener("touchstart",F),()=>{document.removeEventListener("keydown",B,!1),document.removeEventListener("mousedown",F),document.removeEventListener("touchstart",F)}),[B]),f.useEffect(()=>{E&&S(!0)},[e,E]),b(et,{focus:z,spaced:d||(t==null?void 0:t.spaced),ref:m,children:[i(Se,H($({},t),{onFocus:v=>{var h;I(!0),S(!0),(h=t==null?void 0:t.onFocus)==null||h.call(t,v)},onClick:v=>{var h;S(!0),(h=t==null?void 0:t.onClick)==null||h.call(t,v)},hint:{icon:((A=t==null?void 0:t.hint)==null?void 0:A.icon)||i(K.default,{path:W.mdiUnfoldMoreHorizontal,size:.7}),content:((R=t==null?void 0:t.hint)==null?void 0:R.content)||""},spaced:!1})),z&&b(ot,{focus:z,helper:t==null?void 0:t.helper,description:t==null?void 0:t.description,children:[l||null,e==null?void 0:e.map((v,h)=>i(y,{item:v,onClick:()=>{S(!1),w(0),a==null||a(e[h])},onMouseEnter:()=>w(h),highlighted:x===h},v.id))]})]})},rt=r.default.button`
-  ${O}
+`,it=({autoCompleteItems:e,renderItem:o,inputProps:t,renderHeader:l,onItemSelected:a,spaced:d})=>{var R,W;const k=o||ve,[f,h]=y.useState(0),[v,b]=y.useState(!1),[F,B]=y.useState(!1),x=y.useRef(null),L=y.useCallback(H=>{switch(H.key){case"Escape":b(!1);break;case"ArrowUp":h(m=>m&&m-1);break;case"ArrowDown":h(m=>m<e.length-1?m+1:m);break;case"Enter":h(m=>(e.length&&a&&typeof a=="function"&&(a(e[m]),b(!1)),0));break}},[e,a]),D=H=>{!x.current||x.current.contains(H.target)||b(!1)};return y.useEffect(()=>(document.addEventListener("keydown",L,!1),document.addEventListener("mousedown",D),document.addEventListener("touchstart",D),()=>{document.removeEventListener("keydown",L,!1),document.removeEventListener("mousedown",D),document.removeEventListener("touchstart",D)}),[L]),y.useEffect(()=>{F&&b(!0)},[e,F]),u(tt,{focus:v,spaced:d||(t==null?void 0:t.spaced),ref:x,children:[i(Se,z(w({},t),{onFocus:H=>{var m;B(!0),b(!0),(m=t==null?void 0:t.onFocus)==null||m.call(t,H)},onClick:H=>{var m;b(!0),(m=t==null?void 0:t.onClick)==null||m.call(t,H)},hint:{icon:((R=t==null?void 0:t.hint)==null?void 0:R.icon)||i(K.default,{path:j.mdiUnfoldMoreHorizontal,size:.7}),content:((W=t==null?void 0:t.hint)==null?void 0:W.content)||""},spaced:!1})),v&&u(rt,{focus:v,helper:t==null?void 0:t.helper,description:t==null?void 0:t.description,children:[l||null,e==null?void 0:e.map((H,m)=>i(k,{item:H,onClick:()=>{b(!1),h(0),a==null||a(e[m])},onMouseEnter:()=>h(m),highlighted:f===m},H.id))]})]})},nt=r.default.button`
+  ${I}
   display: flex;
@@ -527,13 +527,13 @@ box-sizing: border-box;
   }
-`,it=r.default.div`
+`,at=r.default.div`
   display: flex;
   width: 100%;
-`,nt=r.default.div`
+`,lt=r.default.div`
   flex-basis: ${({theme:e})=>e.spacings.huge};
   flex-grow: 0;
   padding-right: ${({theme:e})=>e.spacings.md};
-`,at=r.default.div`
+`,dt=r.default.div`
   flex-grow: 1;
-`,lt=e=>{var o,t,l,a,d;return i(rt,H($({},e),{type:"button",children:b(it,{children:[i(nt,{children:(o=e==null?void 0:e.item)==null?void 0:o.id}),i(at,{children:((t=e==null?void 0:e.item)==null?void 0:t.name)||((l=e==null?void 0:e.item)==null?void 0:l.label)||((d=(a=e==null?void 0:e.item)==null?void 0:a.toString)==null?void 0:d.call(a))})]})}))},dt=r.default.div`
-  ${O}
+`,st=e=>{var o,t,l,a,d;return i(nt,z(w({},e),{type:"button",children:u(at,{children:[i(lt,{children:(o=e==null?void 0:e.item)==null?void 0:o.id}),i(dt,{children:((t=e==null?void 0:e.item)==null?void 0:t.name)||((l=e==null?void 0:e.item)==null?void 0:l.label)||((d=(a=e==null?void 0:e.item)==null?void 0:a.toString)==null?void 0:d.call(a))})]})}))},gt=r.default.div`
+  ${I}
   display: flex;
@@ -548,3 +548,3 @@ box-sizing: border-box;
   text-align: left;
-`,gt=r.default.div`
+`,ct=r.default.div`
   display: flex;
@@ -554,9 +554,9 @@ width: 100%;
   font-weight: bold;
-`,st=r.default.div`
+`,pt=r.default.div`
   flex-basis: ${({theme:e})=>e.spacings.xhuge};
   flex-grow: 0;
   padding-right: ${({theme:e})=>e.spacings.md};
-`,ct=r.default.div`
+`,ht=r.default.div`
   flex-grow: 1;
-`,pt=e=>i(dt,H($({},e),{children:b(gt,{children:[i(st,{children:e.id}),i(ct,{children:e.name})]})})),U=r.default.span`
+`,ut=e=>i(gt,z(w({},e),{children:u(ct,{children:[i(pt,{children:e.id}),i(ht,{children:e.name})]})})),U=r.default.span`
   position: relative;
@@ -590,4 +590,4 @@ width: ${({theme:e})=>e.checkBox.width};
   }
-`,ht=r.default.label`
-  ${O}
+`,ft=r.default.label`
+  ${I}
   ${({theme:e,disabled:o})=>o?`color: ${e.colors.neutral[300]};`:""}
@@ -604,3 +604,3 @@
   }
-`,ft=r.default.input`
+`,bt=r.default.input`
   position: absolute;
@@ -626,3 +626,3 @@ width: 0;
   }
-`,ut=l=>{var a=l,{children:e,spaced:o}=a,t=L(a,["children","spaced"]);return b(ht,{disabled:t.disabled,spaced:o,children:[e,i(ft,H($({type:"checkbox"},t),{disabled:t.disabled})),i(U,{disabled:t.disabled})]})},bt=r.default.div`
+`,xt=l=>{var a=l,{children:e,spaced:o}=a,t=E(a,["children","spaced"]);return u(ft,{disabled:t.disabled,spaced:o,children:[e,i(bt,z(w({type:"checkbox"},t),{disabled:t.disabled})),i(U,{disabled:t.disabled})]})},mt=r.default.div`
   display: flex;
@@ -654,3 +654,3 @@ position: static;
   }
-`,xt=r.default.div`
+`,yt=r.default.div`
   display: flex;
@@ -661,7 +661,7 @@ flex-direction: ${({sticky:e})=>e?"row":"column"};
   padding: 0px 10px;
-`,mt=r.default.div`
+`,$t=r.default.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-`,yt=r.default.span`
+`,kt=r.default.span`
   height: ${({theme:e})=>e.alert.title.height};
@@ -673,3 +673,3 @@
   line-height: ${({theme:e})=>e.alert.title.lineWeight};
-`,$t=r.default.span`
+`,wt=r.default.span`
   margin: ${({sticky:e})=>e?"4px 0px":"8px 0px"};
@@ -682,3 +682,3 @@
   margin: ${({sticky:e})=>e?"0px 4px":void 0};
-`,Ce={neutral:{buttonStyle:"outlined",variant:"primary"},primary:{buttonStyle:"primary",variant:"primary"},success:{buttonStyle:"primary",variant:"primary"},warning:{buttonStyle:"secondary",variant:"primary"},error:{buttonStyle:"primary",variant:"destructive"}},kt=I=>{var m=I,{status:e,sticky:o,title:t,icon:l,children:a,mainButtonContent:d,onMainButtonClick:y,auxButtonContent:x,onAuxButtonClick:w,onCloseRequested:z,showCloseButton:S}=m,E=L(m,["status","sticky","title","icon","children","mainButtonContent","onMainButtonClick","auxButtonContent","onAuxButtonClick","onCloseRequested","showCloseButton"]);const B=Ce[e||"primary"].buttonStyle,F=Ce[e||"primary"].variant,A=o?"xSmall":"small",R=o?B:"tertiary",v=o?F:"primary";return b(bt,H($({status:e,sticky:o||!1},E),{children:[l&&i(He,{sticky:o||!1,status:e,children:l}),b(xt,{sticky:o||!1,children:[!o&&!!t&&i(yt,{status:e,children:t}),!!a&&i($t,{sticky:o||!1,children:a}),(!!d||!!x)&&b(mt,{children:[i(ze,{onClick:h=>{y&&y(h)},buttonStyle:B,variant:F,buttonSize:A,sticky:o,children:d}),i(ze,{buttonStyle:R,variant:v,onClick:h=>{w&&w(h)},buttonSize:A,sticky:o,children:x})]})]}),S&&i(He,{onClick:h=>{z(h)},status:e,sticky:o||!1,children:i(K.default,{path:W.mdiClose,size:.7})})]}))},wt=d=>{var y=d,{visible:e=!0,status:o,onMainButtonClick:t,onAuxButtonClick:l}=y,a=L(y,["visible","status","onMainButtonClick","onAuxButtonClick"]);const[x,w]=f.useState(e),[z,S]=f.useState(o);f.useEffect(()=>{S(z)},[o]);const E=m=>{try{t&&t(m),w(!1)}catch{S("error")}},I=m=>{try{l&&l(m),w(!1)}catch{S("error")}};return x?i(kt,H($({},a),{status:z,onCloseRequested:()=>w(!1),onMainButtonClick:E,onAuxButtonClick:I})):null};function Be(e){return e>100?180:e<0?0:e*180/100}const St=r.default.div`
+`,Ce={neutral:{buttonStyle:"outlined",variant:"primary"},primary:{buttonStyle:"primary",variant:"primary"},success:{buttonStyle:"primary",variant:"primary"},warning:{buttonStyle:"secondary",variant:"primary"},error:{buttonStyle:"primary",variant:"destructive"}},St=B=>{var x=B,{status:e,sticky:o,title:t,icon:l,children:a,mainButtonContent:d,onMainButtonClick:k,auxButtonContent:f,onAuxButtonClick:h,onCloseRequested:v,showCloseButton:b}=x,F=E(x,["status","sticky","title","icon","children","mainButtonContent","onMainButtonClick","auxButtonContent","onAuxButtonClick","onCloseRequested","showCloseButton"]);const L=Ce[e||"primary"].buttonStyle,D=Ce[e||"primary"].variant,R=o?"xSmall":"small",W=o?L:"tertiary",H=o?D:"primary";return u(mt,z(w({status:e,sticky:o||!1},F),{children:[l&&i(He,{sticky:o||!1,status:e,children:l}),u(yt,{sticky:o||!1,children:[!o&&!!t&&i(kt,{status:e,children:t}),!!a&&i(wt,{sticky:o||!1,children:a}),(!!d||!!f)&&u($t,{children:[i(ze,{onClick:m=>{k&&k(m)},buttonStyle:L,variant:D,buttonSize:R,sticky:o,children:d}),i(ze,{buttonStyle:W,variant:H,onClick:m=>{h&&h(m)},buttonSize:R,sticky:o,children:f})]})]}),b&&i(He,{onClick:m=>{v(m)},status:e,sticky:o||!1,children:i(K.default,{path:j.mdiClose,size:.7})})]}))},vt=d=>{var k=d,{visible:e=!0,status:o,onMainButtonClick:t,onAuxButtonClick:l}=k,a=E(k,["visible","status","onMainButtonClick","onAuxButtonClick"]);const[f,h]=y.useState(e),[v,b]=y.useState(o);y.useEffect(()=>{b(v)},[o]);const F=x=>{try{t&&t(x),h(!1)}catch{b("error")}},B=x=>{try{l&&l(x),h(!1)}catch{b("error")}};return f?i(St,z(w({},a),{status:v,onCloseRequested:()=>h(!1),onMainButtonClick:F,onAuxButtonClick:B})):null};function Fe(e){return e>100?180:e<0?0:e*180/100}const Ht=r.default.div`
   width: ${({theme:e})=>e.loader.size};
@@ -696,3 +696,3 @@ height: ${({theme:e})=>e.loader.size};
   border-radius: 50%;
-`,vt=r.default(V)`
+`,zt=r.default(V)`
   clip: rect(
@@ -706,5 +706,5 @@ 0px,
   transform: rotate(
-    ${({percentage:e})=>Be(e)+"deg"}
+    ${({percentage:e})=>Fe(e)+"deg"}
   );
-`,Ht=r.default(V)`
+`,Ct=r.default(V)`
   clip: rect(
@@ -716,3 +716,3 @@ 0px,
   );
-`,Fe=r.default(V)`
+`,Be=r.default(V)`
   clip: rect(
@@ -726,7 +726,7 @@ 0px,
   transform: rotate(
-    ${({percentage:e})=>Be(e)+"deg"}
+    ${({percentage:e})=>Fe(e)+"deg"}
   );
 
   background-color: ${({theme:e})=>e.loader.loaderColor.loaderBar};
-`,zt=r.default.div`
+`,Ft=r.default.div`
   position: absolute;
@@ -741,3 +741,3 @@ width: calc(${({theme:e})=>e.loader.size} * 0.8);
   background: ${({theme:e})=>e.loader.background};
-`,Ct=e=>i(St,{children:b(V,{children:[i(vt,{percentage:e.percentage,children:i(Fe,{percentage:e.percentage})}),i(Ht,{children:i(Fe,{percentage:e.percentage})}),i(zt,{})]})}),Bt=r.default.div`
+`,Bt=e=>i(Ht,{children:u(V,{children:[i(zt,{percentage:e.percentage,children:i(Be,{percentage:e.percentage})}),i(Ct,{children:i(Be,{percentage:e.percentage})}),i(Ft,{})]})}),Lt=r.default.div`
   position: relative;
@@ -751,3 +751,3 @@ width: 100%;
   background-color: ${({theme:e})=>e.progressBar.bgColor};
-`,Ft=r.default.div`
+`,Dt=r.default.div`
   position: absolute;
@@ -760,3 +760,3 @@ width: ${e=>`${e.percentage}%`||"0%"};
   background-color: ${({theme:e})=>e.progressBar.barColor};
-`,Lt=e=>i(Bt,H($({},e),{children:i(Ft,$({},e))})),Dt=r.default.div`
+`,Et=e=>i(Lt,z(w({},e),{children:i(Dt,w({},e))})),At=r.default.div`
   width: ${({theme:e})=>e.loader.size};
@@ -778,3 +778,3 @@ height: ${({theme:e})=>e.loader.size};
   }
-`,Et=r.default.div`
+`,Rt=r.default.div`
   display: flex;
@@ -784,7 +784,7 @@ flex-flow: column;
   align-items: center;
-`,At=r.default.span`
+`,Wt=r.default.span`
   margin: 4px 0px;
 
   font-family: ${({theme:e})=>e.loader.fontFamily};
-`,Rt=e=>b(Et,{children:[i(Dt,{}),i(At,{children:e.message})]}),Wt=r.default.ul`
+`,jt=e=>u(Rt,{children:[i(At,{}),i(Wt,{children:e.message})]}),Mt=r.default.ul`
   display: flex;
@@ -797,7 +797,7 @@ flex-flow: column nowrap;
   list-style: none;
-`,jt=o=>{var e=L(o,[]);return i(Wt,$({},e))},Mt=g.css`
+`,Ot=o=>{var e=E(o,[]);return i(Mt,w({},e))},It=s.css`
   font-family: ${({theme:e,size:o})=>e.list.item[o||"medium"].typography.fontFamily};
   font-size: ${({theme:e,size:o})=>e.list.item[o||"medium"].typography.fontSize};
   line-height: ${({theme:e,size:o})=>e.list.item[o||"medium"].typography.lineHeight};
-`,Ot=r.default.li`
+`,Tt=r.default.li`
   display: flex;
@@ -817,3 +817,3 @@ flex-flow: row nowrap;
 
-  ${Mt}
+  ${It}
 
@@ -827,3 +827,3 @@ &:active {
   }
-`,It=r.default.div`
+`,_t=r.default.div`
   display: flex;
@@ -834,3 +834,3 @@ flex-flow: row nowrap;
   margin-right: ${({theme:e})=>e.list.item.internalPadding};
-`,Tt=r.default.div`
+`,Xt=r.default.div`
   display: flex;
@@ -841,3 +841,3 @@ flex-flow: row nowrap;
   margin-left: ${({theme:e})=>e.list.item.internalPadding};
-`,_t=r.default.div`
+`,Nt=r.default.div`
   margin-right: ${({alignment:e})=>e!=="end"?"auto":void 0};
@@ -847,3 +847,3 @@ margin-left: ${({alignment:e})=>e==="end"?"auto":void 0};
   text-align: ${({alignment:e})=>e};
-`,Xt=r.default.div`
+`,Pt=r.default.div`
   display: flex;
@@ -854,3 +854,3 @@ flex-flow: row nowrap;
   font-weight: ${({theme:e})=>e.list.item.label.weight};
-`,Nt=r.default.div`
+`,Ut=r.default.div`
   display: flex;
@@ -861,3 +861,3 @@ flex-flow: row nowrap;
   font-weight: ${({theme:e})=>e.list.item.description.weight};
-`,Pt=x=>{var w=x,{alignment:e="start",contentEnd:o,contentStart:t,description:l,label:a,size:d="medium"}=w,y=L(w,["alignment","contentEnd","contentStart","description","label","size"]);return b(Ot,H($({size:d},y),{children:[t&&i(It,{children:t}),b(_t,{alignment:e,children:[l&&i(Nt,{children:l}),a&&i(Xt,{children:a})]}),o&&i(Tt,{children:o})]}))},Y=r.default.span`
+`,Vt=f=>{var h=f,{alignment:e="start",contentEnd:o,contentStart:t,description:l,label:a,size:d="medium"}=h,k=E(h,["alignment","contentEnd","contentStart","description","label","size"]);return u(Tt,z(w({size:d},k),{children:[t&&i(_t,{children:t}),u(Nt,{alignment:e,children:[l&&i(Ut,{children:l}),a&&i(Pt,{children:a})]}),o&&i(Xt,{children:o})]}))},Y=r.default.span`
   position: relative;
@@ -890,4 +890,4 @@ width: ${({theme:e})=>e.toggle.width};
   }
-`,Ut=r.default.label`
-  ${O}
+`,Yt=r.default.label`
+  ${I}
   ${({theme:e,disabled:o})=>o?`color: ${e.colors.neutral[300]};`:""}
@@ -904,3 +904,3 @@
   }
-`,Vt=r.default.input`
+`,Gt=r.default.input`
   position: absolute;
@@ -924,2 +924,99 @@ width: 0;
   }
-`,Yt=l=>{var a=l,{children:e,spaced:o}=a,t=L(a,["children","spaced"]);return b(Ut,{disabled:t.disabled,spaced:o,children:[e,i(Vt,H($({type:"checkbox"},t),{disabled:t.disabled})),i(Y,{disabled:t.disabled})]})};n.Alert=wt,n.Button=Z,n.CheckBox=ut,n.DisplayLarge=fo,n.DisplaySmall=uo,n.HeadingH1=bo,n.HeadingH2=xo,n.HeadingH3=mo,n.HeadingH4=yo,n.HeadingH5=$o,n.HeadingH6=ko,n.InputBox=Se,n.List=jt,n.ListItem=Pt,n.Loader=Rt,n.OverlineLarge=zo,n.OverlineMedium=Co,n.OverlineSmall=Bo,n.ParagraphLarge=wo,n.ParagraphMedium=So,n.ParagraphSmall=vo,n.ParagraphXSmall=Ho,n.ProgressBar=Lt,n.ProgressLoader=Ct,n.Select=tt,n.SimpleItem=ve,n.TableHeader=pt,n.TableItem=lt,n.Toggle=Yt,n.darkTheme=ho,n.lightTheme=ne,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+`,Jt=l=>{var a=l,{children:e,spaced:o}=a,t=E(a,["children","spaced"]);return u(Yt,{disabled:t.disabled,spaced:o,children:[e,i(Gt,z(w({type:"checkbox"},t),{disabled:t.disabled})),i(Y,{disabled:t.disabled})]})},Le=r.default.div`
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  margin-right: ${({theme:e})=>e.spacings.md};
+
+  border: 2px solid
+    ${e=>e.isCurStep||e.isFinished?e.theme.colors.primary[400]:e.theme.colors.neutral[200]};
+  border-radius: 96px;
+
+  background-color: ${e=>e.isFinished?e.theme.colors.primary[500]:"transparent"};
+  box-shadow: 0px 0px 0px 4px
+    ${e=>e.isCurStep?e.theme.colors.primary[100]:"transparent"};
+
+  p {
+    display: ${e=>e.isFinished?"none":"block"};
+
+    color: ${e=>e.isCurStep?e.theme.colors.neutral[900]:e.theme.colors.neutral[500]};
+    font-weight: 500;
+  }
+
+  &:after {
+    content: "";
+
+    display: ${e=>e.isLastItem?"none":"block"};
+    position: absolute;
+    top: 38px;
+    left: 50%;
+    height: 32px;
+
+    transform: translate(-50%, 0);
+
+    border: 1px solid
+      ${e=>e.isFinished?e.theme.colors.primary[500]:e.theme.colors.neutral[200]};
+  }
+`,Kt=r.default.div`
+  display: ${e=>e.isFinished&&!e.isCurStep?"block":"none"};
+  position: relative;
+
+  transform: translate(0, 0) rotate(45deg);
+
+  &:after {
+    content: "";
+
+    position: absolute;
+    width: 3px;
+    height: 15px;
+
+    transform: translate(0, -10px);
+
+    border-radius: 8px;
+
+    background-color: ${({theme:e})=>e.colors.neutral[900]};
+  }
+
+  &:before {
+    content: "";
+
+    position: absolute;
+    width: 3px;
+    height: 9px;
+
+    transform: translate(-3px, 0) rotate(90deg);
+
+    border-radius: 8px;
+
+    background-color: ${({theme:e})=>e.colors.neutral[900]};
+  }
+`,De=r.default.div`
+  color: ${e=>e.isCurStep?e.theme.colors.neutral[900]:e.theme.colors.neutral[500]};
+  font-weight: 500;
+`,Qt=r.default.div`
+  display: flex;
+  align-items: center;
+  margin-bottom: 34px;
+
+  cursor: pointer;
+
+  &:hover > ${De} {
+    color: ${({theme:e})=>e.colors.neutral[900]};
+  }
+
+  &:hover > ${Le} {
+    border: 2px solid ${({theme:e})=>e.colors.primary[400]};
+
+    p {
+      color: ${({theme:e})=>e.colors.neutral[900]};
+    }
+  }
+`,Zt=r.default.div`
+  display: flex;
+  flex-direction: column;
+
+  font-family: ${({theme:e})=>e.loader.fontFamily};
+`,qt=e=>{const{labels:o,finishedSteps:t,curStep:l,onStepClick:a}=e,d=h=>h<10?h.toString().padStart(2,"0"):h.toString(),k=h=>(t==null?void 0:t.indexOf(h))!==-1;let f;return o&&(f=o.map((h,v)=>{const b=v+1,F=b===o.length,B=b===l,x=k(b);return u(Qt,{onClick:()=>{a&&a(b)},children:[u(Le,{isCurStep:B,isLastItem:F,isFinished:x,children:[i("p",{children:d(b)}),i(Kt,{isCurStep:B,isFinished:x})]}),i(De,{isCurStep:B,children:h})]},`${v}_${h}`)})),i(Zt,{children:f})};n.Alert=vt,n.Button=Z,n.CheckBox=xt,n.DisplayLarge=bo,n.DisplaySmall=xo,n.HeadingH1=mo,n.HeadingH2=yo,n.HeadingH3=$o,n.HeadingH4=ko,n.HeadingH5=wo,n.HeadingH6=So,n.InputBox=Se,n.List=Ot,n.ListItem=Vt,n.Loader=jt,n.OverlineLarge=Fo,n.OverlineMedium=Bo,n.OverlineSmall=Lo,n.ParagraphLarge=vo,n.ParagraphMedium=Ho,n.ParagraphSmall=zo,n.ParagraphXSmall=Co,n.ProgressBar=Et,n.ProgressLoader=Bt,n.Select=it,n.SimpleItem=ve,n.Stepper=qt,n.TableHeader=ut,n.TableItem=st,n.Toggle=Jt,n.darkTheme=fo,n.lightTheme=ne,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

dist/main.d.ts

@@ -25,1 +25,3 @@ export { light as lightTheme } from "./theme";
 export type { ToggleProps } from "./components/Toggle";
+export { default as Stepper } from "./components/Stepper";
+export type { StepperProps } from "./components/Stepper";

package.json

@@ -17,3 +17,3 @@ {
   },
-  "version": "5.6.0",
+  "version": "5.7.0",
   "scripts": {
@@ -20,0 +20,0 @@ "build": "tsc --noEmit && vite build",

No alert changes

Improved metrics

Total package byte prevSize

821493

increased by0.8%

Lines of code

4390

increased by4.82%

No dependency changes