@logrock/pebbles - npm Package Compare versions

Comparing version 5.3.0 to 5.4.0

dist/components/Alert/Alert.d.ts

@@ -11,2 +11,3 @@ import { FC } from "react";
     onHintClick?: () => void;
+    sticky?: boolean;
 }
@@ -13,0 +14,0 @@ export interface AlertInlineProps extends AlertProps {

dist/logrock-pebbles.umd.js

@@ -1,2 +0,2 @@
-var Lt=Object.defineProperty,At=Object.defineProperties;var Et=Object.getOwnPropertyDescriptors;var Y=Object.getOwnPropertySymbols;var ve=Object.prototype.hasOwnProperty,ze=Object.prototype.propertyIsEnumerable;var He=(n,g,c)=>g in n?Lt(n,g,{enumerable:!0,configurable:!0,writable:!0,value:c}):n[g]=c,m=(n,g)=>{for(var c in g||(g={}))ve.call(g,c)&&He(n,c,g[c]);if(Y)for(var c of Y(g))ze.call(g,c)&&He(n,c,g[c]);return n},H=(n,g)=>At(n,Et(g));var R=(n,g)=>{var c={};for(var h in n)ve.call(n,h)&&g.indexOf(h)<0&&(c[h]=n[h]);if(n!=null&&Y)for(var h of Y(n))g.indexOf(h)<0&&ze.call(n,h)&&(c[h]=n[h]);return c};(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,c,h,F,I){"use strict";function q(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var r=q(c),Ce=q(h),N=q(I);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"},Be={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},L={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},A={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},b={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},E={"0":"#FFFFFF","100":"#000000"},Fe={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"}},De={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"}},Le={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"}},Ae={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"}},Ee={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"}},Re={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"}},We={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"}},Oe={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"}},Me={fontFamily:"Archivo, sans-serif",fontSize:"18px",lineHeight:"28px",weights:{normal:400,bold:500,bolder:600}},je={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},_e={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Te={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Ie={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Ne={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Xe={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Pe={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},Ue={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},Ve={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},Ge={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},Je={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},Ye={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},qe={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},Ke={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},Qe={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},Ze={background:"linear-gradient(98.41deg, #4568DC 0%, #B06AB3 100%)"},s={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"},Q={primary:{background:u["500"],borderColor:u["500"],borderWidth:0,contentColor:E["100"]},secondary:{background:u["200"],borderColor:u["200"],borderWidth:0,contentColor:E["100"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:u["800"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:u["500"],borderWidth:"1px",contentColor:u["500"]}},Z={primary:{background:b["500"],borderColor:b["500"],borderWidth:0,contentColor:E["0"]},secondary:{background:b["50"],borderColor:b["50"],borderWidth:0,contentColor:b["600"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:b["600"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:b["300"],borderWidth:"1px",contentColor:b["500"]}},ee={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"]}},eo={fontFamily:"Archivo, sans-serif",fontWeight:500,outline:`3px solid ${u[200]}`,regular:{xSmall:{borderRadius:"2px",fontSize:"14px",iconPadding:s.xxsm,horizontalPadding:"10px",verticalPadding:"6px"},small:{borderRadius:"2px",fontSize:"14px",iconPadding:s.xxsm,horizontalPadding:s.md,verticalPadding:s.xsm},medium:{borderRadius:"2px",fontSize:"16px",iconPadding:s.xxsm,horizontalPadding:s.big,verticalPadding:s.xsm},large:{borderRadius:"2px",fontSize:"18px",iconPadding:s.xxsm,horizontalPadding:s.xbig,verticalPadding:"14px"},primary:Q,destructive:Z,disabled:ee},icon:{xSmall:{borderRadius:"2px",size:"14px",horizontalPadding:"11px",verticalPadding:"10px"},small:{borderRadius:"2px",size:"14px",horizontalPadding:"13px",verticalPadding:"14px"},medium:{borderRadius:"2px",size:s.md,horizontalPadding:"14px",verticalPadding:s.md},large:{borderRadius:"2px",size:s.md,horizontalPadding:s.md,verticalPadding:"22px"},primary:Q,destructive:Z,disabled:ee}},W={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)"},oo={spacing:s.xxbig,fontFamily:"Archivo",fontWeight:"normal",fontStyle:"normal",fontSize:s.md,lineHeight:s.xbig,fontFeatureSettings:"'salt' on",padding:`10px ${s.sm}`,boxSizing:"border-box",boxShadow:W.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:`${s.xsm} 0px`,background:"white",height:"50px",width:"100%",error:{color:b[900],border:`1px solid ${b[300]}`,boxShadow:W.xSmall,hintColor:p[500],helperColor:b["600"],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px ${s.xxsm} ${b["100"]}`,borderRadius:"2px",border:`1px solid ${b["300"]}`}},info:{color:p[900],border:"1px solid #D1D5DB",boxShadow:W.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:s.xsm},disabled:{boxSizing:"border-box",boxShadow:W.xSmall,borderRadius:"2px",border:`1px solid ${p["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:p[400]}},to={items:{hover:{background:u["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},ro={checkMark:{color:E[0],width:"3px",height:"6px",left:"5px",top:"2px"},width:s.md,height:s.md,marginRight:s.sm,default:{background:E[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"}},io={fontFamily:"Archivo",size:"50px",background:"white",loaderColor:{loaderBar:u[500],background:u[50]}},no={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:L[50],borderColor:L[200],titleColor:L[800],descriptionColor:L[700],iconColor:L[500]},warning:{background:A[50],borderColor:A[200],titleColor:A[800],descriptionColor:A[700],iconColor:A[500]},error:{background:b[50],borderColor:b[200],titleColor:b[800],descriptionColor:b[700],iconColor:b[500]},title:{fontWeight:"600",fontSize:"16px",lineHeight:"24px",height:"24px"},description:{fontWeight:"400",fontSize:"14px",lineHeight:"20px",height:"20px"},fontFamily:"Archivo"},ao={barColor:u[500],bgColor:p[100],sizes:{small:"8px",medium:"16px",large:"24px",xLarge:"32px"},borderRadius:{small:"16px",medium:"32px",large:"48px",xLarge:"64px"}},oe={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:s,colors:{neutral:p,primary:u,secondary:Be,error:b,success:L,warning:A,shades:E},typography:{displayLarge:Fe,displaySmall:De,headingH1:Le,headingH2:Ae,headingH3:Ee,headingH4:Re,headingH5:We,headingH6:Oe,paragraphLarge:Me,paragraphMedium:je,paragraphSmall:_e,paragraphXSmall:Te,overlineLarge:Ie,overlineMedium:Ne,overlineSmall:Xe},shadows:W,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:Pe,blueMoon:qe,blueberryWine:Ze,cherryCola:Ve,coldSky:Ge,darkWineSea:Ue,morningSakura:Ye,oliveGarden:Je,synthwave:Ke,teaLeaves:Qe},buttons:eo,inputBox:oo,select:to,checkBox:ro,loader:io,alert:no,progressBar:ao},lo=H(m({},oe),{name:"dark"}),X=({underlined:e,strikedThrough:o})=>{const t=[];return e&&t.push("underline"),o&&t.push("line-through"),t.join(" ")},go=r.default.h1`
+var No=Object.defineProperty,Uo=Object.defineProperties;var Vo=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var Le=Object.prototype.hasOwnProperty,De=Object.prototype.propertyIsEnumerable;var Fe=(n,g,s)=>g in n?No(n,g,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[g]=s,y=(n,g)=>{for(var s in g||(g={}))Le.call(g,s)&&Fe(n,s,g[s]);if(G)for(var s of G(g))De.call(g,s)&&Fe(n,s,g[s]);return n},H=(n,g)=>Uo(n,Vo(g));var D=(n,g)=>{var s={};for(var h in n)Le.call(n,h)&&g.indexOf(h)<0&&(s[h]=n[h]);if(n!=null&&G)for(var h of G(n))g.indexOf(h)<0&&De.call(n,h)&&(s[h]=n[h]);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,h,B,_){"use strict";function J(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var i=J(s),Ae=J(h),T=J(_);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"},Ee={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},A={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},E={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},b={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},F={"0":"#FFFFFF","100":"#000000"},Re={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"}},We={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"}},je={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"}},Ie={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"}},Te={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}},Z={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},ee={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Xe={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"},Ne={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Ue={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Ve={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},Ye={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},Ge={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},Je={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},qe={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},Ke={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},Qe={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},Ze={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},et={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},tt={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:F["100"]},secondary:{background:u["200"],borderColor:u["200"],borderWidth:0,contentColor:F["100"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:u["800"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:u["500"],borderWidth:"1px",contentColor:u["500"]}},oe={primary:{background:b["500"],borderColor:b["500"],borderWidth:0,contentColor:F["0"]},secondary:{background:b["50"],borderColor:b["50"],borderWidth:0,contentColor:b["600"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:b["600"],textDecorationLine:"underline"},outlined:{background:"transparent",borderColor:b["300"],borderWidth:"1px",contentColor:b["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"]}},ot={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:oe,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:oe,disabled:ie}},R={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)"},it={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:R.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:`${c.xsm} 0px`,background:"white",height:"50px",width:"100%",error:{color:b[900],border:`1px solid ${b[300]}`,boxShadow:R.xSmall,hintColor:p[500],helperColor:b["600"],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px ${c.xxsm} ${b["100"]}`,borderRadius:"2px",border:`1px solid ${b["300"]}`}},info:{color:p[900],border:"1px solid #D1D5DB",boxShadow:R.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:R.xSmall,borderRadius:"2px",border:`1px solid ${p["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:p[400]}},rt={items:{hover:{background:u["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},nt={checkMark:{color:F[0],width:"3px",height:"6px",left:"5px",top:"2px"},width:c.md,height:c.md,marginRight:c.sm,default:{background:F[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"}},at={fontFamily:"Archivo",size:"50px",background:"white",loaderColor:{loaderBar:u[500],background:u[50]}},lt={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:A[50],borderColor:A[200],titleColor:A[800],descriptionColor:A[700],iconColor:A[500]},warning:{background:E[50],borderColor:E[200],titleColor:E[800],descriptionColor:E[700],iconColor:E[500]},error:{background:b[50],borderColor:b[200],titleColor:b[800],descriptionColor:b[700],iconColor:b[500]},title:{fontWeight:"600",fontSize:"16px",lineHeight:"24px",height:"24px"},description:{fontWeight:"400",fontSize:"14px",lineHeight:"20px",height:"20px"},fontFamily:"Archivo"},dt={barColor:u[500],bgColor:p[100],sizes:{small:"8px",medium:"16px",large:"24px",xLarge:"32px"},borderRadius:{small:"16px",medium:"32px",large:"48px",xLarge:"64px"}},st={item:{paddingY:c.sm,paddingX:c.xbig,internalPadding:c.big,margin:c.xxxbig,background:{regular:F[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:Z},small:{typography:ee}}},re={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:c,colors:{neutral:p,primary:u,secondary:Ee,error:b,success:A,warning:E,shades:F},typography:{displayLarge:Re,displaySmall:We,headingH1:Me,headingH2:Oe,headingH3:je,headingH4:Ie,headingH5:_e,headingH6:Te,paragraphLarge:Q,paragraphMedium:Z,paragraphSmall:ee,paragraphXSmall:Xe,overlineLarge:Pe,overlineMedium:Ne,overlineSmall:Ue},shadows:R,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:Ve,blueMoon:Qe,blueberryWine:tt,cherryCola:Ge,coldSky:Je,darkWineSea:Ye,morningSakura:Ke,oliveGarden:qe,synthwave:Ze,teaLeaves:et},buttons:ot,inputBox:it,select:rt,checkBox:nt,loader:at,alert:lt,progressBar:dt,list:st},gt=H(y({},re),{name:"dark"}),X=({underlined:e,strikedThrough:t})=>{const o=[];return e&&o.push("underline"),t&&o.push("line-through"),o.join(" ")},ct=i.default.h1`
   margin: 0;
@@ -7,3 +7,3 @@
   font-size: ${({theme:e})=>e.typography.displayLarge.mobile.fontSize};
-  font-weight: ${({theme:e,weight:o})=>o?e.typography.displayLarge.mobile.weights[o]:e.typography.displayLarge.mobile.weights.normal};
+  font-weight: ${({theme:e,weight:t})=>t?e.typography.displayLarge.mobile.weights[t]:e.typography.displayLarge.mobile.weights.normal};
   letter-spacing: ${({theme:e})=>e.typography.displayLarge.mobile.tracking};
@@ -14,7 +14,7 @@ line-height: ${({theme:e})=>e.typography.displayLarge.mobile.lineHeight};
     font-size: ${({theme:e})=>e.typography.displayLarge.desktop.fontSize};
-    font-weight: ${({theme:e,weight:o})=>o?e.typography.displayLarge.desktop.weights[o]:e.typography.displayLarge.desktop.weights.normal};
+    font-weight: ${({theme:e,weight:t})=>t?e.typography.displayLarge.desktop.weights[t]:e.typography.displayLarge.desktop.weights.normal};
     letter-spacing: ${({theme:e})=>e.typography.displayLarge.desktop.tracking};
     line-height: ${({theme:e})=>e.typography.displayLarge.desktop.lineHeight};
   }
-`,co=r.default.h2`
+`,pt=i.default.h2`
   margin: 0;
@@ -25,3 +25,3 @@
   font-size: ${({theme:e})=>e.typography.displaySmall.mobile.fontSize};
-  font-weight: ${({theme:e,weight:o})=>o?e.typography.displaySmall.mobile.weights[o]:e.typography.displaySmall.mobile.weights.normal};
+  font-weight: ${({theme:e,weight:t})=>t?e.typography.displaySmall.mobile.weights[t]:e.typography.displaySmall.mobile.weights.normal};
   letter-spacing: ${({theme:e})=>e.typography.displaySmall.mobile.tracking};
@@ -32,7 +32,7 @@ line-height: ${({theme:e})=>e.typography.displaySmall.mobile.lineHeight};
     font-size: ${({theme:e})=>e.typography.displaySmall.desktop.fontSize};
-    font-weight: ${({theme:e,weight:o})=>o?e.typography.displaySmall.desktop.weights[o]:e.typography.displaySmall.desktop.weights.normal};
+    font-weight: ${({theme:e,weight:t})=>t?e.typography.displaySmall.desktop.weights[t]:e.typography.displaySmall.desktop.weights.normal};
     letter-spacing: ${({theme:e})=>e.typography.displaySmall.desktop.tracking};
     line-height: ${({theme:e})=>e.typography.displaySmall.desktop.lineHeight};
   }
-`,so=r.default.h1`
+`,ht=i.default.h1`
   margin: 0;
@@ -43,3 +43,3 @@
   font-size: ${({theme:e})=>e.typography.headingH1.mobile.fontSize};
-  font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH1.mobile.weights[o]:e.typography.headingH1.mobile.weights.normal};
+  font-weight: ${({theme:e,weight:t})=>t?e.typography.headingH1.mobile.weights[t]:e.typography.headingH1.mobile.weights.normal};
   letter-spacing: ${({theme:e})=>e.typography.headingH1.mobile.tracking};
@@ -50,7 +50,7 @@ line-height: ${({theme:e})=>e.typography.headingH1.mobile.lineHeight};
     font-size: ${({theme:e})=>e.typography.headingH1.desktop.fontSize};
-    font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH1.desktop.weights[o]:e.typography.headingH1.desktop.weights.normal};
+    font-weight: ${({theme:e,weight:t})=>t?e.typography.headingH1.desktop.weights[t]:e.typography.headingH1.desktop.weights.normal};
     letter-spacing: ${({theme:e})=>e.typography.headingH1.desktop.tracking};
     line-height: ${({theme:e})=>e.typography.headingH1.desktop.lineHeight};
   }
-`,po=r.default.h2`
+`,ut=i.default.h2`
   margin: 0;
@@ -61,3 +61,3 @@
   font-size: ${({theme:e})=>e.typography.headingH2.mobile.fontSize};
-  font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH2.mobile.weights[o]:e.typography.headingH2.mobile.weights.normal};
+  font-weight: ${({theme:e,weight:t})=>t?e.typography.headingH2.mobile.weights[t]:e.typography.headingH2.mobile.weights.normal};
   letter-spacing: ${({theme:e})=>e.typography.headingH2.mobile.tracking};
