@logrock/pebbles - npm Package Compare versions

Comparing version 4.3.0 to 4.3.1

dist/logrock-pebbles.es.js

@@ -34,3 +34,3 @@ var __defProp = Object.defineProperty;
 import styled, { css } from "styled-components";
-import require$$0, { useState, useCallback, useEffect } from "react";
+import require$$0, { useState, useRef, useCallback, useEffect } from "react";
 import { mdiAlert, mdiUnfoldMoreHorizontal } from "@mdi/js";
@@ -1430,3 +1430,3 @@ import Icon from "@mdi/react";
 const SelectItems = styled.div`
-  display: ${({ focus }) => focus ? "flex" : "none"};
+  display: ${({ focus }) => focus ? "flex" : "hidden"};
   box-sizing: border-box;
@@ -1469,9 +1469,10 @@ flex-flow: column nowrap;
   const Item = renderItem || SimpleItem;
-  const [showDropdown, setShowDropdown] = useState(false);
   const [currentHighlight, setCurrentHighlight] = useState(0);
   const [hasFocus, setHasFocus] = useState(false);
+  const [firstFocus, setFirstFocus] = useState(false);
+  const ref = useRef(null);
   const keyPressHandler = useCallback((e) => {
     switch (e.key) {
       case "Escape":
-        setShowDropdown(false);
+        setHasFocus(false);
         break;
@@ -1488,3 +1489,2 @@ case "ArrowUp":
         setCurrentHighlight((oldHighlight) => {
-          setShowDropdown(false);
           if (autoCompleteItems.length) {
@@ -1500,17 +1500,35 @@ if (onItemSelected && typeof onItemSelected === "function") {
   }, [autoCompleteItems, onItemSelected]);
+  const clickListener = (event) => {
+    if (!ref.current || ref.current.contains(event.target)) {
+      return;
+    }
+    setHasFocus(false);
+  };
   useEffect(() => {
     document.addEventListener("keydown", keyPressHandler, false);
+    document.addEventListener("mousedown", clickListener);
+    document.addEventListener("touchstart", clickListener);
     return () => {
       document.removeEventListener("keydown", keyPressHandler, false);
+      document.removeEventListener("mousedown", clickListener);
+      document.removeEventListener("touchstart", clickListener);
     };
   }, [keyPressHandler]);
   useEffect(() => {
-    setShowDropdown(true);
-  }, [autoCompleteItems]);
+    if (firstFocus) {
+      setHasFocus(true);
+    }
+  }, [autoCompleteItems, firstFocus]);
   return jsxs(SelectWrapper, {
     focus: hasFocus,
     spaced: spaced || (inputProps == null ? void 0 : inputProps.spaced),
+    ref,
     children: [jsx(InputBox, __spreadProps(__spreadValues({}, inputProps), {
-      onFocus: () => setHasFocus(true),
-      onBlur: () => setHasFocus(false),
+      onFocus: () => {
+        setFirstFocus(true);
+        setHasFocus(true);
+      },
+      onClick: () => {
+        setHasFocus(true);
+      },
       hint: {
@@ -1524,3 +1542,3 @@ icon: ((_a = inputProps == null ? void 0 : inputProps.hint) == null ? void 0 : _a.icon) || jsx(Icon, {
       spaced: false
-    })), showDropdown && jsxs(SelectItems, {
+    })), hasFocus && jsxs(SelectItems, {
       focus: hasFocus,
@@ -1532,7 +1550,5 @@ helper: inputProps == null ? void 0 : inputProps.helper,
         onClick: () => {
-          setShowDropdown(false);
-          if (onItemSelected && typeof onItemSelected === "function") {
-            onItemSelected(autoCompleteItems[index]);
-          }
+          onItemSelected == null ? void 0 : onItemSelected(autoCompleteItems[index]);
           setCurrentHighlight(0);
+          setHasFocus(false);
         },
@@ -1539,0 +1555,0 @@ onMouseEnter: () => setCurrentHighlight(index),

dist/logrock-pebbles.umd.js

@@ -1,2 +0,2 @@
-var Xo=Object.defineProperty,No=Object.defineProperties;var Uo=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var ne=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var te=(i,a,l)=>a in i?Xo(i,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):i[a]=l,k=(i,a)=>{for(var l in a||(a={}))ne.call(a,l)&&te(i,l,a[l]);if(E)for(var l of E(a))ae.call(a,l)&&te(i,l,a[l]);return i},S=(i,a)=>No(i,Uo(a));var A=(i,a)=>{var l={};for(var h in i)ne.call(i,h)&&a.indexOf(h)<0&&(l[h]=i[h]);if(i!=null&&E)for(var h of E(i))a.indexOf(h)<0&&ae.call(i,h)&&(l[h]=i[h]);return l};(function(i,a){typeof exports=="object"&&typeof module!="undefined"?a(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"],a):(i=typeof globalThis!="undefined"?globalThis:i||self,a(i["@logrock/pebbles"]={},i["styled-breakpoints"],i.styled,i.React,i.mdijs,i.Icon))})(this,function(i,a,l,h,W,le){"use strict";function L(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var t=L(l),de=L(h),_=L(le);const c={"50":"#F9FAFB","100":"#F3F4F6","200":"#E5E7EB","300":"#D1D5DB","400":"#9CA3AF","500":"#6B7280","600":"#4B5563","700":"#374151","800":"#1F2937","900":"#111827"},f={"50":"#FDF5E1","100":"#F9E0A5","200":"#F7D586","300":"#F5CB68","400":"#F1B72C","500":"#F1B72C","600":"#E6A50F","700":"#C08A0C","800":"#996E0A","900":"#735307"},pe={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},ge={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},se={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},x={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},H={"0":"#FFFFFF","100":"#000000"},he={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"}},ce={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"}},fe={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"}},xe={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"}},be={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"}},ye={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"}},ue={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"}},me={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"}},$e={fontFamily:"Archivo, sans-serif",fontSize:"18px",lineHeight:"28px",weights:{normal:400,bold:500,bolder:600}},ke={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},we={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Se={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},He={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Fe={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},ze={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},ve={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},Be={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},Ce={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},De={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},Ee={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},Ae={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},Le={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},Oe={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},je={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},Re={background:"linear-gradient(98.41deg, #4568DC 0%, #B06AB3 100%)"},g={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"},P={primary:{background:f["500"],borderColor:f["500"],borderWidth:0,contentColor:H["100"]},secondary:{background:f["200"],borderColor:f["200"],borderWidth:0,contentColor:H["100"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:f["800"]},outlined:{background:"transparent",borderColor:f["500"],borderWidth:"1px",contentColor:f["500"]}},T={primary:{background:x["500"],borderColor:x["500"],borderWidth:0,contentColor:H["0"]},secondary:{background:x["50"],borderColor:x["50"],borderWidth:0,contentColor:x["600"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:x["600"]},outlined:{background:"transparent",borderColor:x["300"],borderWidth:"1px",contentColor:x["500"]}},X={primary:{background:c["200"],borderColor:c["200"],borderWidth:0,contentColor:c["400"]},secondary:{background:c["200"],borderColor:c["200"],borderWidth:0,contentColor:c["400"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:c["300"]},outlined:{background:"transparent",borderColor:c["400"],borderWidth:"1px",contentColor:c["300"]}},Me={fontFamily:"Archivo, sans-serif",fontWeight:500,outline:`3px solid ${f[200]}`,regular:{xSmall:{borderRadius:"2px",fontSize:"14px",iconPadding:g.xxsm,horizontalPadding:"10px",verticalPadding:"6px"},small:{borderRadius:"2px",fontSize:"14px",iconPadding:g.xxsm,horizontalPadding:g.md,verticalPadding:g.xsm},medium:{borderRadius:"2px",fontSize:"16px",iconPadding:g.xxsm,horizontalPadding:g.big,verticalPadding:g.xsm},large:{borderRadius:"2px",fontSize:"18px",iconPadding:g.xxsm,horizontalPadding:g.xbig,verticalPadding:"14px"},primary:P,destructive:T,disabled:X},icon:{xSmall:{borderRadius:"2px",size:"14px",horizontalPadding:"11px",verticalPadding:"10px"},small:{borderRadius:"2px",size:"14px",horizontalPadding:"13px",verticalPadding:"14px"},medium:{borderRadius:"2px",size:g.md,horizontalPadding:"14px",verticalPadding:g.md},large:{borderRadius:"2px",size:g.md,horizontalPadding:g.md,verticalPadding:"22px"},primary:P,destructive:T,disabled:X}},F={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)"},We={spacing:g.xxbig,fontFamily:"Archivo",fontWeight:"normal",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontFeatureSettings:"'salt' on",padding:"10px 12px",boxSizing:"border-box",boxShadow:F.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:"8px 0px",background:"white",height:"50px",width:"100%",error:{color:x[900],border:`1px solid ${x[300]}`,boxShadow:F.xSmall,hintColor:c[500],helperColor:x["600"],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${x["100"]}`,borderRadius:"2px",border:`1px solid ${x["300"]}`}},info:{color:c[900],border:"1px solid #D1D5DB",boxShadow:F.xSmall,hintColor:c[500],helperColor:c[500],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${f["100"]}`,borderRadius:"2px",border:`1px solid ${f["300"]}`}},label:{color:"black",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontWeight:500},helper:{fontStyle:"normal",fontSize:"14px",lineHeight:"20px",fontWeight:500,margin:"0px 8px"},disabled:{boxSizing:"border-box",boxShadow:F.xSmall,borderRadius:"2px",border:`1px solid ${c["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:c[400]}},_e={items:{hover:{background:f["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},Pe={checkMark:{color:H[0],width:"3px",height:"6px",left:"5px",top:"2px"},width:g.md,height:g.md,marginRight:g.sm,default:{background:H[0],borderColor:c[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"},checked:{background:f["500"],borderColor:f["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"}},Te={fontFamily:"Archivo",size:"50px",background:"white",loaderColor:{loaderBar:f[500],background:f[50]}},N={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:g,colors:{neutral:c,primary:f,secondary:pe,error:x,success:ge,warning:se,shades:H},typography:{displayLarge:he,displaySmall:ce,headingH1:fe,headingH2:xe,headingH3:be,headingH4:ye,headingH5:ue,headingH6:me,paragraphLarge:$e,paragraphMedium:ke,paragraphSmall:we,paragraphXSmall:Se,overlineLarge:He,overlineMedium:Fe,overlineSmall:ze},shadows:F,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:ve,blueMoon:Le,blueberryWine:Re,cherryCola:Ce,coldSky:De,darkWineSea:Be,morningSakura:Ae,oliveGarden:Ee,synthwave:Oe,teaLeaves:je},buttons:Me,inputBox:We,loader:Te,select:_e,checkBox:Pe},Xe=S(k({},N),{name:"dark"}),B=({underlined:e,strikedThrough:o})=>{const r=[];return e&&r.push("underline"),o&&r.push("line-through"),r.join(" ")},Ne=t.default.h1`
+var Uo=Object.defineProperty,Vo=Object.defineProperties;var qo=Object.getOwnPropertyDescriptors;var A=Object.getOwnPropertySymbols;var le=Object.prototype.hasOwnProperty,de=Object.prototype.propertyIsEnumerable;var ae=(i,a,l)=>a in i?Uo(i,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):i[a]=l,w=(i,a)=>{for(var l in a||(a={}))le.call(a,l)&&ae(i,l,a[l]);if(A)for(var l of A(a))de.call(a,l)&&ae(i,l,a[l]);return i},H=(i,a)=>Vo(i,qo(a));var L=(i,a)=>{var l={};for(var g in i)le.call(i,g)&&a.indexOf(g)<0&&(l[g]=i[g]);if(i!=null&&A)for(var g of A(i))a.indexOf(g)<0&&de.call(i,g)&&(l[g]=i[g]);return l};(function(i,a){typeof exports=="object"&&typeof module!="undefined"?a(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"],a):(i=typeof globalThis!="undefined"?globalThis:i||self,a(i["@logrock/pebbles"]={},i["styled-breakpoints"],i.styled,i.React,i.mdijs,i.Icon))})(this,function(i,a,l,g,T,pe){"use strict";function O(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var t=O(l),ge=O(g),X=O(pe);const c={"50":"#F9FAFB","100":"#F3F4F6","200":"#E5E7EB","300":"#D1D5DB","400":"#9CA3AF","500":"#6B7280","600":"#4B5563","700":"#374151","800":"#1F2937","900":"#111827"},f={"50":"#FDF5E1","100":"#F9E0A5","200":"#F7D586","300":"#F5CB68","400":"#F1B72C","500":"#F1B72C","600":"#E6A50F","700":"#C08A0C","800":"#996E0A","900":"#735307"},se={"50":"#DCE6FD","100":"#B9CCFB","200":"#96B3F8","300":"#729AF6","400":"#4F81F4","500":"#2C67F1","600":"#0E4DE0","700":"#0B3EB3","800":"#092E86","900":"#061F59"},he={"50":"#F0FDF4","100":"#DCFCE7","200":"#BBF7D0","300":"#86EFAC","400":"#4ADE80","500":"#22C55E","600":"#16A34A","700":"#15803D","800":"#166534","900":"#14532D"},ce={"50":"#FEF1DC","100":"#FBD696","200":"#F9C873","300":"#F8BA50","400":"#F6AD2D","500":"#F59E0B","600":"#DF9009","700":"#B27307","800":"#9C6506","900":"#593A04"},x={"50":"#FEF2F2","100":"#FEE2E2","200":"#FECACA","300":"#FCA5A5","400":"#F87171","500":"#EF4444","600":"#DC2626","700":"#B91C1C","800":"#991B1B","900":"#7F1D1D"},S={"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"}},xe={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"}},be={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"}},ue={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"}},ye={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"}},me={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"}},ke={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"}},we={fontFamily:"Archivo, sans-serif",fontSize:"18px",lineHeight:"28px",weights:{normal:400,bold:500,bolder:600}},He={fontFamily:"Archivo, sans-serif",fontSize:"16px",lineHeight:"24px",weights:{normal:400,bold:500,bolder:600}},Se={fontFamily:"Archivo, sans-serif",fontSize:"14px",lineHeight:"20px",weights:{normal:400,bold:500,bolder:600}},Fe={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"},ze={fontFamily:"Archivo, sans-serif",fontSize:"12px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Be={fontFamily:"Archivo, sans-serif",fontSize:"11px",lineHeight:"20px",weight:600,textTransform:"uppercase"},Ce={background:"linear-gradient(98.41deg, #FF5F6D 0%, #FFC371 100%)"},Ee={background:"linear-gradient(98.41deg, #16BFFD 0%, #CB3066 100%)"},De={background:"linear-gradient(98.41deg, #EECDA3 0%, #EF629F 100%)"},Ae={background:"linear-gradient(98.41deg, #4CA1AF 0%, #C4E0E5 100%)"},Le={background:"linear-gradient(98.41deg, #F1F2B5 0%, #135058 100%, #135058 100%)"},Oe={background:"linear-gradient(98.41deg, #FF6E7F 0%, #BFE9FF 100%)"},je={background:"linear-gradient(98.41deg, #1D2B64 0%, #F8CDDA 100%)"},Re={background:"linear-gradient(98.41deg, #FC00FF 0%, #00B6DE 100%)"},Me={background:"linear-gradient(98.41deg, #02AAB0 0%, #00CDAC 100%)"},We={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"},N={primary:{background:f["500"],borderColor:f["500"],borderWidth:0,contentColor:S["100"]},secondary:{background:f["200"],borderColor:f["200"],borderWidth:0,contentColor:S["100"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:f["800"]},outlined:{background:"transparent",borderColor:f["500"],borderWidth:"1px",contentColor:f["500"]}},U={primary:{background:x["500"],borderColor:x["500"],borderWidth:0,contentColor:S["0"]},secondary:{background:x["50"],borderColor:x["50"],borderWidth:0,contentColor:x["600"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:x["600"]},outlined:{background:"transparent",borderColor:x["300"],borderWidth:"1px",contentColor:x["500"]}},V={primary:{background:c["200"],borderColor:c["200"],borderWidth:0,contentColor:c["400"]},secondary:{background:c["200"],borderColor:c["200"],borderWidth:0,contentColor:c["400"]},tertiary:{background:"transparent",borderColor:"transparent",borderWidth:0,contentColor:c["300"]},outlined:{background:"transparent",borderColor:c["400"],borderWidth:"1px",contentColor:c["300"]}},_e={fontFamily:"Archivo, sans-serif",fontWeight:500,outline:`3px solid ${f[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:N,destructive:U,disabled:V},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:N,destructive:U,disabled:V}},z={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)"},Pe={spacing:s.xxbig,fontFamily:"Archivo",fontWeight:"normal",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontFeatureSettings:"'salt' on",padding:"10px 12px",boxSizing:"border-box",boxShadow:z.xSmall,borderRadius:"2px",border:"1px solid #D1D5DB",margin:"8px 0px",background:"white",height:"50px",width:"100%",error:{color:x[900],border:`1px solid ${x[300]}`,boxShadow:z.xSmall,hintColor:c[500],helperColor:x["600"],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${x["100"]}`,borderRadius:"2px",border:`1px solid ${x["300"]}`}},info:{color:c[900],border:"1px solid #D1D5DB",boxShadow:z.xSmall,hintColor:c[500],helperColor:c[500],focused:{boxSizing:"border-box",boxShadow:`0px 0px 0px 4px ${f["100"]}`,borderRadius:"2px",border:`1px solid ${f["300"]}`}},label:{color:"black",fontStyle:"normal",fontSize:"16px",lineHeight:"24px",fontWeight:500},helper:{fontStyle:"normal",fontSize:"14px",lineHeight:"20px",fontWeight:500,margin:"0px 8px"},disabled:{boxSizing:"border-box",boxShadow:z.xSmall,borderRadius:"2px",border:`1px solid ${c["300"]}`},hint:{background:"white",top:"1px",right:"2px",margin:"1px 0px"},placeholder:{color:c[400]}},Te={items:{hover:{background:f["50"]},shadow:"1px 1px 2px rgba(0, 0, 0, 0.3)"}},Xe={checkMark:{color:S[0],width:"3px",height:"6px",left:"5px",top:"2px"},width:s.md,height:s.md,marginRight:s.sm,default:{background:S[0],borderColor:c[300],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"},checked:{background:f["500"],borderColor:f["500"],borderWidth:"1px",borderStyle:"solid",borderRadius:"1.33333px"}},Ne={fontFamily:"Archivo",size:"50px",background:"white",loaderColor:{loaderBar:f[500],background:f[50]}},q={name:"light",breakpoints:{mobile:"1023px",desktop:"1024px"},spacings:s,colors:{neutral:c,primary:f,secondary:se,error:x,success:he,warning:ce,shades:S},typography:{displayLarge:fe,displaySmall:xe,headingH1:be,headingH2:ue,headingH3:ye,headingH4:me,headingH5:$e,headingH6:ke,paragraphLarge:we,paragraphMedium:He,paragraphSmall:Se,paragraphXSmall:Fe,overlineLarge:ve,overlineMedium:ze,overlineSmall:Be},shadows:z,blurs:{none:"0",small:"8px",medium:"16px",large:"24px",xLarge:"40px"},gradients:{sunburst:Ce,blueMoon:je,blueberryWine:We,cherryCola:De,coldSky:Ae,darkWineSea:Ee,morningSakura:Oe,oliveGarden:Le,synthwave:Re,teaLeaves:Me},buttons:_e,inputBox:Pe,loader:Ne,select:Te,checkBox:Xe},Ue=H(w({},q),{name:"dark"}),C=({underlined:e,strikedThrough:o})=>{const r=[];return e&&r.push("underline"),o&&r.push("line-through"),r.join(" ")},Ve=t.default.h1`
   margin: 0;
@@ -17,3 +17,3 @@
   }
-`,Ue=t.default.h2`
+`,qe=t.default.h2`
   margin: 0;
@@ -34,3 +34,3 @@
   }
-`,Ve=t.default.h1`
+`,Ge=t.default.h1`
   margin: 0;
@@ -51,3 +51,3 @@
   }
-`,qe=t.default.h2`
+`,Je=t.default.h2`
   margin: 0;
@@ -68,3 +68,3 @@
   }
-`,Ie=t.default.h3`
+`,Ye=t.default.h3`
   margin: 0;
@@ -85,3 +85,3 @@
   }
-`,Ge=t.default.h4`
+`,Ie=t.default.h4`
   margin: 0;
@@ -102,3 +102,3 @@
   }
-`,Je=t.default.h5`
+`,Ke=t.default.h5`
   margin: 0;
@@ -119,3 +119,3 @@
   }
-`,Ye=t.default.h6`
+`,Qe=t.default.h6`
   margin: 0;
@@ -136,3 +136,3 @@
   }
