@logrock/pebbles - npm Package Compare versions

Comparing version 5.4.0 to 5.5.0

dist/components/Alert/Alert.d.ts

@@ -1,17 +0,18 @@
-import { FC } from "react";
+import React, { FC } from "react";
 export interface AlertProps {
-    title?: string;
-    description?: string;
-    hint?: string;
+    title?: React.ReactNode;
     status?: "neutral" | "primary" | "success" | "warning" | "error";
     visible?: boolean;
-    labelButton?: string;
-    onButtonClick?: () => void;
-    onHintClick?: () => void;
+    mainButtonContent?: React.ReactNode;
+    auxButtonContent?: React.ReactNode;
+    onMainButtonClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onAuxButtonClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     sticky?: boolean;
+    icon?: React.ReactNode;
 }
 export interface AlertInlineProps extends AlertProps {
-    onCloseRequested: () => void;
+    onCloseRequested: (event: React.MouseEvent<HTMLDivElement>) => void;
+    showCloseButton?: boolean;
 }
 declare const Alert: FC<AlertProps>;
 export default Alert;

dist/logrock-pebbles.umd.js

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

dist/main.d.ts

@@ -23,1 +23,3 @@ export { light as lightTheme } from "./theme";
 export type { ListProps, ListItemProps } from "./components/List";
+export { default as Toggle } from "./components/Toggle";
+export type { ToggleProps } from "./components/Toggle";

dist/types/theme.d.ts

@@ -369,2 +369,18 @@ import * as CSS from "csstype";
 }
+export interface Toggle {
+    indicator: {
+        color: CSS.Property.Color;
+        width: CSS.Property.Width;
+        height: CSS.Property.Height;
+        left1: CSS.Property.Left;
+        left2: CSS.Property.Left;
+        top: CSS.Property.Top;
+    };
+    width: CSS.Property.Width;
+    height: CSS.Property.Height;
+    borderRadius: CSS.Property.BorderRadius;
+    marginRight: CSS.Property.MarginRight;
+    default: CheckBoc;
+    checked: CheckBoc;
+}
 export default interface Theme {
@@ -390,3 +406,4 @@ breakpoints: {
     list: List;
+    toggle: Toggle;
 }
 export {};

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

813159

increased by0.92%

Number of package files

56

increased by7.69%

Lines of code

4137

increased by5.27%

No dependency changes