kilya-ui 0.1.3 → 0.1.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/dist/kilya-ui.es.js +2128 -1039
- package/dist/kilya-ui.umd.js +526 -225
- package/package.json +1 -1
package/dist/kilya-ui.umd.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(Z,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],h):(Z=typeof globalThis<"u"?globalThis:Z||self,h(Z["kilya-ui"]={},Z.React))})(this,(function(Z,h){"use strict";function Mr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Le={exports:{}},Oe={};var It;function Fr(){if(It)return Oe;It=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function r(o,n,s){var c=null;if(s!==void 0&&(c=""+s),n.key!==void 0&&(c=""+n.key),"key"in n){s={};for(var u in n)u!=="key"&&(s[u]=n[u])}else s=n;return n=s.ref,{$$typeof:e,type:o,key:c,ref:n!==void 0?n:null,props:s}}return Oe.Fragment=t,Oe.jsx=r,Oe.jsxs=r,Oe}var Ne={};var Dt;function Wr(){return Dt||(Dt=1,process.env.NODE_ENV!=="production"&&(function(){function e(l){if(l==null)return null;if(typeof l=="function")return l.$$typeof===ae?null:l.displayName||l.name||null;if(typeof l=="string")return l;switch(l){case P:return"Fragment";case $:return"Profiler";case j:return"StrictMode";case C:return"Suspense";case v:return"SuspenseList";case ne:return"Activity"}if(typeof l=="object")switch(typeof l.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),l.$$typeof){case E:return"Portal";case T:return l.displayName||"Context";case A:return(l._context.displayName||"Context")+".Consumer";case O:var f=l.render;return l=l.displayName,l||(l=f.displayName||f.name||"",l=l!==""?"ForwardRef("+l+")":"ForwardRef"),l;case J:return f=l.displayName||null,f!==null?f:e(l.type)||"Memo";case K:f=l._payload,l=l._init;try{return e(l(f))}catch{}}return null}function t(l){return""+l}function r(l){try{t(l);var f=!1}catch{f=!0}if(f){f=console;var N=f.error,D=typeof Symbol=="function"&&Symbol.toStringTag&&l[Symbol.toStringTag]||l.constructor.name||"Object";return N.call(f,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",D),t(l)}}function o(l){if(l===P)return"<>";if(typeof l=="object"&&l!==null&&l.$$typeof===K)return"<...>";try{var f=e(l);return f?"<"+f+">":"<...>"}catch{return"<...>"}}function n(){var l=H.A;return l===null?null:l.getOwner()}function s(){return Error("react-stack-top-frame")}function c(l){if(te.call(l,"key")){var f=Object.getOwnPropertyDescriptor(l,"key").get;if(f&&f.isReactWarning)return!1}return l.key!==void 0}function u(l,f){function N(){Pe||(Pe=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",f))}N.isReactWarning=!0,Object.defineProperty(l,"key",{get:N,configurable:!0})}function d(){var l=e(this.type);return ce[l]||(ce[l]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),l=this.props.ref,l!==void 0?l:null}function g(l,f,N,D,le,ue){var I=N.ref;return l={$$typeof:R,type:l,key:f,props:N,_owner:D},(I!==void 0?I:null)!==null?Object.defineProperty(l,"ref",{enumerable:!1,get:d}):Object.defineProperty(l,"ref",{enumerable:!1,value:null}),l._store={},Object.defineProperty(l._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(l,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(l,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:le}),Object.defineProperty(l,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:ue}),Object.freeze&&(Object.freeze(l.props),Object.freeze(l)),l}function m(l,f,N,D,le,ue){var I=f.children;if(I!==void 0)if(D)if(Fe(I)){for(D=0;D<I.length;D++)y(I[D]);Object.freeze&&Object.freeze(I)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else y(I);if(te.call(f,"key")){I=e(l);var q=Object.keys(f).filter(function(We){return We!=="key"});D=0<q.length?"{key: someKey, "+q.join(": ..., ")+": ...}":"{key: someKey}",G[I+D]||(q=0<q.length?"{"+q.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
2
2
|
let props = %s;
|
|
3
3
|
<%s {...props} />
|
|
4
4
|
React keys must be passed directly to JSX without using spread:
|
|
5
5
|
let props = %s;
|
|
6
|
-
<%s key={someKey} {...props} />`,A,C,M,C),K[C+A]=!0)}if(C=null,E!==void 0&&(t(E),C=""+E),c(u)&&(t(u.key),C=""+u.key),"key"in u){E={};for(var Y in u)Y!=="key"&&(E[Y]=u[Y])}else E=u;return C&&d(E,typeof a=="function"?a.displayName||a.name||"Unknown":a),k(a,C,E,n(),X,J)}function b(a){v(a)?a._store&&(a._store.validated=1):typeof a=="object"&&a!==null&&a.$$typeof===U&&(a._payload.status==="fulfilled"?v(a._payload.value)&&a._payload.value._store&&(a._payload.value._store.validated=1):a._store&&(a._store.validated=1))}function v(a){return typeof a=="object"&&a!==null&&a.$$typeof===$}var m=D,$=Symbol.for("react.transitional.element"),T=Symbol.for("react.portal"),j=Symbol.for("react.fragment"),O=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),S=Symbol.for("react.consumer"),x=Symbol.for("react.context"),R=Symbol.for("react.forward_ref"),g=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),G=Symbol.for("react.memo"),U=Symbol.for("react.lazy"),hr=Symbol.for("react.activity"),mr=Symbol.for("react.client.reference"),ke=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Se=Object.prototype.hasOwnProperty,gr=Array.isArray,$e=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(a){return a()}};var Ue,me={},xe=m.react_stack_bottom_frame.bind(m,i)(),L=$e(o(i)),K={};be.Fragment=j,be.jsx=function(a,u,E){var A=1e4>ke.recentlyCreatedOwnerStacks++;return y(a,u,E,!1,A?Error("react-stack-top-frame"):xe,A?$e(o(a)):L)},be.jsxs=function(a,u,E){var A=1e4>ke.recentlyCreatedOwnerStacks++;return y(a,u,E,!0,A?Error("react-stack-top-frame"):xe,A?$e(o(a)):L)}})()),be}var vr;function yt(){return vr||(vr=1,process.env.NODE_ENV==="production"?Pe.exports=gt():Pe.exports=bt()),Pe.exports}var B=yt(),z=function(){return z=Object.assign||function(r){for(var t,o=1,n=arguments.length;o<n;o++){t=arguments[o];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(r[i]=t[i])}return r},z.apply(this,arguments)};function ae(e,r,t){if(t||arguments.length===2)for(var o=0,n=r.length,i;o<n;o++)(i||!(o in r))&&(i||(i=Array.prototype.slice.call(r,0,o)),i[o]=r[o]);return e.concat(i||Array.prototype.slice.call(r))}typeof SuppressedError=="function"&&SuppressedError;function vt(e){var r=Object.create(null);return function(t){return r[t]===void 0&&(r[t]=e(t)),r[t]}}var wt=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,kt=vt(function(e){return wt.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),P="-ms-",ye="-moz-",w="-webkit-",wr="comm",_e="rule",He="decl",St="@import",kr="@keyframes",$t="@layer",Sr=Math.abs,Xe=String.fromCharCode,Je=Object.assign;function xt(e,r){return I(e,0)^45?(((r<<2^I(e,0))<<2^I(e,1))<<2^I(e,2))<<2^I(e,3):0}function $r(e){return e.trim()}function H(e,r){return(e=r.exec(e))?e[0]:e}function h(e,r,t){return e.replace(r,t)}function Re(e,r,t){return e.indexOf(r,t)}function I(e,r){return e.charCodeAt(r)|0}function se(e,r,t){return e.slice(r,t)}function V(e){return e.length}function xr(e){return e.length}function ve(e,r){return r.push(e),e}function Et(e,r){return e.map(r).join("")}function Er(e,r){return e.filter(function(t){return!H(t,r)})}var Ce=1,ie=1,Pr=0,F=0,N=0,ce="";function Te(e,r,t,o,n,i,c,d){return{value:e,root:r,parent:t,type:o,props:n,children:i,line:Ce,column:ie,length:c,return:"",siblings:d}}function Z(e,r){return Je(Te("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},r)}function le(e){for(;e.root;)e=Z(e.root,{children:[e]});ve(e,e.siblings)}function Pt(){return N}function _t(){return N=F>0?I(ce,--F):0,ie--,N===10&&(ie=1,Ce--),N}function W(){return N=F<Pr?I(ce,F++):0,ie++,N===10&&(ie=1,Ce++),N}function ee(){return I(ce,F)}function Ae(){return F}function Oe(e,r){return se(ce,e,r)}function Ze(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 Rt(e){return Ce=ie=1,Pr=V(ce=e),F=0,[]}function Ct(e){return ce="",e}function Ke(e){return $r(Oe(F-1,Qe(e===91?e+2:e===40?e+1:e)))}function Tt(e){for(;(N=ee())&&N<33;)W();return Ze(e)>2||Ze(N)>3?"":" "}function At(e,r){for(;--r&&W()&&!(N<48||N>102||N>57&&N<65||N>70&&N<97););return Oe(e,Ae()+(r<6&&ee()==32&&W()==32))}function Qe(e){for(;W();)switch(N){case e:return F;case 34:case 39:e!==34&&e!==39&&Qe(N);break;case 40:e===41&&Qe(e);break;case 92:W();break}return F}function Ot(e,r){for(;W()&&e+N!==57;)if(e+N===84&&ee()===47)break;return"/*"+Oe(r,F-1)+"*"+Xe(e===47?e:W())}function Nt(e){for(;!Ze(ee());)W();return Oe(e,F)}function It(e){return Ct(Ne("",null,null,null,[""],e=Rt(e),0,[0],e))}function Ne(e,r,t,o,n,i,c,d,l){for(var k=0,y=0,b=c,v=0,m=0,$=0,T=1,j=1,O=1,_=0,S="",x=n,R=i,g=o,f=S;j;)switch($=_,_=W()){case 40:if($!=108&&I(f,b-1)==58){Re(f+=h(Ke(_),"&","&\f"),"&\f",Sr(k?d[k-1]:0))!=-1&&(O=-1);break}case 34:case 39:case 91:f+=Ke(_);break;case 9:case 10:case 13:case 32:f+=Tt($);break;case 92:f+=At(Ae()-1,7);continue;case 47:switch(ee()){case 42:case 47:ve(jt(Ot(W(),Ae()),r,t,l),l);break;default:f+="/"}break;case 123*T:d[k++]=V(f)*O;case 125*T:case 59:case 0:switch(_){case 0:case 125:j=0;case 59+y:O==-1&&(f=h(f,/\f/g,"")),m>0&&V(f)-b&&ve(m>32?Rr(f+";",o,t,b-1,l):Rr(h(f," ","")+";",o,t,b-2,l),l);break;case 59:f+=";";default:if(ve(g=_r(f,r,t,k,y,n,d,S,x=[],R=[],b,i),i),_===123)if(y===0)Ne(f,r,g,g,x,i,b,d,R);else switch(v===99&&I(f,3)===110?100:v){case 100:case 108:case 109:case 115:Ne(e,g,g,o&&ve(_r(e,g,g,0,0,n,d,S,n,x=[],b,R),R),n,R,b,d,o?x:R);break;default:Ne(f,g,g,g,[""],R,0,d,R)}}k=y=m=0,T=O=1,S=f="",b=c;break;case 58:b=1+V(f),m=$;default:if(T<1){if(_==123)--T;else if(_==125&&T++==0&&_t()==125)continue}switch(f+=Xe(_),_*T){case 38:O=y>0?1:(f+="\f",-1);break;case 44:d[k++]=(V(f)-1)*O,O=1;break;case 64:ee()===45&&(f+=Ke(W())),v=ee(),y=b=V(S=f+=Nt(Ae())),_++;break;case 45:$===45&&V(f)==2&&(T=0)}}return i}function _r(e,r,t,o,n,i,c,d,l,k,y,b){for(var v=n-1,m=n===0?i:[""],$=xr(m),T=0,j=0,O=0;T<o;++T)for(var _=0,S=se(e,v+1,v=Sr(j=c[T])),x=e;_<$;++_)(x=$r(j>0?m[_]+" "+S:h(S,/&\f/g,m[_])))&&(l[O++]=x);return Te(e,r,t,n===0?_e:d,l,k,y,b)}function jt(e,r,t,o){return Te(e,r,t,wr,Xe(Pt()),se(e,2,-2),0,o)}function Rr(e,r,t,o,n){return Te(e,r,t,He,se(e,0,o),se(e,o+1,-1),o,n)}function Cr(e,r,t){switch(xt(e,r)){case 5103:return w+"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 w+e+e;case 4789:return ye+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return w+e+ye+e+P+e+e;case 5936:switch(I(e,r+11)){case 114:return w+e+P+h(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return w+e+P+h(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return w+e+P+h(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return w+e+P+e+e;case 6165:return w+e+P+"flex-"+e+e;case 5187:return w+e+h(e,/(\w+).+(:[^]+)/,w+"box-$1$2"+P+"flex-$1$2")+e;case 5443:return w+e+P+"flex-item-"+h(e,/flex-|-self/g,"")+(H(e,/flex-|baseline/)?"":P+"grid-row-"+h(e,/flex-|-self/g,""))+e;case 4675:return w+e+P+"flex-line-pack"+h(e,/align-content|flex-|-self/g,"")+e;case 5548:return w+e+P+h(e,"shrink","negative")+e;case 5292:return w+e+P+h(e,"basis","preferred-size")+e;case 6060:return w+"box-"+h(e,"-grow","")+w+e+P+h(e,"grow","positive")+e;case 4554:return w+h(e,/([^-])(transform)/g,"$1"+w+"$2")+e;case 6187:return h(h(h(e,/(zoom-|grab)/,w+"$1"),/(image-set)/,w+"$1"),e,"")+e;case 5495:case 3959:return h(e,/(image-set\([^]*)/,w+"$1$`$1");case 4968:return h(h(e,/(.+:)(flex-)?(.*)/,w+"box-pack:$3"+P+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+w+e+e;case 4200:if(!H(e,/flex-|baseline/))return P+"grid-column-align"+se(e,r)+e;break;case 2592:case 3360:return P+h(e,"template-","")+e;case 4384:case 3616:return t&&t.some(function(o,n){return r=n,H(o.props,/grid-\w+-end/)})?~Re(e+(t=t[r].value),"span",0)?e:P+h(e,"-start","")+e+P+"grid-row-span:"+(~Re(t,"span",0)?H(t,/\d+/):+H(t,/\d+/)-+H(e,/\d+/))+";":P+h(e,"-start","")+e;case 4896:case 4128:return t&&t.some(function(o){return H(o.props,/grid-\w+-start/)})?e:P+h(h(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return h(e,/(.+)-inline(.+)/,w+"$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(V(e)-1-r>6)switch(I(e,r+1)){case 109:if(I(e,r+4)!==45)break;case 102:return h(e,/(.+:)(.+)-([^]+)/,"$1"+w+"$2-$3$1"+ye+(I(e,r+3)==108?"$3":"$2-$3"))+e;case 115:return~Re(e,"stretch",0)?Cr(h(e,"stretch","fill-available"),r,t)+e:e}break;case 5152:case 5920:return h(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(o,n,i,c,d,l,k){return P+n+":"+i+k+(c?P+n+"-span:"+(d?l:+l-+i)+k:"")+e});case 4949:if(I(e,r+6)===121)return h(e,":",":"+w)+e;break;case 6444:switch(I(e,I(e,14)===45?18:11)){case 120:return h(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+w+(I(e,14)===45?"inline-":"")+"box$3$1"+w+"$2$3$1"+P+"$2box$3")+e;case 100:return h(e,":",":"+P)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return h(e,"scroll-","scroll-snap-")+e}return e}function Ie(e,r){for(var t="",o=0;o<e.length;o++)t+=r(e[o],o,e,r)||"";return t}function Dt(e,r,t,o){switch(e.type){case $t:if(e.children.length)break;case St:case He:return e.return=e.return||e.value;case wr:return"";case kr:return e.return=e.value+"{"+Ie(e.children,o)+"}";case _e:if(!V(e.value=e.props.join(",")))return""}return V(t=Ie(e.children,o))?e.return=e.value+"{"+t+"}":""}function zt(e){var r=xr(e);return function(t,o,n,i){for(var c="",d=0;d<r;d++)c+=e[d](t,o,n,i)||"";return c}}function Mt(e){return function(r){r.root||(r=r.return)&&e(r)}}function Ft(e,r,t,o){if(e.length>-1&&!e.return)switch(e.type){case He:e.return=Cr(e.value,e.length,t);return;case kr:return Ie([Z(e,{value:h(e.value,"@","@"+w)})],o);case _e:if(e.length)return Et(t=e.props,function(n){switch(H(n,o=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":le(Z(e,{props:[h(n,/:(read-\w+)/,":"+ye+"$1")]})),le(Z(e,{props:[n]})),Je(e,{props:Er(t,o)});break;case"::placeholder":le(Z(e,{props:[h(n,/:(plac\w+)/,":"+w+"input-$1")]})),le(Z(e,{props:[h(n,/:(plac\w+)/,":"+ye+"$1")]})),le(Z(e,{props:[h(n,/:(plac\w+)/,P+"input-$1")]})),le(Z(e,{props:[n]})),Je(e,{props:Er(t,o)});break}return""})}}var Lt={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,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},re=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Tr="active",Ar="data-styled-version",je="6.1.19",er=`/*!sc*/
|
|
7
|
-
`,
|
|
6
|
+
<%s key={someKey} {...props} />`,D,I,q,I),G[I+D]=!0)}if(I=null,N!==void 0&&(r(N),I=""+N),c(f)&&(r(f.key),I=""+f.key),"key"in f){N={};for(var re in f)re!=="key"&&(N[re]=f[re])}else N=f;return I&&u(N,typeof l=="function"?l.displayName||l.name||"Unknown":l),g(l,I,N,n(),le,ue)}function y(l){w(l)?l._store&&(l._store.validated=1):typeof l=="object"&&l!==null&&l.$$typeof===K&&(l._payload.status==="fulfilled"?w(l._payload.value)&&l._payload.value._store&&(l._payload.value._store.validated=1):l._store&&(l._store.validated=1))}function w(l){return typeof l=="object"&&l!==null&&l.$$typeof===R}var S=h,R=Symbol.for("react.transitional.element"),E=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),j=Symbol.for("react.strict_mode"),$=Symbol.for("react.profiler"),A=Symbol.for("react.consumer"),T=Symbol.for("react.context"),O=Symbol.for("react.forward_ref"),C=Symbol.for("react.suspense"),v=Symbol.for("react.suspense_list"),J=Symbol.for("react.memo"),K=Symbol.for("react.lazy"),ne=Symbol.for("react.activity"),ae=Symbol.for("react.client.reference"),H=S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,te=Object.prototype.hasOwnProperty,Fe=Array.isArray,we=console.createTask?console.createTask:function(){return null};S={react_stack_bottom_frame:function(l){return l()}};var Pe,ce={},k=S.react_stack_bottom_frame.bind(S,s)(),B=we(o(s)),G={};Ne.Fragment=P,Ne.jsx=function(l,f,N){var D=1e4>H.recentlyCreatedOwnerStacks++;return m(l,f,N,!1,D?Error("react-stack-top-frame"):k,D?we(o(l)):B)},Ne.jsxs=function(l,f,N){var D=1e4>H.recentlyCreatedOwnerStacks++;return m(l,f,N,!0,D?Error("react-stack-top-frame"):k,D?we(o(l)):B)}})()),Ne}var Mt;function Lr(){return Mt||(Mt=1,process.env.NODE_ENV==="production"?Le.exports=Fr():Le.exports=Wr()),Le.exports}var p=Lr(),Y=function(){return Y=Object.assign||function(t){for(var r,o=1,n=arguments.length;o<n;o++){r=arguments[o];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(t[s]=r[s])}return t},Y.apply(this,arguments)};function fe(e,t,r){if(r||arguments.length===2)for(var o=0,n=t.length,s;o<n;o++)(s||!(o in t))&&(s||(s=Array.prototype.slice.call(t,0,o)),s[o]=t[o]);return e.concat(s||Array.prototype.slice.call(t))}typeof SuppressedError=="function"&&SuppressedError;function Br(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var Vr=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Yr=Br(function(e){return Vr.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),z="-ms-",ze="-moz-",_="-webkit-",Ft="comm",Be="rule",ut="decl",Hr="@import",Wt="@keyframes",Gr="@layer",Lt=Math.abs,dt=String.fromCharCode,pt=Object.assign;function qr(e,t){return L(e,0)^45?(((t<<2^L(e,0))<<2^L(e,1))<<2^L(e,2))<<2^L(e,3):0}function Bt(e){return e.trim()}function se(e,t){return(e=t.exec(e))?e[0]:e}function x(e,t,r){return e.replace(t,r)}function Ve(e,t,r){return e.indexOf(t,r)}function L(e,t){return e.charCodeAt(t)|0}function ke(e,t,r){return e.slice(t,r)}function oe(e){return e.length}function Vt(e){return e.length}function Ie(e,t){return t.push(e),e}function Ur(e,t){return e.map(t).join("")}function Yt(e,t){return e.filter(function(r){return!se(r,t)})}var Ye=1,Se=1,Ht=0,U=0,M=0,xe="";function He(e,t,r,o,n,s,c,u){return{value:e,root:t,parent:r,type:o,props:n,children:s,line:Ye,column:Se,length:c,return:"",siblings:u}}function de(e,t){return pt(He("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function $e(e){for(;e.root;)e=de(e.root,{children:[e]});Ie(e,e.siblings)}function Xr(){return M}function Jr(){return M=U>0?L(xe,--U):0,Se--,M===10&&(Se=1,Ye--),M}function Q(){return M=U<Ht?L(xe,U++):0,Se++,M===10&&(Se=1,Ye++),M}function he(){return L(xe,U)}function Ge(){return U}function qe(e,t){return ke(xe,e,t)}function ft(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 Kr(e){return Ye=Se=1,Ht=oe(xe=e),U=0,[]}function Zr(e){return xe="",e}function ht(e){return Bt(qe(U-1,bt(e===91?e+2:e===40?e+1:e)))}function Qr(e){for(;(M=he())&&M<33;)Q();return ft(e)>2||ft(M)>3?"":" "}function eo(e,t){for(;--t&&Q()&&!(M<48||M>102||M>57&&M<65||M>70&&M<97););return qe(e,Ge()+(t<6&&he()==32&&Q()==32))}function bt(e){for(;Q();)switch(M){case e:return U;case 34:case 39:e!==34&&e!==39&&bt(M);break;case 40:e===41&&bt(e);break;case 92:Q();break}return U}function to(e,t){for(;Q()&&e+M!==57;)if(e+M===84&&he()===47)break;return"/*"+qe(t,U-1)+"*"+dt(e===47?e:Q())}function ro(e){for(;!ft(he());)Q();return qe(e,U)}function oo(e){return Zr(Ue("",null,null,null,[""],e=Kr(e),0,[0],e))}function Ue(e,t,r,o,n,s,c,u,d){for(var g=0,m=0,y=c,w=0,S=0,R=0,E=1,P=1,j=1,$=0,A="",T=n,O=s,C=o,v=A;P;)switch(R=$,$=Q()){case 40:if(R!=108&&L(v,y-1)==58){Ve(v+=x(ht($),"&","&\f"),"&\f",Lt(g?u[g-1]:0))!=-1&&(j=-1);break}case 34:case 39:case 91:v+=ht($);break;case 9:case 10:case 13:case 32:v+=Qr(R);break;case 92:v+=eo(Ge()-1,7);continue;case 47:switch(he()){case 42:case 47:Ie(no(to(Q(),Ge()),t,r,d),d);break;default:v+="/"}break;case 123*E:u[g++]=oe(v)*j;case 125*E:case 59:case 0:switch($){case 0:case 125:P=0;case 59+m:j==-1&&(v=x(v,/\f/g,"")),S>0&&oe(v)-y&&Ie(S>32?qt(v+";",o,r,y-1,d):qt(x(v," ","")+";",o,r,y-2,d),d);break;case 59:v+=";";default:if(Ie(C=Gt(v,t,r,g,m,n,u,A,T=[],O=[],y,s),s),$===123)if(m===0)Ue(v,t,C,C,T,s,y,u,O);else switch(w===99&&L(v,3)===110?100:w){case 100:case 108:case 109:case 115:Ue(e,C,C,o&&Ie(Gt(e,C,C,0,0,n,u,A,n,T=[],y,O),O),n,O,y,u,o?T:O);break;default:Ue(v,C,C,C,[""],O,0,u,O)}}g=m=S=0,E=j=1,A=v="",y=c;break;case 58:y=1+oe(v),S=R;default:if(E<1){if($==123)--E;else if($==125&&E++==0&&Jr()==125)continue}switch(v+=dt($),$*E){case 38:j=m>0?1:(v+="\f",-1);break;case 44:u[g++]=(oe(v)-1)*j,j=1;break;case 64:he()===45&&(v+=ht(Q())),w=he(),m=y=oe(A=v+=ro(Ge())),$++;break;case 45:R===45&&oe(v)==2&&(E=0)}}return s}function Gt(e,t,r,o,n,s,c,u,d,g,m,y){for(var w=n-1,S=n===0?s:[""],R=Vt(S),E=0,P=0,j=0;E<o;++E)for(var $=0,A=ke(e,w+1,w=Lt(P=c[E])),T=e;$<R;++$)(T=Bt(P>0?S[$]+" "+A:x(A,/&\f/g,S[$])))&&(d[j++]=T);return He(e,t,r,n===0?Be:u,d,g,m,y)}function no(e,t,r,o){return He(e,t,r,Ft,dt(Xr()),ke(e,2,-2),0,o)}function qt(e,t,r,o,n){return He(e,t,r,ut,ke(e,0,o),ke(e,o+1,-1),o,n)}function Ut(e,t,r){switch(qr(e,t)){case 5103:return _+"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 _+e+e;case 4789:return ze+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return _+e+ze+e+z+e+e;case 5936:switch(L(e,t+11)){case 114:return _+e+z+x(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return _+e+z+x(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return _+e+z+x(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return _+e+z+e+e;case 6165:return _+e+z+"flex-"+e+e;case 5187:return _+e+x(e,/(\w+).+(:[^]+)/,_+"box-$1$2"+z+"flex-$1$2")+e;case 5443:return _+e+z+"flex-item-"+x(e,/flex-|-self/g,"")+(se(e,/flex-|baseline/)?"":z+"grid-row-"+x(e,/flex-|-self/g,""))+e;case 4675:return _+e+z+"flex-line-pack"+x(e,/align-content|flex-|-self/g,"")+e;case 5548:return _+e+z+x(e,"shrink","negative")+e;case 5292:return _+e+z+x(e,"basis","preferred-size")+e;case 6060:return _+"box-"+x(e,"-grow","")+_+e+z+x(e,"grow","positive")+e;case 4554:return _+x(e,/([^-])(transform)/g,"$1"+_+"$2")+e;case 6187:return x(x(x(e,/(zoom-|grab)/,_+"$1"),/(image-set)/,_+"$1"),e,"")+e;case 5495:case 3959:return x(e,/(image-set\([^]*)/,_+"$1$`$1");case 4968:return x(x(e,/(.+:)(flex-)?(.*)/,_+"box-pack:$3"+z+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+_+e+e;case 4200:if(!se(e,/flex-|baseline/))return z+"grid-column-align"+ke(e,t)+e;break;case 2592:case 3360:return z+x(e,"template-","")+e;case 4384:case 3616:return r&&r.some(function(o,n){return t=n,se(o.props,/grid-\w+-end/)})?~Ve(e+(r=r[t].value),"span",0)?e:z+x(e,"-start","")+e+z+"grid-row-span:"+(~Ve(r,"span",0)?se(r,/\d+/):+se(r,/\d+/)-+se(e,/\d+/))+";":z+x(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(o){return se(o.props,/grid-\w+-start/)})?e:z+x(x(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return x(e,/(.+)-inline(.+)/,_+"$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(oe(e)-1-t>6)switch(L(e,t+1)){case 109:if(L(e,t+4)!==45)break;case 102:return x(e,/(.+:)(.+)-([^]+)/,"$1"+_+"$2-$3$1"+ze+(L(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Ve(e,"stretch",0)?Ut(x(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return x(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(o,n,s,c,u,d,g){return z+n+":"+s+g+(c?z+n+"-span:"+(u?d:+d-+s)+g:"")+e});case 4949:if(L(e,t+6)===121)return x(e,":",":"+_)+e;break;case 6444:switch(L(e,L(e,14)===45?18:11)){case 120:return x(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+_+(L(e,14)===45?"inline-":"")+"box$3$1"+_+"$2$3$1"+z+"$2box$3")+e;case 100:return x(e,":",":"+z)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return x(e,"scroll-","scroll-snap-")+e}return e}function Xe(e,t){for(var r="",o=0;o<e.length;o++)r+=t(e[o],o,e,t)||"";return r}function ao(e,t,r,o){switch(e.type){case Gr:if(e.children.length)break;case Hr:case ut:return e.return=e.return||e.value;case Ft:return"";case Wt:return e.return=e.value+"{"+Xe(e.children,o)+"}";case Be:if(!oe(e.value=e.props.join(",")))return""}return oe(r=Xe(e.children,o))?e.return=e.value+"{"+r+"}":""}function so(e){var t=Vt(e);return function(r,o,n,s){for(var c="",u=0;u<t;u++)c+=e[u](r,o,n,s)||"";return c}}function io(e){return function(t){t.root||(t=t.return)&&e(t)}}function co(e,t,r,o){if(e.length>-1&&!e.return)switch(e.type){case ut:e.return=Ut(e.value,e.length,r);return;case Wt:return Xe([de(e,{value:x(e.value,"@","@"+_)})],o);case Be:if(e.length)return Ur(r=e.props,function(n){switch(se(n,o=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":$e(de(e,{props:[x(n,/:(read-\w+)/,":"+ze+"$1")]})),$e(de(e,{props:[n]})),pt(e,{props:Yt(r,o)});break;case"::placeholder":$e(de(e,{props:[x(n,/:(plac\w+)/,":"+_+"input-$1")]})),$e(de(e,{props:[x(n,/:(plac\w+)/,":"+ze+"$1")]})),$e(de(e,{props:[x(n,/:(plac\w+)/,z+"input-$1")]})),$e(de(e,{props:[n]})),pt(e,{props:Yt(r,o)});break}return""})}}var lo={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,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},be=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Xt="active",Jt="data-styled-version",Je="6.1.19",gt=`/*!sc*/
|
|
7
|
+
`,Ke=typeof window<"u"&&typeof document<"u",uo=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""?process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY:process.env.NODE_ENV!=="production"),Kt=/invalid hook call/i,Ze=new Set,po=function(e,t){if(process.env.NODE_ENV!=="production"){var r=t?' with the id of "'.concat(t,'"'):"",o="The component ".concat(e).concat(r,` has been created dynamically.
|
|
8
8
|
`)+`You may see this warning because you've called styled inside another component.
|
|
9
9
|
To resolve this only create new StyledComponents outside of any render method and function component.
|
|
10
10
|
See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
|
|
11
|
-
`,n=console.error;try{var
|
|
11
|
+
`,n=console.error;try{var s=!0;console.error=function(c){for(var u=[],d=1;d<arguments.length;d++)u[d-1]=arguments[d];Kt.test(c)?(s=!1,Ze.delete(o)):n.apply(void 0,fe([c],u,!1))},h.useRef(),s&&!Ze.has(o)&&(console.warn(o),Ze.add(o))}catch(c){Kt.test(c.message)&&Ze.delete(o)}finally{console.error=n}}},Qe=Object.freeze([]),Ce=Object.freeze({});function fo(e,t,r){return r===void 0&&(r=Ce),e.theme!==r.theme&&e.theme||t||r.theme}var mt=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),ho=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,bo=/(^-|-$)/g;function Zt(e){return e.replace(ho,"-").replace(bo,"")}var go=/(a)(d)/gi,et=52,Qt=function(e){return String.fromCharCode(e+(e>25?39:97))};function yt(e){var t,r="";for(t=Math.abs(e);t>et;t=t/et|0)r=Qt(t%et)+r;return(Qt(t%et)+r).replace(go,"$1-$2")}var vt,er=5381,ge=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},tr=function(e){return ge(er,e)};function rr(e){return yt(tr(e)>>>0)}function or(e){return process.env.NODE_ENV!=="production"&&typeof e=="string"&&e||e.displayName||e.name||"Component"}function wt(e){return typeof e=="string"&&(process.env.NODE_ENV==="production"||e.charAt(0)===e.charAt(0).toLowerCase())}var nr=typeof Symbol=="function"&&Symbol.for,ar=nr?Symbol.for("react.memo"):60115,mo=nr?Symbol.for("react.forward_ref"):60112,yo={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},vo={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},sr={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},wo=((vt={})[mo]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},vt[ar]=sr,vt);function ir(e){return("type"in(t=e)&&t.type.$$typeof)===ar?sr:"$$typeof"in e?wo[e.$$typeof]:yo;var t}var ko=Object.defineProperty,So=Object.getOwnPropertyNames,cr=Object.getOwnPropertySymbols,xo=Object.getOwnPropertyDescriptor,$o=Object.getPrototypeOf,lr=Object.prototype;function ur(e,t,r){if(typeof t!="string"){if(lr){var o=$o(t);o&&o!==lr&&ur(e,o,r)}var n=So(t);cr&&(n=n.concat(cr(t)));for(var s=ir(e),c=ir(t),u=0;u<n.length;++u){var d=n[u];if(!(d in vo||r&&r[d]||c&&d in c||s&&d in s)){var g=xo(t,d);try{ko(e,d,g)}catch{}}}}return e}function Ee(e){return typeof e=="function"}function kt(e){return typeof e=="object"&&"styledComponentId"in e}function me(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function St(e,t){if(e.length===0)return"";for(var r=e[0],o=1;o<e.length;o++)r+=e[o];return r}function Re(e){return e!==null&&typeof e=="object"&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function xt(e,t,r){if(r===void 0&&(r=!1),!r&&!Re(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var o=0;o<t.length;o++)e[o]=xt(e[o],t[o]);else if(Re(t))for(var o in t)e[o]=xt(e[o],t[o]);return e}function $t(e,t){Object.defineProperty(e,"toString",{value:t})}var Co=process.env.NODE_ENV!=="production"?{1:`Cannot create styled-component for component: %s.
|
|
12
12
|
|
|
13
13
|
`,2:`Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
|
|
14
14
|
|
|
@@ -49,7 +49,7 @@ as for instance in your render method then you may be running into this limitati
|
|
|
49
49
|
|
|
50
50
|
`,17:`CSSStyleSheet could not be found on HTMLStyleElement.
|
|
51
51
|
Has styled-components' style tag been unmounted or altered by another script?
|
|
52
|
-
`,18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function oo(){for(var e=[],r=0;r<arguments.length;r++)e[r]=arguments[r];for(var t=e[0],o=[],n=1,i=e.length;n<i;n+=1)o.push(e[n]);return o.forEach(function(c){t=t.replace(/%[a-z]/,c)}),t}function fe(e){for(var r=[],t=1;t<arguments.length;t++)r[t-1]=arguments[t];return process.env.NODE_ENV==="production"?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(r.length>0?" Args: ".concat(r.join(", ")):"")):new Error(oo.apply(void 0,ae([to[e]],r,!1)).trim())}var no=(function(){function e(r){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=r}return e.prototype.indexOfGroup=function(r){for(var t=0,o=0;o<r;o++)t+=this.groupSizes[o];return t},e.prototype.insertRules=function(r,t){if(r>=this.groupSizes.length){for(var o=this.groupSizes,n=o.length,i=n;r>=i;)if((i<<=1)<0)throw fe(16,"".concat(r));this.groupSizes=new Uint32Array(i),this.groupSizes.set(o),this.length=i;for(var c=n;c<i;c++)this.groupSizes[c]=0}for(var d=this.indexOfGroup(r+1),l=(c=0,t.length);c<l;c++)this.tag.insertRule(d,t[c])&&(this.groupSizes[r]++,d++)},e.prototype.clearGroup=function(r){if(r<this.length){var t=this.groupSizes[r],o=this.indexOfGroup(r),n=o+t;this.groupSizes[r]=0;for(var i=o;i<n;i++)this.tag.deleteRule(o)}},e.prototype.getGroup=function(r){var t="";if(r>=this.length||this.groupSizes[r]===0)return t;for(var o=this.groupSizes[r],n=this.indexOfGroup(r),i=n+o,c=n;c<i;c++)t+="".concat(this.tag.getRule(c)).concat(er);return t},e})(),ao=1<<30,Le=new Map,Be=new Map,We=1,Ye=function(e){if(Le.has(e))return Le.get(e);for(;Be.has(We);)We++;var r=We++;if(process.env.NODE_ENV!=="production"&&((0|r)<0||r>ao))throw fe(16,"".concat(r));return Le.set(e,r),Be.set(r,e),r},so=function(e,r){We=r+1,Le.set(e,r),Be.set(r,e)},io="style[".concat(re,"][").concat(Ar,'="').concat(je,'"]'),co=new RegExp("^".concat(re,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),lo=function(e,r,t){for(var o,n=t.split(","),i=0,c=n.length;i<c;i++)(o=n[i])&&e.registerName(r,o)},uo=function(e,r){for(var t,o=((t=r.textContent)!==null&&t!==void 0?t:"").split(er),n=[],i=0,c=o.length;i<c;i++){var d=o[i].trim();if(d){var l=d.match(co);if(l){var k=0|parseInt(l[1],10),y=l[2];k!==0&&(so(y,k),lo(e,y,l[3]),e.getTag().insertRules(k,n)),n.length=0}else n.push(d)}}},Ur=function(e){for(var r=document.querySelectorAll(io),t=0,o=r.length;t<o;t++){var n=r[t];n&&n.getAttribute(re)!==Tr&&(uo(e,n),n.parentNode&&n.parentNode.removeChild(n))}};function po(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var qr=function(e){var r=document.head,t=e||r,o=document.createElement("style"),n=(function(d){var l=Array.from(d.querySelectorAll("style[".concat(re,"]")));return l[l.length-1]})(t),i=n!==void 0?n.nextSibling:null;o.setAttribute(re,Tr),o.setAttribute(Ar,je);var c=po();return c&&o.setAttribute("nonce",c),t.insertBefore(o,i),o},fo=(function(){function e(r){this.element=qr(r),this.element.appendChild(document.createTextNode("")),this.sheet=(function(t){if(t.sheet)return t.sheet;for(var o=document.styleSheets,n=0,i=o.length;n<i;n++){var c=o[n];if(c.ownerNode===t)return c}throw fe(17)})(this.element),this.length=0}return e.prototype.insertRule=function(r,t){try{return this.sheet.insertRule(t,r),this.length++,!0}catch{return!1}},e.prototype.deleteRule=function(r){this.sheet.deleteRule(r),this.length--},e.prototype.getRule=function(r){var t=this.sheet.cssRules[r];return t&&t.cssText?t.cssText:""},e})(),ho=(function(){function e(r){this.element=qr(r),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(r,t){if(r<=this.length&&r>=0){var o=document.createTextNode(t);return this.element.insertBefore(o,this.nodes[r]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(r){this.element.removeChild(this.nodes[r]),this.length--},e.prototype.getRule=function(r){return r<this.length?this.nodes[r].textContent:""},e})(),mo=(function(){function e(r){this.rules=[],this.length=0}return e.prototype.insertRule=function(r,t){return r<=this.length&&(this.rules.splice(r,0,t),this.length++,!0)},e.prototype.deleteRule=function(r){this.rules.splice(r,1),this.length--},e.prototype.getRule=function(r){return r<this.length?this.rules[r]:""},e})(),Hr=De,go={isServer:!De,useCSSOMInjection:!Bt},Xr=(function(){function e(r,t,o){r===void 0&&(r=ue),t===void 0&&(t={});var n=this;this.options=z(z({},go),r),this.gs=t,this.names=new Map(o),this.server=!!r.isServer,!this.server&&De&&Hr&&(Hr=!1,Ur(this)),ir(this,function(){return(function(i){for(var c=i.getTag(),d=c.length,l="",k=function(b){var v=(function(O){return Be.get(O)})(b);if(v===void 0)return"continue";var m=i.names.get(v),$=c.getGroup(b);if(m===void 0||!m.size||$.length===0)return"continue";var T="".concat(re,".g").concat(b,'[id="').concat(v,'"]'),j="";m!==void 0&&m.forEach(function(O){O.length>0&&(j+="".concat(O,","))}),l+="".concat($).concat(T,'{content:"').concat(j,'"}').concat(er)},y=0;y<d;y++)k(y);return l})(n)})}return e.registerId=function(r){return Ye(r)},e.prototype.rehydrate=function(){!this.server&&De&&Ur(this)},e.prototype.reconstructWithOptions=function(r,t){return t===void 0&&(t=!0),new e(z(z({},this.options),r),this.gs,t&&this.names||void 0)},e.prototype.allocateGSInstance=function(r){return this.gs[r]=(this.gs[r]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(r=(function(t){var o=t.useCSSOMInjection,n=t.target;return t.isServer?new mo(n):o?new fo(n):new ho(n)})(this.options),new no(r)));var r},e.prototype.hasNameForId=function(r,t){return this.names.has(r)&&this.names.get(r).has(t)},e.prototype.registerName=function(r,t){if(Ye(r),this.names.has(r))this.names.get(r).add(t);else{var o=new Set;o.add(t),this.names.set(r,o)}},e.prototype.insertRules=function(r,t,o){this.registerName(r,t),this.getTag().insertRules(Ye(r),o)},e.prototype.clearNames=function(r){this.names.has(r)&&this.names.get(r).clear()},e.prototype.clearRules=function(r){this.getTag().clearGroup(Ye(r)),this.clearNames(r)},e.prototype.clearTag=function(){this.tag=void 0},e})(),bo=/&/g,yo=/^\s*\/\/.*$/gm;function Jr(e,r){return e.map(function(t){return t.type==="rule"&&(t.value="".concat(r," ").concat(t.value),t.value=t.value.replaceAll(",",",".concat(r," ")),t.props=t.props.map(function(o){return"".concat(r," ").concat(o)})),Array.isArray(t.children)&&t.type!=="@keyframes"&&(t.children=Jr(t.children,r)),t})}function vo(e){var r,t,o,n=ue,i=n.options,c=i===void 0?ue:i,d=n.plugins,l=d===void 0?Me:d,k=function(v,m,$){return $.startsWith(t)&&$.endsWith(t)&&$.replaceAll(t,"").length>0?".".concat(r):v},y=l.slice();y.push(function(v){v.type===_e&&v.value.includes("&")&&(v.props[0]=v.props[0].replace(bo,t).replace(o,k))}),c.prefix&&y.push(Ft),y.push(Dt);var b=function(v,m,$,T){m===void 0&&(m=""),$===void 0&&($=""),T===void 0&&(T="&"),r=T,t=m,o=new RegExp("\\".concat(t,"\\b"),"g");var j=v.replace(yo,""),O=It($||m?"".concat($," ").concat(m," { ").concat(j," }"):j);c.namespace&&(O=Jr(O,c.namespace));var _=[];return Ie(O,zt(y.concat(Mt(function(S){return _.push(S)})))),_};return b.hash=l.length?l.reduce(function(v,m){return m.name||fe(15),te(v,m.name)},jr).toString():"",b}var wo=new Xr,cr=vo(),Zr=D.createContext({shouldForwardProp:void 0,styleSheet:wo,stylis:cr});Zr.Consumer,D.createContext(void 0);function Kr(){return D.useContext(Zr)}var Qr=(function(){function e(r,t){var o=this;this.inject=function(n,i){i===void 0&&(i=cr);var c=o.name+i.hash;n.hasNameForId(o.id,c)||n.insertRules(o.id,c,i(o.rules,c,"@keyframes"))},this.name=r,this.id="sc-keyframes-".concat(r),this.rules=t,ir(this,function(){throw fe(12,String(o.name))})}return e.prototype.getName=function(r){return r===void 0&&(r=cr),this.name+r.hash},e})(),ko=function(e){return e>="A"&&e<="Z"};function et(e){for(var r="",t=0;t<e.length;t++){var o=e[t];if(t===1&&o==="-"&&e[0]==="-")return e;ko(o)?r+="-"+o.toLowerCase():r+=o}return r.startsWith("ms-")?"-"+r:r}var rt=function(e){return e==null||e===!1||e===""},tt=function(e){var r,t,o=[];for(var n in e){var i=e[n];e.hasOwnProperty(n)&&!rt(i)&&(Array.isArray(i)&&i.isCss||de(i)?o.push("".concat(et(n),":"),i,";"):pe(i)?o.push.apply(o,ae(ae(["".concat(n," {")],tt(i),!1),["}"],!1)):o.push("".concat(et(n),": ").concat((r=n,(t=i)==null||typeof t=="boolean"||t===""?"":typeof t!="number"||t===0||r in Lt||r.startsWith("--")?String(t).trim():"".concat(t,"px")),";")))}return o};function ne(e,r,t,o){if(rt(e))return[];if(ar(e))return[".".concat(e.styledComponentId)];if(de(e)){if(!de(i=e)||i.prototype&&i.prototype.isReactComponent||!r)return[e];var n=e(r);return process.env.NODE_ENV==="production"||typeof n!="object"||Array.isArray(n)||n instanceof Qr||pe(n)||n===null||console.error("".concat(zr(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),ne(n,r,t,o)}var i;return e instanceof Qr?t?(e.inject(t,o),[e.getName(o)]):[e]:pe(e)?tt(e):Array.isArray(e)?Array.prototype.concat.apply(Me,e.map(function(c){return ne(c,r,t,o)})):[e.toString()]}function So(e){for(var r=0;r<e.length;r+=1){var t=e[r];if(de(t)&&!ar(t))return!1}return!0}var $o=Dr(je),xo=(function(){function e(r,t,o){this.rules=r,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(o===void 0||o.isStatic)&&So(r),this.componentId=t,this.baseHash=te($o,t),this.baseStyle=o,Xr.registerId(t)}return e.prototype.generateAndInjectStyles=function(r,t,o){var n=this.baseStyle?this.baseStyle.generateAndInjectStyles(r,t,o):"";if(this.isStatic&&!o.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))n=oe(n,this.staticRulesId);else{var i=Gr(ne(this.rules,r,t,o)),c=tr(te(this.baseHash,i)>>>0);if(!t.hasNameForId(this.componentId,c)){var d=o(i,".".concat(c),void 0,this.componentId);t.insertRules(this.componentId,c,d)}n=oe(n,c),this.staticRulesId=c}else{for(var l=te(this.baseHash,o.hash),k="",y=0;y<this.rules.length;y++){var b=this.rules[y];if(typeof b=="string")k+=b,process.env.NODE_ENV!=="production"&&(l=te(l,b));else if(b){var v=Gr(ne(b,r,t,o));l=te(l,v+y),k+=v}}if(k){var m=tr(l>>>0);t.hasNameForId(this.componentId,m)||t.insertRules(this.componentId,m,o(k,".".concat(m),void 0,this.componentId)),n=oe(n,m)}}return n},e})(),ot=D.createContext(void 0);ot.Consumer;var lr={},nt=new Set;function Eo(e,r,t){var o=ar(e),n=e,i=!nr(e),c=r.attrs,d=c===void 0?Me:c,l=r.componentId,k=l===void 0?(function(x,R){var g=typeof x!="string"?"sc":Nr(x);lr[g]=(lr[g]||0)+1;var f="".concat(g,"-").concat(qt(je+g+lr[g]));return R?"".concat(R,"-").concat(f):f})(r.displayName,r.parentComponentId):l,y=r.displayName,b=y===void 0?(function(x){return nr(x)?"styled.".concat(x):"Styled(".concat(zr(x),")")})(e):y,v=r.displayName&&r.componentId?"".concat(Nr(r.displayName),"-").concat(r.componentId):r.componentId||k,m=o&&n.attrs?n.attrs.concat(d).filter(Boolean):d,$=r.shouldForwardProp;if(o&&n.shouldForwardProp){var T=n.shouldForwardProp;if(r.shouldForwardProp){var j=r.shouldForwardProp;$=function(x,R){return T(x,R)&&j(x,R)}}else $=T}var O=new xo(t,v,o?n.componentStyle:void 0);function _(x,R){return(function(g,f,G){var U=g.attrs,hr=g.componentStyle,mr=g.defaultProps,ke=g.foldedComponentIds,Se=g.styledComponentId,gr=g.target,$e=D.useContext(ot),Ue=Kr(),me=g.shouldForwardProp||Ue.shouldForwardProp;process.env.NODE_ENV!=="production"&&D.useDebugValue(Se);var xe=Yt(f,$e,mr)||ue,L=(function(X,J,C){for(var M,Y=z(z({},J),{className:void 0,theme:C}),Ee=0;Ee<X.length;Ee+=1){var qe=de(M=X[Ee])?M(Y):M;for(var Q in qe)Y[Q]=Q==="className"?oe(Y[Q],qe[Q]):Q==="style"?z(z({},Y[Q]),qe[Q]):qe[Q]}return J.className&&(Y.className=oe(Y.className,J.className)),Y})(U,f,xe),K=L.as||gr,a={};for(var u in L)L[u]===void 0||u[0]==="$"||u==="as"||u==="theme"&&L.theme===xe||(u==="forwardedAs"?a.as=L.forwardedAs:me&&!me(u,K)||(a[u]=L[u],me||process.env.NODE_ENV!=="development"||kt(u)||nt.has(u)||!rr.has(K)||(nt.add(u),console.warn('styled-components: it looks like an unknown prop "'.concat(u,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var E=(function(X,J){var C=Kr(),M=X.generateAndInjectStyles(J,C.styleSheet,C.stylis);return process.env.NODE_ENV!=="production"&&D.useDebugValue(M),M})(hr,L);process.env.NODE_ENV!=="production"&&g.warnTooManyClasses&&g.warnTooManyClasses(E);var A=oe(ke,Se);return E&&(A+=" "+E),L.className&&(A+=" "+L.className),a[nr(K)&&!rr.has(K)?"class":"className"]=A,G&&(a.ref=G),D.createElement(K,a)})(S,x,R)}_.displayName=b;var S=D.forwardRef(_);return S.attrs=m,S.componentStyle=O,S.displayName=b,S.shouldForwardProp=$,S.foldedComponentIds=o?oe(n.foldedComponentIds,n.styledComponentId):"",S.styledComponentId=v,S.target=o?n.target:e,Object.defineProperty(S,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(x){this._foldedDefaultProps=o?(function(R){for(var g=[],f=1;f<arguments.length;f++)g[f-1]=arguments[f];for(var G=0,U=g;G<U.length;G++)sr(R,U[G],!0);return R})({},n.defaultProps,x):x}}),process.env.NODE_ENV!=="production"&&(Wt(b,v),S.warnTooManyClasses=(function(x,R){var g={},f=!1;return function(G){if(!f&&(g[G]=!0,Object.keys(g).length>=200)){var U=R?' with the id of "'.concat(R,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(x).concat(U,`.
|
|
52
|
+
`,18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function Eo(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var r=e[0],o=[],n=1,s=e.length;n<s;n+=1)o.push(e[n]);return o.forEach(function(c){r=r.replace(/%[a-z]/,c)}),r}function Ae(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return process.env.NODE_ENV==="production"?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(Eo.apply(void 0,fe([Co[e]],t,!1)).trim())}var Ro=(function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}return e.prototype.indexOfGroup=function(t){for(var r=0,o=0;o<t;o++)r+=this.groupSizes[o];return r},e.prototype.insertRules=function(t,r){if(t>=this.groupSizes.length){for(var o=this.groupSizes,n=o.length,s=n;t>=s;)if((s<<=1)<0)throw Ae(16,"".concat(t));this.groupSizes=new Uint32Array(s),this.groupSizes.set(o),this.length=s;for(var c=n;c<s;c++)this.groupSizes[c]=0}for(var u=this.indexOfGroup(t+1),d=(c=0,r.length);c<d;c++)this.tag.insertRule(u,r[c])&&(this.groupSizes[t]++,u++)},e.prototype.clearGroup=function(t){if(t<this.length){var r=this.groupSizes[t],o=this.indexOfGroup(t),n=o+r;this.groupSizes[t]=0;for(var s=o;s<n;s++)this.tag.deleteRule(o)}},e.prototype.getGroup=function(t){var r="";if(t>=this.length||this.groupSizes[t]===0)return r;for(var o=this.groupSizes[t],n=this.indexOfGroup(t),s=n+o,c=n;c<s;c++)r+="".concat(this.tag.getRule(c)).concat(gt);return r},e})(),Ao=1<<30,tt=new Map,rt=new Map,ot=1,nt=function(e){if(tt.has(e))return tt.get(e);for(;rt.has(ot);)ot++;var t=ot++;if(process.env.NODE_ENV!=="production"&&((0|t)<0||t>Ao))throw Ae(16,"".concat(t));return tt.set(e,t),rt.set(t,e),t},_o=function(e,t){ot=t+1,tt.set(e,t),rt.set(t,e)},jo="style[".concat(be,"][").concat(Jt,'="').concat(Je,'"]'),To=new RegExp("^".concat(be,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Po=function(e,t,r){for(var o,n=r.split(","),s=0,c=n.length;s<c;s++)(o=n[s])&&e.registerName(t,o)},Oo=function(e,t){for(var r,o=((r=t.textContent)!==null&&r!==void 0?r:"").split(gt),n=[],s=0,c=o.length;s<c;s++){var u=o[s].trim();if(u){var d=u.match(To);if(d){var g=0|parseInt(d[1],10),m=d[2];g!==0&&(_o(m,g),Po(e,m,d[3]),e.getTag().insertRules(g,n)),n.length=0}else n.push(u)}}},dr=function(e){for(var t=document.querySelectorAll(jo),r=0,o=t.length;r<o;r++){var n=t[r];n&&n.getAttribute(be)!==Xt&&(Oo(e,n),n.parentNode&&n.parentNode.removeChild(n))}};function No(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var pr=function(e){var t=document.head,r=e||t,o=document.createElement("style"),n=(function(u){var d=Array.from(u.querySelectorAll("style[".concat(be,"]")));return d[d.length-1]})(r),s=n!==void 0?n.nextSibling:null;o.setAttribute(be,Xt),o.setAttribute(Jt,Je);var c=No();return c&&o.setAttribute("nonce",c),r.insertBefore(o,s),o},zo=(function(){function e(t){this.element=pr(t),this.element.appendChild(document.createTextNode("")),this.sheet=(function(r){if(r.sheet)return r.sheet;for(var o=document.styleSheets,n=0,s=o.length;n<s;n++){var c=o[n];if(c.ownerNode===r)return c}throw Ae(17)})(this.element),this.length=0}return e.prototype.insertRule=function(t,r){try{return this.sheet.insertRule(r,t),this.length++,!0}catch{return!1}},e.prototype.deleteRule=function(t){this.sheet.deleteRule(t),this.length--},e.prototype.getRule=function(t){var r=this.sheet.cssRules[t];return r&&r.cssText?r.cssText:""},e})(),Io=(function(){function e(t){this.element=pr(t),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(t,r){if(t<=this.length&&t>=0){var o=document.createTextNode(r);return this.element.insertBefore(o,this.nodes[t]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.prototype.getRule=function(t){return t<this.length?this.nodes[t].textContent:""},e})(),Do=(function(){function e(t){this.rules=[],this.length=0}return e.prototype.insertRule=function(t,r){return t<=this.length&&(this.rules.splice(t,0,r),this.length++,!0)},e.prototype.deleteRule=function(t){this.rules.splice(t,1),this.length--},e.prototype.getRule=function(t){return t<this.length?this.rules[t]:""},e})(),fr=Ke,Mo={isServer:!Ke,useCSSOMInjection:!uo},hr=(function(){function e(t,r,o){t===void 0&&(t=Ce),r===void 0&&(r={});var n=this;this.options=Y(Y({},Mo),t),this.gs=r,this.names=new Map(o),this.server=!!t.isServer,!this.server&&Ke&&fr&&(fr=!1,dr(this)),$t(this,function(){return(function(s){for(var c=s.getTag(),u=c.length,d="",g=function(y){var w=(function(j){return rt.get(j)})(y);if(w===void 0)return"continue";var S=s.names.get(w),R=c.getGroup(y);if(S===void 0||!S.size||R.length===0)return"continue";var E="".concat(be,".g").concat(y,'[id="').concat(w,'"]'),P="";S!==void 0&&S.forEach(function(j){j.length>0&&(P+="".concat(j,","))}),d+="".concat(R).concat(E,'{content:"').concat(P,'"}').concat(gt)},m=0;m<u;m++)g(m);return d})(n)})}return e.registerId=function(t){return nt(t)},e.prototype.rehydrate=function(){!this.server&&Ke&&dr(this)},e.prototype.reconstructWithOptions=function(t,r){return r===void 0&&(r=!0),new e(Y(Y({},this.options),t),this.gs,r&&this.names||void 0)},e.prototype.allocateGSInstance=function(t){return this.gs[t]=(this.gs[t]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(t=(function(r){var o=r.useCSSOMInjection,n=r.target;return r.isServer?new Do(n):o?new zo(n):new Io(n)})(this.options),new Ro(t)));var t},e.prototype.hasNameForId=function(t,r){return this.names.has(t)&&this.names.get(t).has(r)},e.prototype.registerName=function(t,r){if(nt(t),this.names.has(t))this.names.get(t).add(r);else{var o=new Set;o.add(r),this.names.set(t,o)}},e.prototype.insertRules=function(t,r,o){this.registerName(t,r),this.getTag().insertRules(nt(t),o)},e.prototype.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},e.prototype.clearRules=function(t){this.getTag().clearGroup(nt(t)),this.clearNames(t)},e.prototype.clearTag=function(){this.tag=void 0},e})(),Fo=/&/g,Wo=/^\s*\/\/.*$/gm;function br(e,t){return e.map(function(r){return r.type==="rule"&&(r.value="".concat(t," ").concat(r.value),r.value=r.value.replaceAll(",",",".concat(t," ")),r.props=r.props.map(function(o){return"".concat(t," ").concat(o)})),Array.isArray(r.children)&&r.type!=="@keyframes"&&(r.children=br(r.children,t)),r})}function Lo(e){var t,r,o,n=Ce,s=n.options,c=s===void 0?Ce:s,u=n.plugins,d=u===void 0?Qe:u,g=function(w,S,R){return R.startsWith(r)&&R.endsWith(r)&&R.replaceAll(r,"").length>0?".".concat(t):w},m=d.slice();m.push(function(w){w.type===Be&&w.value.includes("&")&&(w.props[0]=w.props[0].replace(Fo,r).replace(o,g))}),c.prefix&&m.push(co),m.push(ao);var y=function(w,S,R,E){S===void 0&&(S=""),R===void 0&&(R=""),E===void 0&&(E="&"),t=E,r=S,o=new RegExp("\\".concat(r,"\\b"),"g");var P=w.replace(Wo,""),j=oo(R||S?"".concat(R," ").concat(S," { ").concat(P," }"):P);c.namespace&&(j=br(j,c.namespace));var $=[];return Xe(j,so(m.concat(io(function(A){return $.push(A)})))),$};return y.hash=d.length?d.reduce(function(w,S){return S.name||Ae(15),ge(w,S.name)},er).toString():"",y}var Bo=new hr,Ct=Lo(),gr=h.createContext({shouldForwardProp:void 0,styleSheet:Bo,stylis:Ct});gr.Consumer,h.createContext(void 0);function mr(){return h.useContext(gr)}var Et=(function(){function e(t,r){var o=this;this.inject=function(n,s){s===void 0&&(s=Ct);var c=o.name+s.hash;n.hasNameForId(o.id,c)||n.insertRules(o.id,c,s(o.rules,c,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=r,$t(this,function(){throw Ae(12,String(o.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=Ct),this.name+t.hash},e})(),Vo=function(e){return e>="A"&&e<="Z"};function yr(e){for(var t="",r=0;r<e.length;r++){var o=e[r];if(r===1&&o==="-"&&e[0]==="-")return e;Vo(o)?t+="-"+o.toLowerCase():t+=o}return t.startsWith("ms-")?"-"+t:t}var vr=function(e){return e==null||e===!1||e===""},wr=function(e){var t,r,o=[];for(var n in e){var s=e[n];e.hasOwnProperty(n)&&!vr(s)&&(Array.isArray(s)&&s.isCss||Ee(s)?o.push("".concat(yr(n),":"),s,";"):Re(s)?o.push.apply(o,fe(fe(["".concat(n," {")],wr(s),!1),["}"],!1)):o.push("".concat(yr(n),": ").concat((t=n,(r=s)==null||typeof r=="boolean"||r===""?"":typeof r!="number"||r===0||t in lo||t.startsWith("--")?String(r).trim():"".concat(r,"px")),";")))}return o};function ye(e,t,r,o){if(vr(e))return[];if(kt(e))return[".".concat(e.styledComponentId)];if(Ee(e)){if(!Ee(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return[e];var n=e(t);return process.env.NODE_ENV==="production"||typeof n!="object"||Array.isArray(n)||n instanceof Et||Re(n)||n===null||console.error("".concat(or(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),ye(n,t,r,o)}var s;return e instanceof Et?r?(e.inject(r,o),[e.getName(o)]):[e]:Re(e)?wr(e):Array.isArray(e)?Array.prototype.concat.apply(Qe,e.map(function(c){return ye(c,t,r,o)})):[e.toString()]}function Yo(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(Ee(r)&&!kt(r))return!1}return!0}var Ho=tr(Je),Go=(function(){function e(t,r,o){this.rules=t,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(o===void 0||o.isStatic)&&Yo(t),this.componentId=r,this.baseHash=ge(Ho,r),this.baseStyle=o,hr.registerId(r)}return e.prototype.generateAndInjectStyles=function(t,r,o){var n=this.baseStyle?this.baseStyle.generateAndInjectStyles(t,r,o):"";if(this.isStatic&&!o.hash)if(this.staticRulesId&&r.hasNameForId(this.componentId,this.staticRulesId))n=me(n,this.staticRulesId);else{var s=St(ye(this.rules,t,r,o)),c=yt(ge(this.baseHash,s)>>>0);if(!r.hasNameForId(this.componentId,c)){var u=o(s,".".concat(c),void 0,this.componentId);r.insertRules(this.componentId,c,u)}n=me(n,c),this.staticRulesId=c}else{for(var d=ge(this.baseHash,o.hash),g="",m=0;m<this.rules.length;m++){var y=this.rules[m];if(typeof y=="string")g+=y,process.env.NODE_ENV!=="production"&&(d=ge(d,y));else if(y){var w=St(ye(y,t,r,o));d=ge(d,w+m),g+=w}}if(g){var S=yt(d>>>0);r.hasNameForId(this.componentId,S)||r.insertRules(this.componentId,S,o(g,".".concat(S),void 0,this.componentId)),n=me(n,S)}}return n},e})(),kr=h.createContext(void 0);kr.Consumer;var Rt={},Sr=new Set;function qo(e,t,r){var o=kt(e),n=e,s=!wt(e),c=t.attrs,u=c===void 0?Qe:c,d=t.componentId,g=d===void 0?(function(T,O){var C=typeof T!="string"?"sc":Zt(T);Rt[C]=(Rt[C]||0)+1;var v="".concat(C,"-").concat(rr(Je+C+Rt[C]));return O?"".concat(O,"-").concat(v):v})(t.displayName,t.parentComponentId):d,m=t.displayName,y=m===void 0?(function(T){return wt(T)?"styled.".concat(T):"Styled(".concat(or(T),")")})(e):m,w=t.displayName&&t.componentId?"".concat(Zt(t.displayName),"-").concat(t.componentId):t.componentId||g,S=o&&n.attrs?n.attrs.concat(u).filter(Boolean):u,R=t.shouldForwardProp;if(o&&n.shouldForwardProp){var E=n.shouldForwardProp;if(t.shouldForwardProp){var P=t.shouldForwardProp;R=function(T,O){return E(T,O)&&P(T,O)}}else R=E}var j=new Go(r,w,o?n.componentStyle:void 0);function $(T,O){return(function(C,v,J){var K=C.attrs,ne=C.componentStyle,ae=C.defaultProps,H=C.foldedComponentIds,te=C.styledComponentId,Fe=C.target,we=h.useContext(kr),Pe=mr(),ce=C.shouldForwardProp||Pe.shouldForwardProp;process.env.NODE_ENV!=="production"&&h.useDebugValue(te);var k=fo(v,we,ae)||Ce,B=(function(le,ue,I){for(var q,re=Y(Y({},ue),{className:void 0,theme:I}),We=0;We<le.length;We+=1){var lt=Ee(q=le[We])?q(re):q;for(var pe in lt)re[pe]=pe==="className"?me(re[pe],lt[pe]):pe==="style"?Y(Y({},re[pe]),lt[pe]):lt[pe]}return ue.className&&(re.className=me(re.className,ue.className)),re})(K,v,k),G=B.as||Fe,l={};for(var f in B)B[f]===void 0||f[0]==="$"||f==="as"||f==="theme"&&B.theme===k||(f==="forwardedAs"?l.as=B.forwardedAs:ce&&!ce(f,G)||(l[f]=B[f],ce||process.env.NODE_ENV!=="development"||Yr(f)||Sr.has(f)||!mt.has(G)||(Sr.add(f),console.warn('styled-components: it looks like an unknown prop "'.concat(f,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var N=(function(le,ue){var I=mr(),q=le.generateAndInjectStyles(ue,I.styleSheet,I.stylis);return process.env.NODE_ENV!=="production"&&h.useDebugValue(q),q})(ne,B);process.env.NODE_ENV!=="production"&&C.warnTooManyClasses&&C.warnTooManyClasses(N);var D=me(H,te);return N&&(D+=" "+N),B.className&&(D+=" "+B.className),l[wt(G)&&!mt.has(G)?"class":"className"]=D,J&&(l.ref=J),h.createElement(G,l)})(A,T,O)}$.displayName=y;var A=h.forwardRef($);return A.attrs=S,A.componentStyle=j,A.displayName=y,A.shouldForwardProp=R,A.foldedComponentIds=o?me(n.foldedComponentIds,n.styledComponentId):"",A.styledComponentId=w,A.target=o?n.target:e,Object.defineProperty(A,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(T){this._foldedDefaultProps=o?(function(O){for(var C=[],v=1;v<arguments.length;v++)C[v-1]=arguments[v];for(var J=0,K=C;J<K.length;J++)xt(O,K[J],!0);return O})({},n.defaultProps,T):T}}),process.env.NODE_ENV!=="production"&&(po(y,w),A.warnTooManyClasses=(function(T,O){var C={},v=!1;return function(J){if(!v&&(C[J]=!0,Object.keys(C).length>=200)){var K=O?' with the id of "'.concat(O,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(T).concat(K,`.
|
|
53
53
|
`)+`Consider using the attrs method, together with a style object for frequently changed styles.
|
|
54
54
|
Example:
|
|
55
55
|
const Component = styled.div.attrs(props => ({
|
|
@@ -58,11 +58,11 @@ Example:
|
|
|
58
58
|
},
|
|
59
59
|
}))\`width: 100%;\`
|
|
60
60
|
|
|
61
|
-
<Component />`),
|
|
61
|
+
<Component />`),v=!0,C={}}}})(y,w)),$t(A,function(){return".".concat(A.styledComponentId)}),s&&ur(A,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),A}function xr(e,t){for(var r=[e[0]],o=0,n=t.length;o<n;o+=1)r.push(t[o],e[o+1]);return r}var $r=function(e){return Object.assign(e,{isCss:!0})};function b(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(Ee(e)||Re(e))return $r(ye(xr(Qe,fe([e],t,!0))));var o=e;return t.length===0&&o.length===1&&typeof o[0]=="string"?ye(o):$r(ye(xr(o,t)))}function At(e,t,r){if(r===void 0&&(r=Ce),!t)throw Ae(1,t);var o=function(n){for(var s=[],c=1;c<arguments.length;c++)s[c-1]=arguments[c];return e(t,r,b.apply(void 0,fe([n],s,!1)))};return o.attrs=function(n){return At(e,t,Y(Y({},r),{attrs:Array.prototype.concat(r.attrs,n).filter(Boolean)}))},o.withConfig=function(n){return At(e,t,Y(Y({},r),n))},o}var Cr=function(e){return At(qo,e)},F=Cr;mt.forEach(function(e){F[e]=Cr(e)});function at(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");var o=St(b.apply(void 0,fe([e],t,!1))),n=rr(o);return new Et(n,o)}process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn(`It looks like you've imported 'styled-components' on React Native.
|
|
62
62
|
Perhaps you're looking to import 'styled-components/native'?
|
|
63
|
-
Read more about this at https://www.styled-components.com/docs/basics#react-native`);var
|
|
63
|
+
Read more about this at https://www.styled-components.com/docs/basics#react-native`);var st="__sc-".concat(be,"__");process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window[st]||(window[st]=0),window[st]===1&&console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
|
|
64
64
|
|
|
65
|
-
See https://s-c.sh/2BAXzed for more info.`),window[
|
|
65
|
+
See https://s-c.sh/2BAXzed for more info.`),window[st]+=1);const _t=e=>b`
|
|
66
66
|
@media (hover: hover) {
|
|
67
67
|
&:hover:not(:disabled) {
|
|
68
68
|
${e}
|
|
@@ -74,73 +74,75 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ve]+=1);const Ge=e=>p`
|
|
|
74
74
|
${e}
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
|
-
`,
|
|
77
|
+
`,Uo=(e="1rem")=>b`
|
|
78
78
|
&:not(:last-child) {
|
|
79
79
|
margin-block-end: ${e};
|
|
80
80
|
}
|
|
81
|
-
`,
|
|
81
|
+
`,Xo=(e="1rem")=>b`
|
|
82
82
|
&:not(:first-child) {
|
|
83
83
|
margin-block-start: ${e};
|
|
84
84
|
}
|
|
85
|
-
`,
|
|
86
|
-
${
|
|
87
|
-
${
|
|
88
|
-
`,
|
|
85
|
+
`,Jo=(e="1rem",t)=>b`
|
|
86
|
+
${Xo(e)}
|
|
87
|
+
${Uo(e)}
|
|
88
|
+
`,Ko=(e="1.5rem",t)=>b`
|
|
89
89
|
--ava: ${e};
|
|
90
90
|
max-width: var(--ava);
|
|
91
91
|
min-width: var(--ava);
|
|
92
92
|
width: var(--ava);
|
|
93
93
|
height: ${"var(--ava)"};
|
|
94
94
|
max-height: var(--ava);
|
|
95
|
-
`,
|
|
95
|
+
`,Zo=b`
|
|
96
96
|
path,
|
|
97
97
|
rect,
|
|
98
98
|
circle {
|
|
99
99
|
&[fill] {
|
|
100
100
|
fill: currentColor;
|
|
101
|
-
transition: 0.2s fill;
|
|
102
101
|
}
|
|
103
102
|
|
|
104
103
|
&[stroke] {
|
|
105
104
|
stroke: currentColor;
|
|
106
|
-
transition: 0.2s stroke;
|
|
107
105
|
}
|
|
108
106
|
}
|
|
109
|
-
`;
|
|
107
|
+
`;b`
|
|
110
108
|
position: absolute;
|
|
111
109
|
top: 50%;
|
|
112
110
|
left: 50%;
|
|
113
111
|
transform: translate(-50%, -50%);
|
|
114
|
-
`,
|
|
112
|
+
`,b`
|
|
115
113
|
list-style: none;
|
|
116
114
|
margin: 0;
|
|
117
115
|
padding-inline-start: 0;
|
|
118
|
-
${
|
|
119
|
-
|
|
116
|
+
${Jo("0")}
|
|
117
|
+
`,b`
|
|
120
118
|
max-width: 100%;
|
|
121
119
|
width: 100%;
|
|
122
120
|
height: 100%;
|
|
123
121
|
object-fit: contain;
|
|
124
|
-
|
|
122
|
+
`,b`
|
|
125
123
|
max-width: 100%;
|
|
126
124
|
width: 100%;
|
|
127
125
|
height: 100%;
|
|
128
126
|
object-fit: cover;
|
|
129
|
-
`;const
|
|
127
|
+
`;const a=(e,t)=>`var(--kilya-${e}, ${t})`,V="var(--primary, #1677ff)",W="var(--primary-hover, #4096ff)",ee="var(--primary-pressed, #0958d9)",De="var(--black, #000)",Er="var(--black-alpha-15, #00000026)",Qo="var(--red, #ff0000)",X="var(--black, #fff)",it="var(--gray-d9, #d9d9d9)",_e="var(--gray-dd, #ddd)",ve="var(--gray-81, #818181)",je="var(--gray-e1, #e1e1e1)",Rr="var(--gray-a8, #a8a8a8)",i={colors:{bgPrimary:a("bg-primary",V),text:a("color-text",De),white:a("color-white",X),brDefault:a("color-br-default",it),hover:{bgPrimary:a("hover-bg-primary",W)},focused:{bgPrimary:a("focused-bg-primary",W)},pressed:{bgPrimary:a("pressed-bg-primary",ee)}},typography:{fontFamily:a("font-family","system-ui"),label:{fontSize:a("label-font-size","1rem"),fontWeight:a("label-font-weight","400")}},amount:{typography:{fontFamily:a("amount-font-family","system-ui"),fontSize:a("amount-font-size","1rem"),fontWeight:a("amount-font-weight","400"),lineHeight:a("amount-line-height","1.375")},input:{minWidth:a("amount-input-min-width","1.75rem")},button:{padding:a("amount-button-padding","0.125rem"),maxWidth:a("amount-button-max-width","1.5rem"),minWidth:a("amount-button-min-width","1.5rem"),width:a("amount-button-width","1.5rem"),backgroundColor:a("amount-button-background-color","transparent"),color:a("amount-button-color",De),borderColor:a("amount-button-border-color","transparent"),hover:{backgroundColor:a("amount-button-hover-background-color","transparent"),color:a("amount-button-hover-color",W),borderColor:a("amount-button-hover-border-color","transparent")}}},button:{typography:{fontFamily:a("button-typography-font-family","system-ui"),fontSize:a("button-typography-font-size","0.875rem"),fontWeight:a("button-typography-font-weight","400"),lineHeight:a("button-typography-line-height","1.5")},default:{padding:a("button-default-padding","0.5rem 1rem"),backgroundColor:a("button-default-background-color",V),color:a("button-default-color",X),borderColor:a("button-default-border-color",V),borderRadius:a("button-default-border-radius","0.25rem"),borderWidth:a("button-default-border-width","0.0625rem"),borderStyle:a("button-default-border-style","solid"),minWidth:a("button-default-min-width","auto"),minHeight:a("button-default-min-height","auto"),gap:a("button-default-gap","0.625rem"),hover:{backgroundColor:a("button-default-hover-background-color",W),color:a("button-default-hover-color",X),borderColor:a("button-default-hover-border-color",W)},pressed:{backgroundColor:a("button-default-pressed-background-color",ee),color:a("button-default-pressed-color",X),borderColor:a("button-default-pressed-border-color",ee)},disabled:{backgroundColor:a("button-default-disabled-background-color",_e),color:a("button-default-disabled-color",ve),borderColor:a("button-default-disabled-border-color",_e)}},outlined:{backgroundColor:a("button-outlined-background-color","transparent"),color:a("button-outlined-color",V),borderColor:a("button-outlined-border-color",V),hover:{backgroundColor:a("button-outlined-hover-background-color",je),color:a("button-outlined-hover-color",W),borderColor:a("button-outlined-hover-border-color",W)},pressed:{backgroundColor:a("button-outlined-pressed-background-color",Er),color:a("button-outlined-pressed-color",ee),borderColor:a("button-outlined-pressed-border-color",ee)},disabled:{backgroundColor:a("button-outlined-disabled-background-color","transparent"),color:a("button-outlined-disabled-color",ve),borderColor:a("button-outlined-disabled-border-color",_e)}},ghost:{backgroundColor:a("button-ghost-background-color","transparent"),color:a("button-ghost-color",V),borderColor:a("button-ghost-border-color","transparent"),hover:{backgroundColor:a("button-ghost-hover-background-color",je),color:a("button-ghost-hover-color",W)},pressed:{backgroundColor:a("button-ghost-pressed-background-color",Er),color:a("button-ghost-pressed-color",ee)},disabled:{backgroundColor:a("button-ghost-disabled-background-color","transparent"),color:a("button-ghost-disabled-color",ve)}},text:{backgroundColor:a("button-text-background-color","transparent"),color:a("button-text-color",V),borderColor:a("button-text-border-color","transparent"),hover:{backgroundColor:a("button-text-hover-background-color","transparent"),color:a("button-text-hover-color",W)},pressed:{backgroundColor:a("button-text-pressed-background-color","transparent"),color:a("button-text-pressed-color",ee)},disabled:{backgroundColor:a("button-text-disabled-background-color","transparent"),color:a("button-text-disabled-color",ve)}},link:{color:a("button-link-color",V),hover:{color:a("button-link-hover-color",W)},pressed:{color:a("button-link-pressed-color",ee)},disabled:{color:a("button-link-disabled-color",ve)}},white:{backgroundColor:a("button-white-background-color",X),color:a("button-white-color",De),borderColor:a("button-white-border-color",X),hover:{backgroundColor:a("button-white-hover-background-color",W),color:a("button-white-hover-color",X),borderColor:a("button-white-hover-border-color",W)},pressed:{backgroundColor:a("button-white-pressed-background-color",ee),color:a("button-white-pressed-color",X),borderColor:a("button-white-pressed-border-color",ee)},disabled:{backgroundColor:a("button-white-disabled-background-color",_e),color:a("button-white-disabled-color",ve),borderColor:a("button-white-disabled-border-color",_e)}},close:{size:a("button-close-size","1.875rem"),color:a("button-close-color","var(--gray-88, #888)"),hoverColor:a("button-close-hover-color",Qo),disabledColor:a("button-close-disabled-color",ve)},radius:a("button-radius","0.25rem")},input:{typography:{fontFamily:a("input-font-family","system-ui"),fontSize:a("input-font-size","1rem"),fontWeight:a("input-font-weight","400")},colors:{text:a("input-color",De),backgroundColor:a("input-background-color",X),borderColor:a("input-border-color",Rr),focus:{borderColor:a("input-focus-border-color",V)},hover:{borderColor:a("input-hover-border-color",V)}},radius:a("input-radius","0.3125rem"),padding:a("input-padding","0.5rem 0.75rem"),sizes:{color:{width:a("input-color-width","3.125rem"),height:a("input-color-height","1.875rem"),padding:a("input-color-padding","0.125rem"),borderRadius:a("input-color-radius","0.25rem")},file:{padding:a("input-file-padding","0.5rem"),borderRadius:a("input-file-radius","0.25rem"),buttonMargin:a("input-file-button-margin","0.75rem")},image:{padding:a("input-image-padding","0.625rem 1.25rem"),borderRadius:a("input-image-radius","0.25rem"),fontWeight:a("input-image-font-weight","700")},label:{gap:a("label-gap","0.25rem")}},range:{colors:{borderImageSource:{default:a("range-border-image-source",V),hover:a("range-hover-border-image-source",W),pressed:a("range-pressed-border-image-source",ee)},backgroundСolor:{default:a("range-background-color",V),track:a("range-track-background-color",it)},shadow:{disabled:a("range-disabled-shadow",_e)},outline:{focused:a("range-focused-outline",W)}},sizes:{thumb:a("range-thumb-size","1.25rem"),track:a("range-track-size","0.125rem"),line:a("range-line-size","0.125rem")},radius:a("range-radius","1.25rem")},checkable:{colors:{border:{default:a("checkable-border-color",V),hover:a("checkable-hover-border-color",W),checked:a("checkable-checked-border-color",V)},backgroundColor:{default:a("checkable-background-color",X),hover:a("checkable-hover-background-color",W),checked:a("checkable-checked-background-color",V)},focus:{border:a("checkable-focus-border-color",W),shadow:a("checkable-focus-shadow","0 0 0 0.25rem rgba(13, 110, 253, 0.25)")}},radius:a("checkable-radius","0.125rem")}},select:{typography:{fontFamily:a("select-font-family","system-ui"),fontSize:a("select-font-size","1rem"),fontWeight:a("select-font-weight","400"),lineHeight:a("select-line-height","1.375")},colors:{text:a("select-color",a("input-color",De)),backgroundColor:a("select-background-color",a("input-background-color",X)),borderColor:a("select-border-color",a("input-border-color",Rr)),option:{border:a("select-option-border-color",it),selected:{backgroundColor:a("select-option-selected-background-color",je),color:a("select-option-selected-color",V)}},hover:{backgroundColor:a("select-background-color",je),borderColor:a("select-hover-border-color",a("input-hover-border-color",je)),option:{backgroundColor:a("select-option-hover-background-color",je),color:a("select-option-hover-color",W)}},focus:{shadow:a("select-shadow","0 0 0 0.125rem rgba(22, 119, 255, 0.1)"),borderColor:a("select-focus-border-color",a("input-focus-border-color",W))}},radius:a("select-radius","0.3125rem"),padding:a("select-padding","0.5rem 0.75rem"),gap:a("select-gap","0.5rem")},dropdown:{colors:{backgroundColor:a("dropdown-background-color",a("select-background-color",X)),borderColor:a("dropdown-border-color",a("select-border-color",it)),shadow:a("dropdown-shadow","0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.1), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.06)")}}},en=b`
|
|
130
128
|
font-style: normal;
|
|
131
|
-
line-height:
|
|
129
|
+
line-height: ${i.button.typography.lineHeight};
|
|
132
130
|
width: fit-content;
|
|
133
131
|
background-color: transparent;
|
|
134
|
-
border:
|
|
132
|
+
border: ${i.button.default.borderWidth} solid transparent;
|
|
135
133
|
padding: 0;
|
|
136
134
|
cursor: pointer;
|
|
137
135
|
user-select: none;
|
|
138
136
|
transition: 0.2s color, 0.2s background-color, 0.2s border-color;
|
|
139
137
|
|
|
140
|
-
${
|
|
138
|
+
${Zo}
|
|
141
139
|
|
|
142
140
|
svg {
|
|
143
|
-
|
|
141
|
+
max-width: 1.5rem;
|
|
142
|
+
max-height: 1.5rem;
|
|
143
|
+
width: 100%;
|
|
144
|
+
height: 100%;
|
|
145
|
+
object-fit: contain;
|
|
144
146
|
}
|
|
145
147
|
|
|
146
148
|
&:focus-visible {
|
|
@@ -148,125 +150,145 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ve]+=1);const Ge=e=>p`
|
|
|
148
150
|
}
|
|
149
151
|
|
|
150
152
|
&:disabled {
|
|
151
|
-
background-color: ${s.colors.disabled.bgPrimary};
|
|
152
|
-
color: ${s.colors.disabled.white};
|
|
153
|
-
border-color: ${s.colors.disabled.brDefault};
|
|
154
153
|
pointer-events: none;
|
|
155
154
|
}
|
|
156
|
-
`,
|
|
157
|
-
font-family: ${
|
|
158
|
-
font-size: ${
|
|
159
|
-
font-weight: ${
|
|
155
|
+
`,tn=b`
|
|
156
|
+
font-family: ${i.button.typography.fontFamily};
|
|
157
|
+
font-size: ${i.button.typography.fontSize};
|
|
158
|
+
font-weight: ${i.button.typography.fontWeight};
|
|
160
159
|
text-align: center;
|
|
161
160
|
display: flex;
|
|
162
161
|
align-items: center;
|
|
163
162
|
justify-content: center;
|
|
164
|
-
gap:
|
|
165
|
-
`,
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
border-
|
|
171
|
-
border-
|
|
172
|
-
padding:
|
|
173
|
-
|
|
174
|
-
${
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
163
|
+
gap: ${i.button.default.gap};
|
|
164
|
+
`,rn=b`
|
|
165
|
+
--button-background-color: transparent;
|
|
166
|
+
--button-color: currentColor;
|
|
167
|
+
--button-border-color: transparent;
|
|
168
|
+
--button-border-radius: ${i.button.default.borderRadius};
|
|
169
|
+
--button-border-style: ${i.button.default.borderStyle};
|
|
170
|
+
--button-border-width: ${i.button.default.borderWidth};
|
|
171
|
+
--button-padding: ${i.button.default.padding};
|
|
172
|
+
--button-min-width: ${i.button.default.minWidth};
|
|
173
|
+
--button-min-height: ${i.button.default.minHeight};
|
|
174
|
+
--button-gap: ${i.button.default.gap};
|
|
175
|
+
|
|
176
|
+
--button-hover-background-color: transparent;
|
|
177
|
+
--button-hover-color: currentColor;
|
|
178
|
+
--button-hover-border-color: transparent;
|
|
179
|
+
|
|
180
|
+
--button-pressed-background-color: transparent;
|
|
181
|
+
--button-pressed-color: currentColor;
|
|
182
|
+
--button-pressed-border-color: transparent;
|
|
183
|
+
|
|
184
|
+
--button-disabled-background-color: transparent;
|
|
185
|
+
--button-disabled-color: currentColor;
|
|
186
|
+
--button-disabled-border-color: transparent;
|
|
187
|
+
`,Te=b`
|
|
188
|
+
${en}
|
|
189
|
+
${tn}
|
|
190
|
+
${rn}
|
|
191
|
+
|
|
192
|
+
background-color: var(--button-background-color);
|
|
193
|
+
color: var(--button-color);
|
|
194
|
+
border-color: var(--button-border-color);
|
|
195
|
+
border-radius: var(--button-border-radius);
|
|
196
|
+
border-style: var(--button-border-style);
|
|
197
|
+
border-width: var(--button-border-width);
|
|
198
|
+
padding: var(--button-padding);
|
|
199
|
+
min-width: var(--button-min-width);
|
|
200
|
+
min-height: var(--button-min-height);
|
|
201
|
+
gap: var(--button-gap);
|
|
202
|
+
|
|
203
|
+
${_t(b`
|
|
204
|
+
background-color: var(--button-hover-background-color);
|
|
205
|
+
color: var(--button-hover-color);
|
|
206
|
+
border-color: var(--button-hover-border-color);
|
|
181
207
|
`)}
|
|
182
208
|
|
|
183
209
|
&:active:not(:disabled) {
|
|
184
|
-
background-color: var(
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
);
|
|
188
|
-
color: var(--pressed-color, ${s.colors.white});
|
|
189
|
-
border-color: var(
|
|
190
|
-
--pressed-border-color,
|
|
191
|
-
${s.colors.pressed.bgPrimary}
|
|
192
|
-
);
|
|
210
|
+
background-color: var(--button-pressed-background-color);
|
|
211
|
+
color: var(--button-pressed-color);
|
|
212
|
+
border-color: var(--button-pressed-border-color);
|
|
193
213
|
}
|
|
194
|
-
`,pr=p`
|
|
195
|
-
${we}
|
|
196
|
-
${dr}
|
|
197
|
-
--background-color: ${s.colors.bgPrimary};
|
|
198
|
-
--color: ${s.colors.white};
|
|
199
|
-
--border-color: ${s.colors.bgPrimary};
|
|
200
|
-
--border-radius: ${s.radius.button.brSmall};
|
|
201
|
-
--hover-background-color: ${s.colors.hover.bgPrimary};
|
|
202
|
-
--hover-color: ${s.colors.white};
|
|
203
|
-
--hover-border-color: ${s.colors.hover.bgPrimary};
|
|
204
|
-
--pressed-background-color: ${s.colors.pressed.bgPrimary};
|
|
205
|
-
--pressed-color: ${s.colors.white};
|
|
206
|
-
--pressed-border-color: ${s.colors.pressed.bgPrimary};
|
|
207
|
-
`,Ao=he.button`
|
|
208
|
-
${we}
|
|
209
|
-
${lt}
|
|
210
|
-
|
|
211
|
-
// Общие стили для всех кнопок
|
|
212
|
-
border-radius: ${s.radius.button.brSmall};
|
|
213
|
-
padding: ${s.padding.button};
|
|
214
|
-
`,Oo=p`
|
|
215
|
-
${dr}
|
|
216
|
-
--background-color: transparent;
|
|
217
|
-
--color: ${s.colors.text};
|
|
218
|
-
--border-color: ${s.colors.bgPrimary};
|
|
219
|
-
--border-radius: ${s.radius.button.brSmall};
|
|
220
|
-
--hover-background-color: ${s.colors.hover.bgPrimary};
|
|
221
|
-
--hover-color: ${s.colors.white};
|
|
222
|
-
--hover-border-color: ${s.colors.hover.bgPrimary};
|
|
223
|
-
--pressed-background-color: ${s.colors.pressed.bgPrimary};
|
|
224
|
-
--pressed-color: ${s.colors.white};
|
|
225
|
-
--pressed-border-color: ${s.colors.pressed.bgPrimary};
|
|
226
|
-
`,No=p`
|
|
227
|
-
${pr}
|
|
228
|
-
`,Io=p`
|
|
229
|
-
color: var(--color, ${s.colors.link});
|
|
230
|
-
border: none;
|
|
231
|
-
border-radius: 0;
|
|
232
|
-
padding: 0;
|
|
233
214
|
|
|
234
|
-
|
|
235
|
-
color: var(--
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
215
|
+
&:disabled {
|
|
216
|
+
background-color: var(--button-disabled-background-color);
|
|
217
|
+
color: var(--button-disabled-color);
|
|
218
|
+
border-color: var(--button-disabled-border-color);
|
|
219
|
+
}
|
|
220
|
+
`,on=e=>typeof e=="object"&&e!==null&&"hover"in e,ct="transparent",ie=(e,t)=>e?.[t]??ct,Me=e=>{const t=i.button[e];if(e==="link"||e==="close")return b`
|
|
221
|
+
${Te}
|
|
222
|
+
`;if(!on(t))return b`
|
|
223
|
+
${Te}
|
|
224
|
+
`;const{hover:r,pressed:o,disabled:n}=t;return b`
|
|
225
|
+
${Te}
|
|
226
|
+
|
|
227
|
+
--button-background-color: ${ie(t,"backgroundColor")};
|
|
228
|
+
--button-color: ${ie(t,"color")};
|
|
229
|
+
--button-border-color: ${ie(t,"borderColor")};
|
|
230
|
+
|
|
231
|
+
--button-hover-background-color: ${ie(r,"backgroundColor")};
|
|
232
|
+
--button-hover-color: ${ie(r,"color")};
|
|
233
|
+
--button-hover-border-color: ${r?.borderColor??r?.backgroundColor??ct};
|
|
234
|
+
|
|
235
|
+
--button-pressed-background-color: ${ie(o,"backgroundColor")};
|
|
236
|
+
--button-pressed-color: ${ie(o,"color")};
|
|
237
|
+
--button-pressed-border-color: ${o?.borderColor??o?.backgroundColor??ct};
|
|
238
|
+
|
|
239
|
+
--button-disabled-background-color: ${ie(n,"backgroundColor")};
|
|
240
|
+
--button-disabled-color: ${ie(n,"color")};
|
|
241
|
+
--button-disabled-border-color: ${n?.borderColor??n?.backgroundColor??ct};
|
|
242
|
+
`},jt=Me("default"),nn=Me("outlined"),an=Me("ghost"),sn=Me("text"),cn=Me("white"),ln=b`
|
|
243
|
+
${Te}
|
|
244
|
+
--button-color: ${i.button.link.color};
|
|
245
|
+
--button-hover-color: ${i.button.link.hover.color};
|
|
246
|
+
--button-pressed-color: ${i.button.link.pressed.color};
|
|
247
|
+
--button-disabled-color: ${i.button.link.disabled.color};
|
|
248
|
+
--button-border-radius: 0;
|
|
249
|
+
--button-padding: 0;
|
|
250
|
+
--button-min-width: auto;
|
|
251
|
+
--button-min-height: auto;
|
|
252
|
+
text-decoration: none;
|
|
253
|
+
|
|
254
|
+
&:hover {
|
|
255
|
+
text-decoration: underline;
|
|
256
|
+
}
|
|
257
|
+
`,un=b`
|
|
258
|
+
${Te}
|
|
259
|
+
--button-padding: 0;
|
|
260
|
+
--button-min-width: auto;
|
|
261
|
+
--button-min-height: auto;
|
|
262
|
+
`,dn=F.button`
|
|
263
|
+
${({button:e="default"})=>{switch(e){case"default":return jt;case"outlined":return nn;case"ghost":return an;case"text":return sn;case"white":return cn;case"link":return ln;default:return un}}}
|
|
264
|
+
`,Tt=({children:e,disabled:t=!1,type:r="button",button:o="default",className:n="",...s})=>p.jsx(dn,{type:r,disabled:t,button:o,className:n,"aria-disabled":t,...s,children:e}),pn=F.button`
|
|
265
|
+
${Te}
|
|
266
|
+
|
|
267
|
+
// Специфичные стили для кнопки close
|
|
268
|
+
width: ${i.button.close.size};
|
|
269
|
+
height: ${i.button.close.size};
|
|
270
|
+
border-radius: ${i.button.radius};
|
|
261
271
|
font-size: 0;
|
|
262
272
|
position: relative;
|
|
263
|
-
border-radius: 0.25rem;
|
|
264
|
-
color: ${e=>e.disabled?s.colors.disabled.text:e.color||s.colors.button.colorClose};
|
|
265
273
|
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
274
|
+
// Убираем дефолтные значения для close кнопки
|
|
275
|
+
--button-padding: 0;
|
|
276
|
+
--button-min-width: ${i.button.close.size};
|
|
277
|
+
--button-min-height: ${i.button.close.size};
|
|
278
|
+
--button-gap: 0;
|
|
269
279
|
|
|
280
|
+
// Цвета из темы или кастомные через props
|
|
281
|
+
--button-color: ${e=>e.color||i.button.close.color};
|
|
282
|
+
--button-hover-color: ${e=>e.hoverColor||i.button.close.hoverColor};
|
|
283
|
+
--button-disabled-color: ${i.button.close.disabledColor};
|
|
284
|
+
|
|
285
|
+
// SVG специфичные стили
|
|
286
|
+
svg {
|
|
287
|
+
max-width: 100%;
|
|
288
|
+
max-height: 100%;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
// Псевдоэлемент для overlay
|
|
270
292
|
&:before {
|
|
271
293
|
content: "";
|
|
272
294
|
height: 100dvh;
|
|
@@ -278,20 +300,21 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ve]+=1);const Ge=e=>p`
|
|
|
278
300
|
z-index: -1;
|
|
279
301
|
}
|
|
280
302
|
|
|
303
|
+
// Стили для SVG path
|
|
281
304
|
path {
|
|
282
305
|
stroke: currentColor;
|
|
283
306
|
stroke-width: 0.125rem;
|
|
284
307
|
}
|
|
285
|
-
`,
|
|
308
|
+
`,fn=({disabled:e=!1,className:t="",...r})=>p.jsxs(pn,{type:"button",className:t,disabled:e,"aria-label":"Close",...r,children:[p.jsx("span",{style:{display:"none"},children:"Close"}),p.jsxs("svg",{viewBox:"0 0 24 25",children:[p.jsx("path",{d:"M6.34314 18.1567L17.6568 6.84303"}),p.jsx("path",{d:"M17.6569 18.1567L6.34315 6.84303"})]})]}),hn=b`
|
|
286
309
|
-webkit-appearance: none;
|
|
287
310
|
appearance: none;
|
|
288
|
-
${
|
|
289
|
-
border: 0.0625rem solid ${
|
|
290
|
-
border-radius: ${
|
|
311
|
+
${Ko("1rem")}
|
|
312
|
+
border: 0.0625rem solid ${i.input.checkable.colors.border.default};
|
|
313
|
+
border-radius: ${i.input.checkable.radius};
|
|
291
314
|
background-repeat: no-repeat;
|
|
292
315
|
background-position: center;
|
|
293
316
|
background-size: contain;
|
|
294
|
-
background-color: ${
|
|
317
|
+
background-color: ${i.input.checkable.colors.backgroundColor.default};
|
|
295
318
|
cursor: pointer;
|
|
296
319
|
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
|
|
297
320
|
border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
|
|
@@ -303,8 +326,8 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ve]+=1);const Ge=e=>p`
|
|
|
303
326
|
}
|
|
304
327
|
|
|
305
328
|
&:checked {
|
|
306
|
-
background-color: ${
|
|
307
|
-
border-color: ${
|
|
329
|
+
background-color: ${i.input.checkable.colors.backgroundColor.checked};
|
|
330
|
+
border-color: ${i.input.checkable.colors.border.checked};
|
|
308
331
|
|
|
309
332
|
&[type="checkbox"] {
|
|
310
333
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
|
|
@@ -315,18 +338,18 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ve]+=1);const Ge=e=>p`
|
|
|
315
338
|
}
|
|
316
339
|
}
|
|
317
340
|
|
|
318
|
-
${
|
|
319
|
-
border-color: ${
|
|
341
|
+
${_t(b`
|
|
342
|
+
border-color: ${i.input.checkable.colors.border.hover};
|
|
320
343
|
|
|
321
344
|
&:checked {
|
|
322
|
-
background-color: ${
|
|
345
|
+
background-color: ${i.input.checkable.colors.backgroundColor.hover};
|
|
323
346
|
}
|
|
324
347
|
`)}
|
|
325
348
|
|
|
326
349
|
&:focus-visible {
|
|
327
350
|
outline: none;
|
|
328
|
-
border-color: ${
|
|
329
|
-
box-shadow: ${
|
|
351
|
+
border-color: ${i.input.checkable.colors.focus.border};
|
|
352
|
+
box-shadow: ${i.input.checkable.colors.focus.shadow};
|
|
330
353
|
}
|
|
331
354
|
|
|
332
355
|
&:disabled {
|
|
@@ -342,35 +365,35 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ve]+=1);const Ge=e=>p`
|
|
|
342
365
|
body & ~ p {
|
|
343
366
|
margin-top: -0.1875em;
|
|
344
367
|
}
|
|
345
|
-
`,
|
|
346
|
-
font-family: ${
|
|
347
|
-
font-size: ${
|
|
348
|
-
font-weight: ${
|
|
349
|
-
color: ${
|
|
350
|
-
background-color: ${
|
|
351
|
-
border: 0.0625rem solid ${
|
|
352
|
-
border-radius: ${
|
|
353
|
-
padding: ${
|
|
368
|
+
`,Pt=b`
|
|
369
|
+
font-family: ${i.input.typography.fontFamily};
|
|
370
|
+
font-size: ${i.input.typography.fontSize};
|
|
371
|
+
font-weight: ${i.input.typography.fontWeight};
|
|
372
|
+
color: ${i.input.colors.text};
|
|
373
|
+
background-color: ${i.input.colors.backgroundColor};
|
|
374
|
+
border: 0.0625rem solid ${i.input.colors.borderColor};
|
|
375
|
+
border-radius: ${i.input.radius};
|
|
376
|
+
padding: ${i.input.padding};
|
|
354
377
|
transition: 0.2s border-color, 0.2s background-color, 0.2s color;
|
|
355
378
|
|
|
356
379
|
&:focus-visible {
|
|
357
380
|
outline: none;
|
|
358
|
-
border-color: ${
|
|
381
|
+
border-color: ${i.input.colors.focus.borderColor};
|
|
359
382
|
}
|
|
360
383
|
|
|
361
384
|
@media (hover: hover) {
|
|
362
385
|
&:hover:not(:focus, :focus-visible, :disabled) {
|
|
363
|
-
border-color: ${
|
|
386
|
+
border-color: ${i.input.colors.hover.borderColor};
|
|
364
387
|
}
|
|
365
388
|
}
|
|
366
389
|
|
|
367
390
|
@media (hover: none) {
|
|
368
391
|
&:active:not(:focus, :focus-visible, :disabled) {
|
|
369
|
-
border-color: ${
|
|
392
|
+
border-color: ${i.input.colors.hover.borderColor};
|
|
370
393
|
}
|
|
371
394
|
}
|
|
372
|
-
`,
|
|
373
|
-
${
|
|
395
|
+
`,bn=b`
|
|
396
|
+
${Pt}
|
|
374
397
|
-moz-appearance: textfield;
|
|
375
398
|
appearance: none;
|
|
376
399
|
outline: none;
|
|
@@ -383,55 +406,56 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ve]+=1);const Ge=e=>p`
|
|
|
383
406
|
-webkit-appearance: none;
|
|
384
407
|
margin: 0;
|
|
385
408
|
}
|
|
386
|
-
`,
|
|
387
|
-
width: ${
|
|
388
|
-
height: ${
|
|
409
|
+
`,Ar=b`
|
|
410
|
+
width: ${i.input.range.sizes.thumb};
|
|
411
|
+
height: ${i.input.range.sizes.thumb};
|
|
389
412
|
margin-top: var(--margin-top-thumb);
|
|
390
413
|
border: none;
|
|
391
|
-
border-radius: ${
|
|
392
|
-
background-color: ${
|
|
414
|
+
border-radius: ${i.input.range.radius};
|
|
415
|
+
background-color: ${i.input.range.colors.backgroundСolor.default};
|
|
393
416
|
cursor: pointer;
|
|
394
417
|
transition: 0.2s;
|
|
395
|
-
`,
|
|
418
|
+
`,_r=b`
|
|
396
419
|
box-sizing: border-box;
|
|
397
|
-
background-color: ${
|
|
398
|
-
height: ${
|
|
420
|
+
background-color: ${i.input.range.colors.backgroundСolor.track};
|
|
421
|
+
height: ${i.input.range.sizes.track};
|
|
399
422
|
border: none;
|
|
400
|
-
`,
|
|
401
|
-
--border-image-source: ${
|
|
402
|
-
`,
|
|
403
|
-
--border-image-source: ${
|
|
404
|
-
`,
|
|
405
|
-
box-shadow: 0 0 0 1.875rem inset ${
|
|
406
|
-
`,
|
|
407
|
-
outline: 0.1875rem solid ${
|
|
408
|
-
outline-offset: ${
|
|
409
|
-
`,
|
|
410
|
-
--border-image-source: ${
|
|
423
|
+
`,jr=b`
|
|
424
|
+
--border-image-source: ${i.input.range.colors.borderImageSource.hover};
|
|
425
|
+
`,Tr=b`
|
|
426
|
+
--border-image-source: ${i.input.range.colors.borderImageSource.pressed};
|
|
427
|
+
`,Pr=b`
|
|
428
|
+
box-shadow: 0 0 0 1.875rem inset ${i.input.range.colors.shadow.disabled};
|
|
429
|
+
`,Or=b`
|
|
430
|
+
outline: 0.1875rem solid ${i.input.range.colors.outline.focused};
|
|
431
|
+
outline-offset: ${i.input.range.sizes.track};
|
|
432
|
+
`,gn=b`
|
|
433
|
+
--border-image-source: ${i.input.range.colors.borderImageSource.default};
|
|
411
434
|
--margin-top-thumb: calc(
|
|
412
|
-
${
|
|
435
|
+
${i.input.range.sizes.thumb} / -2 +
|
|
436
|
+
(${i.input.range.sizes.track} / 2)
|
|
413
437
|
);
|
|
414
|
-
accent-color: ${
|
|
438
|
+
accent-color: ${i.input.range.colors.backgroundСolor.default};
|
|
415
439
|
appearance: none;
|
|
416
|
-
height: ${
|
|
440
|
+
height: ${i.input.range.sizes.thumb};
|
|
417
441
|
overflow-x: clip;
|
|
418
442
|
background-color: transparent;
|
|
419
443
|
width: 100%;
|
|
420
444
|
cursor: pointer;
|
|
421
445
|
|
|
422
446
|
&::-webkit-slider-runnable-track {
|
|
423
|
-
${
|
|
447
|
+
${_r}
|
|
424
448
|
}
|
|
425
449
|
&::-moz-range-track {
|
|
426
|
-
${
|
|
450
|
+
${_r}
|
|
427
451
|
}
|
|
428
452
|
&::-webkit-slider-thumb {
|
|
429
453
|
-webkit-appearance: none;
|
|
430
|
-
${
|
|
454
|
+
${Ar}
|
|
431
455
|
}
|
|
432
456
|
&::-moz-range-thumb {
|
|
433
457
|
-moz-appearance: none;
|
|
434
|
-
${
|
|
458
|
+
${Ar}
|
|
435
459
|
}
|
|
436
460
|
|
|
437
461
|
/* Focus состояния */
|
|
@@ -439,10 +463,10 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ve]+=1);const Ge=e=>p`
|
|
|
439
463
|
outline: none;
|
|
440
464
|
|
|
441
465
|
&::-webkit-slider-thumb {
|
|
442
|
-
${
|
|
466
|
+
${Or}
|
|
443
467
|
}
|
|
444
468
|
&::-moz-range-thumb {
|
|
445
|
-
${
|
|
469
|
+
${Or}
|
|
446
470
|
}
|
|
447
471
|
}
|
|
448
472
|
|
|
@@ -450,27 +474,27 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ve]+=1);const Ge=e=>p`
|
|
|
450
474
|
&:hover:not(:disabled),
|
|
451
475
|
&:focus-visible:not(:disabled) {
|
|
452
476
|
&::-webkit-slider-thumb {
|
|
453
|
-
${
|
|
477
|
+
${jr}
|
|
454
478
|
}
|
|
455
479
|
&::-moz-range-thumb {
|
|
456
|
-
${
|
|
480
|
+
${jr}
|
|
457
481
|
}
|
|
458
482
|
}
|
|
459
483
|
|
|
460
484
|
/* Active состояния */
|
|
461
485
|
&:active:not(:disabled) {
|
|
462
486
|
&::-webkit-slider-thumb {
|
|
463
|
-
${
|
|
487
|
+
${Tr}
|
|
464
488
|
}
|
|
465
489
|
&::-moz-range-thumb {
|
|
466
|
-
${
|
|
490
|
+
${Tr}
|
|
467
491
|
}
|
|
468
492
|
}
|
|
469
493
|
|
|
470
494
|
/* Прогресс для Firefox */
|
|
471
495
|
&::-moz-range-progress {
|
|
472
496
|
background-color: var(--border-image-source);
|
|
473
|
-
height: ${
|
|
497
|
+
height: ${i.input.range.sizes.track};
|
|
474
498
|
}
|
|
475
499
|
|
|
476
500
|
&::-webkit-slider-thumb {
|
|
@@ -483,7 +507,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ve]+=1);const Ge=e=>p`
|
|
|
483
507
|
var(--border-image-source) 50%,
|
|
484
508
|
transparent 0
|
|
485
509
|
);
|
|
486
|
-
border-image-width: calc(50% - ${
|
|
510
|
+
border-image-width: calc(50% - ${i.input.range.sizes.line}) 50%;
|
|
487
511
|
}
|
|
488
512
|
|
|
489
513
|
/* Disabled состояния */
|
|
@@ -493,68 +517,345 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ve]+=1);const Ge=e=>p`
|
|
|
493
517
|
|
|
494
518
|
&::-webkit-slider-thumb {
|
|
495
519
|
cursor: not-allowed;
|
|
496
|
-
${
|
|
520
|
+
${Pr}
|
|
497
521
|
}
|
|
498
522
|
|
|
499
523
|
&::-moz-range-thumb {
|
|
500
524
|
cursor: not-allowed;
|
|
501
|
-
${
|
|
525
|
+
${Pr}
|
|
502
526
|
}
|
|
503
527
|
}
|
|
504
|
-
`,
|
|
505
|
-
${
|
|
528
|
+
`,mn=b`
|
|
529
|
+
${jt}
|
|
506
530
|
display: inline-block;
|
|
507
|
-
`,
|
|
508
|
-
width:
|
|
509
|
-
height:
|
|
510
|
-
padding:
|
|
511
|
-
border:
|
|
512
|
-
border-radius:
|
|
531
|
+
`,yn=b`
|
|
532
|
+
width: ${i.input.sizes.color.width};
|
|
533
|
+
height: ${i.input.sizes.color.height};
|
|
534
|
+
padding: ${i.input.sizes.color.padding};
|
|
535
|
+
border: 0.0625rem solid ${i.colors.brDefault};
|
|
536
|
+
border-radius: ${i.input.sizes.color.borderRadius};
|
|
513
537
|
cursor: pointer;
|
|
514
|
-
`,
|
|
515
|
-
padding:
|
|
516
|
-
border:
|
|
517
|
-
border-radius:
|
|
538
|
+
`,vn=b`
|
|
539
|
+
padding: ${i.input.sizes.file.padding};
|
|
540
|
+
border: 0.0625rem solid ${i.colors.brDefault};
|
|
541
|
+
border-radius: ${i.input.sizes.file.borderRadius};
|
|
518
542
|
cursor: pointer;
|
|
519
543
|
|
|
520
544
|
&::file-selector-button {
|
|
521
|
-
${
|
|
522
|
-
margin-right:
|
|
545
|
+
${jt}
|
|
546
|
+
margin-right: ${i.input.sizes.file.buttonMargin};
|
|
523
547
|
}
|
|
524
|
-
`,
|
|
525
|
-
padding:
|
|
548
|
+
`,wn=b`
|
|
549
|
+
padding: ${i.input.sizes.image.padding};
|
|
526
550
|
border: none;
|
|
527
|
-
border-radius:
|
|
551
|
+
border-radius: ${i.input.sizes.image.borderRadius};
|
|
528
552
|
cursor: pointer;
|
|
529
|
-
font-weight:
|
|
530
|
-
background-color: ${
|
|
531
|
-
color: ${
|
|
553
|
+
font-weight: ${i.input.sizes.image.fontWeight};
|
|
554
|
+
background-color: ${i.colors.bgPrimary};
|
|
555
|
+
color: ${i.colors.white};
|
|
532
556
|
|
|
533
557
|
&:hover:not(:disabled) {
|
|
534
|
-
background-color: ${
|
|
558
|
+
background-color: ${i.colors.hover.bgPrimary};
|
|
535
559
|
}
|
|
536
|
-
`,
|
|
560
|
+
`,kn=b`
|
|
537
561
|
display: none;
|
|
538
|
-
`,
|
|
562
|
+
`,Sn=b`
|
|
539
563
|
flex-direction: column;
|
|
540
564
|
|
|
541
565
|
p {
|
|
542
566
|
order: -1;
|
|
543
567
|
}
|
|
544
|
-
`,
|
|
568
|
+
`,xn=b``,$n=e=>{switch(e){case"button":case"submit":case"reset":return mn;case"checkbox":case"radio":return hn;case"color":return yn;case"date":case"datetime-local":case"month":case"time":case"week":return Pt;case"file":return vn;case"image":return wn;case"number":return bn;case"range":return gn;case"hidden":return kn;default:return Pt}},Cn=e=>{switch(e){case"checkbox":case"radio":return xn;default:return Sn}},En=F.input`
|
|
545
569
|
width: auto;
|
|
546
570
|
max-width: 100%;
|
|
547
|
-
${({type:e})
|
|
548
|
-
`,
|
|
549
|
-
${({$type:e})=>
|
|
571
|
+
${({type:e})=>$n(e)}
|
|
572
|
+
`,Rn=F.label`
|
|
573
|
+
${({$type:e})=>Cn(e)}
|
|
550
574
|
display: flex;
|
|
551
|
-
gap:
|
|
575
|
+
gap: ${i.input.sizes.label.gap};
|
|
552
576
|
user-select: none;
|
|
553
577
|
|
|
554
578
|
p {
|
|
555
|
-
font-family: ${
|
|
556
|
-
font-size: ${
|
|
557
|
-
font-weight: ${
|
|
579
|
+
font-family: ${i.typography.fontFamily};
|
|
580
|
+
font-size: ${i.typography.label.fontSize};
|
|
581
|
+
font-weight: ${i.typography.label.fontWeight};
|
|
558
582
|
margin: 0;
|
|
559
583
|
}
|
|
560
|
-
`,
|
|
584
|
+
`,Ot=({id:e,type:t="text",label:r,...o})=>{const n=()=>p.jsx(En,{id:e,type:t,...o});return r?p.jsxs(Rn,{$type:t,children:[p.jsx(n,{}),p.jsx("p",{children:r})]}):p.jsx(n,{})},An=at`
|
|
585
|
+
from {
|
|
586
|
+
opacity: 0;
|
|
587
|
+
transform: translateY(-0.5rem);
|
|
588
|
+
}
|
|
589
|
+
to {
|
|
590
|
+
opacity: 1;
|
|
591
|
+
transform: translateY(0);
|
|
592
|
+
}
|
|
593
|
+
`,_n=at`
|
|
594
|
+
from {
|
|
595
|
+
opacity: 1;
|
|
596
|
+
transform: translateY(0);
|
|
597
|
+
}
|
|
598
|
+
to {
|
|
599
|
+
opacity: 0;
|
|
600
|
+
transform: translateY(-0.5rem);
|
|
601
|
+
}
|
|
602
|
+
`,jn=at`
|
|
603
|
+
from {
|
|
604
|
+
opacity: 0;
|
|
605
|
+
transform: translateY(0.5rem);
|
|
606
|
+
}
|
|
607
|
+
to {
|
|
608
|
+
opacity: 1;
|
|
609
|
+
transform: translateY(0);
|
|
610
|
+
}
|
|
611
|
+
`,Tn=at`
|
|
612
|
+
from {
|
|
613
|
+
opacity: 1;
|
|
614
|
+
transform: translateY(0);
|
|
615
|
+
}
|
|
616
|
+
to {
|
|
617
|
+
opacity: 0;
|
|
618
|
+
transform: translateY(0.5rem);
|
|
619
|
+
}
|
|
620
|
+
`,Nr=F.div`
|
|
621
|
+
position: relative;
|
|
622
|
+
width: 100%;
|
|
623
|
+
|
|
624
|
+
${({$disabled:e})=>e&&b`
|
|
625
|
+
opacity: 0.6;
|
|
626
|
+
cursor: not-allowed;
|
|
627
|
+
pointer-events: none;
|
|
628
|
+
`}
|
|
629
|
+
`,zr=F.button`
|
|
630
|
+
font-family: ${i.select.typography.fontFamily};
|
|
631
|
+
font-size: ${i.select.typography.fontSize};
|
|
632
|
+
font-weight: ${i.select.typography.fontWeight};
|
|
633
|
+
line-height: ${i.select.typography.lineHeight};
|
|
634
|
+
text-align: start;
|
|
635
|
+
display: flex;
|
|
636
|
+
align-items: center;
|
|
637
|
+
justify-content: space-between;
|
|
638
|
+
width: 100%;
|
|
639
|
+
background-color: ${i.select.colors.backgroundColor};
|
|
640
|
+
color: ${i.select.colors.text};
|
|
641
|
+
border: 0.0625rem solid ${i.select.colors.borderColor};
|
|
642
|
+
border-radius: ${i.select.radius};
|
|
643
|
+
padding: ${i.select.padding};
|
|
644
|
+
gap: ${i.select.gap};
|
|
645
|
+
cursor: pointer;
|
|
646
|
+
transition: all 0.2s ease;
|
|
647
|
+
|
|
648
|
+
&:hover {
|
|
649
|
+
border-color: ${i.select.colors.hover.borderColor};
|
|
650
|
+
background-color: ${i.select.colors.hover.backgroundColor};
|
|
651
|
+
}
|
|
652
|
+
|
|
653
|
+
&:focus {
|
|
654
|
+
outline: none;
|
|
655
|
+
border-color: ${i.select.colors.focus.borderColor};
|
|
656
|
+
box-shadow: ${i.select.colors.focus.shadow};
|
|
657
|
+
}
|
|
658
|
+
|
|
659
|
+
${({$isOpen:e})=>e&&b`
|
|
660
|
+
position: relative;
|
|
661
|
+
z-index: 10;
|
|
662
|
+
border-color: ${i.select.colors.focus.borderColor};
|
|
663
|
+
|
|
664
|
+
svg {
|
|
665
|
+
transform: rotate(180deg);
|
|
666
|
+
}
|
|
667
|
+
`}
|
|
668
|
+
`,Pn=F.ul`
|
|
669
|
+
list-style: none;
|
|
670
|
+
position: absolute;
|
|
671
|
+
left: 0;
|
|
672
|
+
right: 0;
|
|
673
|
+
margin: 0;
|
|
674
|
+
padding: 0;
|
|
675
|
+
${({$direction:e})=>e==="top"?"bottom: calc(100% + 0.5rem);":"top: calc(100% + 0.5rem);"}
|
|
676
|
+
|
|
677
|
+
display: flex;
|
|
678
|
+
flex-direction: column;
|
|
679
|
+
background-color: ${i.dropdown.colors.backgroundColor};
|
|
680
|
+
border: 0.0625rem solid ${i.dropdown.colors.borderColor};
|
|
681
|
+
border-radius: ${i.select.radius};
|
|
682
|
+
box-shadow: ${i.dropdown.colors.shadow};
|
|
683
|
+
|
|
684
|
+
max-height: ${({$maxHeight:e})=>e||"50vh"};
|
|
685
|
+
overflow-y: auto;
|
|
686
|
+
z-index: 20;
|
|
687
|
+
|
|
688
|
+
${({$direction:e,$isActive:t,$isAnimating:r})=>r?e==="top"?t?b`
|
|
689
|
+
animation: ${jn} 0.1s ease-out forwards;
|
|
690
|
+
`:b`
|
|
691
|
+
animation: ${Tn} 0.1s ease-in forwards;
|
|
692
|
+
`:t?b`
|
|
693
|
+
animation: ${An} 0.1s ease-out forwards;
|
|
694
|
+
`:b`
|
|
695
|
+
animation: ${_n} 0.1s ease-in forwards;
|
|
696
|
+
`:""}
|
|
697
|
+
`,On=F.li`
|
|
698
|
+
font-family: ${i.select.typography.fontFamily};
|
|
699
|
+
font-size: 0.875rem;
|
|
700
|
+
font-weight: ${i.select.typography.fontWeight};
|
|
701
|
+
line-height: ${i.select.typography.lineHeight};
|
|
702
|
+
text-align: start;
|
|
703
|
+
display: flex;
|
|
704
|
+
align-items: center;
|
|
705
|
+
justify-content: space-between;
|
|
706
|
+
padding: 0.75rem 1rem;
|
|
707
|
+
cursor: pointer;
|
|
708
|
+
transition: all 0.2s ease;
|
|
709
|
+
border-bottom: 0.0625rem solid ${i.select.colors.option.border};
|
|
710
|
+
|
|
711
|
+
&:last-child {
|
|
712
|
+
border-bottom: none;
|
|
713
|
+
}
|
|
714
|
+
|
|
715
|
+
&:hover {
|
|
716
|
+
background-color: ${i.select.colors.hover.option.backgroundColor};
|
|
717
|
+
color: ${i.select.colors.hover.option.color};
|
|
718
|
+
}
|
|
719
|
+
|
|
720
|
+
${({$isSelected:e})=>e&&b`
|
|
721
|
+
background-color: ${i.select.colors.option.selected.backgroundColor};
|
|
722
|
+
color: ${i.select.colors.option.selected.color};
|
|
723
|
+
font-weight: var(--option-selected-font-weight, 500);
|
|
724
|
+
`}
|
|
725
|
+
`,Ir=F.div`
|
|
726
|
+
display: flex;
|
|
727
|
+
align-items: center;
|
|
728
|
+
gap: 0.5rem;
|
|
729
|
+
flex: 1;
|
|
730
|
+
`,Nn=F.img`
|
|
731
|
+
width: 2rem;
|
|
732
|
+
height: 2rem;
|
|
733
|
+
border-radius: 2rem;
|
|
734
|
+
object-fit: cover;
|
|
735
|
+
`,zn=F.svg`
|
|
736
|
+
width: 1.5rem;
|
|
737
|
+
height: 1.5rem;
|
|
738
|
+
flex-shrink: 0;
|
|
739
|
+
transition: transform 0.2s ease;
|
|
740
|
+
|
|
741
|
+
path {
|
|
742
|
+
stroke: currentColor;
|
|
743
|
+
}
|
|
744
|
+
`,In=(e=!1,t=300)=>{const[r,o]=h.useState(e),[n,s]=h.useState(!1),[c,u]=h.useState(e),d=h.useCallback(()=>{r||(u(!0),o(!0),s(!0))},[r]),g=h.useCallback(()=>{r&&(s(!0),o(!1))},[r]),m=h.useCallback(()=>{r?g():d()},[r,d,g]);return h.useEffect(()=>{if(r&&n){const y=setTimeout(()=>s(!1),t);return()=>clearTimeout(y)}},[r,n,t]),h.useEffect(()=>{!r&&!n&&c&&u(!1)},[r,n,c]),{isActive:r,isVisible:c,isAnimating:n,open:d,close:g,toggle:m,setIsAnimating:s}},Dn=()=>({calculateOpenDirection:h.useCallback((t,r,o=50,n=300,s=10)=>{if(!t)return{direction:"bottom",estimatedHeight:0};const c=t.getBoundingClientRect(),u=window.innerHeight,d=Math.min(r*o,n),g=u-c.bottom,m=c.top;return g<d+s&&m>=d+s?{direction:"top",estimatedHeight:d}:{direction:"bottom",estimatedHeight:d}},[])}),Mn=(e,t,r)=>{h.useEffect(()=>{const o=n=>{e.current&&!e.current.contains(n.target)&&r()};if(t){const n=setTimeout(()=>{document.addEventListener("mousedown",o)},0);return()=>{clearTimeout(n),document.removeEventListener("mousedown",o)}}},[t,e,r])},Fn=(e,t,r=5)=>{const o=h.useRef(0);h.useEffect(()=>{if(!e)return;let n;const s=()=>{n&&cancelAnimationFrame(n),n=requestAnimationFrame(()=>{const c=window.scrollY;Math.abs(c-o.current)>r&&(o.current=c,t())})};return window.addEventListener("scroll",s,{passive:!0}),()=>{n&&cancelAnimationFrame(n),window.removeEventListener("scroll",s)}},[e,t,r])},Wn=p.jsx(zn,{viewBox:"0 0 24 24",fill:"none",children:p.jsx("path",{d:"m6 9 6 6 6-6",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),Ln=({value:e,onChange:t,options:r=[],image:o,className:n,placeholder:s="Select an option",disabled:c=!1,direction:u="auto",maxHeight:d="50vh",showArrow:g=!0,customArrow:m,multiple:y=!1,...w})=>{const S=h.useRef(null),R=h.useRef(null),{isActive:E,isVisible:P,isAnimating:j,toggle:$,close:A,setIsAnimating:T}=In(!1),[O,C]=h.useState("bottom"),{calculateOpenDirection:v}=Dn(),J=navigator.language.startsWith("ru");function K(k){return k==null?null:typeof k=="object"&&"value"in k&&"label"in k&&(typeof k.value=="string"||typeof k.value=="number")?{value:k.value,label:k.label}:typeof k=="string"||typeof k=="number"?{value:k,label:String(k)}:null}const ne=h.useMemo(()=>r?Array.isArray(r)?r.map(K).filter(k=>k!==null):typeof r=="object"?Object.entries(r).map(([k,B])=>({value:k,label:B})):[]:[],[r]),ae=ne.length,H=h.useMemo(()=>y?Array.isArray(e)?e:[]:e!==void 0?[e]:[],[e,y]),te=h.useMemo(()=>ne.filter(k=>H.includes(k.value)).map(k=>k.label),[ne,H]),Fe=h.useCallback(()=>{c||$()},[c,$]),we=h.useCallback(k=>{if(!t)return;if(!y){t(k),A();return}const B=H.includes(k)?H.filter(G=>G!==k):[...H,k];t(B)},[t,y,H,A]),Pe=h.useCallback(()=>{if(E&&R.current&&u==="auto"){const{direction:k}=v(R.current,ae);C(k)}},[E,u,v,ae]);Mn(S,E,A),Fn(E,Pe),h.useEffect(()=>{if(E&&R.current)if(u==="auto"){const{direction:k}=v(R.current,ae);C(k)}else C(u)},[E,u,v,ae]);const ce=()=>{let k=s;return te.length===1?k=te[0]:te.length>1&&(k=J?`Выбрано: ${te.length}`:`Selected: ${te.length}`),p.jsxs(p.Fragment,{children:[o&&p.jsx(Nn,{src:o,alt:""}),p.jsx("span",{children:k})]})};return ae<=1?p.jsx(Nr,{className:n,$disabled:c,...w,children:p.jsx(zr,{ref:R,$isOpen:!1,disabled:c,onClick:()=>{ae===1&&t&&t(y?[ne[0].value]:ne[0].value)},children:p.jsx(Ir,{children:ce()})})}):p.jsxs(Nr,{ref:S,className:n,$disabled:c,...w,children:[p.jsxs(zr,{ref:R,$isOpen:E,disabled:c,onClick:Fe,"aria-expanded":E,"aria-haspopup":"listbox",children:[p.jsx(Ir,{children:ce()}),g&&(m||Wn)]}),P&&p.jsx(Pn,{role:"listbox",$direction:O,$isActive:E,$isAnimating:j,$maxHeight:typeof d=="number"?`${d}px`:d,onAnimationEnd:()=>{E||T(!1)},children:ne.map((k,B)=>{const G=H.includes(k.value);return p.jsx(On,{$isSelected:G,onClick:()=>we(k.value),role:"option","aria-selected":G,children:p.jsx("span",{children:k.label})},`${k.value}-${B}`)})})]})},Bn=()=>p.jsxs("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[p.jsx("path",{d:"M2 10H18",stroke:"#1A1A1A",strokeWidth:"2"}),p.jsx("path",{d:"M10 18L10 2",stroke:"#1A1A1A",strokeWidth:"2"})]}),Vn=()=>p.jsx("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:p.jsx("path",{d:"M2 10H18",stroke:"#1A1A1A",strokeWidth:"2"})}),Yn=F.div`
|
|
745
|
+
display: flex;
|
|
746
|
+
gap: 0.25rem;
|
|
747
|
+
width: fit-content;
|
|
748
|
+
${({$center:e})=>!e&&b`
|
|
749
|
+
flex-direction: row-reverse;
|
|
750
|
+
|
|
751
|
+
input {
|
|
752
|
+
order: 1;
|
|
753
|
+
}
|
|
754
|
+
`}
|
|
755
|
+
|
|
756
|
+
input {
|
|
757
|
+
font-famile: ${i.amount.typography.fontFamily};
|
|
758
|
+
font-size: ${i.amount.typography.fontSize};
|
|
759
|
+
font-weight: ${i.amount.typography.fontWeight};
|
|
760
|
+
line-height: ${i.amount.typography.lineHeight};
|
|
761
|
+
min-width: ${i.amount.input.minWidth};
|
|
762
|
+
margin: 0;
|
|
763
|
+
padding: 0;
|
|
764
|
+
border: none;
|
|
765
|
+
outline: none;
|
|
766
|
+
}
|
|
767
|
+
|
|
768
|
+
button {
|
|
769
|
+
max-width: ${i.amount.button.maxWidth};
|
|
770
|
+
min-width: ${i.amount.button.minWidth};
|
|
771
|
+
width: ${i.amount.button.width};
|
|
772
|
+
height: auto;
|
|
773
|
+
padding: ${i.amount.button.padding};
|
|
774
|
+
background-color: ${i.amount.button.backgroundColor};
|
|
775
|
+
color: ${i.amount.button.color};
|
|
776
|
+
border-color: ${i.amount.button.borderColor};
|
|
777
|
+
|
|
778
|
+
${_t(b`
|
|
779
|
+
background-color: ${i.amount.button.hover.backgroundColor};
|
|
780
|
+
color: ${i.amount.button.hover.color};
|
|
781
|
+
border-color: ${i.amount.button.hover.borderColor};
|
|
782
|
+
`)}
|
|
783
|
+
}
|
|
784
|
+
`;function Hn({value:e,min:t=1,max:r=100,step:o=1,center:n=!1,className:s,onChange:c}){const[u,d]=h.useState(!1),[g,m]=h.useState(e.toString()),y=h.useMemo(()=>`${g.length*14/16}rem`,[g]),w=h.useCallback($=>{c&&c($)},[c]);h.useEffect(()=>{u||m(e.toString().padStart(2,"0"))},[e,u]);const S=$=>{$.preventDefault(),m($.target.value)},R=()=>{d(!0),m(g.replace(/^0+/,"")||"0")},E=$=>{$.preventDefault();const A=Number($.target.value);if(isNaN(A)){m(e.toString().padStart(2,"0")),d(!1);return}const T=Math.min(Math.max(A,t),r);w(T),d(!1)},P=h.useCallback(()=>{const $=Math.min(e+o,r);w($)},[e,o,r,w]),j=h.useCallback(()=>{const $=Math.max(e-o,t);w($)},[e,o,t,w]);return p.jsxs(Yn,{className:s,$center:n,children:[p.jsx(Tt,{onClick:j,disabled:e<=t,children:p.jsx(Vn,{})}),p.jsx(Ot,{type:"number",value:g,inputMode:"decimal",onChange:S,onFocus:R,onBlur:E,style:{width:y},min:t,max:r,step:o}),p.jsx(Tt,{onClick:P,disabled:e>=r,children:p.jsx(Bn,{})})]})}const Gn=F.div`
|
|
785
|
+
user-select: none;
|
|
786
|
+
margin-bottom: 1.25rem;
|
|
787
|
+
`,qn=F.label`
|
|
788
|
+
position: relative;
|
|
789
|
+
display: flex;
|
|
790
|
+
flex-wrap: wrap;
|
|
791
|
+
align-items: center;
|
|
792
|
+
justify-content: space-between;
|
|
793
|
+
overflow: hidden;
|
|
794
|
+
`;function Un({children:e,step:t=1,value:r,min:o,max:n,callback:s=()=>{}}){const c=u=>{u.preventDefault();const d=Number(u.target.value);s(d)};return p.jsxs(qn,{children:[p.jsx(Ot,{type:"range",value:r,min:o,max:n,step:t,onChange:c,"aria-valuenow":Number(r),"aria-valuemin":o,"aria-valuemax":n}),e]})}const Nt=F.span`
|
|
795
|
+
display: flex;
|
|
796
|
+
align-items: center;
|
|
797
|
+
justify-content: center;
|
|
798
|
+
min-width: 1.25rem;
|
|
799
|
+
height: 1.25rem;
|
|
800
|
+
letter-spacing: 0em;
|
|
801
|
+
font-size: 0.75rem;
|
|
802
|
+
font-family: ${i.typography.fontFamily};
|
|
803
|
+
color: ${i.colors.text};
|
|
804
|
+
transition: color 0.2s ease-in-out;
|
|
805
|
+
user-select: none;
|
|
806
|
+
cursor: pointer;
|
|
807
|
+
position: relative;
|
|
808
|
+
z-index: 2;
|
|
809
|
+
|
|
810
|
+
&:hover {
|
|
811
|
+
color: ${i.colors.hover.bgPrimary};
|
|
812
|
+
}
|
|
813
|
+
|
|
814
|
+
&:active {
|
|
815
|
+
color: ${i.colors.pressed.bgPrimary};
|
|
816
|
+
}
|
|
817
|
+
|
|
818
|
+
&:focus-visible {
|
|
819
|
+
outline: 0.125rem solid ${i.colors.focused.bgPrimary};
|
|
820
|
+
outline-offset: 0.125rem;
|
|
821
|
+
}
|
|
822
|
+
`;function Xn({min:e=0,max:t=0,callback:r=()=>{}}){const o=h.useCallback(()=>{r(e)},[r]),n=h.useCallback(()=>{r(t)},[r]);return p.jsxs(p.Fragment,{children:[p.jsx(Nt,{onClick:o,onKeyDown:s=>s.key==="Enter"&&o(),children:e}),p.jsx(Nt,{onClick:n,onKeyDown:s=>s.key==="Enter"&&n(),children:t})]})}const Jn=F.div`
|
|
823
|
+
display: flex;
|
|
824
|
+
align-items: center;
|
|
825
|
+
width: 100%;
|
|
826
|
+
gap: 0.5rem;
|
|
827
|
+
margin-bottom: 0.5rem;
|
|
828
|
+
`,Kn=F.span`
|
|
829
|
+
font-family: ${i.typography.fontFamily};
|
|
830
|
+
font-size: ${i.typography.label.fontSize};
|
|
831
|
+
font-weight: ${i.typography.label.fontWeight};
|
|
832
|
+
color: ${i.colors.text};
|
|
833
|
+
margin-right: auto;
|
|
834
|
+
flex-shrink: 0;
|
|
835
|
+
`,Zn=F.span`
|
|
836
|
+
font-family: ${i.typography.fontFamily};
|
|
837
|
+
font-size: ${i.typography.label.fontSize};
|
|
838
|
+
font-weight: ${i.typography.label.fontWeight};
|
|
839
|
+
color: ${i.colors.text};
|
|
840
|
+
opacity: 0.7;
|
|
841
|
+
flex-shrink: 0;
|
|
842
|
+
`;function Qn({children:e,calculation:t="",title:r="Value"}){return p.jsxs(Jn,{children:[p.jsx(Kn,{children:r}),t&&p.jsx(Zn,{children:t}),e]})}const ea=F.span`
|
|
843
|
+
display: flex;
|
|
844
|
+
justify-content: space-between;
|
|
845
|
+
width: 100%;
|
|
846
|
+
gap: 0.25rem;
|
|
847
|
+
|
|
848
|
+
.currentStep {
|
|
849
|
+
pointer-events: none;
|
|
850
|
+
color: ${i.colors.bgPrimary};
|
|
851
|
+
}
|
|
852
|
+
|
|
853
|
+
span {
|
|
854
|
+
width: 1.5rem;
|
|
855
|
+
@media (max-width: 425px) {
|
|
856
|
+
&:not(:first-child, :last-child) {
|
|
857
|
+
display: none;
|
|
858
|
+
}
|
|
859
|
+
}
|
|
860
|
+
}
|
|
861
|
+
`;var zt={exports:{}};var Dr;function ta(){return Dr||(Dr=1,(function(e){(function(){var t={}.hasOwnProperty;function r(){for(var s="",c=0;c<arguments.length;c++){var u=arguments[c];u&&(s=n(s,o(u)))}return s}function o(s){if(typeof s=="string"||typeof s=="number")return s;if(typeof s!="object")return"";if(Array.isArray(s))return r.apply(null,s);if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]"))return s.toString();var c="";for(var u in s)t.call(s,u)&&s[u]&&(c=n(c,u));return c}function n(s,c){return c?s?s+" "+c:s+c:s}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(zt)),zt.exports}var ra=ta();const oa=Mr(ra);function na({steps:e,value:t=0,callback:r=()=>{}}){return p.jsx(ea,{children:Object.entries(e).map(([o,n])=>p.jsx(Nt,{onClick:()=>r(+o),onKeyDown:s=>s.key==="Enter"&&r(+o),className:oa({currentStep:t==+o}),children:n.name},o))})}const aa=({product:e,steps:t,title:r="Value",step:o=1,value:n,onChange:s=()=>{},className:c,...u})=>{r=e?.title||r;const d=!t?.length,{min:g,max:m}=d?e:{min:0,max:Number(t?.length)-1},y=n||g,[w,S]=h.useState(y),[R,E]=h.useState(e?.calculation||t?.[0].name||"");h.useEffect(()=>{n!==void 0&&S(n)},[n]);const P=j=>{d||E(t[Number(j)].name),S(j),s(j)};return p.jsxs(Gn,{className:c,...u,children:[p.jsx(Qn,{title:r,calculation:R,children:d&&p.jsx(Hn,{value:Math.max(g,+w),onChange:P,min:g,max:m,step:o,center:!1})}),p.jsxs(Un,{value:w,step:o,min:g,max:m,callback:P,children:[d&&p.jsx(Xn,{min:g,max:m,callback:P}),!d&&p.jsx(na,{value:w,steps:t,callback:P})]})]})};Z.Button=Tt,Z.ButtonClose=fn,Z.Input=Ot,Z.Range=aa,Z.Select=Ln,Object.defineProperty(Z,Symbol.toStringTag,{value:"Module"})}));
|