-`,Ke=t.default.p`
+`,Ze=t.default.p`
   margin: 0;
@@ -146,4 +146,4 @@
   line-height: ${({theme:e})=>e.typography.paragraphLarge.lineHeight};
-  text-decoration: ${B};
-`,O=l.css`
+  text-decoration: ${C};
+`,j=l.css`
   margin: 0;
@@ -157,6 +157,6 @@
   line-height: ${({theme:e})=>e.typography.paragraphMedium.lineHeight};
-  text-decoration: ${B};
-`,Qe=t.default.p`
-  ${O}
-`,Ze=t.default.p`
+  text-decoration: ${C};
+`,eo=t.default.p`
+  ${j}
+`,oo=t.default.p`
   margin: 0;
@@ -170,4 +170,4 @@
   line-height: ${({theme:e})=>e.typography.paragraphSmall.lineHeight};
-  text-decoration: ${B};
-`,eo=t.default.p`
+  text-decoration: ${C};
+`,ro=t.default.p`
   margin: 0;
@@ -181,4 +181,4 @@
   line-height: ${({theme:e})=>e.typography.paragraphXSmall.lineHeight};
-  text-decoration: ${B};
-`,oo=t.default.p`
+  text-decoration: ${C};
+`,io=t.default.p`
   margin: 0;
