@maelstrom-futurism/button 0.7.4-beta.3 → 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 +27 -0
- package/dist/Button.d.ts +2 -2
- package/dist/Button.styles.d.ts +1 -1
- package/dist/ButtonGroup.d.ts +1 -1
- package/dist/DropdownButton.d.ts +1 -1
- package/dist/LinkButton.d.ts +2 -2
- package/dist/index.d.ts +4 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +97 -4
- package/package.json +4 -6
- package/dist/Button.js +0 -84
- package/dist/Button.js.map +0 -1
- package/dist/Button.styles.js +0 -52
- package/dist/Button.styles.js.map +0 -1
- package/dist/ButtonGroup.js +0 -6
- package/dist/ButtonGroup.js.map +0 -1
- package/dist/DropdownButton.js +0 -59
- package/dist/DropdownButton.js.map +0 -1
- package/dist/LinkButton.js +0 -23
- package/dist/LinkButton.js.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/types.d.ts +0 -22
- package/dist/types.d.ts.map +0 -1
- package/dist/types.js +0 -2
- package/dist/types.js.map +0 -1
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
|
|
2
|
-
import { ButtonProps } from
|
|
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
|
package/dist/Button.styles.d.ts
CHANGED
package/dist/ButtonGroup.d.ts
CHANGED
package/dist/DropdownButton.d.ts
CHANGED
package/dist/LinkButton.d.ts
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { ButtonVariant } from
|
|
2
|
-
export { default as Button } from
|
|
3
|
-
export { default as ButtonGroup } from
|
|
4
|
-
export { default as DropdownButton } from
|
|
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
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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.
|
|
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": "
|
|
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.
|
|
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": "
|
|
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
|
package/dist/Button.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"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"}
|
package/dist/Button.styles.js
DELETED
|
@@ -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"}
|
package/dist/ButtonGroup.js
DELETED
|
@@ -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
|
package/dist/ButtonGroup.js.map
DELETED
|
@@ -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"}
|
package/dist/DropdownButton.js
DELETED
|
@@ -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"}
|
package/dist/LinkButton.js
DELETED
|
@@ -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
|
package/dist/LinkButton.js.map
DELETED
|
@@ -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
|
package/dist/types.d.ts.map
DELETED
|
@@ -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
package/dist/types.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
|