@@ -68,7 +68,7 @@ line-height: ${({theme:e})=>e.typography.headingH2.mobile.lineHeight};
     font-size: ${({theme:e})=>e.typography.headingH2.desktop.fontSize};
-    font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH2.desktop.weights[o]:e.typography.headingH2.desktop.weights.normal};
+    font-weight: ${({theme:e,weight:t})=>t?e.typography.headingH2.desktop.weights[t]:e.typography.headingH2.desktop.weights.normal};
     letter-spacing: ${({theme:e})=>e.typography.headingH2.desktop.tracking};
     line-height: ${({theme:e})=>e.typography.headingH2.desktop.lineHeight};
   }
-`,ho=r.default.h3`
+`,ft=i.default.h3`
   margin: 0;
@@ -79,3 +79,3 @@
   font-size: ${({theme:e})=>e.typography.headingH3.mobile.fontSize};
-  font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH3.mobile.weights[o]:e.typography.headingH3.mobile.weights.normal};
+  font-weight: ${({theme:e,weight:t})=>t?e.typography.headingH3.mobile.weights[t]:e.typography.headingH3.mobile.weights.normal};
   letter-spacing: ${({theme:e})=>e.typography.headingH3.mobile.tracking};
@@ -86,7 +86,7 @@ line-height: ${({theme:e})=>e.typography.headingH3.mobile.lineHeight};
     font-size: ${({theme:e})=>e.typography.headingH3.desktop.fontSize};