@@ -193,3 +193,3 @@
   text-transform: uppercase;
-`,ro=t.default.p`
+`,to=t.default.p`
   margin: 0;
@@ -204,3 +204,3 @@
   text-transform: uppercase;
-`,io=t.default.p`
+`,no=t.default.p`
   margin: 0;
@@ -215,7 +215,7 @@
   text-transform: uppercase;
-`;var j={exports:{}},z={};/*
+`;var R={exports:{}},B={};/*
 object-assign
 (c) Sindre Sorhus
 @license MIT
-*/var U=Object.getOwnPropertySymbols,to=Object.prototype.hasOwnProperty,no=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 lo(){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={},r=0;r<10;r++)o["_"+String.fromCharCode(r)]=r;var d=Object.getOwnPropertyNames(o).map(function(p){return o[p]});if(d.join("")!=="0123456789")return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(p){n[p]=p}),Object.keys(Object.assign({},n)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}lo();/** @license React v17.0.2
+*/var G=Object.getOwnPropertySymbols,ao=Object.prototype.hasOwnProperty,lo=Object.prototype.propertyIsEnumerable;function po(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function go(){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={},r=0;r<10;r++)o["_"+String.fromCharCode(r)]=r;var d=Object.getOwnPropertyNames(o).map(function(p){return o[p]});if(d.join("")!=="0123456789")return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(p){n[p]=p}),Object.keys(Object.assign({},n)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}go();/** @license React v17.0.2
  * react-jsx-runtime.production.min.js
@@ -227,3 +227,3 @@ *
  * LICENSE file in the root directory of this source tree.
- */var po=de.default,V=60103;if(z.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var q=Symbol.for;V=q("react.element"),z.Fragment=q("react.fragment")}var go=po.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,so=Object.prototype.hasOwnProperty,ho={key:!0,ref:!0,__self:!0,__source:!0};function I(e,o,r){var d,n={},p=null,m=null;r!==void 0&&(p=""+r),o.key!==void 0&&(p=""+o.key),o.ref!==void 0&&(m=o.ref);for(d in o)so.call(o,d)&&!ho.hasOwnProperty(d)&&(n[d]=o[d]);if(e&&e.defaultProps)for(d in o=e.defaultProps,o)n[d]===void 0&&(n[d]=o[d]);return{$$typeof:V,type:e,key:p,ref:m,props:n,_owner:go.current}}z.jsx=I,z.jsxs=I,j.exports=z;const s=j.exports.jsx,$=j.exports.jsxs,G=l.css`
+ */var so=ge.default,J=60103;if(B.Fragment=60107,typeof Symbol=="function"&&Symbol.for){var Y=Symbol.for;J=Y("react.element"),B.Fragment=Y("react.fragment")}var ho=so.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,co=Object.prototype.hasOwnProperty,fo={key:!0,ref:!0,__self:!0,__source:!0};function I(e,o,r){var d,n={},p=null,m=null;r!==void 0&&(p=""+r),o.key!==void 0&&(p=""+o.key),o.ref!==void 0&&(m=o.ref);for(d in o)co.call(o,d)&&!fo.hasOwnProperty(d)&&(n[d]=o[d]);if(e&&e.defaultProps)for(d in o=e.defaultProps,o)n[d]===void 0&&(n[d]=o[d]);return{$$typeof:J,type:e,key:p,ref:m,props:n,_owner:ho.current}}B.jsx=I,B.jsxs=I,R.exports=B;const h=R.exports.jsx,$=R.exports.jsxs,K=l.css`
   display: flex;
