@zonos/amino 5.5.30 → 5.5.32

package/components/button/Button.js

@@ -1 +1 @@
-"use strict";var o=require("../../_rollupPluginBabelHelpers-77a6284f.js"),t=require("../../tslib.es6-8c21e256.js"),n=require("react"),u=require("clsx"),e=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),m=require("../../styles/constants/theme.js"),_=require("../../utils/getAminoColor.js"),d=require("../../utils/getTestId.js"),r=require("../../style-inject.es-d4ddeae4.js");function s(o){return o&&o.__esModule?o:{default:o}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var l=s(u),B={spinnerWrapper:"Amino_Button-module__spinnerWrapper--tgOjW",aminoButton:"Amino_Button-module__aminoButton--spa1s",text:"Amino_Button-module__text--uD3sd",onlyIcon:"Amino_Button-module__onlyIcon--HSsiQ",loading:"Amino_Button-module__loading--J6rUt",content:"Amino_Button-module__content--Hw0WG",hasIcon:"Amino_Button-module__hasIcon--WyBHM",iconRight:"Amino_Button-module__iconRight--rHggX","amino-spinner":"Amino_Button-module__amino-spinner--h2J8a",primaryButton:"Amino_Button-module__primaryButton--oqikL",outline:"Amino_Button-module__outline--1SRt-",successButton:"Amino_Button-module__successButton--vCdA9",standardButton:"Amino_Button-module__standardButton--sNzVf",invertedButton:"Amino_Button-module__invertedButton--Aka9O",dangerButton:"Amino_Button-module__dangerButton--0SWdY",warningButton:"Amino_Button-module__warningButton--4wL7z",purpleButton:"Amino_Button-module__purpleButton--NJDEu",cyanButton:"Amino_Button-module__cyanButton--2l7YG",subtleButton:"Amino_Button-module__subtleButton--9dx3n",linkButton:"Amino_Button-module__linkButton--rrpjp",inlineLinkButton:"Amino_Button-module__inlineLinkButton--3hm2I",textButton:"Amino_Button-module__textButton--NATCk"};r.styleInject(".Amino_Button-module__spinnerWrapper--tgOjW{align-items:center;border-radius:var(--amino-radius-6);bottom:0;display:flex;gap:var(--amino-space-8);justify-content:center;left:0;position:absolute;right:0;top:0}.Amino_Button-module__aminoButton--spa1s{align-items:center;background:var(--amino-button-background-color);border-radius:var(--amino-button-radius);box-sizing:border-box;color:var(--amino-button-color);cursor:pointer;display:flex;flex-direction:row;font-family:var(--amino-font-sans);font-size:var(--amino-font-size-base);font-weight:var(--amino-button-font-weight);height:var(--amino-button-size);justify-content:center;letter-spacing:normal;line-height:var(--amino-button-size);outline:none;padding:var(--amino-button-padding);position:relative;transition:var(--amino-transition),visibility 0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:var(--amino-button-width)}.Amino_Button-module__aminoButton--spa1s svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s .Amino_Button-module__text--uD3sd{padding:0 var(--amino-space-4)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ{padding:0;width:var(--amino-button-size)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ .Amino_Button-module__text--uD3sd{padding:0}.Amino_Button-module__aminoButton--spa1s:active svg path:not([data-is-secondary-color]),.Amino_Button-module__aminoButton--spa1s:focus svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s:focus{outline:none}.Amino_Button-module__aminoButton--spa1s:active:not([disabled]){transform:scale(.99)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__loading--J6rUt .Amino_Button-module__content--Hw0WG{visibility:hidden}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM.Amino_Button-module__iconRight--rHggX svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:2px;margin-right:0;opacity:80%}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:0;margin-right:2px;opacity:80%}.Amino_Button-module__aminoButton--spa1s:not([disabled]):hover{background-image:var(--amino-button-hover-background-color)}.Amino_Button-module__aminoButton--spa1s[disabled]{cursor:not-allowed;opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{box-shadow:var(--amino-shadow-button-primary);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):active{background:var(--amino-blue-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):focus{box-shadow:var(--amino-shadow-button-primary-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-500);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-blue-600);color:var(--amino-blue-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-blue-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-blue-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-blue-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{box-shadow:var(--amino-shadow-button-success);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):active{background:var(--amino-green-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):focus{box-shadow:var(--amino-shadow-button-success-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-500);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-green-600);color:var(--amino-green-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-green-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-green-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-green-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf{box-shadow:var(--amino-shadow-raised-standard)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):focus{box-shadow:var(--amino-shadow-raised-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-{background:#0000;border:1px solid var(--amino-gray-300);box-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:#0000000a;background-image:unset}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:#ffffff14}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):focus{box-shadow:0 0 0 4px #00000014}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):focus{box-shadow:0 0 0 4px #dce1ff3d}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O{background:var(--amino-gray-1000);box-shadow:var(--amino-shadow-raised-standard);color:var(--amino-gray-0)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):hover{background:var(--amino-gray-900)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):active{background:var(--amino-gray-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):focus{box-shadow:var(--amino-shadow-raised-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O[disabled]{box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{box-shadow:var(--amino-shadow-button-danger);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{color:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):active{background:var(--amino-red-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):focus{box-shadow:var(--amino-shadow-button-danger-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-500);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-red-600);color:var(--amino-red-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-red-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-red-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-red-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:before{content:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{color:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):active{background:var(--amino-orange-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):focus{box-shadow:var(--amino-shadow-button-warning-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-500);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-orange-600);color:var(--amino-orange-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-orange-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-orange-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-orange-600) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu{box-shadow:var(--amino-shadow-button-purple);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu:not([disabled]):active{background:var(--amino-purple-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu:not([disabled]):focus{box-shadow:var(--amino-shadow-button-purple-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu[disabled]{background:var(--amino-gray-500);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-purple)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-purple-600);color:var(--amino-purple-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-purple-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-purple-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-orange-600) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG{box-shadow:var(--amino-shadow-button-cyan);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG:not([disabled]):active{background:var(--amino-cyan-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG:not([disabled]):focus{box-shadow:var(--amino-shadow-button-cyan-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG[disabled]{background:var(--amino-gray-500);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-cyan)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-cyan-600);color:var(--amino-cyan-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-cyan-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-cyan-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-cyan-600) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):hover{background:var(--amino-gray-50)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):active{background:var(--amino-blue-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):hover{background:var(--amino-blue-50)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):focus{box-shadow:var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I{display:inline-flex;line-height:inherit;padding:0}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I:not([disabled]):active,.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk{color:var(--amino-button-text-button-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk[disabled]{color:var(--amino-button-text-button-disabled-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk.Amino_Button-module__loading--J6rUt{color:#0000}");exports.Button=function(u){var r=u.background,s=u.children,c=u.className,p=u.color,A=u.disabled,b=void 0!==A&&A,g=u.fitContentWidth,h=u.hoverBackground;u.hoverColor;var v,w=u.icon,x=u.iconRight,y=u.loading,k=void 0!==y&&y,f=u.loadingText,S=u.noRipple,R=void 0!==S&&S,W=u.outline,C=void 0!==W&&W,L=u.size,N=void 0===L?"sm":L,z=u.spinnerColor,j=u.style,Y=u.tag,q=void 0===Y?"button":Y,H=u.testId,E=u.themeOverride,O=u.type,I=void 0===O?"button":O,G=u.variant,J=void 0===G?"standard":G,D=t.__rest(u,["background","children","className","color","disabled","fitContentWidth","hoverBackground","hoverColor","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","testId","themeOverride","type","variant"]),V=q,T=t.__read(n.useState(""),2),M=T[0],Q=T[1],P=n.useCallback((function(o){Q((null==o?void 0:o.textContent)||"")}),[]),U=n.useMemo((function(){return d.getTestId({componentName:"button",name:M})}),[M]),X=function(){switch(N){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},F=l.default("amino-button",B.aminoButton,"plain"===J?"":B["".concat(J,"Button")],C&&B.outline,c||"",w&&!s?B.onlyIcon:"",x?B.iconRight:"",w?B.hasIcon:"",k?B.loading:""),K=n.useRef(null),Z=a.useRipple({disabled:b||k,rippleEnabled:!R&&!["plain","text","inlineLink"].includes(J),rippleRef:K}),$=Z.getRippleHandlers,oo=Z.rippleEnabled,to={className:F,disabled:b||k,size:N},no=t.__assign(t.__assign(t.__assign({type:I},to),D),$(D));return React.createElement(V,o._extends({ref:P,"data-testid":H||U,"data-theme":E,style:t.__assign(t.__assign({},j),{"--amino-button-background-color":function(){if(r)return _.getAminoColor(r)||"";switch(J){case"primary":return m.theme.primary;case"success":return m.theme.success;case"warning":return m.theme.warning;case"danger":return m.theme.danger;case"cyan":return m.theme.cyan;case"purple":return m.theme.purple;case"inverted":return m.theme.gray0;case"standard":return m.theme.raisedSurfaceColor;case"subtle":case"inlineLink":return"none";default:return""}}(),"--amino-button-color":function(){if(p)return _.getAminoColor(p)||"";switch(J){case"primary":case"success":case"warning":case"danger":case"cyan":case"purple":case"inverted":return m.theme.gray0;case"link":case"inlineLink":return m.theme.blue600;case"subtle":return m.theme.textColorSecondary;default:return m.theme.textColor}}(),"--amino-button-font-weight":function(){switch(N){case"lg":case"xl":return 600;default:return 500}}(),"--amino-button-hover-background-color":function(){if(h&&"inherit"!==h){var o=_.getAminoColor(h);return"linear-gradient(".concat(o,", ").concat(o,")")}switch(J){case"primary":return m.theme.buttonPrimaryHover;case"success":return m.theme.buttonSuccessHover;case"warning":return m.theme.buttonWarningHover;case"danger":return m.theme.buttonDangerHover;case"cyan":return m.theme.buttonCyanHover;case"purple":return m.theme.buttonPurpleHover;case"standard":return m.theme.buttonStandardHover;case"subtle":case"inverted":return m.theme.gray100;case"link":return m.theme.blue100;case"text":return m.theme.gray500;default:return""}}(),"--amino-button-padding":function(){switch(N){case"sm":return"".concat(m.theme.space4," ").concat(m.theme.space8);case"lg":case"xl":return"".concat(m.theme.space12," ").concat(m.theme.space24);default:return"".concat(m.theme.space8," ").concat(m.theme.space16)}}(),"--amino-button-radius":function(){switch(N){case"sm":return"".concat(m.theme.radius6);case"lg":case"xl":return"".concat(m.theme.radius10);default:return"".concat(m.theme.radius8)}}(),"--amino-button-size":"var(--amino-size-".concat(N,")"),"--amino-button-text-button-color":D.href?m.theme.primary:m.theme.textColorSecondary,"--amino-button-text-button-disabled-color":D.href?m.theme.blue300:m.theme.gray300,"--amino-button-text-button-hover-color":"inlineLink"===J&&p?_.getAminoColor(p)||m.theme.blue500:D.href?m.theme.blue500:m.theme.gray500,"--amino-button-width":g?"fit-content":"auto"}),tabIndex:"div"===q?0:void 0},no),(v=z||function(){switch(J){case"primary":return C?"info":"white";case"success":return C?"success":"white";case"warning":return C?"warning":"white";case"danger":return C?"danger":"white";case"purple":return C?"purple":"white";case"cyan":return C?"cyan":"white";case"inverted":return"white";case"link":case"inlineLink":return"info";default:return"black"}}(),React.createElement(React.Fragment,null,!x&&React.createElement("span",{className:B.content},w),React.createElement("div",{className:l.default(B.content,B.text)},s),x&&React.createElement("span",{className:B.content},w),"plain"!==J&&"text"!==J&&k&&React.createElement("span",{className:B.spinnerWrapper},React.createElement(i.Spinner,{color:v,size:X()}),f))),oo&&React.createElement(e.RippleGroup,{ref:K}))};
+"use strict";var o=require("../../_rollupPluginBabelHelpers-697f213c.js"),t=require("../../tslib.es6-8c21e256.js"),n=require("react"),u=require("clsx"),e=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),m=require("../../styles/constants/theme.js"),_=require("../../utils/getAminoColor.js"),d=require("../../utils/getTestId.js"),r=require("../../style-inject.es-d4ddeae4.js"),s=require("react/jsx-runtime");function l(o){return o&&o.__esModule?o:{default:o}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var B=l(u),c={spinnerWrapper:"Amino_Button-module__spinnerWrapper--tgOjW",aminoButton:"Amino_Button-module__aminoButton--spa1s",text:"Amino_Button-module__text--uD3sd",onlyIcon:"Amino_Button-module__onlyIcon--HSsiQ",loading:"Amino_Button-module__loading--J6rUt",content:"Amino_Button-module__content--Hw0WG",hasIcon:"Amino_Button-module__hasIcon--WyBHM",iconRight:"Amino_Button-module__iconRight--rHggX","amino-spinner":"Amino_Button-module__amino-spinner--h2J8a",primaryButton:"Amino_Button-module__primaryButton--oqikL",outline:"Amino_Button-module__outline--1SRt-",successButton:"Amino_Button-module__successButton--vCdA9",standardButton:"Amino_Button-module__standardButton--sNzVf",invertedButton:"Amino_Button-module__invertedButton--Aka9O",dangerButton:"Amino_Button-module__dangerButton--0SWdY",warningButton:"Amino_Button-module__warningButton--4wL7z",purpleButton:"Amino_Button-module__purpleButton--NJDEu",cyanButton:"Amino_Button-module__cyanButton--2l7YG",subtleButton:"Amino_Button-module__subtleButton--9dx3n",linkButton:"Amino_Button-module__linkButton--rrpjp",inlineLinkButton:"Amino_Button-module__inlineLinkButton--3hm2I",textButton:"Amino_Button-module__textButton--NATCk"};r.styleInject(".Amino_Button-module__spinnerWrapper--tgOjW{align-items:center;border-radius:var(--amino-radius-6);bottom:0;display:flex;gap:var(--amino-space-8);justify-content:center;left:0;position:absolute;right:0;top:0}.Amino_Button-module__aminoButton--spa1s{align-items:center;background:var(--amino-button-background-color);border-radius:var(--amino-button-radius);box-sizing:border-box;color:var(--amino-button-color);cursor:pointer;display:flex;flex-direction:row;font-family:var(--amino-font-sans);font-size:var(--amino-font-size-base);font-weight:var(--amino-button-font-weight);height:var(--amino-button-size);justify-content:center;letter-spacing:normal;line-height:var(--amino-button-size);outline:none;padding:var(--amino-button-padding);position:relative;transition:var(--amino-transition),visibility 0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:var(--amino-button-width)}.Amino_Button-module__aminoButton--spa1s svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s .Amino_Button-module__text--uD3sd{padding:0 var(--amino-space-4)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ{padding:0;width:var(--amino-button-size)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ .Amino_Button-module__text--uD3sd{padding:0}.Amino_Button-module__aminoButton--spa1s:active svg path:not([data-is-secondary-color]),.Amino_Button-module__aminoButton--spa1s:focus svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s:focus{outline:none}.Amino_Button-module__aminoButton--spa1s:active:not([disabled]){transform:scale(.99)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__loading--J6rUt .Amino_Button-module__content--Hw0WG{visibility:hidden}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM.Amino_Button-module__iconRight--rHggX svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:2px;margin-right:0;opacity:80%}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:0;margin-right:2px;opacity:80%}.Amino_Button-module__aminoButton--spa1s:not([disabled]):hover{background-image:var(--amino-button-hover-background-color)}.Amino_Button-module__aminoButton--spa1s[disabled]{cursor:not-allowed;opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{box-shadow:var(--amino-shadow-button-primary);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):active{background:var(--amino-blue-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):focus{box-shadow:var(--amino-shadow-button-primary-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-500);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-blue-600);color:var(--amino-blue-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-blue-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-blue-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-blue-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{box-shadow:var(--amino-shadow-button-success);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):active{background:var(--amino-green-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):focus{box-shadow:var(--amino-shadow-button-success-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-500);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-green-600);color:var(--amino-green-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-green-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-green-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-green-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf{box-shadow:var(--amino-shadow-raised-standard)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):focus{box-shadow:var(--amino-shadow-raised-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-{background:#0000;border:1px solid var(--amino-gray-300);box-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:#0000000a;background-image:unset}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:#ffffff14}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):focus{box-shadow:0 0 0 4px #00000014}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):focus{box-shadow:0 0 0 4px #dce1ff3d}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O{background:var(--amino-gray-1000);box-shadow:var(--amino-shadow-raised-standard);color:var(--amino-gray-0)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):hover{background:var(--amino-gray-900)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):active{background:var(--amino-gray-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):focus{box-shadow:var(--amino-shadow-raised-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O[disabled]{box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{box-shadow:var(--amino-shadow-button-danger);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{color:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):active{background:var(--amino-red-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):focus{box-shadow:var(--amino-shadow-button-danger-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-500);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-red-600);color:var(--amino-red-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-red-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-red-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-red-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:before{content:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{color:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):active{background:var(--amino-orange-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):focus{box-shadow:var(--amino-shadow-button-warning-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-500);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-orange-600);color:var(--amino-orange-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-orange-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-orange-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-orange-600) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu{box-shadow:var(--amino-shadow-button-purple);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu:not([disabled]):active{background:var(--amino-purple-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu:not([disabled]):focus{box-shadow:var(--amino-shadow-button-purple-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu[disabled]{background:var(--amino-gray-500);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-purple)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-purple-600);color:var(--amino-purple-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-purple-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-purple-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-orange-600) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG{box-shadow:var(--amino-shadow-button-cyan);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG:not([disabled]):active{background:var(--amino-cyan-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG:not([disabled]):focus{box-shadow:var(--amino-shadow-button-cyan-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG[disabled]{background:var(--amino-gray-500);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-cyan)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-cyan-600);color:var(--amino-cyan-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-cyan-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-cyan-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-cyan-600) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):hover{background:var(--amino-gray-50)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):active{background:var(--amino-blue-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):hover{background:var(--amino-blue-50)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):focus{box-shadow:var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I{display:inline-flex;line-height:inherit;padding:0}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I:not([disabled]):active,.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk{color:var(--amino-button-text-button-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk[disabled]{color:var(--amino-button-text-button-disabled-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk.Amino_Button-module__loading--J6rUt{color:#0000}");exports.Button=function(u){var r=u.background,l=u.children,p=u.className,A=u.color,b=u.disabled,g=void 0!==b&&b,h=u.fitContentWidth,v=u.hoverBackground;u.hoverColor;var w,x=u.icon,y=u.iconRight,k=u.loading,f=void 0!==k&&k,S=u.loadingText,R=u.noRipple,W=void 0!==R&&R,j=u.outline,C=void 0!==j&&j,L=u.size,N=void 0===L?"sm":L,z=u.spinnerColor,q=u.style,Y=u.tag,H=void 0===Y?"button":Y,O=u.testId,I=u.themeOverride,G=u.type,J=void 0===G?"button":G,D=u.variant,E=void 0===D?"standard":D,V=t.__rest(u,["background","children","className","color","disabled","fitContentWidth","hoverBackground","hoverColor","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","testId","themeOverride","type","variant"]),T=H,M=t.__read(n.useState(""),2),Q=M[0],P=M[1],U=n.useCallback((function(o){P((null==o?void 0:o.textContent)||"")}),[]),X=n.useMemo((function(){return d.getTestId({componentName:"button",name:Q})}),[Q]),F=function(){switch(N){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},K=B.default("amino-button",c.aminoButton,"plain"===E?"":c["".concat(E,"Button")],C&&c.outline,p||"",x&&!l?c.onlyIcon:"",y?c.iconRight:"",x?c.hasIcon:"",f?c.loading:""),Z=n.useRef(null),$=a.useRipple({disabled:g||f,rippleEnabled:!W&&!["plain","text","inlineLink"].includes(E),rippleRef:Z}),oo=$.getRippleHandlers,to=$.rippleEnabled,no={className:K,disabled:g||f,size:N},uo=t.__assign(t.__assign(t.__assign({type:J},no),V),oo(V));return s.jsxs(T,o._objectSpread2(o._objectSpread2({ref:U,"data-testid":O||X,"data-theme":I,style:t.__assign(t.__assign({},q),{"--amino-button-background-color":function(){if(r)return _.getAminoColor(r)||"";switch(E){case"primary":return m.theme.primary;case"success":return m.theme.success;case"warning":return m.theme.warning;case"danger":return m.theme.danger;case"cyan":return m.theme.cyan;case"purple":return m.theme.purple;case"inverted":return m.theme.gray0;case"standard":return m.theme.raisedSurfaceColor;case"subtle":case"inlineLink":return"none";default:return""}}(),"--amino-button-color":function(){if(A)return _.getAminoColor(A)||"";switch(E){case"primary":case"success":case"warning":case"danger":case"cyan":case"purple":case"inverted":return m.theme.gray0;case"link":case"inlineLink":return m.theme.blue600;case"subtle":return m.theme.textColorSecondary;default:return m.theme.textColor}}(),"--amino-button-font-weight":function(){switch(N){case"lg":case"xl":return 600;default:return 500}}(),"--amino-button-hover-background-color":function(){if(v&&"inherit"!==v){var o=_.getAminoColor(v);return"linear-gradient(".concat(o,", ").concat(o,")")}switch(E){case"primary":return m.theme.buttonPrimaryHover;case"success":return m.theme.buttonSuccessHover;case"warning":return m.theme.buttonWarningHover;case"danger":return m.theme.buttonDangerHover;case"cyan":return m.theme.buttonCyanHover;case"purple":return m.theme.buttonPurpleHover;case"standard":return m.theme.buttonStandardHover;case"subtle":case"inverted":return m.theme.gray100;case"link":return m.theme.blue100;case"text":return m.theme.gray500;default:return""}}(),"--amino-button-padding":function(){switch(N){case"sm":return"".concat(m.theme.space4," ").concat(m.theme.space8);case"lg":case"xl":return"".concat(m.theme.space12," ").concat(m.theme.space24);default:return"".concat(m.theme.space8," ").concat(m.theme.space16)}}(),"--amino-button-radius":function(){switch(N){case"sm":return"".concat(m.theme.radius6);case"lg":case"xl":return"".concat(m.theme.radius10);default:return"".concat(m.theme.radius8)}}(),"--amino-button-size":"var(--amino-size-".concat(N,")"),"--amino-button-text-button-color":V.href?m.theme.primary:m.theme.textColorSecondary,"--amino-button-text-button-disabled-color":V.href?m.theme.blue300:m.theme.gray300,"--amino-button-text-button-hover-color":"inlineLink"===E&&A?_.getAminoColor(A)||m.theme.blue500:V.href?m.theme.blue500:m.theme.gray500,"--amino-button-width":h?"fit-content":"auto"}),tabIndex:"div"===H?0:void 0},uo),{},{children:[(w=z||function(){switch(E){case"primary":return C?"info":"white";case"success":return C?"success":"white";case"warning":return C?"warning":"white";case"danger":return C?"danger":"white";case"purple":return C?"purple":"white";case"cyan":return C?"cyan":"white";case"inverted":return"white";case"link":case"inlineLink":return"info";default:return"black"}}(),s.jsxs(s.Fragment,{children:[!y&&s.jsx("span",{className:c.content,children:x}),s.jsx("div",{className:B.default(c.content,c.text),children:l}),y&&s.jsx("span",{className:c.content,children:x}),"plain"!==E&&"text"!==E&&f&&s.jsxs("span",{className:c.spinnerWrapper,children:[s.jsx(i.Spinner,{color:w,size:F()}),S]})]})),to&&s.jsx(e.RippleGroup,{ref:Z})]}))};

package/components/button/ButtonIcon.d.ts

@@ -0,0 +1,5 @@
+import { type ButtonProps } from "./Button";
+/**
+ * A Button that is just an icon.
+ */
+export declare const ButtonIcon: ({ className, style, ...props }: ButtonProps) => import("react").JSX.Element;

package/components/button/ButtonIcon.js

@@ -1 +1 @@
-"use strict";var o=require("../../_rollupPluginBabelHelpers-77a6284f.js"),e=require("../../tslib.es6-8c21e256.js"),t=require("clsx"),n=require("./Button.js"),r=require("../../style-inject.es-d4ddeae4.js");function u(o){return o&&o.__esModule?o:{default:o}}require("react"),require("./RippleGroup.js"),require("framer-motion"),require("uuid"),require("./_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("./useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js");var i=u(t),s="Amino_ButtonIcon-module__buttonIcon--Tpzdm";r.styleInject(".Amino_ButtonIcon-module__buttonIcon--Tpzdm{padding:0}.Amino_ButtonIcon-module__buttonIcon--Tpzdm path[data-is-secondary-color]{fill:var(--amino-gray-200)}.Amino_ButtonIcon-module__buttonIcon--Tpzdm,.Amino_ButtonIcon-module__buttonIcon--Tpzdm:active,.Amino_ButtonIcon-module__buttonIcon--Tpzdm:focus,.Amino_ButtonIcon-module__buttonIcon--Tpzdm:hover{background:#0000;color:var(--amino-gray-800)}.Amino_ButtonIcon-module__buttonIcon--Tpzdm:hover path[data-is-secondary-color]{fill:var(--amino-gray-300)}.Amino_ButtonIcon-module__buttonIcon--Tpzdm:active path[data-is-secondary-color],.Amino_ButtonIcon-module__buttonIcon--Tpzdm:focus path[data-is-secondary-color]{fill:var(--amino-gray-400)}");exports.ButtonIcon=function(t){var r=t.className,u=t.style,a=e.__rest(t,["className","style"]);return React.createElement(n.Button,o._extends({className:i.default(s,r),style:u},a))};
+"use strict";var o=require("../../_rollupPluginBabelHelpers-697f213c.js"),e=require("../../tslib.es6-8c21e256.js"),t=require("clsx"),n=require("./Button.js"),r=require("../../style-inject.es-d4ddeae4.js"),u=require("react/jsx-runtime");function i(o){return o&&o.__esModule?o:{default:o}}require("react"),require("./RippleGroup.js"),require("framer-motion"),require("uuid"),require("./_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("./useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js");var s=i(t),a="Amino_ButtonIcon-module__buttonIcon--Tpzdm";r.styleInject(".Amino_ButtonIcon-module__buttonIcon--Tpzdm{padding:0}.Amino_ButtonIcon-module__buttonIcon--Tpzdm path[data-is-secondary-color]{fill:var(--amino-gray-200)}.Amino_ButtonIcon-module__buttonIcon--Tpzdm,.Amino_ButtonIcon-module__buttonIcon--Tpzdm:active,.Amino_ButtonIcon-module__buttonIcon--Tpzdm:focus,.Amino_ButtonIcon-module__buttonIcon--Tpzdm:hover{background:#0000;color:var(--amino-gray-800)}.Amino_ButtonIcon-module__buttonIcon--Tpzdm:hover path[data-is-secondary-color]{fill:var(--amino-gray-300)}.Amino_ButtonIcon-module__buttonIcon--Tpzdm:active path[data-is-secondary-color],.Amino_ButtonIcon-module__buttonIcon--Tpzdm:focus path[data-is-secondary-color]{fill:var(--amino-gray-400)}");exports.ButtonIcon=function(t){var r=t.className,i=t.style,c=e.__rest(t,["className","style"]);return u.jsx(n.Button,o._objectSpread2({className:s.default(a,r),style:i},c))};

package/components/button/MenuButton.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+import { type UseDropdownParams } from "../../utils/hooks/useDropdown";
+export type MenuButtonProps = BaseProps & {
+    action: ReactNode;
+    children: ReactNode;
+    dropdownOptions?: UseDropdownParams;
+    /**
+     * Close the menu when the mouse leaves the dropdown/parent.
+     * @default false
+     */
+    noCloseOnMouseLeave?: boolean;
+    /**
+     * Close the menu when clicking anywhere in the the dropdown.
+     * @default false
+     */
+    noCloseOnSelect?: boolean;
+};
+export declare const MenuButton: ({ action, children, className, dropdownOptions, noCloseOnMouseLeave, noCloseOnSelect, style, }: MenuButtonProps) => import("react").JSX.Element;

package/components/button/MenuButton.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-8c21e256.js"),n=require("clsx"),t=require("../../utils/hooks/useDropdown.js"),o=require("../../style-inject.es-d4ddeae4.js");function a(e){return e&&e.__esModule?e:{default:e}}require("react"),require("@floating-ui/react");var i=a(n),r="Amino_MenuButton-module__wrapper--8bJ9E",s="Amino_MenuButton-module__dropdownWrapper--PvG4F",u="Amino_MenuButton-module__animatedSurface--rmPwS";o.styleInject("@keyframes Amino_MenuButton-module__DropdownAnimation--lHvDn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes Amino_MenuButton-module__DropdownAnimationInverse--INu3m{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.Amino_MenuButton-module__wrapper--8bJ9E{display:inline-flex;position:relative}.Amino_MenuButton-module__dropdownWrapper--PvG4F{min-width:100%;z-index:10}.Amino_MenuButton-module__animatedSurface--rmPwS{animation:Amino_MenuButton-module__DropdownAnimation--lHvDn .25s ease-in-out;animation-fill-mode:both;background:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);margin-top:var(--amino-space-4);min-width:100%;padding:var(--amino-space-8);right:0;width:-webkit-max-content;width:max-content}");exports.MenuButton=function(n){var o=n.action,a=n.children,l=n.className,m=n.dropdownOptions,d=n.noCloseOnMouseLeave,c=void 0!==d&&d,p=n.noCloseOnSelect,_=void 0!==p&&p,f=n.style,v=t.useDropdown(e.__assign({offsetCrossAxis:0,offsetMainAxis:0},m)),w=v.floatingStyles,y=v.refs,b=v.setVisible,A=v.visibility,M=v.visible,g=v.wrapperRef,x=function(e){e.stopPropagation(),_||b(!1)};return React.createElement("div",{ref:g,className:i.default(r,l),onMouseLeave:function(){c||b(!1)},style:f},React.createElement("div",{ref:y.setReference,className:"menu-button-action",onClick:function(e){e.stopPropagation(),b(!0)},onKeyDown:function(e){"Enter"===e.key&&b(!0)},role:"button",tabIndex:0},o),React.createElement("div",{ref:y.setFloating,className:s,style:e.__assign(e.__assign({},w),{visibility:A})},M&&React.createElement("div",{className:u,onClick:x,onKeyDown:function(e){"Enter"===e.key&&x(e)},role:"button",tabIndex:-1},a)))};
+"use strict";var e=require("../../tslib.es6-8c21e256.js"),n=require("clsx"),o=require("../../utils/hooks/useDropdown.js"),t=require("../../style-inject.es-d4ddeae4.js"),i=require("react/jsx-runtime");function a(e){return e&&e.__esModule?e:{default:e}}require("react"),require("@floating-ui/react");var r=a(n),s="Amino_MenuButton-module__wrapper--8bJ9E",u="Amino_MenuButton-module__dropdownWrapper--PvG4F",l="Amino_MenuButton-module__animatedSurface--rmPwS";t.styleInject("@keyframes Amino_MenuButton-module__DropdownAnimation--lHvDn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes Amino_MenuButton-module__DropdownAnimationInverse--INu3m{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.Amino_MenuButton-module__wrapper--8bJ9E{display:inline-flex;position:relative}.Amino_MenuButton-module__dropdownWrapper--PvG4F{min-width:100%;z-index:10}.Amino_MenuButton-module__animatedSurface--rmPwS{animation:Amino_MenuButton-module__DropdownAnimation--lHvDn .25s ease-in-out;animation-fill-mode:both;background:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);margin-top:var(--amino-space-4);min-width:100%;padding:var(--amino-space-8);right:0;width:-webkit-max-content;width:max-content}");exports.MenuButton=function(n){var t=n.action,a=n.children,d=n.className,m=n.dropdownOptions,c=n.noCloseOnMouseLeave,p=void 0!==c&&c,_=n.noCloseOnSelect,f=void 0!==_&&_,v=n.style,w=o.useDropdown(e.__assign({offsetCrossAxis:0,offsetMainAxis:0},m)),y=w.floatingStyles,x=w.refs,b=w.setVisible,h=w.visibility,A=w.visible,M=w.wrapperRef,g=function(e){e.stopPropagation(),f||b(!1)};return i.jsxs("div",{ref:M,className:r.default(s,d),onMouseLeave:function(){p||b(!1)},style:v,children:[i.jsx("div",{ref:x.setReference,className:"menu-button-action",onClick:function(e){e.stopPropagation(),b(!0)},onKeyDown:function(e){"Enter"===e.key&&b(!0)},role:"button",tabIndex:0,children:t}),i.jsx("div",{ref:x.setFloating,className:u,style:e.__assign(e.__assign({},y),{visibility:h}),children:A&&i.jsx("div",{className:l,onClick:g,onKeyDown:function(e){"Enter"===e.key&&g(e)},role:"button",tabIndex:-1,children:a})})]})};

package/components/button/RippleGroup.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import type { Color } from "../../types/Color";
+export type RippleActions = {
+    start: (event: React.SyntheticEvent) => void;
+};
+export type RippleGroupProps = {
+    /**
+     * @default 'inherit'
+     */
+    color?: Color;
+    /**
+     * @default 200 ms
+     */
+    duration?: number;
+    /**
+     * @default 0.12
+     */
+    opacity?: number;
+    style?: React.CSSProperties;
+};
+export declare const RippleGroup: React.ForwardRefExoticComponent<RippleGroupProps & React.RefAttributes<RippleActions>>;

package/components/button/RippleGroup.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("react"),t=require("framer-motion"),o=require("uuid"),i=require("./_Ripple.js"),n=require("../../utils/getAminoColor.js"),a=require("../../style-inject.es-d4ddeae4.js");function p(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}require("../../styles/constants/theme.js");var l=p(r),u="Amino_RippleGroup-module__rippleRoot--P9-SZ",c="Amino_RippleGroup-module__ripple--wlFDq";a.styleInject(".Amino_RippleGroup-module__rippleRoot--P9-SZ{border-radius:inherit;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.Amino_RippleGroup-module__rippleRoot--P9-SZ .Amino_RippleGroup-module__ripple--wlFDq{animation:Amino_RippleGroup-module__rippleAnimation--X2a5Y var(--amino-ripple-group-duration) ease-out;background-color:var(--amino-ripple-group-color);border-radius:50%;opacity:var(--amino-ripple-group-opacity);overflow:hidden;position:absolute;transform:scale(4)}@keyframes Amino_RippleGroup-module__rippleAnimation--X2a5Y{0%{opacity:.1;transform:scale(0)}to{opacity:var(--amino-ripple-group-opacity);transform:scale(4)}}");var s=function(e,r){var t=r.getBoundingClientRect(),o=Math.max(t.width,t.height),i=o/2,n=e,a=n.clientX,p=n.clientY;return{height:o,left:(a||0)-t.left-i,top:(p||0)-t.top-i,width:o}},m=l.forwardRef((function(r,a){var p=r.color,m=r.duration,d=void 0===m?200:m,_=r.opacity,f=void 0===_?.12:_,y=r.style,g=e.__read(l.useState([]),2),v=g[0],R=g[1],b=l.useRef(null),h=function(){return R((function(e){return e.slice(1)}))},A=l.useCallback((function(r){if(b.current){var t={className:c,destroy:h,duration:d,rippleStyle:s(r,b.current)};R((function(r){return e.__spreadArray(e.__spreadArray([],e.__read(r),!1),[{element:l.createElement(i.Ripple,t),key:o.v4()}],!1)}))}}),[d]);return l.useImperativeHandle(a,(function(){return{start:A}}),[A]),l.createElement("span",{ref:b,className:u,style:e.__assign(e.__assign({},y),{"--amino-ripple-group-color":n.getAminoColor(p)||"currentColor","--amino-ripple-group-duration":"".concat(Math.max(d,600),"ms"),"--amino-ripple-group-opacity":f})},l.createElement(t.AnimatePresence,null,v.map((function(e){return l.createElement(t.motion.div,{key:e.key,animate:{opacity:1},exit:{opacity:0},initial:{opacity:1}},e.element)}))))}));exports.RippleGroup=m;
+"use strict";var e=require("../../_rollupPluginBabelHelpers-697f213c.js"),r=require("../../tslib.es6-8c21e256.js"),i=require("react"),o=require("framer-motion"),t=require("uuid"),n=require("./_Ripple.js"),a=require("../../utils/getAminoColor.js"),p=require("../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");function u(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var o=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(r,i,o.get?o:{enumerable:!0,get:function(){return e[i]}})}})),r.default=e,Object.freeze(r)}require("../../styles/constants/theme.js");var s=u(i),c="Amino_RippleGroup-module__rippleRoot--P9-SZ",m="Amino_RippleGroup-module__ripple--wlFDq";p.styleInject(".Amino_RippleGroup-module__rippleRoot--P9-SZ{border-radius:inherit;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.Amino_RippleGroup-module__rippleRoot--P9-SZ .Amino_RippleGroup-module__ripple--wlFDq{animation:Amino_RippleGroup-module__rippleAnimation--X2a5Y var(--amino-ripple-group-duration) ease-out;background-color:var(--amino-ripple-group-color);border-radius:50%;opacity:var(--amino-ripple-group-opacity);overflow:hidden;position:absolute;transform:scale(4)}@keyframes Amino_RippleGroup-module__rippleAnimation--X2a5Y{0%{opacity:.1;transform:scale(0)}to{opacity:var(--amino-ripple-group-opacity);transform:scale(4)}}");var d=function(e,r){var i=r.getBoundingClientRect(),o=Math.max(i.width,i.height),t=o/2,n=e,a=n.clientX,p=n.clientY;return{height:o,left:(a||0)-i.left-t,top:(p||0)-i.top-t,width:o}},_=s.forwardRef((function(i,p){var u=i.color,_=i.duration,f=void 0===_?200:_,y=i.opacity,g=void 0===y?.12:y,v=i.style,j=r.__read(s.useState([]),2),h=j[0],b=j[1],R=s.useRef(null),A=function(){return b((function(e){return e.slice(1)}))},q=s.useCallback((function(i){if(R.current){var o={className:m,destroy:A,duration:f,rippleStyle:d(i,R.current)};b((function(i){return r.__spreadArray(r.__spreadArray([],r.__read(i),!1),[{element:l.jsx(n.Ripple,e._objectSpread2({},o)),key:t.v4()}],!1)}))}}),[f]);return s.useImperativeHandle(p,(function(){return{start:q}}),[q]),l.jsx("span",{ref:R,className:c,style:r.__assign(r.__assign({},v),{"--amino-ripple-group-color":a.getAminoColor(u)||"currentColor","--amino-ripple-group-duration":"".concat(Math.max(f,600),"ms"),"--amino-ripple-group-opacity":g}),children:l.jsx(o.AnimatePresence,{children:h.map((function(e){return l.jsx(o.motion.div,{animate:{opacity:1},exit:{opacity:0},initial:{opacity:1},children:e.element},e.key)}))})})}));exports.RippleGroup=_;

package/components/button/_Ripple.d.ts

@@ -0,0 +1,15 @@
+export type RippleProps = {
+    className: string;
+    /** Removes the ripple */
+    destroy: () => void;
+    /** duration of the ripple */
+    duration: number;
+    rippleStyle: {
+        height: number;
+        left: number;
+        top: number;
+        width: number;
+    };
+    style?: React.CSSProperties;
+};
+export declare const Ripple: ({ className, destroy, duration, rippleStyle, style, }: RippleProps) => import("react").JSX.Element;

package/components/button/_Ripple.js

@@ -1 +1 @@
-"use strict";var t=require("../../tslib.es6-8c21e256.js"),e=require("react");exports.Ripple=function(c){var s=c.className,a=c.destroy,i=c.duration,n=c.rippleStyle,r=c.style;return e.useEffect((function(){var t=setTimeout((function(){a()}),i);return function(){clearTimeout(t)}}),[a,i]),React.createElement("span",{className:s,style:t.__assign(t.__assign({},r),{height:"".concat(n.height,"px"),left:"".concat(n.left,"px"),top:"".concat(n.top,"px"),width:"".concat(n.width,"px")})})};
+"use strict";var t=require("../../tslib.es6-8c21e256.js"),e=require("react"),r=require("react/jsx-runtime");exports.Ripple=function(s){var i=s.className,c=s.destroy,n=s.duration,a=s.rippleStyle,o=s.style;return e.useEffect((function(){var t=setTimeout((function(){c()}),n);return function(){clearTimeout(t)}}),[c,n]),r.jsx("span",{className:i,style:t.__assign(t.__assign({},o),{height:"".concat(a.height,"px"),left:"".concat(a.left,"px"),top:"".concat(a.top,"px"),width:"".concat(a.width,"px")})})};

package/components/button/button-group/ButtonGroup.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+type ButtonGroupProps = {
+    /**
+     * @note The children of the ButtonGroup component must be Amino Button components
+     */
+    children: ReactNode;
+};
+export declare const ButtonGroup: ({ children }: ButtonGroupProps) => import("react").JSX.Element;
+export {};

package/components/button/button-group/ButtonGroup.js

@@ -1 +1 @@
-"use strict";var o=require("../../flex/Flex.js"),t=require("../../../style-inject.es-d4ddeae4.js");require("../../../_rollupPluginBabelHelpers-77a6284f.js"),require("../../../tslib.es6-8c21e256.js"),require("clsx");var u="Amino_ButtonGroup-module__buttonGroup--sNViN";t.styleInject('.Amino_ButtonGroup-module__buttonGroup--sNViN{border-radius:var(--amino-radius-6);box-shadow:var(--amino-shadow-raised-standard);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Amino_ButtonGroup-module__buttonGroup--sNViN .menu-button-action *,.Amino_ButtonGroup-module__buttonGroup--sNViN .menu-button-action :focus,.Amino_ButtonGroup-module__buttonGroup--sNViN>*,.Amino_ButtonGroup-module__buttonGroup--sNViN>.tooltip-wrapper>*,.Amino_ButtonGroup-module__buttonGroup--sNViN>.tooltip-wrapper>:focus,.Amino_ButtonGroup-module__buttonGroup--sNViN>:focus{box-shadow:none!important}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child),.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child) .menu-button-action *,.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child).tooltip-wrapper>*{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child){position:relative}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child):after{background:#00000029;bottom:0;content:"";position:absolute;right:0;top:0;width:1px;z-index:1}[data-theme=night] .Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child):after{background:#ffffff1f}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child),.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child) .menu-button-action *,.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child).tooltip-wrapper>*{border-bottom-right-radius:0;border-top-right-radius:0}');exports.ButtonGroup=function(t){var n=t.children;return React.createElement(o.Flex,{className:u,gap:0},n)};
+"use strict";var o=require("../../flex/Flex.js"),t=require("../../../style-inject.es-d4ddeae4.js"),u=require("react/jsx-runtime");require("../../../_rollupPluginBabelHelpers-697f213c.js"),require("../../../tslib.es6-8c21e256.js"),require("clsx");var n="Amino_ButtonGroup-module__buttonGroup--sNViN";t.styleInject('.Amino_ButtonGroup-module__buttonGroup--sNViN{border-radius:var(--amino-radius-6);box-shadow:var(--amino-shadow-raised-standard);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Amino_ButtonGroup-module__buttonGroup--sNViN .menu-button-action *,.Amino_ButtonGroup-module__buttonGroup--sNViN .menu-button-action :focus,.Amino_ButtonGroup-module__buttonGroup--sNViN>*,.Amino_ButtonGroup-module__buttonGroup--sNViN>.tooltip-wrapper>*,.Amino_ButtonGroup-module__buttonGroup--sNViN>.tooltip-wrapper>:focus,.Amino_ButtonGroup-module__buttonGroup--sNViN>:focus{box-shadow:none!important}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child),.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child) .menu-button-action *,.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child).tooltip-wrapper>*{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child){position:relative}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child):after{background:#00000029;bottom:0;content:"";position:absolute;right:0;top:0;width:1px;z-index:1}[data-theme=night] .Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child):after{background:#ffffff1f}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child),.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child) .menu-button-action *,.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child).tooltip-wrapper>*{border-bottom-right-radius:0;border-top-right-radius:0}');exports.ButtonGroup=function(t){var r=t.children;return u.jsx(o.Flex,{className:n,gap:0,children:r})};

package/components/button/useRipple.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { RippleActions } from "./RippleGroup";
+type RippleEventHandlers = {
+    onMouseDown: React.MouseEventHandler;
+};
+type Props = {
+    disabled: boolean;
+    rippleEnabled: boolean;
+    rippleRef: React.RefObject<RippleActions>;
+};
+type Return = {
+    /** Combines event handlers */
+    getRippleHandlers(otherEvents: Partial<RippleEventHandlers>): RippleEventHandlers;
+    rippleEnabled: boolean;
+};
+export declare const useRipple: ({ disabled, rippleEnabled, rippleRef, }: Props) => Return;
+export {};

package/components/card/Card.d.ts

@@ -0,0 +1,68 @@
+import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+export type CardProps = BaseProps & {
+    actions?: ReactNode;
+    children: ReactNode;
+    footerActions?: ReactNode;
+    footerContent?: ReactNode;
+    footerHeight?: number;
+    label?: ReactNode;
+    spacing?: string;
+};
+/**
+ * Card component provides a container with optional header, content area, and footer.
+ * It's commonly used to group related information and controls.
+ *
+ * @example Basic card
+ * <Card label="Basic Card">
+ *   This is the content of the card.
+ * </Card>
+ *
+ * @example Card with header actions
+ * <Card
+ *   label="Card With Actions"
+ *   actions={<Button>Edit</Button>}
+ * >
+ *   Card content with header action button.
+ * </Card>
+ *
+ * @example Card with footer
+ * <Card
+ *   label="Card With Footer"
+ *   footerContent="Footer information"
+ *   footerActions={<Button>Save</Button>}
+ * >
+ *   Card content with footer.
+ * </Card>
+ *
+ * @example Card with multiple footer actions
+ * <Card
+ *   label="Card With Multiple Actions"
+ *   footerActions={
+ *     <>
+ *       <Button variant="subtle">Cancel</Button>
+ *       <Button variant="primary">Submit</Button>
+ *     </>
+ *   }
+ * >
+ *   Card with multiple action buttons in the footer.
+ * </Card>
+ *
+ * @example Card with custom footer height
+ * <Card
+ *   label="Card With Custom Footer Height"
+ *   footerContent="This footer has a fixed height"
+ *   footerHeight={120}
+ * >
+ *   Card with a fixed height footer.
+ * </Card>
+ *
+ * @example Card with custom spacing
+ * <Card
+ *   label="Card With Custom Spacing"
+ *   spacing="16px"
+ * >
+ *   Card content with custom internal spacing.
+ * </Card>
+ */
+export declare const Card: ({ actions, children, className, footerActions, footerContent, footerHeight, label, spacing, style, }: CardProps) => import("react").JSX.Element;

package/components/card/Card.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-8c21e256.js"),a=require("clsx"),r=require("../stack/HStack.js"),t=require("../text/Text.js"),i=require("../../styles/constants/theme.js"),n=require("../../style-inject.es-d4ddeae4.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-77a6284f.js"),require("../stack/Stack.js");var c=o(a),d="Amino_Card-module__card--DJCwk",m="Amino_Card-module__cardHeader--UBcny",s="Amino_Card-module__cardFooter--Ea-tJ";n.styleInject(".Amino_Card-module__card--DJCwk{background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);padding:var(--amino-card-padding-spacing)}.Amino_Card-module__cardHeader--UBcny{align-items:center;border-bottom:var(--amino-border);display:flex;height:65px;line-height:65px;margin:var(--amino-card-margin);margin-bottom:var(--amino-card-margin-bottom);padding:var(--amino-card-padding-spacing);-webkit-user-select:none;user-select:none}.Amino_Card-module__cardHeader--UBcny h5{flex:1;margin-bottom:0}.Amino_Card-module__cardFooter--Ea-tJ{align-items:center;background:var(--amino-surface-color-secondary);border-bottom-left-radius:var(--amino-radius-8);border-bottom-right-radius:var(--amino-radius-8);border-top:var(--amino-border);display:flex;height:var(--amino-card-footer-height);justify-content:space-between;margin:var(--amino-card-margin);margin-top:var(--amino-card-margin-top);padding:var(--amino-card-padding-spacing)}");exports.Card=function(a){var n=a.actions,o=a.children,l=a.className,g=a.footerActions,u=a.footerContent,p=a.footerHeight,_=a.label,b=a.spacing,v=a.style;return React.createElement("div",{className:c.default(l,d),style:e.__assign(e.__assign({},v),{"--amino-card-footer-height":p?"".concat(p,"px"):"auto","--amino-card-margin":b?"calc(".concat(b," * -1)"):i.theme.spaceNegative24,"--amino-card-margin-bottom":b||i.theme.space24,"--amino-card-margin-top":b||i.theme.space24,"--amino-card-padding-spacing":b||i.theme.space24})},_&&React.createElement("div",{className:m},React.createElement(t.Text,{type:"subheader"},_),React.createElement(r.HStack,{spacing:8},n)),o,(g||u)&&React.createElement("div",{className:s},React.createElement("div",null,u),React.createElement(r.HStack,{spacing:8},g)))};
+"use strict";var a=require("../../tslib.es6-8c21e256.js"),r=require("clsx"),e=require("../stack/HStack.js"),i=require("../text/Text.js"),n=require("../../styles/constants/theme.js"),o=require("../../style-inject.es-d4ddeae4.js"),t=require("react/jsx-runtime");function d(a){return a&&a.__esModule?a:{default:a}}require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../stack/Stack.js");var s=d(r),c="Amino_Card-module__card--DJCwk",m="Amino_Card-module__cardHeader--UBcny",l="Amino_Card-module__cardFooter--Ea-tJ";o.styleInject(".Amino_Card-module__card--DJCwk{background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);padding:var(--amino-card-padding-spacing)}.Amino_Card-module__cardHeader--UBcny{align-items:center;border-bottom:var(--amino-border);display:flex;height:65px;line-height:65px;margin:var(--amino-card-margin);margin-bottom:var(--amino-card-margin-bottom);padding:var(--amino-card-padding-spacing);-webkit-user-select:none;user-select:none}.Amino_Card-module__cardHeader--UBcny h5{flex:1;margin-bottom:0}.Amino_Card-module__cardFooter--Ea-tJ{align-items:center;background:var(--amino-surface-color-secondary);border-bottom-left-radius:var(--amino-radius-8);border-bottom-right-radius:var(--amino-radius-8);border-top:var(--amino-border);display:flex;height:var(--amino-card-footer-height);justify-content:space-between;margin:var(--amino-card-margin);margin-top:var(--amino-card-margin-top);padding:var(--amino-card-padding-spacing)}");exports.Card=function(r){var o=r.actions,d=r.children,g=r.className,u=r.footerActions,p=r.footerContent,_=r.footerHeight,h=r.label,b=r.spacing,v=r.style;return t.jsxs("div",{className:s.default(g,c),style:a.__assign(a.__assign({},v),{"--amino-card-footer-height":_?"".concat(_,"px"):"auto","--amino-card-margin":b?"calc(".concat(b," * -1)"):n.theme.spaceNegative24,"--amino-card-margin-bottom":b||n.theme.space24,"--amino-card-margin-top":b||n.theme.space24,"--amino-card-padding-spacing":b||n.theme.space24}),children:[h&&t.jsxs("div",{className:m,children:[t.jsx(i.Text,{type:"subheader",children:h}),t.jsx(e.HStack,{spacing:8,children:o})]}),d,(u||p)&&t.jsxs("div",{className:l,children:[t.jsx("div",{children:p}),t.jsx(e.HStack,{spacing:8,children:u})]})]})};

package/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,86 @@
+import { type ChangeEvent, type ComponentPropsWithoutRef, type KeyboardEvent, type ReactNode } from 'react';
+import { type HelpTextProps } from "../help-text/HelpText";
+import type { BaseProps } from "../../types/BaseProps";
+export type CheckboxProps = Omit<ComponentPropsWithoutRef<'label'>, 'onClick' | 'onChange'> & BaseProps & HelpTextProps & {
+    checked: boolean;
+    disabled?: boolean;
+    icon?: ReactNode;
+    label?: string;
+    labelComponent?: ReactNode;
+    labelDescription?: string;
+    onChange: (checked: boolean, event: ChangeEvent<HTMLInputElement> | KeyboardEvent<HTMLInputElement>) => void;
+    subtitle?: ReactNode;
+};
+/**
+ * Checkbox component that allows users to select one or more options.
+ * Features include custom styling, animations, and support for various states.
+ *
+ * @example Basic checkbox
+ * <Checkbox
+ *   label="Accept terms and conditions"
+ *   checked={isChecked}
+ *   onChange={setIsChecked}
+ * />
+ *
+ * @example With help text
+ * <Checkbox
+ *   label="Subscribe to newsletter"
+ *   checked={subscribed}
+ *   onChange={setSubscribed}
+ *   helpText="You'll receive updates about our products"
+ * />
+ *
+ * @example With error state
+ * <Checkbox
+ *   label="I agree to terms and conditions"
+ *   checked={agreed}
+ *   onChange={setAgreed}
+ *   error={true}
+ *   helpText="You must agree to the terms to continue"
+ * />
+ *
+ * @example Disabled state
+ * <Checkbox
+ *   label="Premium features"
+ *   checked={hasPremium}
+ *   onChange={setHasPremium}
+ *   disabled={true}
+ * />
+ *
+ * @example With icon
+ * <Checkbox
+ *   label="Enable notifications"
+ *   checked={notificationsEnabled}
+ *   onChange={setNotificationsEnabled}
+ *   icon={<BellIcon size={16} />}
+ * />
+ *
+ * @example With subtitle
+ * <Checkbox
+ *   label="Enable dark mode"
+ *   checked={darkMode}
+ *   onChange={setDarkMode}
+ *   subtitle="Changes the appearance of the application"
+ * />
+ *
+ * @example With label description
+ * <Checkbox
+ *   label="Remember me"
+ *   labelDescription="(Optional)"
+ *   checked={rememberMe}
+ *   onChange={setRememberMe}
+ * />
+ *
+ * @example With custom label component
+ * <Checkbox
+ *   labelComponent={
+ *     <div style={{ display: 'flex', alignItems: 'center' }}>
+ *       <Text>Custom label</Text>
+ *       <Text color="red500" style={{ marginLeft: '8px' }}>*</Text>
+ *     </div>
+ *   }
+ *   checked={customLabel}
+ *   onChange={setCustomLabel}
+ * />
+ */
+export declare const Checkbox: ({ checked, className, disabled, error, helpText, icon, label, labelComponent, labelDescription, onChange, style, subtitle, ...props }: CheckboxProps) => import("react").JSX.Element;

package/components/checkbox/Checkbox.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-77a6284f.js"),o=require("../../tslib.es6-8c21e256.js"),a=require("react"),n=require("clsx"),i=require("framer-motion"),t=require("../help-text/HelpText.js"),c=require("../text/Text.js"),l=require("../../icons/CheckmarkIcon.js"),r=require("../../styles/constants/theme.js"),m=require("../../global.module-569e4fd5.js"),d=require("../../utils/getTestId.js"),s=require("../../style-inject.es-d4ddeae4.js");function b(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var _=b(n),h="Amino_Checkbox-module__wrapper--PnUGD",x="Amino_Checkbox-module__checkboxContainer--T3dHf",u="Amino_Checkbox-module__disabled--5BFJi",k="Amino_Checkbox-module__aminoCheckbox--s-hZQ",p="Amino_Checkbox-module__styledLabel--nNdgS",C="Amino_Checkbox-module__styledSubtitle--F4Zg5",g="Amino_Checkbox-module__labelWrapper--opXpk",y="Amino_Checkbox-module__infoWrapper--0j0cc",A="Amino_Checkbox-module__styledLabelDescription--m4mFs";s.styleInject(".Amino_Checkbox-module__wrapper--PnUGD{cursor:pointer}.Amino_Checkbox-module__checkboxContainer--T3dHf{display:flex;flex-direction:row}.Amino_Checkbox-module__checkboxContainer--T3dHf,.Amino_Checkbox-module__checkboxContainer--T3dHf *{pointer-events:none;-webkit-user-select:none;user-select:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi{cursor:not-allowed}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__aminoCheckbox--s-hZQ{background:var(--amino-checkbox-disabled-background);border:var(--amino-checkbox-disabled-border);box-shadow:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledLabel--nNdgS{color:var(--amino-gray-600)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledSubtitle--F4Zg5{color:var(--amino-gray-400)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__labelWrapper--opXpk svg{opacity:var(--amino-opacity-disabled)}.Amino_Checkbox-module__aminoCheckbox--s-hZQ{align-items:center;background:var(--amino-checkbox-background);border:var(--amino-checkbox-border);border-radius:var(--amino-radius-4);box-shadow:var(--amino-checkbox-box-shadow);display:flex;height:16px;justify-content:center;line-height:16px;min-height:16px;min-width:16px;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:16px}.Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{box-shadow:0 2px 4px #0000000f,0 1px 2px #0000000a;color:var(--amino-gray-0);height:16px;width:16px}[data-theme=night] .Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{color:var(--amino-gray-1000)}.Amino_Checkbox-module__infoWrapper--0j0cc{margin-left:8px}.Amino_Checkbox-module__styledLabelDescription--m4mFs{color:var(--amino-gray-600);margin-left:4px}.Amino_Checkbox-module__styledLabel--nNdgS.Amino_Checkbox-module__styledLabel--nNdgS{margin-bottom:0}.Amino_Checkbox-module__styledSubtitle--F4Zg5{margin-left:24px;margin-top:4px}.Amino_Checkbox-module__labelWrapper--opXpk{align-items:center;display:flex;line-height:16px}.Amino_Checkbox-module__labelWrapper--opXpk svg{margin-right:4px}");var f=i.motion(l.CheckmarkIcon),v=function(e,o){return e?o?r.theme.danger:r.theme.primary:r.theme.inputBackground},T=function(e,o){return e?"none":"1.5px solid ".concat(o?r.theme.danger:r.theme.gray400)};exports.Checkbox=function(n){var l=n.checked,s=void 0!==l&&l,b=n.className,w=n.disabled,N=n.error,j=void 0!==N&&N,E=n.helpText,q=n.icon,H=n.label,R=n.labelComponent,F=n.labelDescription,B=n.onChange,S=n.style,I=n.subtitle,Z=o.__rest(n,["checked","className","disabled","error","helpText","icon","label","labelComponent","labelDescription","onChange","style","subtitle"]),D=a.useId(),L=a.useMemo((function(){return d.getTestId({componentName:"checkbox",name:H})}),[H]),J=function(e){w||B(!s,e)};return React.createElement("label",e._extends({className:_.default(m.globalStyles.focusableLabel,h,b),htmlFor:D,style:o.__assign(o.__assign({},S),{"--amino-checkbox-background":v(s,j),"--amino-checkbox-border":T(s,j),"--amino-checkbox-box-shadow":s?r.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":s?r.theme.blue200:"","--amino-checkbox-disabled-border":s?"none":"1.5px solid ".concat(r.theme.gray300)})},Z),React.createElement("input",{checked:s,className:_.default(m.globalStyles.inputHidden,w&&"disabled"),"data-testid":L,id:D,onChange:J,onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||J(e)},tabIndex:0,type:"checkbox"}),React.createElement("div",{className:_.default(x,"amino-input-wrapper",w&&u,w&&"disabled")},React.createElement("div",{className:k},React.createElement(i.AnimatePresence,null,s&&React.createElement(f,{key:"checkbox",animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}}))),R||H&&React.createElement("div",{className:y},React.createElement("div",{className:g},q,React.createElement(c.Text,{className:p,type:"input-label"},H,F&&React.createElement("span",{className:A},F))))),I&&React.createElement("div",{className:C},React.createElement(c.Text,{type:"subtitle"},I)),React.createElement(t.HelpText,{error:j,helpText:E}))};
+"use strict";var e=require("../../_rollupPluginBabelHelpers-697f213c.js"),o=require("../../tslib.es6-8c21e256.js"),i=require("react"),n=require("clsx"),a=require("framer-motion"),l=require("../help-text/HelpText.js"),c=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),t=require("../../styles/constants/theme.js"),s=require("../../global.module-569e4fd5.js"),d=require("../../utils/getTestId.js"),m=require("../../style-inject.es-d4ddeae4.js"),b=require("react/jsx-runtime");function h(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var _=h(n),x="Amino_Checkbox-module__wrapper--PnUGD",u="Amino_Checkbox-module__checkboxContainer--T3dHf",k="Amino_Checkbox-module__disabled--5BFJi",p="Amino_Checkbox-module__aminoCheckbox--s-hZQ",C="Amino_Checkbox-module__styledLabel--nNdgS",g="Amino_Checkbox-module__styledSubtitle--F4Zg5",y="Amino_Checkbox-module__labelWrapper--opXpk",A="Amino_Checkbox-module__infoWrapper--0j0cc",f="Amino_Checkbox-module__styledLabelDescription--m4mFs";m.styleInject(".Amino_Checkbox-module__wrapper--PnUGD{cursor:pointer}.Amino_Checkbox-module__checkboxContainer--T3dHf{display:flex;flex-direction:row}.Amino_Checkbox-module__checkboxContainer--T3dHf,.Amino_Checkbox-module__checkboxContainer--T3dHf *{pointer-events:none;-webkit-user-select:none;user-select:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi{cursor:not-allowed}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__aminoCheckbox--s-hZQ{background:var(--amino-checkbox-disabled-background);border:var(--amino-checkbox-disabled-border);box-shadow:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledLabel--nNdgS{color:var(--amino-gray-600)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledSubtitle--F4Zg5{color:var(--amino-gray-400)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__labelWrapper--opXpk svg{opacity:var(--amino-opacity-disabled)}.Amino_Checkbox-module__aminoCheckbox--s-hZQ{align-items:center;background:var(--amino-checkbox-background);border:var(--amino-checkbox-border);border-radius:var(--amino-radius-4);box-shadow:var(--amino-checkbox-box-shadow);display:flex;height:16px;justify-content:center;line-height:16px;min-height:16px;min-width:16px;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:16px}.Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{box-shadow:0 2px 4px #0000000f,0 1px 2px #0000000a;color:var(--amino-gray-0);height:16px;width:16px}[data-theme=night] .Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{color:var(--amino-gray-1000)}.Amino_Checkbox-module__infoWrapper--0j0cc{margin-left:8px}.Amino_Checkbox-module__styledLabelDescription--m4mFs{color:var(--amino-gray-600);margin-left:4px}.Amino_Checkbox-module__styledLabel--nNdgS.Amino_Checkbox-module__styledLabel--nNdgS{margin-bottom:0}.Amino_Checkbox-module__styledSubtitle--F4Zg5{margin-left:24px;margin-top:4px}.Amino_Checkbox-module__labelWrapper--opXpk{align-items:center;display:flex;line-height:16px}.Amino_Checkbox-module__labelWrapper--opXpk svg{margin-right:4px}");var j=a.motion(r.CheckmarkIcon),v=function(e,o){return e?o?t.theme.danger:t.theme.primary:t.theme.inputBackground},T=function(e,o){return e?"none":"1.5px solid ".concat(o?t.theme.danger:t.theme.gray400)};exports.Checkbox=function(n){var r=n.checked,m=void 0!==r&&r,h=n.className,w=n.disabled,N=n.error,q=void 0!==N&&N,H=n.helpText,F=n.icon,S=n.label,B=n.labelComponent,I=n.labelDescription,Z=n.onChange,D=n.style,L=n.subtitle,J=o.__rest(n,["checked","className","disabled","error","helpText","icon","label","labelComponent","labelDescription","onChange","style","subtitle"]),W=i.useId(),P=i.useMemo((function(){return d.getTestId({componentName:"checkbox",name:S})}),[S]),Q=function(e){w||Z(!m,e)};return b.jsxs("label",e._objectSpread2(e._objectSpread2({className:_.default(s.globalStyles.focusableLabel,x,h),htmlFor:W,style:o.__assign(o.__assign({},D),{"--amino-checkbox-background":v(m,q),"--amino-checkbox-border":T(m,q),"--amino-checkbox-box-shadow":m?t.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":m?t.theme.blue200:"","--amino-checkbox-disabled-border":m?"none":"1.5px solid ".concat(t.theme.gray300)})},J),{},{children:[b.jsx("input",{checked:m,className:_.default(s.globalStyles.inputHidden,w&&"disabled"),"data-testid":P,id:W,onChange:Q,onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||Q(e)},tabIndex:0,type:"checkbox"}),b.jsxs("div",{className:_.default(u,"amino-input-wrapper",w&&k,w&&"disabled"),children:[b.jsx("div",{className:p,children:b.jsx(a.AnimatePresence,{children:m&&b.jsx(j,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),B||S&&b.jsx("div",{className:A,children:b.jsxs("div",{className:y,children:[F,b.jsxs(c.Text,{className:C,type:"input-label",children:[S,I&&b.jsx("span",{className:f,children:I})]})]})})]}),L&&b.jsx("div",{className:g,children:b.jsx(c.Text,{type:"subtitle",children:L})}),b.jsx(l.HelpText,{error:q,helpText:H})]}))};

package/components/collapse/Collapse.d.ts

@@ -0,0 +1,87 @@
+import type { ReactNode } from 'react';
+import type { CollapseProps as MuiCollapseProps } from '@mui/material/Collapse';
+import type { BaseProps } from "../../types/BaseProps";
+export type CollapseProps = BaseProps & {
+    children: ReactNode;
+    /**
+     * Size when collapsed
+     * @default 0
+     */
+    collapseSize?: number;
+    /**
+     * Collapsed state
+     * @default false
+     */
+    collapsed?: boolean;
+} & Pick<MuiCollapseProps, 'orientation'>;
+/**
+ * Collapse component animates the expansion and collapse of its content.
+ * It's useful for creating accordions, expandable panels, and other interactive UI elements.
+ *
+ * @example Basic usage
+ * const [open, setOpen] = useState(false);
+ *
+ * <Button onClick={() => setOpen(!open)}>
+ *   {open ? 'Hide' : 'Show'} Content
+ * </Button>
+ * <Collapse collapsed={!open}>
+ *   <Card>
+ *     <Text>This content can be hidden or shown.</Text>
+ *   </Card>
+ * </Collapse>
+ *
+ * @example With partial collapse
+ * const [open, setOpen] = useState(false);
+ *
+ * <Button onClick={() => setOpen(!open)}>
+ *   {open ? 'Show Less' : 'Show More'}
+ * </Button>
+ * <Collapse collapsed={!open} collapseSize={50}>
+ *   <Text>
+ *     This text is partially visible even when collapsed,
+ *     showing the first 50px and hiding the rest.
+ *     Click the button to see the full content.
+ *   </Text>
+ * </Collapse>
+ *
+ * @example Horizontal orientation
+ * const [open, setOpen] = useState(false);
+ *
+ * <Button onClick={() => setOpen(!open)}>
+ *   {open ? 'Hide' : 'Show'} Details
+ * </Button>
+ * <Collapse collapsed={!open} orientation="horizontal">
+ *   <Card>
+ *     <Text>Additional details that expand horizontally.</Text>
+ *   </Card>
+ * </Collapse>
+ *
+ * @example In an accordion
+ * const [expandedSection, setExpandedSection] = useState<string | null>(null);
+ *
+ * const toggleSection = (section: string) => {
+ *   setExpandedSection(expandedSection === section ? null : section);
+ * };
+ *
+ * <VStack>
+ *   <Button onClick={() => toggleSection('section1')}>Section 1</Button>
+ *   <Collapse collapsed={expandedSection !== 'section1'}>
+ *     <Text>Content for Section 1</Text>
+ *   </Collapse>
+ *
+ *   <Button onClick={() => toggleSection('section2')}>Section 2</Button>
+ *   <Collapse collapsed={expandedSection !== 'section2'}>
+ *     <Text>Content for Section 2</Text>
+ *   </Collapse>
+ * </VStack>
+ *
+ * @example With custom styling
+ * <Collapse
+ *   collapsed={!isOpen}
+ *   className="custom-collapse"
+ *   style={{ backgroundColor: '#f5f5f5' }}
+ * >
+ *   <Text>Content with custom styling</Text>
+ * </Collapse>
+ */
+export declare const Collapse: ({ children, className, collapsed, collapseSize, orientation, style, }: CollapseProps) => import("react").JSX.Element;

package/components/collapse/Collapse.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}var l=e(require("@mui/material/Collapse"));exports.Collapse=function(e){var a=e.children,t=e.className,i=e.collapsed,o=void 0!==i&&i,r=e.collapseSize,s=void 0===r?0:r,n=e.orientation,c=e.style;return React.createElement(l.default,{className:t,collapsedSize:s,in:!o,orientation:n,style:c},a)};
+"use strict";var e=require("@mui/material/Collapse"),l=require("react/jsx-runtime");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);exports.Collapse=function(e){var r=e.children,i=e.className,t=e.collapsed,s=void 0!==t&&t,o=e.collapseSize,n=void 0===o?0:o,u=e.orientation,c=e.style;return l.jsx(a.default,{className:i,collapsedSize:n,in:!s,orientation:u,style:c,children:r})};