-    font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH3.desktop.weights[o]:e.typography.headingH3.desktop.weights.normal};
+    font-weight: ${({theme:e,weight:t})=>t?e.typography.headingH3.desktop.weights[t]:e.typography.headingH3.desktop.weights.normal};
     letter-spacing: ${({theme:e})=>e.typography.headingH3.desktop.tracking};
     line-height: ${({theme:e})=>e.typography.headingH3.desktop.lineHeight};
   }
-`,uo=r.default.h4`
+`,bt=i.default.h4`
   margin: 0;
@@ -97,3 +97,3 @@
   font-size: ${({theme:e})=>e.typography.headingH4.mobile.fontSize};
-  font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH4.mobile.weights[o]:e.typography.headingH4.mobile.weights.normal};
+  font-weight: ${({theme:e,weight:t})=>t?e.typography.headingH4.mobile.weights[t]:e.typography.headingH4.mobile.weights.normal};
   letter-spacing: ${({theme:e})=>e.typography.headingH4.mobile.tracking};
@@ -104,7 +104,7 @@ line-height: ${({theme:e})=>e.typography.headingH4.mobile.lineHeight};
     font-size: ${({theme:e})=>e.typography.headingH4.desktop.fontSize};
-    font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH4.desktop.weights[o]:e.typography.headingH4.desktop.weights.normal};
+    font-weight: ${({theme:e,weight:t})=>t?e.typography.headingH4.desktop.weights[t]:e.typography.headingH4.desktop.weights.normal};
     letter-spacing: ${({theme:e})=>e.typography.headingH4.desktop.tracking};
     line-height: ${({theme:e})=>e.typography.headingH4.desktop.lineHeight};
   }
-`,fo=r.default.h5`
+`,xt=i.default.h5`
   margin: 0;
@@ -115,3 +115,3 @@
   font-size: ${({theme:e})=>e.typography.headingH5.mobile.fontSize};
-  font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH5.mobile.weights[o]:e.typography.headingH5.mobile.weights.normal};
+  font-weight: ${({theme:e,weight:t})=>t?e.typography.headingH5.mobile.weights[t]:e.typography.headingH5.mobile.weights.normal};
   letter-spacing: ${({theme:e})=>e.typography.headingH5.mobile.tracking};
@@ -122,7 +122,7 @@ line-height: ${({theme:e})=>e.typography.headingH5.mobile.lineHeight};
     font-size: ${({theme:e})=>e.typography.headingH5.desktop.fontSize};
-    font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH5.desktop.weights[o]:e.typography.headingH5.desktop.weights.normal};
+    font-weight: ${({theme:e,weight:t})=>t?e.typography.headingH5.desktop.weights[t]:e.typography.headingH5.desktop.weights.normal};
     letter-spacing: ${({theme:e})=>e.typography.headingH5.desktop.tracking};
     line-height: ${({theme:e})=>e.typography.headingH5.desktop.lineHeight};
   }
-`,bo=r.default.h6`
+`,mt=i.default.h6`
   margin: 0;
@@ -133,3 +133,3 @@
   font-size: ${({theme:e})=>e.typography.headingH6.mobile.fontSize};
-  font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH6.mobile.weights[o]:e.typography.headingH6.mobile.weights.normal};
+  font-weight: ${({theme:e,weight:t})=>t?e.typography.headingH6.mobile.weights[t]:e.typography.headingH6.mobile.weights.normal};
   letter-spacing: ${({theme:e})=>e.typography.headingH6.mobile.tracking};
@@ -140,7 +140,7 @@ line-height: ${({theme:e})=>e.typography.headingH6.mobile.lineHeight};
     font-size: ${({theme:e})=>e.typography.headingH6.desktop.fontSize};
-    font-weight: ${({theme:e,weight:o})=>o?e.typography.headingH6.desktop.weights[o]:e.typography.headingH6.desktop.weights.normal};
+    font-weight: ${({theme:e,weight:t})=>t?e.typography.headingH6.desktop.weights[t]:e.typography.headingH6.desktop.weights.normal};
     letter-spacing: ${({theme:e})=>e.typography.headingH6.desktop.tracking};
     line-height: ${({theme:e})=>e.typography.headingH6.desktop.lineHeight};
   }
-`,xo=r.default.p`
+`,yt=i.default.p`
   margin: 0;
@@ -152,6 +152,6 @@
   font-style: ${({italic:e})=>e?"italic":"normal"};
-  font-weight: ${({theme:e,weight:o})=>o?e.typography.paragraphLarge.weights[o]:e.typography.paragraphLarge.weights.normal};
+  font-weight: ${({theme:e,weight:t})=>t?e.typography.paragraphLarge.weights[t]:e.typography.paragraphLarge.weights.normal};
   line-height: ${({theme:e})=>e.typography.paragraphLarge.lineHeight};
   text-decoration: ${X};
-`,O=c.css`
+`,W=s.css`
   margin: 0;
@@ -163,8 +163,8 @@
   font-style: ${({italic:e})=>e?"italic":"normal"};
-  font-weight: ${({theme:e,weight:o})=>o?e.typography.paragraphMedium.weights[o]:e.typography.paragraphMedium.weights.normal};
+  font-weight: ${({theme:e,weight:t})=>t?e.typography.paragraphMedium.weights[t]:e.typography.paragraphMedium.weights.normal};
   line-height: ${({theme:e})=>e.typography.paragraphMedium.lineHeight};
   text-decoration: ${X};
-`,yo=r.default.p`
-  ${O}
-`,mo=r.default.p`
+`,$t=i.default.p`
+  ${W}
+`,kt=i.default.p`
   margin: 0;
@@ -176,6 +176,6 @@
   font-style: ${({italic:e})=>e?"italic":"normal"};
-  font-weight: ${({theme:e,weight:o})=>o?e.typography.paragraphSmall.weights[o]:e.typography.paragraphSmall.weights.normal};
+  font-weight: ${({theme:e,weight:t})=>t?e.typography.paragraphSmall.weights[t]:e.typography.paragraphSmall.weights.normal};
   line-height: ${({theme:e})=>e.typography.paragraphSmall.lineHeight};
   text-decoration: ${X};
-`,$o=r.default.p`
+`,wt=i.default.p`
   margin: 0;
@@ -187,6 +187,6 @@
   font-style: ${({italic:e})=>e?"italic":"normal"};
-  font-weight: ${({theme:e,weight:o})=>o?e.typography.paragraphXSmall.weights[o]:e.typography.paragraphXSmall.weights.normal};
+  font-weight: ${({theme:e,weight:t})=>t?e.typography.paragraphXSmall.weights[t]:e.typography.paragraphXSmall.weights.normal};
   line-height: ${({theme:e})=>e.typography.paragraphXSmall.lineHeight};
   text-decoration: ${X};
-`,ko=r.default.p`
+`,St=i.default.p`
   margin: 0;
@@ -201,3 +201,3 @@
   text-transform: uppercase;
-`,wo=r.default.p`
+`,Ht=i.default.p`
   margin: 0;
@@ -212,3 +212,3 @@
   text-transform: uppercase;
-`,So=r.default.p`
+`,vt=i.default.p`
   margin: 0;
@@ -227,3 +227,3 @@
 @license MIT