@@ -250,7 +250,7 @@ flex-flow: row nowrap;
   }
-`,J=l.css`
+`,Q=l.css`
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
-`,co=l.css`
+`,xo=l.css`
   ${({buttonSize:e,theme:o})=>l.css`
@@ -264,3 +264,3 @@ padding: ${o.buttons.regular[e||"medium"].verticalPadding}
   `}
-`,Y=l.css`
+`,Z=l.css`
   ${({theme:e,buttonStyle:o})=>l.css`
@@ -274,3 +274,3 @@ border-width: ${e.buttons.regular.disabled[o||"primary"].borderWidth};
   `}
-`,K=l.css`
+`,ee=l.css`
   ${({theme:e,buttonStyle:o,variant:r})=>l.css`
@@ -284,18 +284,18 @@ border-width: ${e.buttons.regular[r||"primary"][o||"primary"].borderWidth};
   `}
-`,fo=t.default.button`
-  ${G}
-  ${co}
+`,bo=t.default.button`
+  ${K}
+  ${xo}
   
-  ${({disabled:e})=>e?Y:K}
-`,xo=l.css`
+  ${({disabled:e})=>e?Z:ee}
+`,uo=l.css`
   margin-right: ${({theme:e,buttonSize:o})=>e.buttons.regular[o||"medium"].iconPadding};
