@maelstrom-futurism/button 0.7.4-beta.2 → 0.7.4-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md ADDED
@@ -0,0 +1,27 @@
1
+ # Maelstrom-Futurism
2
+
3
+ > Extremely opinionated framework for super fast webapp development.
4
+
5
+ [Demo & Documentation Website](https://mf.osmstudios.com/)
6
+ [DawsonGoodell.com](https://dawsongoodell.com/)
7
+
8
+ * **Maelstrom** - for speedy development
9
+ * **Futurism** - for sleek, post-modern design
10
+
11
+ ## Should I use this?
12
+
13
+ Probably **not**. This is hardly production ready. MF is a personal project to determine if I still have any web development skills. It is designed to be used by me and is mostly styled via [emotion](https://emotion.sh).
14
+
15
+ ## Button
16
+
17
+ HTML <button/> tag with fancy ripple on click effect.
18
+
19
+ Found in @maelstrom-futurism/button and maelstrom-futurism.
20
+
21
+ ```jsx
22
+ <Button variant="primary" scale="large">Primary</Button>
23
+ <Button variant="secondary" scale="normal">Secondary</Button>
24
+ <Button variant="cancel" scale="small">Cancel</Button>
25
+ <Button variant="ghost">Ghost</Button>
26
+ <Button variant="link">Link</Button>
27
+ ```
package/dist/Button.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { ReactNode } from "react";
2
- import { ButtonProps } from "./types";
1
+ import { ReactNode } from 'react';
2
+ import { ButtonProps } from './types';
3
3
  declare const Button: (props: ButtonProps) => ReactNode;
4
4
  export default Button;
5
5
  //# sourceMappingURL=Button.d.ts.map
@@ -1,4 +1,4 @@
1
- import { SerializedStyles } from "@emotion/react";
1
+ import { SerializedStyles } from '@emotion/react';
2
2
  export declare const ripple: SerializedStyles;
3
3
  export declare const buttonStyle: SerializedStyles;
4
4
  export declare const buttonGroupStyle: SerializedStyles;
@@ -1,4 +1,4 @@
1
- import { ReactNode } from "react";
1
+ import { ReactNode } from 'react';
2
2
  interface ButtonGroupProps {
3
3
  children?: ReactNode;
4
4
  }
@@ -1,4 +1,4 @@
1
- import { ButtonProps } from "./types";
1
+ import { ButtonProps } from './types';
2
2
  interface DropdownButtonProps extends Omit<ButtonProps, "onClick"> {
3
3
  items?: Array<{
4
4
  label: string;
@@ -1,5 +1,5 @@
1
- import { ReactNode } from "react";
2
- import { Theme } from "@maelstrom-futurism/core";
1
+ import { ReactNode } from 'react';
2
+ import { Theme } from '../../core';
3
3
  interface LinkButtonProps {
4
4
  theme: Theme;
5
5
  children?: ReactNode;
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- export { ButtonVariant } from "./types";
2
- export { default as Button } from "./Button";
3
- export { default as ButtonGroup } from "./ButtonGroup";
4
- export { default as DropdownButton } from "./DropdownButton";
1
+ export { type ButtonVariant } from './types';
2
+ export { default as Button } from './Button';
3
+ export { default as ButtonGroup } from './ButtonGroup';
4
+ export { default as DropdownButton } from './DropdownButton';
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
package/dist/index.js CHANGED
@@ -1,4 +1,97 @@
1
- export { default as Button } from "./Button";
2
- export { default as ButtonGroup } from "./ButtonGroup";
3
- export { default as DropdownButton } from "./DropdownButton";
4
- //# sourceMappingURL=index.js.map
1
+ import*as e from"react/jsx-runtime";import{jsx as t}from"react/jsx-runtime";import*as r from"react";import{forwardRef as n,useContext as o,createContext as a,useRef as s,useMemo as c,Suspense as i,useState as l,useEffect as u}from"react";var f=/* @__PURE__ */function(){function e(e){var t=this;this._insertTag=function(e){var r;r=0===t.tags.length?t.insertionPoint?t.insertionPoint.nextSibling:t.prepend?t.container.firstChild:t.before:t.tags[t.tags.length-1].nextSibling,t.container.insertBefore(e,r),t.tags.push(e)},this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(e){e.forEach(this._insertTag)},t.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(function(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}(this));var t=this.tags[this.tags.length-1];if(this.isSpeedy){var r=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(t);try{r.insertRule(e,r.cssRules.length)}catch(n){}}else t.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach(function(e){var t;return null==(t=e.parentNode)?void 0:t.removeChild(e)}),this.tags=[],this.ctr=0},e}(),p="-ms-",d="-moz-",m="-webkit-",h="comm",y="rule",g="decl",v="@keyframes",b=Math.abs,w=String.fromCharCode,x=Object.assign;function $(e){return e.trim()}function C(e,t,r){return e.replace(t,r)}function S(e,t){return e.indexOf(t)}function k(e,t){return 0|e.charCodeAt(t)}function E(e,t,r){return e.slice(t,r)}function A(e){return e.length}function M(e){return e.length}function _(e,t){return t.push(e),e}var P=1,O=1,z=0,L=0,N=0,R="";function j(e,t,r,n,o,a,s){return{value:e,root:t,parent:r,type:n,props:o,children:a,line:P,column:O,length:s,return:""}}function T(e,t){return x(j("",null,null,"",null,null,0),e,{length:-e.length},t)}function Z(){return N=L>0?k(R,--L):0,O--,10===N&&(O=1,P--),N}function F(){return N=L<z?k(R,L++):0,O++,10===N&&(O=1,P++),N}function I(){return k(R,L)}function B(){return L}function D(e,t){return E(R,e,t)}function H(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function V(e){return P=O=1,z=A(R=e),L=0,[]}function G(e){return R="",e}function W(e){return $(D(L-1,q(91===e?e+2:40===e?e+1:e)))}function X(e){for(;(N=I())&&N<33;)F();return H(e)>2||H(N)>3?"":" "}function U(e,t){for(;--t&&F()&&!(N<48||N>102||N>57&&N<65||N>70&&N<97););return D(e,B()+(t<6&&32==I()&&32==F()))}function q(e){for(;F();)switch(N){case e:return L;case 34:case 39:34!==e&&39!==e&&q(N);break;case 40:41===e&&q(e);break;case 92:F()}return L}function J(e,t){for(;F()&&e+N!==57&&(e+N!==84||47!==I()););return"/*"+D(t,L-1)+"*"+w(47===e?e:F())}function Y(e){for(;!H(I());)F();return D(e,L)}function K(e){return G(Q("",null,null,null,[""],e=V(e),0,[0],e))}function Q(e,t,r,n,o,a,s,c,i){for(var l=0,u=0,f=s,p=0,d=0,m=0,h=1,y=1,g=1,v=0,b="",x=o,$=a,E=n,M=b;y;)switch(m=v,v=F()){case 40:if(108!=m&&58==k(M,f-1)){-1!=S(M+=C(W(v),"&","&\f"),"&\f")&&(g=-1);break}case 34:case 39:case 91:M+=W(v);break;case 9:case 10:case 13:case 32:M+=X(m);break;case 92:M+=U(B()-1,7);continue;case 47:switch(I()){case 42:case 47:_(te(J(F(),B()),t,r),i);break;default:M+="/"}break;case 123*h:c[l++]=A(M)*g;case 125*h:case 59:case 0:switch(v){case 0:case 125:y=0;case 59+u:-1==g&&(M=C(M,/\f/g,"")),d>0&&A(M)-f&&_(d>32?re(M+";",n,r,f-1):re(C(M," ","")+";",n,r,f-2),i);break;case 59:M+=";";default:if(_(E=ee(M,t,r,l,u,o,c,b,x=[],$=[],f),a),123===v)if(0===u)Q(M,t,E,E,x,a,f,c,$);else switch(99===p&&110===k(M,3)?100:p){case 100:case 108:case 109:case 115:Q(e,E,E,n&&_(ee(e,E,E,0,0,o,c,b,o,x=[],f),$),o,$,f,c,n?x:$);break;default:Q(M,E,E,E,[""],$,0,c,$)}}l=u=d=0,h=g=1,b=M="",f=s;break;case 58:f=1+A(M),d=m;default:if(h<1)if(123==v)--h;else if(125==v&&0==h++&&125==Z())continue;switch(M+=w(v),v*h){case 38:g=u>0?1:(M+="\f",-1);break;case 44:c[l++]=(A(M)-1)*g,g=1;break;case 64:45===I()&&(M+=W(F())),p=I(),u=f=A(b=M+=Y(B())),v++;break;case 45:45===m&&2==A(M)&&(h=0)}}return a}function ee(e,t,r,n,o,a,s,c,i,l,u){for(var f=o-1,p=0===o?a:[""],d=M(p),m=0,h=0,g=0;m<n;++m)for(var v=0,w=E(e,f+1,f=b(h=s[m])),x=e;v<d;++v)(x=$(h>0?p[v]+" "+w:C(w,/&\f/g,p[v])))&&(i[g++]=x);return j(e,t,r,0===o?y:c,i,l,u)}function te(e,t,r){return j(e,t,r,h,w(N),E(e,2,-2),0)}function re(e,t,r,n){return j(e,t,r,g,E(e,0,n),E(e,n+1,-1),n)}function ne(e,t){for(var r="",n=M(e),o=0;o<n;o++)r+=t(e[o],o,e,t)||"";return r}function oe(e,t,r,n){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case g:return e.return=e.return||e.value;case h:return"";case v:return e.return=e.value+"{"+ne(e.children,n)+"}";case y:e.value=e.props.join(",")}return A(r=ne(e.children,n))?e.return=e.value+"{"+r+"}":""}function ae(e){var t=/* @__PURE__ */Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var se=function(e,t,r){for(var n=0,o=0;n=o,o=I(),38===n&&12===o&&(t[r]=1),!H(o);)F();return D(e,L)},ce=function(e,t){return G(function(e,t){var r=-1,n=44;do{switch(H(n)){case 0:38===n&&12===I()&&(t[r]=1),e[r]+=se(L-1,t,r);break;case 2:e[r]+=W(n);break;case 4:if(44===n){e[++r]=58===I()?"&\f":"",t[r]=e[r].length;break}default:e[r]+=w(n)}}while(n=F());return e}(V(e),t))},ie=/* @__PURE__ */new WeakMap,le=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var t=e.value,r=e.parent,n=e.column===r.column&&e.line===r.line;"rule"!==r.type;)if(!(r=r.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||ie.get(r))&&!n){ie.set(e,!0);for(var o=[],a=ce(t,o),s=r.props,c=0,i=0;c<a.length;c++)for(var l=0;l<s.length;l++,i++)e.props[i]=o[c]?a[c].replace(/&\f/g,s[l]):s[l]+" "+a[c]}}},ue=function(e){if("decl"===e.type){var t=e.value;108===t.charCodeAt(0)&&98===t.charCodeAt(2)&&(e.return="",e.value="")}};function fe(e,t){switch(function(e,t){return 45^k(e,0)?(((t<<2^k(e,0))<<2^k(e,1))<<2^k(e,2))<<2^k(e,3):0}(e,t)){case 5103:return m+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return m+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return m+e+d+e+p+e+e;case 6828:case 4268:return m+e+p+e+e;case 6165:return m+e+p+"flex-"+e+e;case 5187:return m+e+C(e,/(\w+).+(:[^]+)/,m+"box-$1$2"+p+"flex-$1$2")+e;case 5443:return m+e+p+"flex-item-"+C(e,/flex-|-self/,"")+e;case 4675:return m+e+p+"flex-line-pack"+C(e,/align-content|flex-|-self/,"")+e;case 5548:return m+e+p+C(e,"shrink","negative")+e;case 5292:return m+e+p+C(e,"basis","preferred-size")+e;case 6060:return m+"box-"+C(e,"-grow","")+m+e+p+C(e,"grow","positive")+e;case 4554:return m+C(e,/([^-])(transform)/g,"$1"+m+"$2")+e;case 6187:return C(C(C(e,/(zoom-|grab)/,m+"$1"),/(image-set)/,m+"$1"),e,"")+e;case 5495:case 3959:return C(e,/(image-set\([^]*)/,m+"$1$`$1");case 4968:return C(C(e,/(.+:)(flex-)?(.*)/,m+"box-pack:$3"+p+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+m+e+e;case 4095:case 3583:case 4068:case 2532:return C(e,/(.+)-inline(.+)/,m+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(A(e)-1-t>6)switch(k(e,t+1)){case 109:if(45!==k(e,t+4))break;case 102:return C(e,/(.+:)(.+)-([^]+)/,"$1"+m+"$2-$3$1"+d+(108==k(e,t+3)?"$3":"$2-$3"))+e;case 115:return~S(e,"stretch")?fe(C(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==k(e,t+1))break;case 6444:switch(k(e,A(e)-3-(~S(e,"!important")&&10))){case 107:return C(e,":",":"+m)+e;case 101:return C(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+m+(45===k(e,14)?"inline-":"")+"box$3$1"+m+"$2$3$1"+p+"$2box$3")+e}break;case 5936:switch(k(e,t+11)){case 114:return m+e+p+C(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return m+e+p+C(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return m+e+p+C(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return m+e+p+e+e}return e}var pe,de=[function(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case g:e.return=fe(e.value,e.length);break;case v:return ne([T(e,{value:C(e.value,"@","@"+m)})],n);case y:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,function(t){switch(function(e,t){return(e=t.exec(e))?e[0]:e}(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return ne([T(e,{props:[C(t,/:(read-\w+)/,":-moz-$1")]})],n);case"::placeholder":return ne([T(e,{props:[C(t,/:(plac\w+)/,":"+m+"input-$1")]}),T(e,{props:[C(t,/:(plac\w+)/,":-moz-$1")]}),T(e,{props:[C(t,/:(plac\w+)/,p+"input-$1")]})],n)}return""})}}],me=function(e){var t=e.key;if("css"===t){var r=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(r,function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))})}var n,o,a=e.stylisPlugins||de,s={},c=[];n=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(e){for(var t=e.getAttribute("data-emotion").split(" "),r=1;r<t.length;r++)s[t[r]]=!0;c.push(e)});var i,l,u,p,d=[oe,(p=function(e){i.insert(e)},function(e){e.root||(e=e.return)&&p(e)})],m=(l=[le,ue].concat(a,d),u=M(l),function(e,t,r,n){for(var o="",a=0;a<u;a++)o+=l[a](e,t,r,n)||"";return o});o=function(e,t,r,n){i=r,ne(K(e?e+"{"+t.styles+"}":t.styles),m),n&&(h.inserted[t.name]=!0)};var h={key:t,sheet:new f({key:t,container:n,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:s,registered:{},insert:o};return h.sheet.hydrate(c),h},he={exports:{}},ye={};var ge,ve,be,we,xe={};function $e(){return ve||(ve=1,"production"===process.env.NODE_ENV?he.exports=function(){if(pe)return ye;pe=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,s=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,i=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,f=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,d=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,v=e?Symbol.for("react.scope"):60119;function b(e){if("object"==typeof e&&null!==e){var p=e.$$typeof;switch(p){case t:switch(e=e.type){case i:case l:case n:case a:case o:case f:return e;default:switch(e=e&&e.$$typeof){case c:case u:case m:case d:case s:return e;default:return p}}case r:return p}}}function w(e){return b(e)===l}return ye.AsyncMode=i,ye.ConcurrentMode=l,ye.ContextConsumer=c,ye.ContextProvider=s,ye.Element=t,ye.ForwardRef=u,ye.Fragment=n,ye.Lazy=m,ye.Memo=d,ye.Portal=r,ye.Profiler=a,ye.StrictMode=o,ye.Suspense=f,ye.isAsyncMode=function(e){return w(e)||b(e)===i},ye.isConcurrentMode=w,ye.isContextConsumer=function(e){return b(e)===c},ye.isContextProvider=function(e){return b(e)===s},ye.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},ye.isForwardRef=function(e){return b(e)===u},ye.isFragment=function(e){return b(e)===n},ye.isLazy=function(e){return b(e)===m},ye.isMemo=function(e){return b(e)===d},ye.isPortal=function(e){return b(e)===r},ye.isProfiler=function(e){return b(e)===a},ye.isStrictMode=function(e){return b(e)===o},ye.isSuspense=function(e){return b(e)===f},ye.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===l||e===a||e===o||e===f||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===d||e.$$typeof===s||e.$$typeof===c||e.$$typeof===u||e.$$typeof===y||e.$$typeof===g||e.$$typeof===v||e.$$typeof===h)},ye.typeOf=b,ye}():he.exports=(ge||(ge=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,s=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,i=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,f=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,d=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,v=e?Symbol.for("react.scope"):60119;function b(e){if("object"==typeof e&&null!==e){var p=e.$$typeof;switch(p){case t:var h=e.type;switch(h){case i:case l:case n:case a:case o:case f:return h;default:var y=h&&h.$$typeof;switch(y){case c:case u:case m:case d:case s:return y;default:return p}}case r:return p}}}var w=i,x=l,$=c,C=s,S=t,k=u,E=n,A=m,M=d,_=r,P=a,O=o,z=f,L=!1;function N(e){return b(e)===l}xe.AsyncMode=w,xe.ConcurrentMode=x,xe.ContextConsumer=$,xe.ContextProvider=C,xe.Element=S,xe.ForwardRef=k,xe.Fragment=E,xe.Lazy=A,xe.Memo=M,xe.Portal=_,xe.Profiler=P,xe.StrictMode=O,xe.Suspense=z,xe.isAsyncMode=function(e){return L||(L=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),N(e)||b(e)===i},xe.isConcurrentMode=N,xe.isContextConsumer=function(e){return b(e)===c},xe.isContextProvider=function(e){return b(e)===s},xe.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},xe.isForwardRef=function(e){return b(e)===u},xe.isFragment=function(e){return b(e)===n},xe.isLazy=function(e){return b(e)===m},xe.isMemo=function(e){return b(e)===d},xe.isPortal=function(e){return b(e)===r},xe.isProfiler=function(e){return b(e)===a},xe.isStrictMode=function(e){return b(e)===o},xe.isSuspense=function(e){return b(e)===f},xe.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===l||e===a||e===o||e===f||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===d||e.$$typeof===s||e.$$typeof===c||e.$$typeof===u||e.$$typeof===y||e.$$typeof===g||e.$$typeof===v||e.$$typeof===h)},xe.typeOf=b}()),xe)),he.exports}!function(){if(we)return be;we=1;var e=$e(),t={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},r={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},n={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},o={};function a(r){return e.isMemo(r)?n:o[r.$$typeof]||t}o[e.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},o[e.Memo]=n;var s=Object.defineProperty,c=Object.getOwnPropertyNames,i=Object.getOwnPropertySymbols,l=Object.getOwnPropertyDescriptor,u=Object.getPrototypeOf,f=Object.prototype;be=function e(t,n,o){if("string"!=typeof n){if(f){var p=u(n);p&&p!==f&&e(t,p,o)}var d=c(n);i&&(d=d.concat(i(n)));for(var m=a(t),h=a(n),y=0;y<d.length;++y){var g=d[y];if(!(r[g]||o&&o[g]||h&&h[g]||m&&m[g])){var v=l(n,g);try{s(t,g,v)}catch(b){}}}}return t}}();var Ce=function(e,t,r){var n=e.key+"-"+t.name;!1===r&&void 0===e.registered[n]&&(e.registered[n]=t.styles)};var Se={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},ke=/[A-Z]|^ms/g,Ee=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Ae=function(e){return 45===e.charCodeAt(1)},Me=function(e){return null!=e&&"boolean"!=typeof e},_e=/* @__PURE__ */ae(function(e){return Ae(e)?e:e.replace(ke,"-$&").toLowerCase()}),Pe=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(Ee,function(e,t,r){return ze={name:t,styles:r,next:ze},t})}return 1===Se[e]||Ae(e)||"number"!=typeof t||0===t?t:t+"px"};function Oe(e,t,r){if(null==r)return"";var n=r;if(void 0!==n.__emotion_styles)return n;switch(typeof r){case"boolean":return"";case"object":var o=r;if(1===o.anim)return ze={name:o.name,styles:o.styles,next:ze},o.name;var a=r;if(void 0!==a.styles){var s=a.next;if(void 0!==s)for(;void 0!==s;)ze={name:s.name,styles:s.styles,next:ze},s=s.next;return a.styles+";"}return function(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o++)n+=Oe(e,t,r[o])+";";else for(var a in r){var s=r[a];if("object"!=typeof s){var c=s;Me(c)&&(n+=_e(a)+":"+Pe(a,c)+";")}else if(Array.isArray(s)&&"string"==typeof s[0]&&null==t)for(var i=0;i<s.length;i++)Me(s[i])&&(n+=_e(a)+":"+Pe(a,s[i])+";");else{var l=Oe(e,t,s);switch(a){case"animation":case"animationName":n+=_e(a)+":"+l+";";break;default:n+=a+"{"+l+"}"}}}return n}(e,t,r);case"function":if(void 0!==e){var c=ze,i=r(e);return ze=c,Oe(e,t,i)}}return r}var ze,Le=/label:\s*([^\s;{]+)\s*(;|$)/g;function Ne(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,o="";ze=void 0;var a=e[0];null==a||void 0===a.raw?(n=!1,o+=Oe(r,t,a)):o+=a[0];for(var s=1;s<e.length;s++){if(o+=Oe(r,t,e[s]),n)o+=a[s]}Le.lastIndex=0;for(var c,i="";null!==(c=Le.exec(o));)i+="-"+c[1];var l=function(e){for(var t,r=0,n=0,o=e.length;o>=4;++n,o-=4)t=1540483477*(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+(59797*(t>>>16)<<16),r=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&r)+(59797*(r>>>16)<<16);switch(o){case 3:r^=(255&e.charCodeAt(n+2))<<16;case 2:r^=(255&e.charCodeAt(n+1))<<8;case 1:r=1540483477*(65535&(r^=255&e.charCodeAt(n)))+(59797*(r>>>16)<<16)}return(((r=1540483477*(65535&(r^=r>>>13))+(59797*(r>>>16)<<16))^r>>>15)>>>0).toString(36)}(o)+i;return{name:l,styles:o,next:ze}}var Re=!!r.useInsertionEffect&&r.useInsertionEffect||function(e){return e()},je=/* @__PURE__ */r.createContext("undefined"!=typeof HTMLElement?/* @__PURE__ */me({key:"css"}):null);je.Provider;var Te,Ze,Fe=function(e){/* @__PURE__ */
2
+ return n(function(t,r){var n=o(je);return e(t,n,r)})},Ie=/* @__PURE__ */r.createContext({}),Be={}.hasOwnProperty,De="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",He=function(e,t){var r={};for(var n in t)Be.call(t,n)&&(r[n]=t[n]);return r[De]=e,r},Ve=function(e){var t=e.cache,r=e.serialized,n=e.isStringTag;return Ce(t,r,n),Re(function(){return function(e,t,r){Ce(e,t,r);var n=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var o=t;do{e.insert(t===o?"."+n:"",o,e.sheet,!0),o=o.next}while(void 0!==o)}}(t,r,n)}),null},Ge=/* @__PURE__ */Fe(function(e,t,n){var o=e.css;"string"==typeof o&&void 0!==t.registered[o]&&(o=t.registered[o]);var a=e[De],s=[o],c="";"string"==typeof e.className?c=function(e,t,r){var n="";return r.split(" ").forEach(function(r){void 0!==e[r]?t.push(e[r]+";"):r&&(n+=r+" ")}),n}(t.registered,s,e.className):null!=e.className&&(c=e.className+" ");var i=Ne(s,void 0,r.useContext(Ie));c+=t.key+"-"+i.name;var l={};for(var u in e)Be.call(e,u)&&"css"!==u&&u!==De&&(l[u]=e[u]);return l.className=c,n&&(l.ref=n),/* @__PURE__ */r.createElement(r.Fragment,null,/* @__PURE__ */r.createElement(Ve,{cache:t,serialized:i,isStringTag:"string"==typeof a}),/* @__PURE__ */r.createElement(a,l))}),We=function(t,r,n){return Be.call(r,"css")?e.jsx(Ge,He(t,r),n):e.jsx(t,r,n)},Xe=function(t,r,n){return Be.call(r,"css")?e.jsxs(Ge,He(t,r),n):e.jsxs(t,r,n)},Ue=function(e,t){var n=arguments;if(null==t||!Be.call(t,"css"))return r.createElement.apply(void 0,n);var o=n.length,a=new Array(o);a[0]=Ge,a[1]=He(e,t);for(var s=2;s<o;s++)a[s]=n[s];return r.createElement.apply(null,a)};function qe(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return Ne(t)}Te=Ue||(Ue={}),Ze||(Ze=Te.JSX||(Te.JSX={}));const Je=(function(){var e=qe.apply(void 0,arguments),t="animation-"+e.name;return{name:t,styles:"@keyframes "+t+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}})`
3
+ to {
4
+ opacity : 0;
5
+ transform: scale(2);
6
+ }
7
+ `,Ye=qe`
8
+ cursor: pointer;
9
+ margin: 6px 5px 0px 0px;
10
+ border: none;
11
+
12
+ position: relative;
13
+ overflow: hidden;
14
+
15
+ div.rippleContainer {
16
+ position: absolute;
17
+ top: 0;
18
+ right: 0;
19
+ bottom: 0;
20
+ left: 0;
21
+
22
+ span {
23
+ transform: scale(0);
24
+ border-radius: 100%;
25
+ position: absolute;
26
+ opacity: 0.75;
27
+ background-color: #fff;
28
+ animation: ${Je} 1000ms;
29
+ }
30
+ }
31
+ `,Ke=qe`
32
+ & button:first-of-type {
33
+ border-top-right-radius: 0px;
34
+ border-bottom-right-radius: 0px;
35
+ margin-right: 0;
36
+ }
37
+
38
+ & button:not(:first-of-type):not(:last-child) {
39
+ border-radius: 0px;
40
+ margin-left: 0;
41
+ margin-right: 0;
42
+ }
43
+
44
+ & button:last-of-type {
45
+ border-top-left-radius: 0px;
46
+ border-bottom-left-radius: 0px;
47
+ margin-left: 0;
48
+ }
49
+ `;var Qe,et,tt,rt,nt,ot={exports:{}},at={},st={};!function(){if(nt)return rt;nt=1;var e=(tt||(tt=1,"production"===process.env.NODE_ENV?ot.exports=function(){if(Qe)return at;Qe=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,s=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,i=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,f=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,d=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,v=e?Symbol.for("react.scope"):60119;function b(e){if("object"==typeof e&&null!==e){var p=e.$$typeof;switch(p){case t:switch(e=e.type){case i:case l:case n:case a:case o:case f:return e;default:switch(e=e&&e.$$typeof){case c:case u:case m:case d:case s:return e;default:return p}}case r:return p}}}function w(e){return b(e)===l}return at.AsyncMode=i,at.ConcurrentMode=l,at.ContextConsumer=c,at.ContextProvider=s,at.Element=t,at.ForwardRef=u,at.Fragment=n,at.Lazy=m,at.Memo=d,at.Portal=r,at.Profiler=a,at.StrictMode=o,at.Suspense=f,at.isAsyncMode=function(e){return w(e)||b(e)===i},at.isConcurrentMode=w,at.isContextConsumer=function(e){return b(e)===c},at.isContextProvider=function(e){return b(e)===s},at.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},at.isForwardRef=function(e){return b(e)===u},at.isFragment=function(e){return b(e)===n},at.isLazy=function(e){return b(e)===m},at.isMemo=function(e){return b(e)===d},at.isPortal=function(e){return b(e)===r},at.isProfiler=function(e){return b(e)===a},at.isStrictMode=function(e){return b(e)===o},at.isSuspense=function(e){return b(e)===f},at.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===l||e===a||e===o||e===f||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===d||e.$$typeof===s||e.$$typeof===c||e.$$typeof===u||e.$$typeof===y||e.$$typeof===g||e.$$typeof===v||e.$$typeof===h)},at.typeOf=b,at}():ot.exports=(et||(et=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,s=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,i=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,f=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,d=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,v=e?Symbol.for("react.scope"):60119;function b(e){if("object"==typeof e&&null!==e){var p=e.$$typeof;switch(p){case t:var h=e.type;switch(h){case i:case l:case n:case a:case o:case f:return h;default:var y=h&&h.$$typeof;switch(y){case c:case u:case m:case d:case s:return y;default:return p}}case r:return p}}}var w=i,x=l,$=c,C=s,S=t,k=u,E=n,A=m,M=d,_=r,P=a,O=o,z=f,L=!1;function N(e){return b(e)===l}st.AsyncMode=w,st.ConcurrentMode=x,st.ContextConsumer=$,st.ContextProvider=C,st.Element=S,st.ForwardRef=k,st.Fragment=E,st.Lazy=A,st.Memo=M,st.Portal=_,st.Profiler=P,st.StrictMode=O,st.Suspense=z,st.isAsyncMode=function(e){return L||(L=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),N(e)||b(e)===i},st.isConcurrentMode=N,st.isContextConsumer=function(e){return b(e)===c},st.isContextProvider=function(e){return b(e)===s},st.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},st.isForwardRef=function(e){return b(e)===u},st.isFragment=function(e){return b(e)===n},st.isLazy=function(e){return b(e)===m},st.isMemo=function(e){return b(e)===d},st.isPortal=function(e){return b(e)===r},st.isProfiler=function(e){return b(e)===a},st.isStrictMode=function(e){return b(e)===o},st.isSuspense=function(e){return b(e)===f},st.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===l||e===a||e===o||e===f||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===d||e.$$typeof===s||e.$$typeof===c||e.$$typeof===u||e.$$typeof===y||e.$$typeof===g||e.$$typeof===v||e.$$typeof===h)},st.typeOf=b}()),st)),ot.exports),t={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},r={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},n={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},o={};function a(r){return e.isMemo(r)?n:o[r.$$typeof]||t}o[e.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},o[e.Memo]=n;var s=Object.defineProperty,c=Object.getOwnPropertyNames,i=Object.getOwnPropertySymbols,l=Object.getOwnPropertyDescriptor,u=Object.getPrototypeOf,f=Object.prototype;rt=function e(t,n,o){if("string"!=typeof n){if(f){var p=u(n);p&&p!==f&&e(t,p,o)}var d=c(n);i&&(d=d.concat(i(n)));for(var m=a(t),h=a(n),y=0;y<d.length;++y){var g=d[y];if(!(r[g]||o&&o[g]||h&&h[g]||m&&m[g])){var v=l(n,g);try{s(t,g,v)}catch(b){}}}}return t}}();var ct="-ms-",it="-moz-",lt="-webkit-",ut="comm",ft="rule",pt="decl",dt="@keyframes",mt=Math.abs,ht=String.fromCharCode,yt=Object.assign;function gt(e){return e.trim()}function vt(e,t,r){return e.replace(t,r)}function bt(e,t){return e.indexOf(t)}function wt(e,t){return 0|e.charCodeAt(t)}function xt(e,t,r){return e.slice(t,r)}function $t(e){return e.length}function Ct(e){return e.length}function St(e,t){return t.push(e),e}var kt=1,Et=1,At=0,Mt=0,_t=0,Pt="";function Ot(e,t,r,n,o,a,s){return{value:e,root:t,parent:r,type:n,props:o,children:a,line:kt,column:Et,length:s,return:""}}function zt(e,t){return yt(Ot("",null,null,"",null,null,0),e,{length:-e.length},t)}function Lt(){return _t=Mt>0?wt(Pt,--Mt):0,Et--,10===_t&&(Et=1,kt--),_t}function Nt(){return _t=Mt<At?wt(Pt,Mt++):0,Et++,10===_t&&(Et=1,kt++),_t}function Rt(){return wt(Pt,Mt)}function jt(){return Mt}function Tt(e,t){return xt(Pt,e,t)}function Zt(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Ft(e){return kt=Et=1,At=$t(Pt=e),Mt=0,[]}function It(e){return Pt="",e}function Bt(e){return gt(Tt(Mt-1,Vt(91===e?e+2:40===e?e+1:e)))}function Dt(e){for(;(_t=Rt())&&_t<33;)Nt();return Zt(e)>2||Zt(_t)>3?"":" "}function Ht(e,t){for(;--t&&Nt()&&!(_t<48||_t>102||_t>57&&_t<65||_t>70&&_t<97););return Tt(e,jt()+(t<6&&32==Rt()&&32==Nt()))}function Vt(e){for(;Nt();)switch(_t){case e:return Mt;case 34:case 39:34!==e&&39!==e&&Vt(_t);break;case 40:41===e&&Vt(e);break;case 92:Nt()}return Mt}function Gt(e,t){for(;Nt()&&e+_t!==57&&(e+_t!==84||47!==Rt()););return"/*"+Tt(t,Mt-1)+"*"+ht(47===e?e:Nt())}function Wt(e){for(;!Zt(Rt());)Nt();return Tt(e,Mt)}function Xt(e){return It(Ut("",null,null,null,[""],e=Ft(e),0,[0],e))}function Ut(e,t,r,n,o,a,s,c,i){for(var l=0,u=0,f=s,p=0,d=0,m=0,h=1,y=1,g=1,v=0,b="",w=o,x=a,$=n,C=b;y;)switch(m=v,v=Nt()){case 40:if(108!=m&&58==wt(C,f-1)){-1!=bt(C+=vt(Bt(v),"&","&\f"),"&\f")&&(g=-1);break}case 34:case 39:case 91:C+=Bt(v);break;case 9:case 10:case 13:case 32:C+=Dt(m);break;case 92:C+=Ht(jt()-1,7);continue;case 47:switch(Rt()){case 42:case 47:St(Jt(Gt(Nt(),jt()),t,r),i);break;default:C+="/"}break;case 123*h:c[l++]=$t(C)*g;case 125*h:case 59:case 0:switch(v){case 0:case 125:y=0;case 59+u:-1==g&&(C=vt(C,/\f/g,"")),d>0&&$t(C)-f&&St(d>32?Yt(C+";",n,r,f-1):Yt(vt(C," ","")+";",n,r,f-2),i);break;case 59:C+=";";default:if(St($=qt(C,t,r,l,u,o,c,b,w=[],x=[],f),a),123===v)if(0===u)Ut(C,t,$,$,w,a,f,c,x);else switch(99===p&&110===wt(C,3)?100:p){case 100:case 108:case 109:case 115:Ut(e,$,$,n&&St(qt(e,$,$,0,0,o,c,b,o,w=[],f),x),o,x,f,c,n?w:x);break;default:Ut(C,$,$,$,[""],x,0,c,x)}}l=u=d=0,h=g=1,b=C="",f=s;break;case 58:f=1+$t(C),d=m;default:if(h<1)if(123==v)--h;else if(125==v&&0==h++&&125==Lt())continue;switch(C+=ht(v),v*h){case 38:g=u>0?1:(C+="\f",-1);break;case 44:c[l++]=($t(C)-1)*g,g=1;break;case 64:45===Rt()&&(C+=Bt(Nt())),p=Rt(),u=f=$t(b=C+=Wt(jt())),v++;break;case 45:45===m&&2==$t(C)&&(h=0)}}return a}function qt(e,t,r,n,o,a,s,c,i,l,u){for(var f=o-1,p=0===o?a:[""],d=Ct(p),m=0,h=0,y=0;m<n;++m)for(var g=0,v=xt(e,f+1,f=mt(h=s[m])),b=e;g<d;++g)(b=gt(h>0?p[g]+" "+v:vt(v,/&\f/g,p[g])))&&(i[y++]=b);return Ot(e,t,r,0===o?ft:c,i,l,u)}function Jt(e,t,r){return Ot(e,t,r,ut,ht(_t),xt(e,2,-2),0)}function Yt(e,t,r,n){return Ot(e,t,r,pt,xt(e,0,n),xt(e,n+1,-1),n)}function Kt(e,t){for(var r="",n=Ct(e),o=0;o<n;o++)r+=t(e[o],o,e,t)||"";return r}function Qt(e,t,r,n){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case pt:return e.return=e.return||e.value;case ut:return"";case dt:return e.return=e.value+"{"+Kt(e.children,n)+"}";case ft:e.value=e.props.join(",")}return $t(r=Kt(e.children,n))?e.return=e.value+"{"+r+"}":""}function er(e){return function(t){t.root||(t=t.return)&&e(t)}}var tr=/* @__PURE__ */function(){function e(e){var t=this;this._insertTag=function(e){var r;r=0===t.tags.length?t.insertionPoint?t.insertionPoint.nextSibling:t.prepend?t.container.firstChild:t.before:t.tags[t.tags.length-1].nextSibling,t.container.insertBefore(e,r),t.tags.push(e)},this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(e){e.forEach(this._insertTag)},t.insert=function(e){var t,r;this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag((t=this,(r=document.createElement("style")).setAttribute("data-emotion",t.key),void 0!==t.nonce&&r.setAttribute("nonce",t.nonce),r.appendChild(document.createTextNode("")),r.setAttribute("data-s",""),r));var n=this.tags[this.tags.length-1];if(this.isSpeedy){var o=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(n);try{o.insertRule(e,o.cssRules.length)}catch(a){}}else n.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach(function(e){var t;return null==(t=e.parentNode)?void 0:t.removeChild(e)}),this.tags=[],this.ctr=0},e}();function rr(e){var t=/* @__PURE__ */Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var nr=function(e,t,r){for(var n=0,o=0;n=o,o=Rt(),38===n&&12===o&&(t[r]=1),!Zt(o);)Nt();return Tt(e,Mt)},or=/* @__PURE__ */new WeakMap,ar=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var t=e.value,r=e.parent,n=e.column===r.column&&e.line===r.line;"rule"!==r.type;)if(!(r=r.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||or.get(r))&&!n){or.set(e,!0);for(var o=[],a=function(e,t){return It(function(e,t){var r=-1,n=44;do{switch(Zt(n)){case 0:38===n&&12===Rt()&&(t[r]=1),e[r]+=nr(Mt-1,t,r);break;case 2:e[r]+=Bt(n);break;case 4:if(44===n){e[++r]=58===Rt()?"&\f":"",t[r]=e[r].length;break}default:e[r]+=ht(n)}}while(n=Nt());return e}(Ft(e),t))}(t,o),s=r.props,c=0,i=0;c<a.length;c++)for(var l=0;l<s.length;l++,i++)e.props[i]=o[c]?a[c].replace(/&\f/g,s[l]):s[l]+" "+a[c]}}},sr=function(e){if("decl"===e.type){var t=e.value;108===t.charCodeAt(0)&&98===t.charCodeAt(2)&&(e.return="",e.value="")}};function cr(e,t){switch(n=t,45^wt(r=e,0)?(((n<<2^wt(r,0))<<2^wt(r,1))<<2^wt(r,2))<<2^wt(r,3):0){case 5103:return lt+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return lt+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return lt+e+it+e+ct+e+e;case 6828:case 4268:return lt+e+ct+e+e;case 6165:return lt+e+ct+"flex-"+e+e;case 5187:return lt+e+vt(e,/(\w+).+(:[^]+)/,lt+"box-$1$2"+ct+"flex-$1$2")+e;case 5443:return lt+e+ct+"flex-item-"+vt(e,/flex-|-self/,"")+e;case 4675:return lt+e+ct+"flex-line-pack"+vt(e,/align-content|flex-|-self/,"")+e;case 5548:return lt+e+ct+vt(e,"shrink","negative")+e;case 5292:return lt+e+ct+vt(e,"basis","preferred-size")+e;case 6060:return lt+"box-"+vt(e,"-grow","")+lt+e+ct+vt(e,"grow","positive")+e;case 4554:return lt+vt(e,/([^-])(transform)/g,"$1"+lt+"$2")+e;case 6187:return vt(vt(vt(e,/(zoom-|grab)/,lt+"$1"),/(image-set)/,lt+"$1"),e,"")+e;case 5495:case 3959:return vt(e,/(image-set\([^]*)/,lt+"$1$`$1");case 4968:return vt(vt(e,/(.+:)(flex-)?(.*)/,lt+"box-pack:$3"+ct+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+lt+e+e;case 4095:case 3583:case 4068:case 2532:return vt(e,/(.+)-inline(.+)/,lt+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if($t(e)-1-t>6)switch(wt(e,t+1)){case 109:if(45!==wt(e,t+4))break;case 102:return vt(e,/(.+:)(.+)-([^]+)/,"$1"+lt+"$2-$3$1"+it+(108==wt(e,t+3)?"$3":"$2-$3"))+e;case 115:return~bt(e,"stretch")?cr(vt(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==wt(e,t+1))break;case 6444:switch(wt(e,$t(e)-3-(~bt(e,"!important")&&10))){case 107:return vt(e,":",":"+lt)+e;case 101:return vt(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+lt+(45===wt(e,14)?"inline-":"")+"box$3$1"+lt+"$2$3$1"+ct+"$2box$3")+e}break;case 5936:switch(wt(e,t+11)){case 114:return lt+e+ct+vt(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return lt+e+ct+vt(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return lt+e+ct+vt(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return lt+e+ct+e+e}var r,n;return e}var ir=[function(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case pt:e.return=cr(e.value,e.length);break;case dt:return Kt([zt(e,{value:vt(e.value,"@","@"+lt)})],n);case ft:if(e.length)return o=e.props,a=function(t){switch((r=/(::plac\w+|:read-\w+)/.exec(r=t))?r[0]:r){case":read-only":case":read-write":return Kt([zt(e,{props:[vt(t,/:(read-\w+)/,":-moz-$1")]})],n);case"::placeholder":return Kt([zt(e,{props:[vt(t,/:(plac\w+)/,":"+lt+"input-$1")]}),zt(e,{props:[vt(t,/:(plac\w+)/,":-moz-$1")]}),zt(e,{props:[vt(t,/:(plac\w+)/,ct+"input-$1")]})],n)}var r;return""},o.map(a).join("")}var o,a}],lr=function(e){var t=e.key;if("css"===t){var r=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(r,function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))})}var n,o,a=e.stylisPlugins||ir,s={},c=[];n=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(e){for(var t=e.getAttribute("data-emotion").split(" "),r=1;r<t.length;r++)s[t[r]]=!0;c.push(e)});var i,l=[ar,sr],u=[Qt,er(function(e){i.insert(e)})],f=function(e){var t=Ct(e);return function(r,n,o,a){for(var s="",c=0;c<t;c++)s+=e[c](r,n,o,a)||"";return s}}(l.concat(a,u));o=function(e,t,r,n){i=r,Kt(Xt(e?e+"{"+t.styles+"}":t.styles),f),n&&(p.inserted[t.name]=!0)};var p={key:t,sheet:new tr({key:t,container:n,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:s,registered:{},insert:o};return p.sheet.hydrate(c),p},ur=function(e,t,r){var n=e.key+"-"+t.name;!1===r&&void 0===e.registered[n]&&(e.registered[n]=t.styles)},fr={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},pr=/[A-Z]|^ms/g,dr=/_EMO_([^_]+?)_([^]*?)_EMO_/g,mr=function(e){return 45===e.charCodeAt(1)},hr=function(e){return null!=e&&"boolean"!=typeof e},yr=/* @__PURE__ */rr(function(e){return mr(e)?e:e.replace(pr,"-$&").toLowerCase()}),gr=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(dr,function(e,t,r){return br={name:t,styles:r,next:br},t})}return 1===fr[e]||mr(e)||"number"!=typeof t||0===t?t:t+"px"};function vr(e,t,r){if(null==r)return"";var n=r;if(void 0!==n.__emotion_styles)return n;switch(typeof r){case"boolean":return"";case"object":var o=r;if(1===o.anim)return br={name:o.name,styles:o.styles,next:br},o.name;var a=r;if(void 0!==a.styles){var s=a.next;if(void 0!==s)for(;void 0!==s;)br={name:s.name,styles:s.styles,next:br},s=s.next;return a.styles+";"}return function(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o++)n+=vr(e,t,r[o])+";";else for(var a in r){var s=r[a];if("object"!=typeof s){var c=s;hr(c)&&(n+=yr(a)+":"+gr(a,c)+";")}else if(Array.isArray(s)&&"string"==typeof s[0]&&null==t)for(var i=0;i<s.length;i++)hr(s[i])&&(n+=yr(a)+":"+gr(a,s[i])+";");else{var l=vr(e,t,s);switch(a){case"animation":case"animationName":n+=yr(a)+":"+l+";";break;default:n+=a+"{"+l+"}"}}}return n}(e,t,r);case"function":if(void 0!==e){var c=br,i=r(e);return br=c,vr(e,t,i)}}return r}var br,wr=/label:\s*([^\s;{]+)\s*(;|$)/g;var xr=!!r.useInsertionEffect&&r.useInsertionEffect||function(e){return e()},$r=/* @__PURE__ */r.createContext("undefined"!=typeof HTMLElement?/* @__PURE__ */lr({key:"css"}):null);$r.Provider;var Cr,Sr,kr=function(e){return n(function(t,r){var n=o($r);return e(t,n,r)})},Er=/* @__PURE__ */r.createContext({}),Ar={}.hasOwnProperty,Mr="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",_r=function(e){var t=e.cache,r=e.serialized,n=e.isStringTag;return ur(t,r,n),xr(function(){return function(e,t,r){ur(e,t,r);var n=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var o=t;do{e.insert(t===o?"."+n:"",o,e.sheet,!0),o=o.next}while(void 0!==o)}}(t,r,n)}),null},Pr=/* @__PURE__ */kr(function(e,t,n){var o=e.css;"string"==typeof o&&void 0!==t.registered[o]&&(o=t.registered[o]);var a,s,c,i,l=e[Mr],u=[o],f="";"string"==typeof e.className?(a=t.registered,s=u,c=e.className,i="",c.split(" ").forEach(function(e){void 0!==a[e]?s.push(a[e]+";"):e&&(i+=e+" ")}),f=i):null!=e.className&&(f=e.className+" ");var p=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,o="";br=void 0;var a=e[0];null==a||void 0===a.raw?(n=!1,o+=vr(r,t,a)):o+=a[0];for(var s=1;s<e.length;s++)o+=vr(r,t,e[s]),n&&(o+=a[s]);wr.lastIndex=0;for(var c,i="";null!==(c=wr.exec(o));)i+="-"+c[1];return{name:function(e){for(var t,r=0,n=0,o=e.length;o>=4;++n,o-=4)t=1540483477*(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+(59797*(t>>>16)<<16),r=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&r)+(59797*(r>>>16)<<16);switch(o){case 3:r^=(255&e.charCodeAt(n+2))<<16;case 2:r^=(255&e.charCodeAt(n+1))<<8;case 1:r=1540483477*(65535&(r^=255&e.charCodeAt(n)))+(59797*(r>>>16)<<16)}return(((r=1540483477*(65535&(r^=r>>>13))+(59797*(r>>>16)<<16))^r>>>15)>>>0).toString(36)}(o)+i,styles:o,next:br}}(u,void 0,r.useContext(Er));f+=t.key+"-"+p.name;var d={};for(var m in e)Ar.call(e,m)&&"css"!==m&&m!==Mr&&(d[m]=e[m]);return d.className=f,n&&(d.ref=n),/* @__PURE__ */r.createElement(r.Fragment,null,/* @__PURE__ */r.createElement(_r,{cache:t,serialized:p,isStringTag:"string"==typeof l}),/* @__PURE__ */r.createElement(l,d))}),Or=function(e,t){var n=arguments;if(null==t||!Ar.call(t,"css"))return r.createElement.apply(void 0,n);var o=n.length,a=new Array(o);a[0]=Pr,a[1]=function(e,t){var r={};for(var n in t)Ar.call(t,n)&&(r[n]=t[n]);return r[Mr]=e,r}(e,t);for(var s=2;s<o;s++)a[s]=n[s];return r.createElement.apply(null,a)};Cr=Or||(Or={}),Sr||(Sr=Cr.JSX||(Cr.JSX={}));const zr={spaces:"0, 4, 8, 16, 24, 32, 40, 48, 64",sizesBase:"16px",sizesSm:"0.707em",sizesNormal:"1em",sizesMd:"1.414em",sizesLg:"2em",sizesXl:"2.827em",sizesXxl:"4em",bpXs:"0px",bpSm:"576px",bpMd:"992px",bpLg:"1200px",heightBottom:"-1000",heightLow:"-100",heightSunk:"-10",heightNormal:"0",heightRaised:"10",heightHigh:"100",heightTop:"1000",borderRadius:"24px",inputRadius:"16px",buttonRadius:"8px"};class Lr{colors;sizes={base:zr.sizesBase,sm:zr.sizesSm,normal:zr.sizesNormal,md:zr.sizesMd,lg:zr.sizesLg,xl:zr.sizesXl,xxl:zr.sizesXxl};breakpoints={xs:zr.bpXs,sm:zr.bpSm,md:zr.bpMd,lg:zr.bpLg};space=zr.spaces.split(", ");heights={bottom:zr.heightBottom,low:zr.heightLow,sunk:zr.heightSunk,normal:zr.heightNormal,raised:zr.heightRaised,high:zr.heightHigh,top:zr.heightTop};borderRadius=zr.borderRadius;inputRadius=zr.inputRadius;buttonRadius=zr.buttonRadius;size(e){return this.sizes[e]}color=e=>this.colors[e];bp=e=>this.breakpoints[e];height=e=>this.heights[e];constructor(e){this.colors=e.colorSet}}const Nr=a(new Lr({colorSet:{nordDark:{background:"#242933",borderMuted:"#303744",border:"#2e3440",content:"#2e3440",textColor:"#eceff4",linkColor:"#88c0d0",primary:"#5e81ac",secondary:"#81a1c1",alert:"#bf616a",warning:"#ebcb8b",success:"#a3be8c",info:"#5e81ac"},nordLight:{background:"#242933",borderMuted:"#303744",border:"#2e3440",content:"#2e3440",textColor:"#eceff4",linkColor:"#88c0d0",primary:"#5e81ac",secondary:"#81a1c1",alert:"#bf616a",warning:"#ebcb8b",success:"#a3be8c",info:"#5e81ac"}}["nordDark"]})),Rr=(e,t)=>{let r=0;return(...n)=>{clearTimeout(r),r=setTimeout(()=>e(...n),t)}};const jr=qe`
50
+ border: 0;
51
+ margin: 0;
52
+ padding: 0;
53
+ background: transparent;
54
+ cursor: pointer;
55
+ font-size: 16px;
56
+ `,Tr=({theme:e,children:t,onClick:r,disabled:n})=>{const o=qe`
57
+ color: ${e.color("textColor")};
58
+
59
+ &:hover {
60
+ color: ${e.color("linkColor")};
61
+ text-decoration: underline;
62
+ }
63
+ `;/* @__PURE__ */
64
+ return We("button",{onClick:r,disabled:n,css:[jr,o],children:t})},Zr={small:{padding:"5px 10px",fontSize:14},normal:{padding:"10px 20px",fontSize:16},big:{padding:"20px 30px",fontSize:18}},Fr=(e,t,r)=>{const n=((e,t)=>{switch(t){case"secondary":return[e.color("secondary"),e.color("textColor")];case"cancel":return[e.color("alert"),e.color("textColor")];case"ghost":return["transparent",e.color("textColor")];default:return[e.color("primary"),e.color("textColor")]}})(e,t),o=r?n[0]:"transparent";return{background:r?"transparent":n[0],boxShadow:`inset 0 0 0 1px ${o}`,color:`${r?n[0]:n[1]}`,transition:"all .3s","&:hover":{boxShadow:`inset 0 0 0 1000px ${o}`,color:n[1]}}},Ir=e=>{const t=o(Nr);if("link"===e.variant)/* @__PURE__ */
65
+ return We(Tr,{theme:t,...e});const{children:r,onClick:n,scale:a="normal",variant:c="secondary",outline:i,type:l="button",disabled:u=!1,css:f,...p}=e,d=s(null),m=qe`
66
+ border-radius: ${t.buttonRadius};
67
+ `;/* @__PURE__ */
68
+ return Xe("button",{css:[Ye,m,Fr(t,c,!!i),Zr[a],f],onClick:n,ref:d,onMouseDown:e=>{if(!d||!d.current)return;const t=d.current.querySelector("div.rippleContainer");if(!t)return;const r=d.current.offsetWidth,n=d.current.getBoundingClientRect(),o=document.createElement("span"),a=e.pageX-n.left-r/2,s=e.pageY-n.top-r/2;t.appendChild(o),o.setAttribute("style",`top: ${s}px; left: ${a}px; height: ${r}px; width: ${r}px;`)},onMouseUp:Rr(()=>{if(!d||!d.current)return;const e=d.current.querySelector("div.rippleContainer");e&&(e.innerHTML="")},2e3),type:l,disabled:u,...p,children:[r,
69
+ /* @__PURE__ */We("div",{className:"rippleContainer"})]})},Br=({children:e})=>/* @__PURE__ */We("div",{css:Ke,children:e}),Dr={Add:e=>/* @__PURE__ */r.createElement("svg",{fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e},/* @__PURE__ */r.createElement("g",{clipPath:"url(#clip0_403_2998)"},/* @__PURE__ */r.createElement("path",{d:"M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C23.9966 8.81846 22.7312 5.76821 20.4815 3.51852C18.2318 1.26883 15.1815 0.00344108 12 0V0ZM12 22C10.0222 22 8.08879 21.4135 6.4443 20.3147C4.79981 19.2159 3.51809 17.6541 2.76121 15.8268C2.00433 13.9996 1.8063 11.9889 2.19215 10.0491C2.578 8.10929 3.53041 6.32746 4.92894 4.92893C6.32746 3.53041 8.10929 2.578 10.0491 2.19215C11.9889 1.8063 13.9996 2.00433 15.8268 2.7612C17.6541 3.51808 19.2159 4.79981 20.3147 6.4443C21.4135 8.08879 22 10.0222 22 12C21.9971 14.6513 20.9426 17.1931 19.0679 19.0679C17.1931 20.9426 14.6513 21.9971 12 22ZM17 12C17 12.2652 16.8946 12.5196 16.7071 12.7071C16.5196 12.8946 16.2652 13 16 13H13V16C13 16.2652 12.8946 16.5196 12.7071 16.7071C12.5196 16.8946 12.2652 17 12 17C11.7348 17 11.4804 16.8946 11.2929 16.7071C11.1054 16.5196 11 16.2652 11 16V13H8.00001C7.73479 13 7.48043 12.8946 7.2929 12.7071C7.10536 12.5196 7.00001 12.2652 7.00001 12C7.00001 11.7348 7.10536 11.4804 7.2929 11.2929C7.48043 11.1054 7.73479 11 8.00001 11H11V8C11 7.73478 11.1054 7.48043 11.2929 7.29289C11.4804 7.10536 11.7348 7 12 7C12.2652 7 12.5196 7.10536 12.7071 7.29289C12.8946 7.48043 13 7.73478 13 8V11H16C16.2652 11 16.5196 11.1054 16.7071 11.2929C16.8946 11.4804 17 11.7348 17 12Z"})),/* @__PURE__ */r.createElement("defs",null,/* @__PURE__ */r.createElement("clipPath",{id:"clip0_403_2998"},/* @__PURE__ */r.createElement("rect",{width:24,height:24})))),AngleDown:e=>/* @__PURE__ */r.createElement("svg",{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},/* @__PURE__ */r.createElement("path",{d:"M12,17.17a5,5,0,0,1-3.54-1.46L.29,7.54A1,1,0,0,1,1.71,6.12l8.17,8.17a3,3,0,0,0,4.24,0l8.17-8.17a1,1,0,1,1,1.42,1.42l-8.17,8.17A5,5,0,0,1,12,17.17Z"})),AngleLeft:e=>/* @__PURE__ */r.createElement("svg",{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},/* @__PURE__ */r.createElement("path",{d:"M17.17,24a1,1,0,0,1-.71-.29L8.29,15.54a5,5,0,0,1,0-7.08L16.46.29a1,1,0,1,1,1.42,1.42L9.71,9.88a3,3,0,0,0,0,4.24l8.17,8.17a1,1,0,0,1,0,1.42A1,1,0,0,1,17.17,24Z"})),AngleRight:e=>/* @__PURE__ */r.createElement("svg",{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},/* @__PURE__ */r.createElement("path",{d:"M7,24a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42l8.17-8.17a3,3,0,0,0,0-4.24L6.29,1.71A1,1,0,0,1,7.71.29l8.17,8.17a5,5,0,0,1,0,7.08L7.71,23.71A1,1,0,0,1,7,24Z"})),AngleUp:e=>/* @__PURE__ */r.createElement("svg",{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},/* @__PURE__ */r.createElement("path",{d:"M23.71,16.29,15.54,8.12a5,5,0,0,0-7.08,0L.29,16.29a1,1,0,0,0,1.42,1.42L9.88,9.54a3,3,0,0,1,4.24,0l8.17,8.17a1,1,0,0,0,1.42,0A1,1,0,0,0,23.71,16.29Z"})),CaretDown:e=>/* @__PURE__ */r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",id:"Bold",viewBox:"0 0 24 24",width:512,height:512,fill:"currentColor",...e},/* @__PURE__ */r.createElement("path",{d:"M6.414,9H17.586a1,1,0,0,1,.707,1.707l-5.586,5.586a1,1,0,0,1-1.414,0L5.707,10.707A1,1,0,0,1,6.414,9Z"})),CaretLeft:e=>/* @__PURE__ */r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",id:"Outline",viewBox:"0 0 24 24",width:512,height:512,fill:"currentColor",...e},/* @__PURE__ */r.createElement("path",{d:"M13.29,18.59,7.71,13a1,1,0,0,1,0-1.41L13.29,6A1,1,0,0,1,15,6.71V17.88A1,1,0,0,1,13.29,18.59Z"})),CaretRight:e=>/* @__PURE__ */r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",id:"Outline",viewBox:"0 0 24 24",width:512,height:512,fill:"currentColor",...e},/* @__PURE__ */r.createElement("path",{d:"M9,17.88V6.71A1,1,0,0,1,10.71,6l5.58,5.59a1,1,0,0,1,0,1.41l-5.58,5.59A1,1,0,0,1,9,17.88Z"})),CaretUp:e=>/* @__PURE__ */r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",id:"Outline",viewBox:"0 0 24 24",width:512,height:512,fill:"currentColor",...e},/* @__PURE__ */r.createElement("path",{d:"M6.41,16H17.59a1,1,0,0,0,.7-1.71L12.71,8.71a1,1,0,0,0-1.42,0L5.71,14.29A1,1,0,0,0,6.41,16Z"})),Copy:e=>/* @__PURE__ */r.createElement("svg",{fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e},/* @__PURE__ */r.createElement("path",{d:"m15 20h-10a5.006 5.006 0 0 1 -5-5v-10a5.006 5.006 0 0 1 5-5h10a5.006 5.006 0 0 1 5 5v10a5.006 5.006 0 0 1 -5 5zm-10-18a3 3 0 0 0 -3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-10a3 3 0 0 0 -3-3zm19 17v-13a1 1 0 0 0 -2 0v13a3 3 0 0 1 -3 3h-13a1 1 0 0 0 0 2h13a5.006 5.006 0 0 0 5-5z"})),Home:e=>/* @__PURE__ */r.createElement("svg",{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",id:"Outline",viewBox:"0 0 24 24",width:512,height:512,...e},/* @__PURE__ */r.createElement("path",{d:"M23.121,9.069,15.536,1.483a5.008,5.008,0,0,0-7.072,0L.879,9.069A2.978,2.978,0,0,0,0,11.19v9.817a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V11.19A2.978,2.978,0,0,0,23.121,9.069ZM15,22.007H9V18.073a3,3,0,0,1,6,0Zm7-1a1,1,0,0,1-1,1H17V18.073a5,5,0,0,0-10,0v3.934H3a1,1,0,0,1-1-1V11.19a1.008,1.008,0,0,1,.293-.707L9.878,2.9a3.008,3.008,0,0,1,4.244,0l7.585,7.586A1.008,1.008,0,0,1,22,11.19Z"})),MenuBurger:e=>/* @__PURE__ */r.createElement("svg",{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},/* @__PURE__ */r.createElement("rect",{y:11,width:24,height:2,rx:1}),/* @__PURE__ */r.createElement("rect",{y:4,width:24,height:2,rx:1}),/* @__PURE__ */r.createElement("rect",{y:18,width:24,height:2,rx:1})),Moon:e=>/* @__PURE__ */r.createElement("svg",{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",id:"Layer_1","data-name":"Layer 1",viewBox:"0 0 24 24",width:512,height:512,...e},/* @__PURE__ */r.createElement("path",{d:"M15,24A12,12,0,1,1,19.058.71a2.93,2.93,0,0,1,.814,5.067c-5.1,3.92-5.088,8.539,0,12.446a2.93,2.93,0,0,1-.816,5.067A12.2,12.2,0,0,1,15,24ZM15,3a9,9,0,1,0,2.925,17.508c-6.511-5.065-6.489-11.969,0-17.016A9.322,9.322,0,0,0,15,3Z"})),Upload:e=>/* @__PURE__ */r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",id:"Layer_1","data-name":"Layer 1",viewBox:"0 0 24 24",width:512,height:512,...e},/* @__PURE__ */r.createElement("path",{d:"M22,16v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V16H0v5a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V16Z"}),/* @__PURE__ */r.createElement("path",{d:"M11.967,0A2.993,2.993,0,0,0,9.845.874L5.926,4.793,7.34,6.207l3.634-3.633L11,19l2,0L12.974,2.588l3.619,3.619,1.414-1.414L14.088.874A2.991,2.991,0,0,0,11.967,0Z"})),Sun:e=>/* @__PURE__ */r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",id:"Layer_1","data-name":"Layer 1",viewBox:"0 0 24 24",width:512,height:512,...e},/* @__PURE__ */r.createElement("path",{d:"M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5,5-2.24,5-5-2.24-5-5-5Zm0,7c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Zm4.95-6.95c-.59-.59-.59-1.54,0-2.12l1.41-1.41c.59-.59,1.54-.59,2.12,0,.59,.59,.59,1.54,0,2.12l-1.41,1.41c-.29,.29-.68,.44-1.06,.44s-.77-.15-1.06-.44ZM7.05,16.95c.59,.59,.59,1.54,0,2.12l-1.41,1.41c-.29,.29-.68,.44-1.06,.44s-.77-.15-1.06-.44c-.59-.59-.59-1.54,0-2.12l1.41-1.41c.59-.59,1.54-.59,2.12,0ZM3.51,5.64c-.59-.59-.59-1.54,0-2.12,.59-.59,1.54-.59,2.12,0l1.41,1.41c.59,.59,.59,1.54,0,2.12-.29,.29-.68,.44-1.06,.44s-.77-.15-1.06-.44l-1.41-1.41Zm16.97,12.73c.59,.59,.59,1.54,0,2.12-.29,.29-.68,.44-1.06,.44s-.77-.15-1.06-.44l-1.41-1.41c-.59-.59-.59-1.54,0-2.12,.59-.59,1.54-.59,2.12,0l1.41,1.41Zm3.51-6.36c0,.83-.67,1.5-1.5,1.5h-2c-.83,0-1.5-.67-1.5-1.5s.67-1.5,1.5-1.5h2c.83,0,1.5,.67,1.5,1.5ZM3.5,13.5H1.5c-.83,0-1.5-.67-1.5-1.5s.67-1.5,1.5-1.5H3.5c.83,0,1.5,.67,1.5,1.5s-.67,1.5-1.5,1.5ZM10.5,3.5V1.5c0-.83,.67-1.5,1.5-1.5s1.5,.67,1.5,1.5V3.5c0,.83-.67,1.5-1.5,1.5s-1.5-.67-1.5-1.5Zm3,17v2c0,.83-.67,1.5-1.5,1.5s-1.5-.67-1.5-1.5v-2c0-.83,.67-1.5,1.5-1.5s1.5,.67,1.5,1.5Z"}))},Hr=({icon:e,size:r=24,className:n,rotate:o,color:a,...s})=>{const l=c(()=>Dr[e],[e]);return l?/* @__PURE__ */t("div",{className:n,"aria-label":e,role:"img",style:{height:`${r}px`,width:`${r}px`,padding:"2px",display:"inline-flex",justifyContent:"center",alignItems:"center",transform:o?`rotate(${o}deg)`:void 0},...s,children:/* @__PURE__ */t(i,{fallback:null,children:/* @__PURE__ */t(l,{style:{width:"100%",height:"100%"}})})}):null},Vr=qe`
70
+ position: relative;
71
+ display: inline-block;
72
+ `,Gr=qe`
73
+ position: absolute;
74
+ z-index: 10;
75
+ margin-top: 2px;
76
+ width: 98%;
77
+
78
+ & button {
79
+ border-radius: 0;
80
+ }
81
+ & button:first-of-type {
82
+ border-top-left-radius: 4px;
83
+ border-top-right-radius: 4px;
84
+ }
85
+ & button:last-of-type {
86
+ border-bottom-left-radius: 4px;
87
+ border-bottom-right-radius: 4px;
88
+ }
89
+ `,Wr=qe`
90
+ display: block;
91
+ width: 100%;
92
+ padding: 10px;
93
+ border: 0;
94
+ text-align: left;
95
+ `,Xr=e=>{const[t,r]=l(!1),n=s(null);u(()=>{const e=e=>{n.current&&!n.current.contains(e.target)&&r(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const{children:o,css:a,items:c,...i}=e,f=[];return a&&f.concat(a),f.push(Vr),/* @__PURE__ */Xe("div",{css:Vr,ref:n,children:[
96
+ /* @__PURE__ */Xe(Ir,{css:f,onClick:()=>r(!t),...i,children:[o," ",
97
+ /* @__PURE__ */We(Hr,{icon:"CaretDown",size:20})]}),t&&/* @__PURE__ */We("div",{css:Gr,children:c&&c.map((e,t)=>/* @__PURE__ */We("button",{css:Wr,onClick:()=>{e.onClick(),r(!1)},children:e.label},t))})]})};export{Ir as Button,Br as ButtonGroup,Xr as DropdownButton};
package/package.json CHANGED
@@ -1,18 +1,16 @@
1
1
  {
2
2
  "name": "@maelstrom-futurism/button",
3
- "version": "0.7.4-beta.2",
3
+ "version": "0.7.4-beta.4",
4
4
  "description": "A button (with very cool ripples!) for MF",
5
5
  "main": "dist/index.js",
6
- "module": "dist/index.js",
7
6
  "types": "dist/index.d.ts",
8
- "typings": "dist/index.d.ts",
9
7
  "files": [
10
8
  "dist"
11
9
  ],
12
10
  "scripts": {
13
11
  "test": "echo \"Error: run tests from root\" && exit 1",
14
12
  "clean": "rm -Rf dist",
15
- "build": "tsc",
13
+ "build": "vite build",
16
14
  "prepublishOnly": "npm run build"
17
15
  },
18
16
  "repository": {
@@ -32,12 +30,12 @@
32
30
  },
33
31
  "homepage": "https://github.com/DawsonG/maelstrom-futurism#readme",
34
32
  "dependencies": {
35
- "@maelstrom-futurism/core": "^0.7.4-beta.2",
33
+ "@maelstrom-futurism/core": "^0.7.4-beta.4",
36
34
  "@maelstrom-futurism/icons": "^0.7.4-alpha.3"
37
35
  },
38
36
  "peerDependencies": {
39
37
  "@emotion/react": ">= 11.10.5",
40
38
  "react": ">= 18.3.1"
41
39
  },
42
- "gitHead": "09d05a402ed22c9cec10177af4d8dcdc17ea864c"
40
+ "gitHead": "f04972a70d3b1c17e03ccb9eba4e41e5f591415f"
43
41
  }
package/dist/Button.js DELETED
@@ -1,84 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
2
- import { useRef } from "react";
3
- import { buttonStyle } from "./Button.styles";
4
- import { useTheme, debounce } from "@maelstrom-futurism/core";
5
- import { css as emotionCss } from "@emotion/react";
6
- import LinkButton from "./LinkButton";
7
- const scales = {
8
- small: {
9
- padding: `5px 10px`,
10
- fontSize: 14,
11
- },
12
- normal: {
13
- padding: `10px 20px`,
14
- fontSize: 16,
15
- },
16
- big: {
17
- padding: `20px 30px`,
18
- fontSize: 18,
19
- },
20
- };
21
- const getVariantColor = (theme, variant) => {
22
- switch (variant) {
23
- case "secondary":
24
- return [theme.color("secondary"), theme.color("textColor")];
25
- case "cancel":
26
- return [theme.color("alert"), theme.color("textColor")];
27
- case "ghost":
28
- return ["transparent", theme.color("textColor")];
29
- case "primary":
30
- default:
31
- return [theme.color("primary"), theme.color("textColor")];
32
- }
33
- };
34
- const getVariantStyle = (theme, variant, outline) => {
35
- const colors = getVariantColor(theme, variant);
36
- const boxShadowColor = outline ? colors[0] : "transparent";
37
- const backgroundColor = outline ? "transparent" : colors[0];
38
- return {
39
- background: backgroundColor,
40
- boxShadow: `inset 0 0 0 1px ${boxShadowColor}`,
41
- color: `${outline ? colors[0] : colors[1]}`,
42
- transition: "all .3s",
43
- "&:hover": {
44
- boxShadow: `inset 0 0 0 1000px ${boxShadowColor}`,
45
- color: colors[1],
46
- },
47
- };
48
- };
49
- const Button = (props) => {
50
- const theme = useTheme();
51
- if (props.variant === "link") {
52
- return _jsx(LinkButton, { theme: theme, ...props });
53
- }
54
- const { children, onClick, scale = "normal", variant = "secondary", outline, type = "button", disabled = false, css, ...rest } = props;
55
- const buttonRef = useRef(null);
56
- const buttonStyleByTheme = emotionCss `
57
- border-radius: ${theme.buttonRadius};
58
- `;
59
- const addRipple = (e) => {
60
- if (!buttonRef || !buttonRef.current)
61
- return;
62
- const rippleContainer = buttonRef.current.querySelector("div.rippleContainer");
63
- if (!rippleContainer)
64
- return;
65
- const size = buttonRef.current.offsetWidth;
66
- const pos = buttonRef.current.getBoundingClientRect();
67
- const rippler = document.createElement("span");
68
- const x = e.pageX - pos.left - size / 2;
69
- const y = e.pageY - pos.top - size / 2;
70
- rippleContainer.appendChild(rippler);
71
- rippler.setAttribute("style", `top: ${y}px; left: ${x}px; height: ${size}px; width: ${size}px;`);
72
- };
73
- const cleanUp = () => {
74
- if (!buttonRef || !buttonRef.current)
75
- return;
76
- const rippleContainer = buttonRef.current.querySelector("div.rippleContainer");
77
- if (!rippleContainer)
78
- return;
79
- rippleContainer.innerHTML = "";
80
- };
81
- return (_jsxs("button", { css: [buttonStyle, buttonStyleByTheme, getVariantStyle(theme, variant, !!outline), scales[scale], css], onClick: onClick, ref: buttonRef, onMouseDown: addRipple, onMouseUp: debounce(cleanUp, 2000), type: type, disabled: disabled, ...rest, children: [children, _jsx("div", { className: "rippleContainer" })] }));
82
- };
83
- export default Button;
84
- //# sourceMappingURL=Button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAS,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,GAAG,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,UAAU,MAAM,cAAc,CAAC;AAGtC,MAAM,MAAM,GAAG;IACb,KAAK,EAAE;QACL,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,EAAE;KACb;IACD,MAAM,EAAE;QACN,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,EAAE;KACb;IACD,GAAG,EAAE;QACH,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC;AAIF,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,OAAsB,EAAoB,EAAE;IACjF,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,WAAW;YACd,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;QAC9D,KAAK,QAAQ;YACX,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;QAC1D,KAAK,OAAO;YACV,OAAO,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;QACnD,KAAK,SAAS,CAAC;QACf;YACE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAC9D,CAAC;AACH,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,OAAsB,EAAE,OAAgB,EAAE,EAAE;IACjF,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAE/C,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;IAC3D,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAE5D,OAAO;QACL,UAAU,EAAE,eAAe;QAC3B,SAAS,EAAE,mBAAmB,cAAc,EAAE;QAC9C,KAAK,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;QAC3C,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE;YACT,SAAS,EAAE,sBAAsB,cAAc,EAAE;YACjD,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;SACjB;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAa,EAAE;IAC/C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;QAC7B,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAG,CAAA;IAC/C,CAAC;IAED,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,QAAQ,EAChB,OAAO,GAAG,WAAW,EACrB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,QAAQ,GAAG,KAAK,EAChB,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAElD,MAAM,kBAAkB,GAAG,UAAU,CAAA;qBAClB,KAAK,CAAC,YAAY;GACpC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAmB,EAAE,EAAE;QACxC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAO;QAE7C,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC/E,IAAI,CAAC,eAAe;YAAE,OAAO;QAE7B,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;QAC3C,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAEtD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/C,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC;QACxC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,CAAC;QACvC,eAAe,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACrC,OAAO,CAAC,YAAY,CAClB,OAAO,EACP,QAAQ,CAAC,aAAa,CAAC,eAAe,IAAI,cAAc,IAAI,KAAK,CAClE,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAO;QAC7C,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC/E,IAAI,CAAC,eAAe;YAAE,OAAO;QAE7B,eAAe,CAAC,SAAS,GAAG,EAAE,CAAC;IACjC,CAAC,CAAC;IAGF,OAAO,CACL,kBACE,GAAG,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,EACtG,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,SAAS,EACd,WAAW,EAAE,SAAS,EACtB,SAAS,EAAE,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,EAClC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,KACd,IAAI,aAEP,QAAQ,EACT,cAAK,SAAS,EAAC,iBAAiB,GAAG,IAC5B,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,52 +0,0 @@
1
- import { css, keyframes } from "@emotion/react";
2
- export const ripple = keyframes `
3
- to {
4
- opacity : 0;
5
- transform: scale(2);
6
- }
7
- `;
8
- export const buttonStyle = css `
9
- cursor: pointer;
10
- margin: 6px 5px 0px 0px;
11
- border: none;
12
-
13
- position: relative;
14
- overflow: hidden;
15
-
16
- div.rippleContainer {
17
- position: absolute;
18
- top: 0;
19
- right: 0;
20
- bottom: 0;
21
- left: 0;
22
-
23
- span {
24
- transform: scale(0);
25
- border-radius: 100%;
26
- position: absolute;
27
- opacity: 0.75;
28
- background-color: #fff;
29
- animation: ${ripple} 1000ms;
30
- }
31
- }
32
- `;
33
- export const buttonGroupStyle = css `
34
- & button:first-of-type {
35
- border-top-right-radius: 0px;
36
- border-bottom-right-radius: 0px;
37
- margin-right: 0;
38
- }
39
-
40
- & button:not(:first-of-type):not(:last-child) {
41
- border-radius: 0px;
42
- margin-left: 0;
43
- margin-right: 0;
44
- }
45
-
46
- & button:last-of-type {
47
- border-top-left-radius: 0px;
48
- border-bottom-left-radius: 0px;
49
- margin-left: 0;
50
- }
51
- `;
52
- //# sourceMappingURL=Button.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["../src/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAoB,MAAM,gBAAgB,CAAC;AAElE,MAAM,CAAC,MAAM,MAAM,GAAqB,SAAS,CAAA;;;;;CAKhD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;mBAqBX,MAAM;;;CAGxB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBlC,CAAC"}
@@ -1,6 +0,0 @@
1
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
2
- // import Button from "./Button";
3
- import { buttonGroupStyle } from "./Button.styles";
4
- const ButtonGroup = ({ children }) => (_jsx("div", { css: buttonGroupStyle, children: children }));
5
- export default ButtonGroup;
6
- //# sourceMappingURL=ButtonGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../src/ButtonGroup.tsx"],"names":[],"mappings":";AACA,iCAAiC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAMnD,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAoB,EAAa,EAAE,CAAC,CAC/D,cAAK,GAAG,EAAE,gBAAgB,YACrB,QAAQ,GACP,CACT,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1,59 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
2
- import { useEffect, useRef, useState } from "react";
3
- import { Icon } from "@maelstrom-futurism/icons";
4
- import { css as emotionCss } from "@emotion/react";
5
- import Button from "./Button";
6
- const dropdownButtonStyles = emotionCss `
7
- position: relative;
8
- display: inline-block;
9
- `;
10
- const dropdownStyles = emotionCss `
11
- position: absolute;
12
- z-index: 10;
13
- margin-top: 2px;
14
- width: 98%;
15
-
16
- & button {
17
- border-radius: 0;
18
- }
19
- & button:first-of-type {
20
- border-top-left-radius: 4px;
21
- border-top-right-radius: 4px;
22
- }
23
- & button:last-of-type {
24
- border-bottom-left-radius: 4px;
25
- border-bottom-right-radius: 4px;
26
- }
27
- `;
28
- const buttonStyles = emotionCss `
29
- display: block;
30
- width: 100%;
31
- padding: 10px;
32
- border: 0;
33
- text-align: left;
34
- `;
35
- const DropdownButton = (props) => {
36
- const [isOpen, setIsOpen] = useState(false);
37
- const dropdownRef = useRef(null);
38
- useEffect(() => {
39
- const handleClickOutside = (event) => {
40
- if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
41
- setIsOpen(false);
42
- }
43
- };
44
- document.addEventListener('mousedown', handleClickOutside);
45
- return () => document.removeEventListener('mousedown', handleClickOutside);
46
- }, []);
47
- const handleRootClick = () => setIsOpen(!isOpen);
48
- const { children, css, items, ...rest } = props;
49
- const styles = [];
50
- if (css)
51
- styles.concat(css);
52
- styles.push(dropdownButtonStyles);
53
- return (_jsxs("div", { css: dropdownButtonStyles, ref: dropdownRef, children: [_jsxs(Button, { css: styles, onClick: handleRootClick, ...rest, children: [children, " ", _jsx(Icon, { icon: "CaretDown", size: 20 })] }), isOpen && (_jsx("div", { css: dropdownStyles, children: items && items.map((item, index) => (_jsx("button", { css: buttonStyles, onClick: () => {
54
- item.onClick();
55
- setIsOpen(false);
56
- }, children: item.label }, index))) }))] }));
57
- };
58
- export default DropdownButton;
59
- //# sourceMappingURL=DropdownButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../src/DropdownButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,GAAG,IAAI,UAAU,EAAoB,MAAM,gBAAgB,CAAC;AAErE,OAAO,MAAM,MAAM,UAAU,CAAC;AAU9B,MAAM,oBAAoB,GAAG,UAAU,CAAA;;;CAGtC,CAAC;AAEF,MAAM,cAAc,GAAG,UAAU,CAAA;;;;;;;;;;;;;;;;;CAiBhC,CAAC;AAEF,MAAM,YAAY,GAAG,UAAU,CAAA;;;;;;CAM9B,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC7C,IAAI,WAAW,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBAC7E,SAAS,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC;QACL,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;IAC/E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IAEjD,MAAM,EACF,QAAQ,EACR,GAAG,EACH,KAAK,EACL,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,IAAI,GAAG;QAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,MAAM,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAElC,OAAO,CACH,eAAK,GAAG,EAAE,oBAAoB,EAAE,GAAG,EAAE,WAAW,aAC5C,MAAC,MAAM,IAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,KAAM,IAAI,aAAG,QAAQ,OAAE,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,GAAI,IAAS,EAE/G,MAAM,IAAI,CACP,cAAK,GAAG,EAAE,cAAc,YACnB,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,iBAEI,GAAG,EAAE,YAAY,EACjB,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,OAAO,EAAE,CAAC;wBACf,SAAS,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC,YAEA,IAAI,CAAC,KAAK,IAPN,KAAK,CAQL,CACZ,CAAC,GACA,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAA;AAED,eAAe,cAAc,CAAC"}
@@ -1,23 +0,0 @@
1
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
2
- import { css } from "@emotion/react";
3
- const linkButtonStyles = css `
4
- border: 0;
5
- margin: 0;
6
- padding: 0;
7
- background: transparent;
8
- cursor: pointer;
9
- font-size: 16px;
10
- `;
11
- const LinkButton = ({ theme, children, onClick, disabled, }) => {
12
- const linkStyles = css `
13
- color: ${theme.color("textColor")};
14
-
15
- &:hover {
16
- color: ${theme.color('linkColor')};
17
- text-decoration: underline;
18
- }
19
- `;
20
- return _jsx("button", { onClick: onClick, disabled: disabled, css: [linkButtonStyles, linkStyles], children: children });
21
- };
22
- export default LinkButton;
23
- //# sourceMappingURL=LinkButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../src/LinkButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAGrC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;CAO3B,CAAC;AASF,MAAM,UAAU,GAAG,CAAC,EAChB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,GACM,EAAa,EAAE;IAC7B,MAAM,UAAU,GAAG,GAAG,CAAA;iBACT,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;qBAGpB,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;KAGxC,CAAC;IAEF,OAAO,iBACH,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,CAAC,gBAAgB,EAAE,UAAU,CAAC,YAAG,QAAQ,GAAU,CAAC;AACjE,CAAC,CAAA;AAED,eAAe,UAAU,CAAC"}
package/dist/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
package/dist/types.d.ts DELETED
@@ -1,22 +0,0 @@
1
- import { ReactNode } from "react";
2
- import { SerializedStyles } from "@emotion/react";
3
- export type ButtonVariant = "primary" | "secondary" | "cancel" | "ghost" | "link";
4
- export type ButtonType = "button" | "submit";
5
- export type Scale = "small" | "normal" | "big";
6
- export interface ButtonProps {
7
- children?: ReactNode;
8
- /**
9
- * Either type="submit" or type="button"
10
- */
11
- type?: ButtonType;
12
- /**
13
- * Allow the user to pass in custom styles
14
- */
15
- css?: SerializedStyles | SerializedStyles[];
16
- scale?: Scale;
17
- variant?: ButtonVariant;
18
- outline?: boolean;
19
- onClick?: React.MouseEventHandler;
20
- disabled?: boolean;
21
- }
22
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,QAAQ,GACR,OAAO,GACP,MAAM,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC7C,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE/C,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAC;IAE5C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
package/dist/types.js DELETED
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
package/dist/types.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}