-*/var te=Object.getOwnPropertySymbols,Ho=Object.prototype.hasOwnProperty,vo=Object.prototype.propertyIsEnumerable;function zo(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function Co(){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}}Co();/** @license React v17.0.2
+*/var ne=Object.getOwnPropertySymbols,zt=Object.prototype.hasOwnProperty,Ct=Object.prototype.propertyIsEnumerable;function Bt(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function Ft(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de",Object.getOwnPropertyNames(e)[0]==="5")return!1;for(var t={},o=0;o<10;o++)t["_"+String.fromCharCode(o)]=o;var a=Object.getOwnPropertyNames(t).map(function(d){return t[d]});if(a.join("")!=="0123456789")return!1;var l={};return"abcdefghijklmnopqrst".split("").forEach(function(d){l[d]=d}),Object.keys(Object.assign({},l)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}Ft();/** @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 Bo=Ce.default,re=60103;if(M.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var ie=Symbol.for;re=ie("react.element"),M.Fragment=ie("react.fragment")}var Fo=Bo.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Do=Object.prototype.hasOwnProperty,Lo={key:!0,ref:!0,__self:!0,__source:!0};function ne(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)Do.call(o,l)&&!Lo.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:re,type:e,key:d,ref:k,props:a,_owner:Fo.current}}M.jsx=ne,M.jsxs=ne,P.exports=M;const i=P.exports.jsx,f=P.exports.jsxs,Ao=P.exports.Fragment,ae=c.css`
+ */var Lt=Ae.default,ae=60103;if(M.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var le=Symbol.for;ae=le("react.element"),M.Fragment=le("react.fragment")}var Dt=Lt.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,At=Object.prototype.hasOwnProperty,Et={key:!0,ref:!0,__self:!0,__source:!0};function de(e,t,o){var a,l={},d=null,k=null;o!==void 0&&(d=""+o),t.key!==void 0&&(d=""+t.key),t.ref!==void 0&&(k=t.ref);for(a in t)At.call(t,a)&&!Et.hasOwnProperty(a)&&(l[a]=t[a]);if(e&&e.defaultProps)for(a in t=e.defaultProps,t)l[a]===void 0&&(l[a]=t[a]);return{$$typeof:ae,type:e,key:d,ref:k,props:l,_owner:Dt.current}}M.jsx=de,M.jsxs=de,P.exports=M;const r=P.exports.jsx,f=P.exports.jsxs,Rt=P.exports.Fragment,se=s.css`
   display: flex;
@@ -258,62 +258,62 @@ flex-flow: row nowrap;
   }
-`,le=c.css`
+`,ge=s.css`
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
-`,Eo=c.css`
-  ${({buttonSize:e,theme:o})=>c.css`
-    padding: ${o.buttons.regular[e||"medium"].verticalPadding}
-      ${o.buttons.regular[e||"medium"].horizontalPadding};
+`,Wt=s.css`
+  ${({buttonSize:e,theme:t})=>s.css`
+    padding: ${t.buttons.regular[e||"medium"].verticalPadding}
+      ${t.buttons.regular[e||"medium"].horizontalPadding};
 
-    border-radius: ${o.buttons.regular[e||"medium"].borderRadius};
+    border-radius: ${t.buttons.regular[e||"medium"].borderRadius};
 
-    font-size: ${o.buttons.regular[e||"medium"].fontSize};
+    font-size: ${t.buttons.regular[e||"medium"].fontSize};
   `}
-`,de=c.css`
-  ${({theme:e,buttonStyle:o})=>c.css`
-    border-width: ${e.buttons.regular.disabled[o||"primary"].borderWidth};
-    border-color: ${e.buttons.regular.disabled[o||"primary"].borderColor};
+`,ce=s.css`
+  ${({theme:e,buttonStyle:t})=>s.css`
+    border-width: ${e.buttons.regular.disabled[t||"primary"].borderWidth};
+    border-color: ${e.buttons.regular.disabled[t||"primary"].borderColor};
 
-    background: ${e.buttons.regular.disabled[o||"primary"].background};
+    background: ${e.buttons.regular.disabled[t||"primary"].background};
 
-    color: ${e.buttons.regular.disabled[o||"primary"].contentColor};
+    color: ${e.buttons.regular.disabled[t||"primary"].contentColor};
   `}
-`,ge=c.css`
-  ${({theme:e,buttonStyle:o,variant:t})=>c.css`
-    border-width: ${e.buttons.regular[t||"primary"][o||"primary"].borderWidth};
-    border-color: ${e.buttons.regular[t||"primary"][o||"primary"].borderColor};
+`,pe=s.css`
+  ${({theme:e,buttonStyle:t,variant:o})=>s.css`
+    border-width: ${e.buttons.regular[o||"primary"][t||"primary"].borderWidth};
+    border-color: ${e.buttons.regular[o||"primary"][t||"primary"].borderColor};
 
-    background: ${e.buttons.regular[t||"primary"][o||"primary"].background};
+    background: ${e.buttons.regular[o||"primary"][t||"primary"].background};
 
-    color: ${e.buttons.regular[t||"primary"][o||"primary"].contentColor};
-    text-decoration-line: ${e.buttons.regular[t||"primary"][o||"primary"].textDecorationLine||"none"};
+    color: ${e.buttons.regular[o||"primary"][t||"primary"].contentColor};
+    text-decoration-line: ${e.buttons.regular[o||"primary"][t||"primary"].textDecorationLine||"none"};
   `}
-`,Ro=r.default.button`
-  ${ae}
-  ${Eo}
+`,Mt=i.default.button`
+  ${se}
+  ${Wt}
 
-  ${({disabled:e})=>e?de:ge}
-`,Wo=c.css`
-  margin-right: ${({theme:e,buttonSize:o})=>e.buttons.regular[o||"medium"].iconPadding};
-`,Oo=r.default.div`
-  ${le}
-  ${Wo}
-`,Mo=c.css`
-  margin-left: ${({theme:e,buttonSize:o})=>e.buttons.regular[o||"medium"].iconPadding};
-`,jo=r.default.div`
-  ${le}
-  ${Mo}
-`,_o=c.css`
-  ${({buttonSize:e,theme:o})=>c.css`
-    padding: ${o.buttons.icon[e||"medium"].verticalPadding}
-      ${o.buttons.icon[e||"medium"].horizontalPadding};
+  ${({disabled:e})=>e?ce:pe}
+`,Ot=s.css`
+  margin-right: ${({theme:e,buttonSize:t})=>e.buttons.regular[t||"medium"].iconPadding};
+`,jt=i.default.div`
+  ${ge}
+  ${Ot}
+`,It=s.css`
+  margin-left: ${({theme:e,buttonSize:t})=>e.buttons.regular[t||"medium"].iconPadding};
+`,_t=i.default.div`
+  ${ge}
+  ${It}
+`,Tt=s.css`
+  ${({buttonSize:e,theme:t})=>s.css`
+    padding: ${t.buttons.icon[e||"medium"].verticalPadding}
+      ${t.buttons.icon[e||"medium"].horizontalPadding};
 
-    border-radius: ${o.buttons.icon[e||"medium"].borderRadius};
+    border-radius: ${t.buttons.icon[e||"medium"].borderRadius};
 
-    font-size: ${o.buttons.icon[e||"medium"].fontSize};
+    font-size: ${t.buttons.icon[e||"medium"].fontSize};
   `}
-`,To=c.css`
-  width: ${({theme:e,buttonSize:o})=>e.buttons.icon[o||"medium"].buttonSize};
-  height: ${({theme:e,buttonSize:o})=>e.buttons.icon[o||"medium"].buttonSize};
-`,Io=r.default.div`
+`,Xt=s.css`
+  width: ${({theme:e,buttonSize:t})=>e.buttons.icon[t||"medium"].buttonSize};
+  height: ${({theme:e,buttonSize:t})=>e.buttons.icon[t||"medium"].buttonSize};
+`,Pt=i.default.div`
   display: flex;
@@ -324,13 +324,13 @@ flex-flow: row nowrap;
 
-  ${To}
-`,No=r.default.button`
-  ${ae}
-  ${_o}
+  ${Xt}
+`,Nt=i.default.button`
+  ${se}
+  ${Tt}
 
-  ${({disabled:e})=>e?de:ge}
-`,B=z=>{var C=z,{buttonSize:e="medium",variant:o="primary",buttonStyle:t="primary",iconOnly:l=!1,startIcon:a=null,endIcon:d=null,children:k}=C,y=R(C,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return l?i(No,H(m({},y),{variant:o,buttonStyle:t,buttonSize:e,children:i(Io,{buttonSize:e,children:a||d})})):f(Ro,H(m({},y),{variant:o,buttonStyle:t,buttonSize:e,children:[a&&i(Oo,{buttonSize:e,children:a}),k,d&&i(jo,{buttonSize:e,children:d})]}))},v="info",ce=r.default.div`
+  ${({disabled:e})=>e?ce:pe}
+`,q=z=>{var C=z,{buttonSize:e="medium",variant:t="primary",buttonStyle:o="primary",iconOnly:a=!1,startIcon:l=null,endIcon:d=null,children:k}=C,m=D(C,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return a?r(Nt,H(y({},m),{variant:t,buttonStyle:o,buttonSize:e,children:r(Pt,{buttonSize:e,children:l||d})})):f(Mt,H(y({},m),{variant:t,buttonStyle:o,buttonSize:e,children:[l&&r(jt,{buttonSize:e,children:l}),k,d&&r(_t,{buttonSize:e,children:d})]}))},v="info",he=i.default.div`
   display: flex;
   flex-direction: column;
-  margin-top: ${({theme:e,spaced:o})=>o?e.inputBox.spacing:0};
-`,U=r.default.span`
+  margin-top: ${({theme:e,spaced:t})=>t?e.inputBox.spacing:0};
+`,N=i.default.span`
   color: ${({theme:e})=>e.inputBox.label.color};
@@ -343,6 +343,6 @@ font-family: ${({theme:e})=>e.inputBox.fontFamily};
   font-feature-settings: ${({theme:e})=>e.inputBox.fontFeatureSettings};
-`,se=r.default.div`
+`,ue=i.default.div`
   display: flex;
-`,pe=r.default(U)`
-  color: ${({theme:e,status:o})=>e.inputBox[o||v].helperColor};
+`,fe=i.default(N)`
+  color: ${({theme:e,status:t})=>e.inputBox[t||v].helperColor};
   font-size: ${({theme:e})=>e.inputBox.helper.fontSize};
@@ -352,7 +352,7 @@ font-style: ${({theme:e})=>e.inputBox.helper.fontStyle};
   line-height: ${({theme:e})=>e.inputBox.helper.lineHeight};
-`,he=r.default.div`
+`,be=i.default.div`
   margin-right: ${({theme:e})=>e.inputBox.helper.margin};
 
-  color: ${({theme:e,status:o})=>e.inputBox[o||v].helperColor};
-`,ue=r.default.div`
+  color: ${({theme:e,status:t})=>e.inputBox[t||v].helperColor};
+`,xe=i.default.div`
   display: flex;
@@ -365,13 +365,13 @@ position: absolute;
   padding: ${({theme:e})=>e.inputBox.padding};
-`,fe=r.default(U)`
+`,me=i.default(N)`
   margin: ${({theme:e})=>e.inputBox.hint.margin};
 
-  color: ${({theme:e,status:o})=>e.inputBox[o||v].hintColor};
-`,be=r.default.div`
+  color: ${({theme:e,status:t})=>e.inputBox[t||v].hintColor};
+`,ye=i.default.div`
   margin: 4px 4px;
 
-  color: ${({theme:e,status:o})=>e.inputBox[o||v].hintColor};
-`,Xo=r.default.div`
+  color: ${({theme:e,status:t})=>e.inputBox[t||v].hintColor};
+`,Ut=i.default.div`
   position: relative;
-`,xe=r.default.input`
+`,$e=i.default.input`
   display: flex;
@@ -388,9 +388,9 @@ box-sizing: ${({theme:e})=>e.inputBox.boxSizing};
 
-  border: ${({theme:e,status:o})=>e.inputBox[o||v].border};
+  border: ${({theme:e,status:t})=>e.inputBox[t||v].border};
   border-radius: ${({theme:e})=>e.inputBox.borderRadius};
 
   background: ${({theme:e})=>e.inputBox.background};
-  box-shadow: ${({theme:e,status:o})=>e.inputBox[o||v].boxShadow};
+  box-shadow: ${({theme:e,status:t})=>e.inputBox[t||v].boxShadow};
 
-  color: ${({theme:e,status:o})=>e.inputBox[o||v].color};
+  color: ${({theme:e,status:t})=>e.inputBox[t||v].color};
   font-family: ${({theme:e})=>e.inputBox.fontFamily};
@@ -400,10 +400,10 @@ font-size: ${({theme:e})=>e.inputBox.fontSize};
   &:focus {
-    box-sizing: ${({theme:e,status:o})=>e.inputBox[o||v].focused.boxSizing};
+    box-sizing: ${({theme:e,status:t})=>e.inputBox[t||v].focused.boxSizing};
 
-    border: ${({theme:e,status:o})=>e.inputBox[o||v].focused.border};
-    border-radius: ${({theme:e,status:o})=>e.inputBox[o||v].focused.borderRadius};
+    border: ${({theme:e,status:t})=>e.inputBox[t||v].focused.border};
+    border-radius: ${({theme:e,status:t})=>e.inputBox[t||v].focused.borderRadius};
     outline: none;
 
     background: ${({theme:e})=>e.inputBox.background};
-    box-shadow: ${({theme:e,status:o})=>e.inputBox[o||v].focused.boxShadow};
+    box-shadow: ${({theme:e,status:t})=>e.inputBox[t||v].focused.boxShadow};
   }
@@ -427,9 +427,9 @@ &:disabled {
   }
-`,Po=k=>{var y=k,{spaced:e,description:o,status:t,hint:l,helper:a}=y,d=R(y,["spaced","description","status","hint","helper"]);return f(ce,{spaced:e,children:[i(U,{children:o}),f(Xo,{children:[i(xe,m({status:t},d)),l&&f(ue,{children:[i(fe,{status:t,children:l.content}),l.icon&&i(be,{status:t,children:l.icon})]})]}),f(se,{children:[t==="error"&&i(he,{status:t,children:i(N.default,{path:F.mdiAlert,size:.7})}),i(pe,{status:t,children:a})]})]})},Uo=r.default.div`
+`,Vt=k=>{var m=k,{spaced:e,description:t,status:o,hint:a,helper:l}=m,d=D(m,["spaced","description","status","hint","helper"]);return f(he,{spaced:e,children:[r(N,{children:t}),f(Ut,{children:[r($e,y({status:o},d)),a&&f(xe,{children:[r(me,{status:o,children:a.content}),a.icon&&r(ye,{status:o,children:a.icon})]})]}),f(ue,{children:[o==="error"&&r(be,{status:o,children:r(T.default,{path:B.mdiAlert,size:.7})}),r(fe,{status:o,children:l})]})]})},Yt=i.default.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-`,Vo=r.default(xe)`
+`,Gt=i.default($e)`
   text-align: center;
-`,Go=r.default.div`
+`,Jt=i.default.div`
   position: relative;
@@ -439,7 +439,7 @@ box-sizing: border-box;
   margin: 0 ${({theme:e})=>e.spacings.sm};
-`,ye=r.default(B)`
+`,ke=i.default(q)`
   flex-shrink: 0;
   margin: ${({theme:e})=>e.inputBox.margin};
-`,Jo=k=>{var y=k,{spaced:e,status:o,description:t,hint:l,helper:a}=y,d=R(y,["spaced","status","description","hint","helper"]);const[z,C]=h.useState(Number(d.value)||0),w=h.useRef(null),J=()=>{C($=>$+1)},K=()=>{C($=>$>0?$-1:$)};return h.useEffect(()=>{var D,_,T,S;const $=(_=Object.getOwnPropertyDescriptor((D=window==null?void 0:window.HTMLInputElement)==null?void 0:D.prototype,"value"))==null?void 0:_.set;(T=$==null?void 0:$.call)==null||T.call($,w.current,`${z}`);const j=new Event("input",{bubbles:!0});(S=w==null?void 0:w.current)==null||S.dispatchEvent(j)},[z]),f(ce,{spaced:e,children:[i(U,{children:t}),f(Uo,{children:[i(ye,{onClick:K,buttonSize:"xSmall",children:i(I.Icon,{path:F.mdiMinus,size:1.35})}),f(Go,{children:[i(Vo,H(m({status:o},d),{ref:w})),l&&f(ue,{children:[i(fe,{status:o,children:l.content}),l.icon&&i(be,{status:o,children:l.icon})]})]}),i(ye,{onClick:J,buttonSize:"xSmall",children:i(I.Icon,{path:F.mdiPlus,size:1.35})})]}),f(se,{children:[o==="error"&&i(he,{status:o,children:i(I.Icon,{path:F.mdiAlert,size:.7})}),i(pe,{status:o,children:a})]})]})},me=e=>e.type==="number"?i(Jo,m({},e)):i(Po,m({},e)),Yo=r.default.button`
-  ${O}
+`,qt=k=>{var m=k,{spaced:e,status:t,description:o,hint:a,helper:l}=m,d=D(m,["spaced","status","description","hint","helper"]);const[z,C]=h.useState(Number(d.value)||0),w=h.useRef(null),Y=()=>{C($=>$+1)},K=()=>{C($=>$>0?$-1:$)};return h.useEffect(()=>{var L,j,I,S;const $=(j=Object.getOwnPropertyDescriptor((L=window==null?void 0:window.HTMLInputElement)==null?void 0:L.prototype,"value"))==null?void 0:j.set;(I=$==null?void 0:$.call)==null||I.call($,w.current,`${z}`);const O=new Event("input",{bubbles:!0});(S=w==null?void 0:w.current)==null||S.dispatchEvent(O)},[z]),f(he,{spaced:e,children:[r(N,{children:o}),f(Yt,{children:[r(ke,{onClick:K,buttonSize:"xSmall",children:r(_.Icon,{path:B.mdiMinus,size:1.35})}),f(Jt,{children:[r(Gt,H(y({status:t},d),{ref:w})),a&&f(xe,{children:[r(me,{status:t,children:a.content}),a.icon&&r(ye,{status:t,children:a.icon})]})]}),r(ke,{onClick:Y,buttonSize:"xSmall",children:r(_.Icon,{path:B.mdiPlus,size:1.35})})]}),f(ue,{children:[t==="error"&&r(be,{status:t,children:r(_.Icon,{path:B.mdiAlert,size:.7})}),r(fe,{status:t,children:l})]})]})},we=e=>e.type==="number"?r(qt,y({},e)):r(Vt,y({},e)),Kt=i.default.button`
+  ${W}
   box-sizing: border-box;
@@ -450,3 +450,3 @@ padding: 18px 10px;
 
-  background: ${({theme:e,highlighted:o})=>o?e.select.items.hover.background:"none"};
+  background: ${({theme:e,highlighted:t})=>t?e.select.items.hover.background:"none"};
 
@@ -458,3 +458,3 @@ text-align: left;
   }
-`,$e=e=>{var o,t,l,a;return i(Yo,H(m({},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))}))},qo=r.default.div`
+`,Se=e=>{var t,o,a,l;return r(Kt,H(y({},e),{type:"button",children:((t=e==null?void 0:e.item)==null?void 0:t.name)||((o=e==null?void 0:e.item)==null?void 0:o.label)||((l=(a=e==null?void 0:e.item)==null?void 0:a.toString)==null?void 0:l.call(a))}))},Qt=i.default.div`
   display: flex;
@@ -469,6 +469,6 @@ position: ${({focus:e})=>e?"fixed":"relative"};
   flex-flow: column nowrap;
-  margin-top: ${({theme:e,spaced:o})=>o?e.inputBox.spacing:0};
-  padding: ${({theme:e,focus:o})=>o?e.spacings.md:void 0};
+  margin-top: ${({theme:e,spaced:t})=>t?e.inputBox.spacing:0};
+  padding: ${({theme:e,focus:t})=>t?e.spacings.md:void 0};
 
-  background: ${({theme:e,focus:o})=>o?e.colors.shades["0"]:"none"};
+  background: ${({theme:e,focus:t})=>t?e.colors.shades["0"]:"none"};
 
@@ -482,3 +482,3 @@ ${g.up("desktop")} {
   }
-`,Ko=r.default.div`
+`,Zt=i.default.div`
   display: ${({focus:e})=>e?"flex":"hidden"};
@@ -493,3 +493,3 @@ box-sizing: border-box;
   background: ${({theme:e})=>e.colors.shades["0"]};
-  box-shadow: ${({theme:e,focus:o})=>o?void 0:e.select.items.shadow};
+  box-shadow: ${({theme:e,focus:t})=>t?void 0:e.select.items.shadow};
 
@@ -500,7 +500,7 @@ ${g.up("desktop")} {
     z-index: 9999;
-    top: ${({theme:e,description:o,helper:t})=>`calc(
+    top: ${({theme:e,description:t,helper:o})=>`calc(
         ${e.spacings.xxlg} 
-        + ${o?e.inputBox.label.lineHeight:"0px"} 
-        + -${t?e.inputBox.helper.fontSize:"0px"}
-        + ${t?"14px":"0px"}
+        + ${t?e.inputBox.label.lineHeight:"0px"} 
+        + -${o?e.inputBox.helper.fontSize:"0px"}
+        + ${o?"14px":"0px"}
       )`};
@@ -512,4 +512,4 @@ flex-grow: unset;
   }
-`,Qo=({autoCompleteItems:e,renderItem:o,inputProps:t,renderHeader:l,onItemSelected:a,spaced:d})=>{var _,T;const k=o||$e,[y,z]=h.useState(0),[C,w]=h.useState(!1),[J,K]=h.useState(!1),$=h.useRef(null),j=h.useCallback(S=>{switch(S.key){case"Escape":w(!1);break;case"ArrowUp":z(x=>x&&x-1);break;case"ArrowDown":z(x=>x<e.length-1?x+1:x);break;case"Enter":z(x=>(e.length&&a&&typeof a=="function"&&(a(e[x]),w(!1)),0));break}},[e,a]),D=S=>{!$.current||$.current.contains(S.target)||w(!1)};return h.useEffect(()=>(document.addEventListener("keydown",j,!1),document.addEventListener("mousedown",D),document.addEventListener("touchstart",D),()=>{document.removeEventListener("keydown",j,!1),document.removeEventListener("mousedown",D),document.removeEventListener("touchstart",D)}),[j]),h.useEffect(()=>{J&&w(!0)},[e,J]),f(qo,{focus:C,spaced:d||(t==null?void 0:t.spaced),ref:$,children:[i(me,H(m({},t),{onFocus:S=>{var x;K(!0),w(!0),(x=t==null?void 0:t.onFocus)==null||x.call(t,S)},onClick:S=>{var x;w(!0),(x=t==null?void 0:t.onClick)==null||x.call(t,S)},hint:{icon:((_=t==null?void 0:t.hint)==null?void 0:_.icon)||i(N.default,{path:F.mdiUnfoldMoreHorizontal,size:.7}),content:((T=t==null?void 0:t.hint)==null?void 0:T.content)||""},spaced:!1})),C&&f(Ko,{focus:C,helper:t==null?void 0:t.helper,description:t==null?void 0:t.description,children:[l||null,e==null?void 0:e.map((S,x)=>i(k,{item:S,onClick:()=>{w(!1),z(0),a==null||a(e[x])},onMouseEnter:()=>z(x),highlighted:y===x},S.id))]})]})},Zo=r.default.button`
-  ${O}
+`,eo=({autoCompleteItems:e,renderItem:t,inputProps:o,renderHeader:a,onItemSelected:l,spaced:d})=>{var j,I;const k=t||Se,[m,z]=h.useState(0),[C,w]=h.useState(!1),[Y,K]=h.useState(!1),$=h.useRef(null),O=h.useCallback(S=>{switch(S.key){case"Escape":w(!1);break;case"ArrowUp":z(x=>x&&x-1);break;case"ArrowDown":z(x=>x<e.length-1?x+1:x);break;case"Enter":z(x=>(e.length&&l&&typeof l=="function"&&(l(e[x]),w(!1)),0));break}},[e,l]),L=S=>{!$.current||$.current.contains(S.target)||w(!1)};return h.useEffect(()=>(document.addEventListener("keydown",O,!1),document.addEventListener("mousedown",L),document.addEventListener("touchstart",L),()=>{document.removeEventListener("keydown",O,!1),document.removeEventListener("mousedown",L),document.removeEventListener("touchstart",L)}),[O]),h.useEffect(()=>{Y&&w(!0)},[e,Y]),f(Qt,{focus:C,spaced:d||(o==null?void 0:o.spaced),ref:$,children:[r(we,H(y({},o),{onFocus:S=>{var x;K(!0),w(!0),(x=o==null?void 0:o.onFocus)==null||x.call(o,S)},onClick:S=>{var x;w(!0),(x=o==null?void 0:o.onClick)==null||x.call(o,S)},hint:{icon:((j=o==null?void 0:o.hint)==null?void 0:j.icon)||r(T.default,{path:B.mdiUnfoldMoreHorizontal,size:.7}),content:((I=o==null?void 0:o.hint)==null?void 0:I.content)||""},spaced:!1})),C&&f(Zt,{focus:C,helper:o==null?void 0:o.helper,description:o==null?void 0:o.description,children:[a||null,e==null?void 0:e.map((S,x)=>r(k,{item:S,onClick:()=>{w(!1),z(0),l==null||l(e[x])},onMouseEnter:()=>z(x),highlighted:m===x},S.id))]})]})},to=i.default.button`
+  ${W}
   display: flex;
@@ -521,3 +521,3 @@ box-sizing: border-box;
 
-  background: ${({theme:e,highlighted:o})=>o?e.select.items.hover.background:"none"};
+  background: ${({theme:e,highlighted:t})=>t?e.select.items.hover.background:"none"};
 
@@ -529,13 +529,13 @@ text-align: left;
   }
-`,et=r.default.div`
+`,oo=i.default.div`
   display: flex;
   width: 100%;
-`,ot=r.default.div`
+`,io=i.default.div`
   flex-basis: ${({theme:e})=>e.spacings.huge};
   flex-grow: 0;
   padding-right: ${({theme:e})=>e.spacings.md};
-`,tt=r.default.div`
+`,ro=i.default.div`
   flex-grow: 1;
-`,rt=e=>{var o,t,l,a,d;return i(Zo,H(m({},e),{type:"button",children:f(et,{children:[i(ot,{children:(o=e==null?void 0:e.item)==null?void 0:o.id}),i(tt,{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))})]})}))},it=r.default.div`
-  ${O}
+`,no=e=>{var t,o,a,l,d;return r(to,H(y({},e),{type:"button",children:f(oo,{children:[r(io,{children:(t=e==null?void 0:e.item)==null?void 0:t.id}),r(ro,{children:((o=e==null?void 0:e.item)==null?void 0:o.name)||((a=e==null?void 0:e.item)==null?void 0:a.label)||((d=(l=e==null?void 0:e.item)==null?void 0:l.toString)==null?void 0:d.call(l))})]})}))},ao=i.default.div`
+  ${W}
   display: flex;
@@ -547,6 +547,6 @@ box-sizing: border-box;
 
-  background: ${({theme:e,highlighted:o})=>o?e.select.items.hover.background:"none"};
+  background: ${({theme:e,highlighted:t})=>t?e.select.items.hover.background:"none"};
 
   text-align: left;
-`,nt=r.default.div`
+`,lo=i.default.div`
   display: flex;
@@ -556,9 +556,9 @@ width: 100%;
   font-weight: bold;
-`,at=r.default.div`
+`,so=i.default.div`
   flex-basis: ${({theme:e})=>e.spacings.xhuge};
   flex-grow: 0;
   padding-right: ${({theme:e})=>e.spacings.md};
-`,lt=r.default.div`
+`,go=i.default.div`
   flex-grow: 1;
-`,dt=e=>i(it,H(m({},e),{children:f(nt,{children:[i(at,{children:e.id}),i(lt,{children:e.name})]})})),V=r.default.span`
+`,co=e=>r(ao,H(y({},e),{children:f(lo,{children:[r(so,{children:e.id}),r(go,{children:e.name})]})})),U=i.default.span`
   position: relative;
@@ -575,3 +575,3 @@ width: ${({theme:e})=>e.checkBox.width};
 
-  background-color: ${({theme:e,disabled:o})=>o?e.colors.neutral[300]:e.checkBox.default.background};
+  background-color: ${({theme:e,disabled:t})=>t?e.colors.neutral[300]:e.checkBox.default.background};
 
@@ -593,5 +593,5 @@ &:after {
   }
-`,gt=r.default.label`
-  ${O}
-  ${({theme:e,disabled:o})=>o?`color: ${e.colors.neutral[300]};`:""}
+`,po=i.default.label`
+  ${W}
+  ${({theme:e,disabled:t})=>t?`color: ${e.colors.neutral[300]};`:""}
 
@@ -602,8 +602,8 @@ display: flex;
   justify-content: flex-end;
-  margin-top: ${({theme:e,spaced:o})=>o?e.inputBox.spacing:0};
+  margin-top: ${({theme:e,spaced:t})=>t?e.inputBox.spacing:0};
 
-  &:hover input ~ ${V} {
+  &:hover input ~ ${U} {
     border-color: ${({theme:e})=>e.checkBox.checked.background};
   }
-`,ct=r.default.input`
+`,ho=i.default.input`
   position: absolute;
@@ -617,3 +617,3 @@ width: 0;
 
-  &:checked ~ ${V} {
+  &:checked ~ ${U} {
     border-width: ${({theme:e})=>e.checkBox.checked.borderWidth};
@@ -627,6 +627,6 @@ border-style: ${({theme:e})=>e.checkBox.checked.borderStyle};
 
-  &:checked ~ ${V}:after {
+  &:checked ~ ${U}:after {
     display: block;
   }
-`,st=l=>{var a=l,{children:e,spaced:o}=a,t=R(a,["children","spaced"]);return f(gt,{disabled:t.disabled,spaced:o,children:[e,i(ct,H(m({type:"checkbox"},t),{disabled:t.disabled})),i(V,{disabled:t.disabled})]})},pt=r.default.div`
+`,uo=a=>{var l=a,{children:e,spaced:t}=l,o=D(l,["children","spaced"]);return f(po,{disabled:o.disabled,spaced:t,children:[e,r(ho,H(y({type:"checkbox"},o),{disabled:o.disabled})),r(U,{disabled:o.disabled})]})},fo=i.default.div`
   display: flex;
@@ -637,39 +637,41 @@ position: static;
   align-items: flex-start;
-  padding: 12px 20px;
+  padding: ${({sticky:e})=>e?"6px 10px":"12px 20px"};
+  margin: 8px;
 
   border: 1px solid
-    ${({theme:e,status:o})=>e.alert[o||"neutral"].borderColor};
+    ${({theme:e,status:t})=>e.alert[t||"neutral"].borderColor};
   border-radius: 2px;
 
-  background: ${({theme:e,status:o})=>e.alert[o||"neutral"].background};
+  background: ${({theme:e,status:t})=>e.alert[t||"neutral"].background};
 
-  color: ${({theme:e,status:o})=>e.alert[o||"neutral"].descriptionColor};
+  color: ${({theme:e,status:t})=>e.alert[t||"neutral"].descriptionColor};
   font-family: ${({theme:e})=>e.alert.fontFamily};
   font-feature-settings: "salt" on;
-`,ke=r.default.div`
+`,He=i.default.div`
   display: flex;
   justify-content: center;
-
-  color: ${({theme:e,status:o})=>e.alert[o||"neutral"].iconColor};
+  margin: ${({sticky:e})=>e?"4px 0px":"2px 0px"};
+  color: ${({theme:e,status:t})=>e.alert[t||"neutral"].iconColor};
   > * {
     cursor: pointer;
   }
-`,ht=r.default.div`
+`,bo=i.default.div`
   display: flex;
-  flex-direction: column;
+  flex-direction: ${({sticky:e})=>e?"row":"column"};
   width: 100%;
   padding: 0px 10px;
-`,ut=r.default.div`
+  justify-content: space-between;
+`,xo=i.default.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-`,ft=r.default.span`
+`,mo=i.default.span`
   height: ${({theme:e})=>e.alert.title.height};
 
-  color: ${({theme:e,status:o})=>e.alert[o||"neutral"].titleColor};
+  color: ${({theme:e,status:t})=>e.alert[t||"neutral"].titleColor};
   font-size: ${({theme:e})=>e.alert.title.fontSize};
   font-weight: ${({theme:e})=>e.alert.title.fontWeight};
   line-height: ${({theme:e})=>e.alert.title.lineWeight};
-`,bt=r.default.span`
-  margin: 8px 0px;
+`,yo=i.default.span`
+  margin: ${({sticky:e})=>e?"4px 0px":"8px 0px"};
 
@@ -679,3 +681,5 @@ font-size: ${({theme:e})=>e.alert.description.fontSize};
   line-height: ${({theme:e})=>e.alert.description.lineHeight};
-`,xt=e=>f(pt,{status:e.status,children:[i(ke,{status:e.status,children:i(N.default,{path:F.mdiInformationOutline,size:.7})}),f(ht,{children:[i(ft,{status:e.status,children:e.title}),i(bt,{children:e.description}),f(ut,{children:[(e.status==="neutral"||!e.status)&&i(B,{onClick:()=>{e.onButtonClick&&e.onButtonClick()},buttonStyle:"outlined",variant:"primary",children:e.labelButton}),e.status==="primary"&&i(B,{onClick:()=>{e.onButtonClick&&e.onButtonClick()},buttonStyle:"primary",variant:"primary",children:e.labelButton}),e.status==="success"&&i(B,{onClick:()=>{e.onButtonClick&&e.onButtonClick()},buttonStyle:"primary",variant:"primary",children:e.labelButton}),e.status==="warning"&&i(B,{onClick:()=>{e.onButtonClick&&e.onButtonClick()},buttonStyle:"secondary",variant:"primary",children:e.labelButton}),e.status==="error"&&i(B,{onClick:()=>{e.onButtonClick&&e.onButtonClick()},buttonStyle:"primary",variant:"destructive",children:e.labelButton}),i(B,{buttonStyle:"tertiary",onClick:()=>{e.onHintClick&&e.onHintClick()},children:e.hint})]})]}),i(ke,{onClick:()=>{e.onCloseRequested()},status:e.status,children:i(N.default,{path:F.mdiClose,size:.7})})]}),yt=t=>{var l=t,{visible:e=!0}=l,o=R(l,["visible"]);const[a,d]=h.useState(e),k=()=>{try{o.onButtonClick&&o.onButtonClick(),d(!1)}catch{o.status="error"}},y=()=>{try{o.onHintClick&&o.onHintClick(),d(!1)}catch{o.status="error"}};return i(Ao,{children:a&&i(xt,H(m({},o),{onCloseRequested:()=>d(!1),onButtonClick:()=>{k()},onHintClick:()=>{y()}}))})};function we(e){return e>100?180:e<0?0:e*180/100}const mt=r.default.div`
+`,ve=i.default(q)`
+  margin: 0px 4px;
+`,ze={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"}},$o=e=>{const t=ze[e.status||"primary"].buttonStyle,o=ze[e.status||"primary"].variant,a=e.sticky?"xSmall":"small",l=e.sticky?t:"tertiary",d=e.sticky?o:"primary";return f(fo,{status:e.status,sticky:e.sticky||!1,children:[r(He,{sticky:e.sticky||!1,status:e.status,children:r(T.default,{path:B.mdiInformationOutline,size:.7})}),f(bo,{sticky:e.sticky||!1,children:[!(e!=null&&e.sticky)&&r(mo,{status:e.status,children:e.title}),r(yo,{sticky:e.sticky||!1,children:e.description}),f(xo,{children:[r(ve,{onClick:()=>{e.onButtonClick&&e.onButtonClick()},buttonStyle:t,variant:o,buttonSize:a,children:e.labelButton}),r(ve,{buttonStyle:l,variant:d,onClick:()=>{e.onHintClick&&e.onHintClick()},buttonSize:a,children:e.hint})]})]}),r(He,{onClick:()=>{e.onCloseRequested()},status:e.status,sticky:e.sticky||!1,children:r(T.default,{path:B.mdiClose,size:.7})})]})},ko=o=>{var a=o,{visible:e=!0}=a,t=D(a,["visible"]);const[l,d]=h.useState(e),k=()=>{try{t.onButtonClick&&t.onButtonClick(),d(!1)}catch{t.status="error"}},m=()=>{try{t.onHintClick&&t.onHintClick(),d(!1)}catch{t.status="error"}};return r(Rt,{children:l&&r($o,H(y({},t),{onCloseRequested:()=>d(!1),onButtonClick:()=>{k()},onHintClick:()=>{m()}}))})};function Ce(e){return e>100?180:e<0?0:e*180/100}const wo=i.default.div`
   width: ${({theme:e})=>e.loader.size};
@@ -687,3 +691,3 @@ height: ${({theme:e})=>e.loader.size};
   background: ${({theme:e})=>e.loader.loaderColor.background};
-`,G=r.default.div`
+`,V=i.default.div`
   position: absolute;
@@ -694,3 +698,3 @@ width: ${({theme:e})=>e.loader.size};
   border-radius: 50%;
-`,$t=r.default(G)`
+`,So=i.default(V)`
   clip: rect(
@@ -704,5 +708,5 @@ 0px,
   transform: rotate(
-    ${({percentage:e})=>we(e)+"deg"}
+    ${({percentage:e})=>Ce(e)+"deg"}
   );
-`,kt=r.default(G)`
+`,Ho=i.default(V)`
   clip: rect(
@@ -714,3 +718,3 @@ 0px,
   );
-`,Se=r.default(G)`
+`,Be=i.default(V)`
   clip: rect(
@@ -724,7 +728,7 @@ 0px,
   transform: rotate(
-    ${({percentage:e})=>we(e)+"deg"}
+    ${({percentage:e})=>Ce(e)+"deg"}
   );
 
   background-color: ${({theme:e})=>e.loader.loaderColor.loaderBar};
-`,wt=r.default.div`
+`,vo=i.default.div`
   position: absolute;
@@ -739,20 +743,20 @@ width: calc(${({theme:e})=>e.loader.size} * 0.8);
   background: ${({theme:e})=>e.loader.background};
-`,St=e=>i(mt,{children:f(G,{children:[i($t,{percentage:e.percentage,children:i(Se,{percentage:e.percentage})}),i(kt,{children:i(Se,{percentage:e.percentage})}),i(wt,{})]})}),Ht=r.default.div`
+`,zo=e=>r(wo,{children:f(V,{children:[r(So,{percentage:e.percentage,children:r(Be,{percentage:e.percentage})}),r(Ho,{children:r(Be,{percentage:e.percentage})}),r(vo,{})]})}),Co=i.default.div`
   position: relative;
   width: 100%;
-  height: ${({theme:e,size:o})=>e.progressBar.sizes[o||"medium"]};
+  height: ${({theme:e,size:t})=>e.progressBar.sizes[t||"medium"]};
   overflow: hidden;
 
-  border-radius: ${({theme:e,size:o})=>e.progressBar.borderRadius[o||"medium"]};
+  border-radius: ${({theme:e,size:t})=>e.progressBar.borderRadius[t||"medium"]};
 
   background-color: ${({theme:e})=>e.progressBar.bgColor};
-`,vt=r.default.div`
+`,Bo=i.default.div`
   position: absolute;
   width: ${e=>`${e.percentage}%`||"0%"};
-  height: ${({theme:e,size:o})=>e.progressBar.sizes[o||"medium"]};
+  height: ${({theme:e,size:t})=>e.progressBar.sizes[t||"medium"]};
 
-  border-radius: ${({theme:e,size:o})=>e.progressBar.borderRadius[o||"medium"]};
+  border-radius: ${({theme:e,size:t})=>e.progressBar.borderRadius[t||"medium"]};
 
   background-color: ${({theme:e})=>e.progressBar.barColor};
-`,zt=e=>i(Ht,H(m({},e),{children:i(vt,m({},e))})),Ct=r.default.div`
+`,Fo=e=>r(Co,H(y({},e),{children:r(Bo,y({},e))})),Lo=i.default.div`
   width: ${({theme:e})=>e.loader.size};
@@ -774,3 +778,3 @@ height: ${({theme:e})=>e.loader.size};
   }
-`,Bt=r.default.div`
+`,Do=i.default.div`
   display: flex;
@@ -780,6 +784,70 @@ flex-flow: column;
   align-items: center;
-`,Ft=r.default.span`
+`,Ao=i.default.span`
   margin: 4px 0px;
 
   font-family: ${({theme:e})=>e.loader.fontFamily};
-`,Dt=e=>f(Bt,{children:[i(Ct,{}),i(Ft,{children:e.message})]});n.Alert=yt,n.Button=B,n.CheckBox=st,n.DisplayLarge=go,n.DisplaySmall=co,n.HeadingH1=so,n.HeadingH2=po,n.HeadingH3=ho,n.HeadingH4=uo,n.HeadingH5=fo,n.HeadingH6=bo,n.InputBox=me,n.Loader=Dt,n.OverlineLarge=ko,n.OverlineMedium=wo,n.OverlineSmall=So,n.ParagraphLarge=xo,n.ParagraphMedium=yo,n.ParagraphSmall=mo,n.ParagraphXSmall=$o,n.ProgressBar=zt,n.ProgressLoader=St,n.Select=Qo,n.SimpleItem=$e,n.TableHeader=dt,n.TableItem=rt,n.darkTheme=lo,n.lightTheme=oe,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+`,Eo=e=>f(Do,{children:[r(Lo,{}),r(Ao,{children:e.message})]}),Ro=i.default.ul`
+  display: flex;
+  flex-flow: column nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+
+  list-style: none;
+`,Wo=t=>{var e=D(t,[]);return r(Ro,y({},e))},Mo=s.css`
+  font-family: ${({theme:e,size:t})=>e.list.item[t||"medium"].typography.fontFamily};
+  font-size: ${({theme:e,size:t})=>e.list.item[t||"medium"].typography.fontSize};
+  line-height: ${({theme:e,size:t})=>e.list.item[t||"medium"].typography.lineHeight};
+`,Oo=i.default.li`
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: ${({theme:e})=>e.list.item.margin};
+  padding-top: ${({theme:e})=>e.list.item.paddingY};
+  padding-right: ${({theme:e})=>e.list.item.paddingX};
+  padding-bottom: ${({theme:e})=>e.list.item.paddingY};
+  padding-left: ${({theme:e})=>e.list.item.paddingX};
+
+  border-radius: ${({theme:e})=>e.list.item.borderRadius};
+
+  background-color: ${({theme:e})=>e.list.item.background.regular};
+
+  ${Mo}
+
+  &:active {
+    background-color: ${({theme:e})=>e.list.item.background.active};
+  }
+
+  &:hover {
+    background-color: ${({theme:e})=>e.list.item.background.hover};
+  }
+`,jo=i.default.div`
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: center;
+  margin-right: ${({theme:e})=>e.list.item.internalPadding};
+`,Io=i.default.div`
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: center;
+  margin-left: ${({theme:e})=>e.list.item.internalPadding};
+`,_o=i.default.div`
+  margin-right: ${({alignment:e})=>e!=="end"?"auto":void 0};
+  margin-left: ${({alignment:e})=>e==="end"?"auto":void 0};
+
+  text-align: ${({alignment:e})=>e};
+`,To=i.default.div`
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+
+  font-weight: ${({theme:e})=>e.list.item.label.weight};
+`,Xo=i.default.div`
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+
+  font-weight: ${({theme:e})=>e.list.item.description.weight};
+`,Po=({alignment:e="start",contentEnd:t,contentStart:o,description:a,label:l,size:d="medium"})=>f(Oo,{size:d,children:[o&&r(jo,{children:o}),f(_o,{alignment:e,children:[a&&r(Xo,{children:a}),l&&r(To,{children:l})]}),t&&r(Io,{children:t})]});n.Alert=ko,n.Button=q,n.CheckBox=uo,n.DisplayLarge=ct,n.DisplaySmall=pt,n.HeadingH1=ht,n.HeadingH2=ut,n.HeadingH3=ft,n.HeadingH4=bt,n.HeadingH5=xt,n.HeadingH6=mt,n.InputBox=we,n.List=Wo,n.ListItem=Po,n.Loader=Eo,n.OverlineLarge=St,n.OverlineMedium=Ht,n.OverlineSmall=vt,n.ParagraphLarge=yt,n.ParagraphMedium=$t,n.ParagraphSmall=kt,n.ParagraphXSmall=wt,n.ProgressBar=Fo,n.ProgressLoader=zo,n.Select=eo,n.SimpleItem=Se,n.TableHeader=co,n.TableItem=no,n.darkTheme=gt,n.lightTheme=re,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

dist/main.d.ts

@@ -21,1 +21,3 @@ export { light as lightTheme } from "./theme";
 export type { ProgressLoaderProps, ProgressBarProps, LoaderProps, } from "./components/Loader/Loader.types";
+export { default as List, ListItem } from "./components/List";
+export type { ListProps, ListItemProps } from "./components/List";

dist/types/theme.d.ts

@@ -338,2 +338,33 @@ import * as CSS from "csstype";
 }
+export interface List {
+    item: {
+        paddingY: CSS.Property.PaddingLeft;
+        paddingX: CSS.Property.PaddingTop;
+        internalPadding: CSS.Property.Padding;
+        margin: CSS.Property.Margin;
+        background: {
+            regular: CSS.Property.BackgroundColor;
+            hover: CSS.Property.BackgroundColor;
+            active: CSS.Property.BackgroundColor;
+        };
+        borderRadius: CSS.Property.BorderRadius;
+        label: {
+            color: CSS.Property.Color;
+            weight: CSS.Property.FontWeight;
+        };
+        description: {
+            color: CSS.Property.Color;
+            weight: CSS.Property.FontWeight;
+        };
+        large: {
+            typography: ParagraphProps;
+        };
+        medium: {
+            typography: ParagraphProps;
+        };
+        small: {
+            typography: ParagraphProps;
+        };
+    };
+}
 export default interface Theme {
@@ -358,3 +389,4 @@ breakpoints: {
     progressBar: ProgressBar;
+    list: List;
 }
 export {};

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

805777

increased by1.18%

Number of package files

52

increased by18.18%

Lines of code

3930

increased by7.47%

No dependency changes