-`,bo=t.default.div`
-  ${J}
-  ${xo}
-`,yo=l.css`
+`,yo=t.default.div`
+  ${Q}
+  ${uo}
+`,mo=l.css`
   margin-left: ${({theme:e,buttonSize:o})=>e.buttons.regular[o||"medium"].iconPadding};
-`,uo=t.default.div`
-  ${J}
-  ${yo}
-`,mo=l.css`
+`,$o=t.default.div`
+  ${Q}
+  ${mo}
+`,ko=l.css`
   ${({buttonSize:e,theme:o})=>l.css`
@@ -309,6 +309,6 @@ padding: ${o.buttons.icon[e||"medium"].verticalPadding}
   `}
-`,$o=l.css`
+`,wo=l.css`
   width: ${({theme:e,buttonSize:o})=>e.buttons.icon[o||"medium"].buttonSize};
   height: ${({theme:e,buttonSize:o})=>e.buttons.icon[o||"medium"].buttonSize};
-`,ko=t.default.div`
+`,Ho=t.default.div`
   display: flex;
@@ -319,13 +319,13 @@ flex-flow: row nowrap;
 
-  ${$o}
-`,wo=t.default.button`
-  ${G}
-  ${mo}
+  ${wo}
+`,So=t.default.button`
+  ${K}
+  ${ko}
 
-  ${({disabled:e})=>e?Y:K}
-`,So=Z=>{var w=Z,{buttonSize:e="medium",variant:o="primary",buttonStyle:r="primary",iconOnly:d=!1,startIcon:n=null,endIcon:p=null,children:m}=w,b=A(w,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return d?s(wo,S(k({},b),{variant:o,buttonStyle:r,buttonSize:e,children:s(ko,{buttonSize:e,children:n||p})})):$(fo,S(k({},b),{variant:o,buttonStyle:r,buttonSize:e,children:[n&&s(bo,{buttonSize:e,children:n}),m,p&&s(uo,{buttonSize:e,children:p})]}))},u="info",Ho=t.default.div`
+  ${({disabled:e})=>e?Z:ee}
+`,Fo=re=>{var k=re,{buttonSize:e="medium",variant:o="primary",buttonStyle:r="primary",iconOnly:d=!1,startIcon:n=null,endIcon:p=null,children:m}=k,b=L(k,["buttonSize","variant","buttonStyle","iconOnly","startIcon","endIcon","children"]);return d?h(So,H(w({},b),{variant:o,buttonStyle:r,buttonSize:e,children:h(Ho,{buttonSize:e,children:n||p})})):$(bo,H(w({},b),{variant:o,buttonStyle:r,buttonSize:e,children:[n&&h(yo,{buttonSize:e,children:n}),m,p&&h($o,{buttonSize:e,children:p})]}))},y="info",vo=t.default.div`
   display: flex;
   flex-direction: column;
   margin-top: ${({theme:e,spaced:o})=>o?e.inputBox.spacing:0};
-`,R=t.default.span`
+`,M=t.default.span`
   color: ${({theme:e})=>e.inputBox.label.color};
@@ -338,8 +338,8 @@ font-family: ${({theme:e})=>e.inputBox.fontFamily};
   font-feature-settings: ${({theme:e})=>e.inputBox.fontFeatureSettings};
-`,Fo=t.default.div`
+`,zo=t.default.div`
   display: flex;
-`,zo=t.default(R)`
+`,Bo=t.default(M)`
   margin: ${({theme:e})=>e.inputBox.helper.margin};
 
-  color: ${({theme:e,status:o})=>e.inputBox[o||u].helperColor};
+  color: ${({theme:e,status:o})=>e.inputBox[o||y].helperColor};
   font-size: ${({theme:e})=>e.inputBox.helper.fontSize};
@@ -349,5 +349,5 @@ font-style: ${({theme:e})=>e.inputBox.helper.fontStyle};
   line-height: ${({theme:e})=>e.inputBox.helper.lineHeight};
-`,vo=t.default.div`
-  color: ${({theme:e,status:o})=>e.inputBox[o||u].helperColor};
-`,Bo=t.default.div`
+`,Co=t.default.div`
+  color: ${({theme:e,status:o})=>e.inputBox[o||y].helperColor};
+`,Eo=t.default.div`
   display: flex;
@@ -360,13 +360,13 @@ position: absolute;
   padding: ${({theme:e})=>e.inputBox.padding};
-`,Co=t.default(R)`
+`,Do=t.default(M)`
   margin: ${({theme:e})=>e.inputBox.hint.margin};
 
-  color: ${({theme:e,status:o})=>e.inputBox[o||u].hintColor};
-`,Do=t.default.div`
+  color: ${({theme:e,status:o})=>e.inputBox[o||y].hintColor};
+`,Ao=t.default.div`
   margin: 4px 4px;
 
-  color: ${({theme:e,status:o})=>e.inputBox[o||u].hintColor};
-`,Eo=t.default.div`
+  color: ${({theme:e,status:o})=>e.inputBox[o||y].hintColor};
+`,Lo=t.default.div`
   position: relative;
-`,Ao=t.default.input`
+`,Oo=t.default.input`
   display: flex;
@@ -383,19 +383,19 @@ box-sizing: ${({theme:e})=>e.inputBox.boxSizing};
 
-  border: ${({theme:e,status:o})=>e.inputBox[o||u].border};
+  border: ${({theme:e,status:o})=>e.inputBox[o||y].border};
   border-radius: ${({theme:e})=>e.inputBox.borderRadius};
 
   background: ${({theme:e})=>e.inputBox.background};
-  box-shadow: ${({theme:e,status:o})=>e.inputBox[o||u].boxShadow};
+  box-shadow: ${({theme:e,status:o})=>e.inputBox[o||y].boxShadow};
 
-  color: ${({theme:e,status:o})=>e.inputBox[o||u].color};
+  color: ${({theme:e,status:o})=>e.inputBox[o||y].color};
 
   &:focus {
-    box-sizing: ${({theme:e,status:o})=>e.inputBox[o||u].focused.boxSizing};
+    box-sizing: ${({theme:e,status:o})=>e.inputBox[o||y].focused.boxSizing};
 
-    border: ${({theme:e,status:o})=>e.inputBox[o||u].focused.border};
-    border-radius: ${({theme:e,status:o})=>e.inputBox[o||u].focused.borderRadius};
+    border: ${({theme:e,status:o})=>e.inputBox[o||y].focused.border};
+    border-radius: ${({theme:e,status:o})=>e.inputBox[o||y].focused.borderRadius};
     outline: none;
 
     background: ${({theme:e})=>e.inputBox.background};
-    box-shadow: ${({theme:e,status:o})=>e.inputBox[o||u].focused.boxShadow};
+    box-shadow: ${({theme:e,status:o})=>e.inputBox[o||y].focused.boxShadow};
   }
@@ -419,4 +419,4 @@ &:disabled {
   }
-`,Q=m=>{var b=m,{spaced:e,description:o,status:r,hint:d,helper:n}=b,p=A(b,["spaced","description","status","hint","helper"]);return $(Ho,{spaced:e,children:[s(R,{children:o}),$(Eo,{children:[s(Ao,k({status:r},p)),d&&$(Bo,{children:[s(Co,{status:r,children:d.content}),d.icon&&s(Do,{status:r,children:d.icon})]})]}),$(Fo,{children:[r==="error"&&s(vo,{status:r,children:s(_.default,{path:W.mdiAlert,size:.7})}),s(zo,{status:r,children:n})]})]})},Lo=t.default.button`
-  ${O}
+`,oe=m=>{var b=m,{spaced:e,description:o,status:r,hint:d,helper:n}=b,p=L(b,["spaced","description","status","hint","helper"]);return $(vo,{spaced:e,children:[h(M,{children:o}),$(Lo,{children:[h(Oo,w({status:r},p)),d&&$(Eo,{children:[h(Do,{status:r,children:d.content}),d.icon&&h(Ao,{status:r,children:d.icon})]})]}),$(zo,{children:[r==="error"&&h(Co,{status:r,children:h(X.default,{path:T.mdiAlert,size:.7})}),h(Bo,{status:r,children:n})]})]})},jo=t.default.button`
+  ${j}
   box-sizing: border-box;
@@ -434,3 +434,3 @@ padding: 18px 10px;
   }
-`,Oo=e=>{var o,r,d,n;return s(Lo,S(k({},e),{children:((o=e==null?void 0:e.item)==null?void 0:o.name)||((r=e==null?void 0:e.item)==null?void 0:r.label)||((n=(d=e==null?void 0:e.item)==null?void 0:d.toString)==null?void 0:n.call(d))}))},jo=t.default.div`
+`,Ro=e=>{var o,r,d,n;return h(jo,H(w({},e),{children:((o=e==null?void 0:e.item)==null?void 0:o.name)||((r=e==null?void 0:e.item)==null?void 0:r.label)||((n=(d=e==null?void 0:e.item)==null?void 0:d.toString)==null?void 0:n.call(d))}))},Mo=t.default.div`
   display: flex;
@@ -457,4 +457,4 @@ position: ${({focus:e})=>e?"fixed":"relative"};
   }
-`,Ro=t.default.div`
-  display: ${({focus:e})=>e?"flex":"none"};
+`,Wo=t.default.div`
+  display: ${({focus:e})=>e?"flex":"hidden"};
   box-sizing: border-box;
@@ -485,3 +485,3 @@ flex-flow: column nowrap;
   }
-`,Mo=({autoCompleteItems:e,renderItem:o,inputProps:r,renderHeader:d,onItemSelected:n,spaced:p})=>{var re,ie;const m=d||(()=>null),b=o||Oo,[Z,w]=h.useState(!1),[To,v]=h.useState(0),[ee,oe]=h.useState(!1),M=h.useCallback(D=>{switch(D.key){case"Escape":w(!1);break;case"ArrowUp":v(y=>y&&y-1);break;case"ArrowDown":v(y=>y<e.length-1?y+1:y);break;case"Enter":v(y=>(w(!1),e.length&&n&&typeof n=="function"&&n(e[y]),0));break}},[e,n]);return h.useEffect(()=>(document.addEventListener("keydown",M,!1),()=>{document.removeEventListener("keydown",M,!1)}),[M]),h.useEffect(()=>{w(!0)},[e]),$(jo,{focus:ee,spaced:p||(r==null?void 0:r.spaced),children:[s(Q,S(k({},r),{onFocus:()=>oe(!0),onBlur:()=>oe(!1),hint:{icon:((re=r==null?void 0:r.hint)==null?void 0:re.icon)||s(_.default,{path:W.mdiUnfoldMoreHorizontal,size:.7}),content:((ie=r==null?void 0:r.hint)==null?void 0:ie.content)||""},spaced:!1})),Z&&$(Ro,{focus:ee,helper:r==null?void 0:r.helper,description:r==null?void 0:r.description,children:[(e==null?void 0:e.length)>0&&s(m,{}),e==null?void 0:e.map((D,y)=>s(b,{item:D,onClick:()=>{w(!1),n&&typeof n=="function"&&n(e[y]),v(0)},onMouseEnter:()=>v(y),highlighted:To===y},D.id))]})]})},C=t.default.span`
+`,_o=({autoCompleteItems:e,renderItem:o,inputProps:r,renderHeader:d,onItemSelected:n,spaced:p})=>{var te,ne;const m=d||(()=>null),b=o||Ro,[re,k]=g.useState(0),[W,F]=g.useState(!1),[ie,No]=g.useState(!1),_=g.useRef(null),P=g.useCallback(v=>{switch(v.key){case"Escape":F(!1);break;case"ArrowUp":k(u=>u&&u-1);break;case"ArrowDown":k(u=>u<e.length-1?u+1:u);break;case"Enter":k(u=>(e.length&&n&&typeof n=="function"&&n(e[u]),0));break}},[e,n]),D=v=>{!_.current||_.current.contains(v.target)||F(!1)};return g.useEffect(()=>(document.addEventListener("keydown",P,!1),document.addEventListener("mousedown",D),document.addEventListener("touchstart",D),()=>{document.removeEventListener("keydown",P,!1),document.removeEventListener("mousedown",D),document.removeEventListener("touchstart",D)}),[P]),g.useEffect(()=>{ie&&F(!0)},[e,ie]),$(Mo,{focus:W,spaced:p||(r==null?void 0:r.spaced),ref:_,children:[h(oe,H(w({},r),{onFocus:()=>{No(!0),F(!0)},onClick:()=>{F(!0)},hint:{icon:((te=r==null?void 0:r.hint)==null?void 0:te.icon)||h(X.default,{path:T.mdiUnfoldMoreHorizontal,size:.7}),content:((ne=r==null?void 0:r.hint)==null?void 0:ne.content)||""},spaced:!1})),W&&$(Wo,{focus:W,helper:r==null?void 0:r.helper,description:r==null?void 0:r.description,children:[(e==null?void 0:e.length)>0&&h(m,{}),e==null?void 0:e.map((v,u)=>h(b,{item:v,onClick:()=>{n==null||n(e[u]),k(0),F(!1)},onMouseEnter:()=>k(u),highlighted:re===u},v.id))]})]})},E=t.default.span`
   position: relative;
@@ -515,4 +515,4 @@ width: ${({theme:e})=>e.checkBox.width};
   }
-`,Wo=t.default.label`
-  ${O}
+`,Po=t.default.label`
+  ${j}
   ${({theme:e,disabled:o})=>o?`color: ${e.colors.neutral[300]};`:""}
@@ -526,6 +526,6 @@
 
-  &:hover input ~ ${C} {
+  &:hover input ~ ${E} {
     border-color: ${({theme:e})=>e.checkBox.checked.background};
   }
-`,_o=t.default.input`
+`,To=t.default.input`
   position: absolute;
@@ -539,3 +539,3 @@ width: 0;
 
-  &:checked ~ ${C} {
+  &:checked ~ ${E} {
     border-width: ${({theme:e})=>e.checkBox.checked.borderWidth};
@@ -549,5 +549,5 @@ border-style: ${({theme:e})=>e.checkBox.checked.borderStyle};
 
-  &:checked ~ ${C}:after {
+  &:checked ~ ${E}:after {
     display: block;
   }
-`,Po=d=>{var n=d,{children:e,spaced:o}=n,r=A(n,["children","spaced"]);return $(Wo,{disabled:r.disabled,spaced:o,children:[e,s(_o,S(k({type:"checkbox"},r),{disabled:r.disabled})),s(C,{disabled:r.disabled})]})};i.Button=So,i.CheckBox=Po,i.DisplayLarge=Ne,i.DisplaySmall=Ue,i.HeadingH1=Ve,i.HeadingH2=qe,i.HeadingH3=Ie,i.HeadingH4=Ge,i.HeadingH5=Je,i.HeadingH6=Ye,i.InputBox=Q,i.OverlineLarge=oo,i.OverlineMedium=ro,i.OverlineSmall=io,i.ParagraphLarge=Ke,i.ParagraphMedium=Qe,i.ParagraphSmall=Ze,i.ParagraphXSmall=eo,i.Select=Mo,i.darkTheme=Xe,i.lightTheme=N,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+`,Xo=d=>{var n=d,{children:e,spaced:o}=n,r=L(n,["children","spaced"]);return $(Po,{disabled:r.disabled,spaced:o,children:[e,h(To,H(w({type:"checkbox"},r),{disabled:r.disabled})),h(E,{disabled:r.disabled})]})};i.Button=Fo,i.CheckBox=Xo,i.DisplayLarge=Ve,i.DisplaySmall=qe,i.HeadingH1=Ge,i.HeadingH2=Je,i.HeadingH3=Ye,i.HeadingH4=Ie,i.HeadingH5=Ke,i.HeadingH6=Qe,i.InputBox=oe,i.OverlineLarge=io,i.OverlineMedium=to,i.OverlineSmall=no,i.ParagraphLarge=Ze,i.ParagraphMedium=eo,i.ParagraphSmall=oo,i.ParagraphXSmall=ro,i.Select=_o,i.darkTheme=Ue,i.lightTheme=q,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

765815

increased by0.09%

Lines of code

2691

increased by0.64%

No dependency changes