Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
jr-components-lib
Advanced tools
jr-components-lib - npm Package Compare versions
Comparing version 1.0.2 to 1.0.3
@@ -1,2 +0,2 @@ | ||
| "use strict";var e=require("react"),n=require("styled-components"),r=function(){return r=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var a in n=arguments[r])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},r.apply(this,arguments)};function t(e,n){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(e);a<t.length;a++)n.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(e,t[a])&&(r[t[a]]=e[t[a]])}return r}function a(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e}"function"==typeof SuppressedError&&SuppressedError;var o,i,s,l,u,p=n.keyframes(o||(o=a(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"],["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"]))),f=n.div(i||(i=a(["\n width: 100%;\n height: 100%;\n max-width: 200px;\n max-height: 200px;\n min-width: 50px;\n min-height: 50px;\n aspect-ratio: 1 / 1;\n border-radius: 50%;\n margin-right: 40px;\n margin-left: 40px;\n margin-bottom: 20px;\n opacity: 0;\n\n border: 4px solid;\n\n scale(1);\n\n background-image: url(",");\n background-size: cover;\n\n animation: "," 2s ease-out forwards;\n\n transition: transform 0.3s ease-out, background-image 0.5s 0.1s;\n &:hover {\n transform: scale(1.2);\n background-image: url(",");\n }\n\n @media (max-width: 768px) {\n width: 150px;\n height: 150px;\n margin-top: 20px;\n margin-bottom: 0px;\n}\n"],["\n width: 100%;\n height: 100%;\n max-width: 200px;\n max-height: 200px;\n min-width: 50px;\n min-height: 50px;\n aspect-ratio: 1 / 1;\n border-radius: 50%;\n margin-right: 40px;\n margin-left: 40px;\n margin-bottom: 20px;\n opacity: 0;\n\n border: 4px solid;\n\n scale(1);\n\n background-image: url(",");\n background-size: cover;\n\n animation: "," 2s ease-out forwards;\n\n transition: transform 0.3s ease-out, background-image 0.5s 0.1s;\n &:hover {\n transform: scale(1.2);\n background-image: url(",");\n }\n\n @media (max-width: 768px) {\n width: 150px;\n height: 150px;\n margin-top: 20px;\n margin-bottom: 0px;\n}\n"])),(function(e){return e.$image1}),p,(function(e){var n=e.$image1,r=e.$image2;return r||n})),d=n.keyframes(s||(s=a(["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"],["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"]))),c=n.div(l||(l=a(["\n position: relative;\n display: inline-flex;\n overflow: hidden;\n border-radius: ","px;\n border: ","px solid\n ",";\n\n padding: ",";\n\n &::before {\n border-radius: ",'px;\n content: "";\n position: absolute;\n top: -1000%;\n left: -1000%;\n right: -1000%;\n bottom: -1000%;\n background: conic-gradient(\n from 90deg at 50% 50%,\n '," 0%,\n "," 100%\n );\n animation: "," 4s linear infinite;\n }\n\n @media (hover: hover) {\n &:hover::before {\n animation-play-state: running;\n }\n\n &:not(:hover)::before {\n animation-play-state: paused;\n background: ",";\n }\n }\n"],["\n position: relative;\n display: inline-flex;\n overflow: hidden;\n border-radius: ","px;\n border: ","px solid\n ",";\n\n padding: ",";\n\n &::before {\n border-radius: ",'px;\n content: "";\n position: absolute;\n top: -1000%;\n left: -1000%;\n right: -1000%;\n bottom: -1000%;\n background: conic-gradient(\n from 90deg at 50% 50%,\n '," 0%,\n "," 100%\n );\n animation: "," 4s linear infinite;\n }\n\n @media (hover: hover) {\n &:hover::before {\n animation-play-state: running;\n }\n\n &:not(:hover)::before {\n animation-play-state: paused;\n background: ",";\n }\n }\n"])),(function(e){return e.$borderRound}),(function(e){return e.$styleBorder?0:2}),(function(e){return e.$colorBackground}),(function(e){return e.$styleBorder?"4px":"0px"}),(function(e){return e.$borderRound}),(function(e){return e.$colorBackground}),(function(e){return e.$color}),d,(function(e){var n=e.$colorBackground;return e.$styleBorder?n:"defaultBackgroundColor"})),h=n.a(u||(u=a(["\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 0 12px;\n cursor: pointer;\n backdrop-filter: blur(15px);\n\n border-radius: ",";\n"],["\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 0 12px;\n cursor: pointer;\n backdrop-filter: blur(15px);\n\n border-radius: ",";\n"])),(function(e){return e.$styleBorder?"10px":"0px"}));function m(){return m=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)({}).hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},m.apply(null,arguments)}function b(e,n){return b=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},b(e,n)}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function v(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(v=function(){return!!e})()}function y(e){var n="function"==typeof Map?new Map:void 0;return y=function(e){if(null===e||!function(e){try{return-1!==Function.toString.call(e).indexOf("[native code]")}catch(n){return"function"==typeof e}}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,r)}function r(){return function(e,n,r){if(v())return Reflect.construct.apply(null,arguments);var t=[null];t.push.apply(t,n);var a=new(e.bind.apply(e,t));return r&&b(a,r.prototype),a}(e,arguments,g(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),b(r,e)},y(e)}var x={1:"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",2:"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",3:"Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",4:"Couldn't generate valid rgb string from %s, it returned %s.\n\n",5:"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",6:"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",7:"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",8:"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",9:"Please provide a number of steps to the modularScale helper.\n\n",10:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",11:'Invalid value passed as base to modularScale, expected number or em string but got "%s"\n\n',12:'Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.\n\n',13:'Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.\n\n',14:'Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',15:'Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',16:"You must provide a template to this method.\n\n",17:"You passed an unsupported selector state to this method.\n\n",18:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",19:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",20:"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:"fontFace expects a name of a font-family.\n\n",24:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",25:"fontFace expects localFonts to be an array.\n\n",26:"fontFace expects fileFormats to be an array.\n\n",27:"radialGradient requries at least 2 color-stops to properly render.\n\n",28:"Please supply a filename to retinaImage() as the first argument.\n\n",29:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",32:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",33:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",34:"borderRadius expects a radius value as a string or number as the second argument.\n\n",35:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',36:"Property must be a string value.\n\n",37:"Syntax Error at %s.\n\n",38:"Formula contains a function that needs parentheses at %s.\n\n",39:"Formula is missing closing parenthesis at %s.\n\n",40:"Formula has too many closing parentheses at %s.\n\n",41:"All values in a formula must have the same unit or be unitless.\n\n",42:"Please provide a number of steps to the modularScale helper.\n\n",43:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",44:"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",45:"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",46:"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",47:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",48:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",49:"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",50:"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",51:"Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",52:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",53:"fontFace expects localFonts to be an array.\n\n",54:"fontFace expects fileFormats to be an array.\n\n",55:"fontFace expects a name of a font-family.\n\n",56:"linearGradient requries at least 2 color-stops to properly render.\n\n",57:"radialGradient requries at least 2 color-stops to properly render.\n\n",58:"Please supply a filename to retinaImage() as the first argument.\n\n",59:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:"Property must be a string value.\n\n",62:"borderRadius expects a radius value as a string or number as the second argument.\n\n",63:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',64:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",65:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",66:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",67:"You must provide a template to this method.\n\n",68:"You passed an unsupported selector state to this method.\n\n",69:'Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.\n\n',70:'Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.\n\n',71:'Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.\n\n',72:'Passed invalid base value %s to %s(), please pass a value like "12px" or 12.\n\n',73:"Please provide a valid CSS variable.\n\n",74:"CSS variable not found and no default was provided.\n\n",75:"important requires a valid style object, got a %s instead.\n\n",76:"fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",77:'remToPx expects a value in "rem" but you provided it in "%s".\n\n',78:'base must be set in "px" or "%" but you set it in "%s".\n'};function w(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var t,a=n[0],o=[];for(t=1;t<n.length;t+=1)o.push(n[t]);return o.forEach((function(e){a=a.replace(/%[a-z]/,e)})),a}var k=function(e){var n,r;function t(n){var r;if("production"===process.env.NODE_ENV)r=e.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+n+" for more information.")||this;else{for(var t=arguments.length,a=new Array(t>1?t-1:0),o=1;o<t;o++)a[o-1]=arguments[o];r=e.call(this,w.apply(void 0,[x[n]].concat(a)))||this}return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(r)}return r=e,(n=t).prototype=Object.create(r.prototype),n.prototype.constructor=n,b(n,r),t}(y(Error));function S(e){return Math.round(255*e)}function F(e,n,r){return S(e)+","+S(n)+","+S(r)}function j(e,n,r,t){if(void 0===t&&(t=F),0===n)return t(r,r,r);var a=(e%360+360)%360/60,o=(1-Math.abs(2*r-1))*n,i=o*(1-Math.abs(a%2-1)),s=0,l=0,u=0;a>=0&&a<1?(s=o,l=i):a>=1&&a<2?(s=i,l=o):a>=2&&a<3?(l=o,u=i):a>=3&&a<4?(l=i,u=o):a>=4&&a<5?(s=i,u=o):a>=5&&a<6&&(s=o,u=i);var p=r-o/2;return t(s+p,l+p,u+p)}var P={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var $=/^#[a-fA-F0-9]{6}$/,I=/^#[a-fA-F0-9]{8}$/,O=/^#[a-fA-F0-9]{3}$/,z=/^#[a-fA-F0-9]{4}$/,E=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,B=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,C=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,T=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function q(e){if("string"!=typeof e)throw new k(3);var n=function(e){if("string"!=typeof e)return e;var n=e.toLowerCase();return P[n]?"#"+P[n]:e}(e);if(n.match($))return{red:parseInt(""+n[1]+n[2],16),green:parseInt(""+n[3]+n[4],16),blue:parseInt(""+n[5]+n[6],16)};if(n.match(I)){var r=parseFloat((parseInt(""+n[7]+n[8],16)/255).toFixed(2));return{red:parseInt(""+n[1]+n[2],16),green:parseInt(""+n[3]+n[4],16),blue:parseInt(""+n[5]+n[6],16),alpha:r}}if(n.match(O))return{red:parseInt(""+n[1]+n[1],16),green:parseInt(""+n[2]+n[2],16),blue:parseInt(""+n[3]+n[3],16)};if(n.match(z)){var t=parseFloat((parseInt(""+n[4]+n[4],16)/255).toFixed(2));return{red:parseInt(""+n[1]+n[1],16),green:parseInt(""+n[2]+n[2],16),blue:parseInt(""+n[3]+n[3],16),alpha:t}}var a=E.exec(n);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var o=B.exec(n.substring(0,50));if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10),alpha:parseFloat(""+o[4])>1?parseFloat(""+o[4])/100:parseFloat(""+o[4])};var i=C.exec(n);if(i){var s="rgb("+j(parseInt(""+i[1],10),parseInt(""+i[2],10)/100,parseInt(""+i[3],10)/100)+")",l=E.exec(s);if(!l)throw new k(4,n,s);return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10)}}var u=T.exec(n.substring(0,50));if(u){var p="rgb("+j(parseInt(""+u[1],10),parseInt(""+u[2],10)/100,parseInt(""+u[3],10)/100)+")",f=E.exec(p);if(!f)throw new k(4,n,p);return{red:parseInt(""+f[1],10),green:parseInt(""+f[2],10),blue:parseInt(""+f[3],10),alpha:parseFloat(""+u[4])>1?parseFloat(""+u[4])/100:parseFloat(""+u[4])}}throw new k(5)}function M(e){return function(e){var n,r=e.red/255,t=e.green/255,a=e.blue/255,o=Math.max(r,t,a),i=Math.min(r,t,a),s=(o+i)/2;if(o===i)return void 0!==e.alpha?{hue:0,saturation:0,lightness:s,alpha:e.alpha}:{hue:0,saturation:0,lightness:s};var l=o-i,u=s>.5?l/(2-o-i):l/(o+i);switch(o){case r:n=(t-a)/l+(t<a?6:0);break;case t:n=(a-r)/l+2;break;default:n=(r-t)/l+4}return n*=60,void 0!==e.alpha?{hue:n,saturation:u,lightness:s,alpha:e.alpha}:{hue:n,saturation:u,lightness:s}}(q(e))}var R=function(e){return 7===e.length&&e[1]===e[2]&&e[3]===e[4]&&e[5]===e[6]?"#"+e[1]+e[3]+e[5]:e};function A(e){var n=e.toString(16);return 1===n.length?"0"+n:n}function Y(e){return A(Math.round(255*e))}function _(e,n,r){return R("#"+Y(e)+Y(n)+Y(r))}function H(e,n,r){return j(e,n,r,_)}function J(e,n,r){if("number"==typeof e&&"number"==typeof n&&"number"==typeof r)return R("#"+A(e)+A(n)+A(r));if("object"==typeof e&&void 0===n&&void 0===r)return R("#"+A(e.red)+A(e.green)+A(e.blue));throw new k(6)}function D(e,n,r,t){if("string"==typeof e&&"number"==typeof n){var a=q(e);return"rgba("+a.red+","+a.green+","+a.blue+","+n+")"}if("number"==typeof e&&"number"==typeof n&&"number"==typeof r&&"number"==typeof t)return t>=1?J(e,n,r):"rgba("+e+","+n+","+r+","+t+")";if("object"==typeof e&&void 0===n&&void 0===r&&void 0===t)return e.alpha>=1?J(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")";throw new k(7)}var G=function(e){return"number"==typeof e.red&&"number"==typeof e.green&&"number"==typeof e.blue&&("number"!=typeof e.alpha||void 0===e.alpha)},N=function(e){return"number"==typeof e.red&&"number"==typeof e.green&&"number"==typeof e.blue&&"number"==typeof e.alpha},L=function(e){return"number"==typeof e.hue&&"number"==typeof e.saturation&&"number"==typeof e.lightness&&("number"!=typeof e.alpha||void 0===e.alpha)},V=function(e){return"number"==typeof e.hue&&"number"==typeof e.saturation&&"number"==typeof e.lightness&&"number"==typeof e.alpha};function K(e){if("object"!=typeof e)throw new k(8);if(N(e))return D(e);if(G(e))return J(e);if(V(e))return function(e,n,r,t){if("number"==typeof e&&"number"==typeof n&&"number"==typeof r&&"number"==typeof t)return t>=1?H(e,n,r):"rgba("+j(e,n,r)+","+t+")";if("object"==typeof e&&void 0===n&&void 0===r&&void 0===t)return e.alpha>=1?H(e.hue,e.saturation,e.lightness):"rgba("+j(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new k(2)}(e);if(L(e))return function(e,n,r){if("number"==typeof e&&"number"==typeof n&&"number"==typeof r)return H(e,n,r);if("object"==typeof e&&void 0===n&&void 0===r)return H(e.hue,e.saturation,e.lightness);throw new k(1)}(e);throw new k(8)}function Q(e,n,r){return function(){var t=r.concat(Array.prototype.slice.call(arguments));return t.length>=n?e.apply(this,t):Q(e,n,t)}}function U(e){return Q(e,e.length,[])}function W(e,n,r){return Math.max(e,Math.min(n,r))}U((function(e,n){if("transparent"===n)return n;var r=M(n);return K(m({},r,{hue:r.hue+parseFloat(e)}))})),U((function(e,n){if("transparent"===n)return n;var r=M(n);return K(m({},r,{lightness:W(0,1,r.lightness-parseFloat(e))}))})),U((function(e,n){if("transparent"===n)return n;var r=M(n);return K(m({},r,{saturation:W(0,1,r.saturation-parseFloat(e))}))})),U((function(e,n){if("transparent"===n)return n;var r=M(n);return K(m({},r,{lightness:W(0,1,r.lightness+parseFloat(e))}))}));var X=U((function(e,n,r){if("transparent"===n)return r;if("transparent"===r)return n;if(0===e)return r;var t=q(n),a=m({},t,{alpha:"number"==typeof t.alpha?t.alpha:1}),o=q(r),i=m({},o,{alpha:"number"==typeof o.alpha?o.alpha:1}),s=a.alpha-i.alpha,l=2*parseFloat(e)-1,u=((l*s==-1?l:l+s)/(1+l*s)+1)/2,p=1-u;return D({red:Math.floor(a.red*u+i.red*p),green:Math.floor(a.green*u+i.green*p),blue:Math.floor(a.blue*u+i.blue*p),alpha:a.alpha*parseFloat(e)+i.alpha*(1-parseFloat(e))})}));U((function(e,n){if("transparent"===n)return n;var r=q(n);return D(m({},r,{alpha:W(0,1,(100*("number"==typeof r.alpha?r.alpha:1)+100*parseFloat(e))/100)}))})),U((function(e,n){if("transparent"===n)return n;var r=M(n);return K(m({},r,{saturation:W(0,1,r.saturation+parseFloat(e))}))})),U((function(e,n){return"transparent"===n?n:K(m({},M(n),{hue:parseFloat(e)}))})),U((function(e,n){return"transparent"===n?n:K(m({},M(n),{lightness:parseFloat(e)}))})),U((function(e,n){return"transparent"===n?n:K(m({},M(n),{saturation:parseFloat(e)}))})),U((function(e,n){return"transparent"===n?n:X(parseFloat(e),"rgb(0, 0, 0)",n)})),U((function(e,n){return"transparent"===n?n:X(parseFloat(e),"rgb(255, 255, 255)",n)})),U((function(e,n){if("transparent"===n)return n;var r=q(n);return D(m({},r,{alpha:W(0,1,+(100*("number"==typeof r.alpha?r.alpha:1)-100*parseFloat(e)).toFixed(2)/100)}))}));var Z,ee,ne,re=n.input(ee||(ee=a(["\n border: 2px solid ",";\n padding: 10px;\n font-size: 16px;\n outline: none;\n transition: border-color 0.3s ease;\n color: ",";\n background: ",";\n\n &:focus {\n animation: ","\n 3s\n ",";\n border-color: ",";\n }\n"],["\n border: 2px solid ",";\n padding: 10px;\n font-size: 16px;\n outline: none;\n transition: border-color 0.3s ease;\n color: ",";\n background: ",";\n\n &:focus {\n animation: ","\n 3s\n ",";\n border-color: ",";\n }\n"])),(function(e){return D(e.$color,.5)}),(function(e){return e.$colorText}),(function(e){return e.$colorBackground}),(function(e){var r,t,o=e.$color,i=e.$typeAnimation;return r=o,t=i,n.keyframes(Z||(Z=a(["\n 0% {\n box-shadow: 0 0 5px ",";\n }\n 50% {\n box-shadow: 0 0 20px ",";\n }\n 100% {\n box-shadow: 0 0 ","px ",";\n }\n"],["\n 0% {\n box-shadow: 0 0 5px ",";\n }\n 50% {\n box-shadow: 0 0 20px ",";\n }\n 100% {\n box-shadow: 0 0 ","px ",";\n }\n"])),D(r,.5),D(r,1),"fixed"===t?20:5,D(r,"fixed"===t?1:.5))}),(function(e){return"blink"===e.$typeAnimation?"infinite":"forwards"}),(function(e){return D(e.$color,1)})),te=n.div(ne||(ne=a(["\n display: inline-block;\n cursor: default;\n white-space: pre;\n\n span {\n display: inline-block;\n transition: transform 0.1s ease-in-out;\n }\n\n &:hover span {\n transform: scaleY(1);\n }\n\n ","\n"],["\n display: inline-block;\n cursor: default;\n white-space: pre;\n\n span {\n display: inline-block;\n transition: transform 0.1s ease-in-out;\n }\n\n &:hover span {\n transform: scaleY(1);\n }\n\n ","\n"])),(function(e){var n=e.$hoveredIndex;return null!==n&&"\n span:nth-child(".concat(n+1,") {\n transform: scaleY(1.5);\n }\n span:nth-child(").concat(n,") {\n transform: scaleY(1.3);\n }\n span:nth-child(").concat(n+2,") {\n transform: scaleY(1.3);\n }\n span:nth-child(").concat(n-1,") {\n transform: scaleY(1.1);\n }\n span:nth-child(").concat(n+3,") {\n transform: scaleY(1.1);\n }\n ")}));exports.JrAvatar=function(n){var a=n.image1,o=n.image2,i=t(n,["image1","image2"]);return e.createElement(f,r({},i,{$image1:a,$image2:o}))},exports.JrButton=function(n){var r=n.color,t=void 0===r?"white":r,a=n.colorBackground,o=void 0===a?"gray":a,i=n.borderRound,s=void 0===i?10:i,l=n.child,u=n.href,p=n.styleBorder,f=void 0!==p&&p,d=n.onClick;return e.createElement(c,{$borderRound:s,$color:t,$colorBackground:o,$styleBorder:f},e.createElement(h,{href:u,$styleBorder:f,onClick:d},l&&l))},exports.JrInput=function(n){var r=n.color,t=void 0===r?"gray":r,a=n.colorBackground,o=void 0===a?"white":a,i=n.colorText,s=void 0===i?"black":i,l=n.typeAnimation,u=void 0===l?"fixed":l;return e.createElement(re,{$color:t,$colorBackground:o,$colorText:s,$typeAnimation:u})},exports.JrTitle=function(n){var a=n.text,o=t(n,["text"]),i=e.useState(null),s=i[0],l=i[1],u=function(){l(null)};return e.createElement(te,r({},o,{$hoveredIndex:s}),a.split("").map((function(n,r){return e.createElement("span",{key:r,onMouseOver:function(){return function(e){l(e)}(r)},onMouseOut:u},n)})))}; | ||
| "use strict";var n=require("react"),e=require("styled-components"),r=function(){return r=Object.assign||function(n){for(var e,r=1,t=arguments.length;r<t;r++)for(var a in e=arguments[r])Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n},r.apply(this,arguments)};function t(n,e){var r={};for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(r[t]=n[t]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(n);a<t.length;a++)e.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(n,t[a])&&(r[t[a]]=n[t[a]])}return r}function a(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}"function"==typeof SuppressedError&&SuppressedError;var o,i,s,l,u,d=e.keyframes(o||(o=a(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"],["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"]))),f=e.div(i||(i=a(["\n width: 100%;\n height: 100%;\n max-width: 200px;\n max-height: 200px;\n min-width: 50px;\n min-height: 50px;\n aspect-ratio: 1 / 1;\n border-radius: 50%;\n margin-right: 40px;\n margin-left: 40px;\n margin-bottom: 20px;\n opacity: 0;\n\n border: 4px solid;\n\n scale(1);\n\n background-image: url(",");\n background-size: cover;\n\n animation: "," 2s ease-out forwards;\n\n transition: transform 0.3s ease-out, background-image 0.5s 0.1s;\n &:hover {\n transform: scale(1.2);\n background-image: url(",");\n }\n\n @media (max-width: 768px) {\n width: 150px;\n height: 150px;\n margin-top: 20px;\n margin-bottom: 0px;\n}\n"],["\n width: 100%;\n height: 100%;\n max-width: 200px;\n max-height: 200px;\n min-width: 50px;\n min-height: 50px;\n aspect-ratio: 1 / 1;\n border-radius: 50%;\n margin-right: 40px;\n margin-left: 40px;\n margin-bottom: 20px;\n opacity: 0;\n\n border: 4px solid;\n\n scale(1);\n\n background-image: url(",");\n background-size: cover;\n\n animation: "," 2s ease-out forwards;\n\n transition: transform 0.3s ease-out, background-image 0.5s 0.1s;\n &:hover {\n transform: scale(1.2);\n background-image: url(",");\n }\n\n @media (max-width: 768px) {\n width: 150px;\n height: 150px;\n margin-top: 20px;\n margin-bottom: 0px;\n}\n"])),(function(n){return n.$image1}),d,(function(n){var e=n.$image1,r=n.$image2;return r||e})),p=e.keyframes(s||(s=a(["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"],["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"]))),c=e.div(l||(l=a(["\n position: relative;\n display: inline-flex;\n overflow: hidden;\n border-radius: ","px;\n border: ","px solid\n ",";\n\n padding: ",";\n\n &::before {\n border-radius: ",'px;\n content: "";\n position: absolute;\n top: -1000%;\n left: -1000%;\n right: -1000%;\n bottom: -1000%;\n background: conic-gradient(\n from 90deg at 50% 50%,\n '," 0%,\n "," 100%\n );\n animation: "," 4s linear infinite;\n }\n\n @media (hover: hover) {\n &:hover::before {\n animation-play-state: running;\n }\n\n &:not(:hover)::before {\n animation-play-state: paused;\n background: ",";\n }\n }\n"],["\n position: relative;\n display: inline-flex;\n overflow: hidden;\n border-radius: ","px;\n border: ","px solid\n ",";\n\n padding: ",";\n\n &::before {\n border-radius: ",'px;\n content: "";\n position: absolute;\n top: -1000%;\n left: -1000%;\n right: -1000%;\n bottom: -1000%;\n background: conic-gradient(\n from 90deg at 50% 50%,\n '," 0%,\n "," 100%\n );\n animation: "," 4s linear infinite;\n }\n\n @media (hover: hover) {\n &:hover::before {\n animation-play-state: running;\n }\n\n &:not(:hover)::before {\n animation-play-state: paused;\n background: ",";\n }\n }\n"])),(function(n){return n.$borderRound}),(function(n){return n.$styleBorder?0:2}),(function(n){return n.$colorBackground}),(function(n){return n.$styleBorder?"4px":"0px"}),(function(n){return n.$borderRound}),(function(n){return n.$colorBackground}),(function(n){return n.$color}),p,(function(n){var e=n.$colorBackground;return n.$styleBorder?e:"defaultBackgroundColor"})),m=e.a(u||(u=a(["\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 0 12px;\n cursor: pointer;\n backdrop-filter: blur(15px);\n\n border-radius: ",";\n"],["\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 0 12px;\n cursor: pointer;\n backdrop-filter: blur(15px);\n\n border-radius: ",";\n"])),(function(n){return n.$styleBorder?"10px":"0px"}));function h(){return h=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)({}).hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},h.apply(null,arguments)}function g(n,e){return g=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,e){return n.__proto__=e,n},g(n,e)}function b(n){return b=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(n){return n.__proto__||Object.getPrototypeOf(n)},b(n)}function v(){try{var n=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(n){}return(v=function(){return!!n})()}function x(n){var e="function"==typeof Map?new Map:void 0;return x=function(n){if(null===n||!function(n){try{return-1!==Function.toString.call(n).indexOf("[native code]")}catch(e){return"function"==typeof n}}(n))return n;if("function"!=typeof n)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(n))return e.get(n);e.set(n,r)}function r(){return function(n,e,r){if(v())return Reflect.construct.apply(null,arguments);var t=[null];t.push.apply(t,e);var a=new(n.bind.apply(n,t));return r&&g(a,r.prototype),a}(n,arguments,b(this).constructor)}return r.prototype=Object.create(n.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),g(r,n)},x(n)}var y={1:"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",2:"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",3:"Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",4:"Couldn't generate valid rgb string from %s, it returned %s.\n\n",5:"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",6:"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",7:"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",8:"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",9:"Please provide a number of steps to the modularScale helper.\n\n",10:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",11:'Invalid value passed as base to modularScale, expected number or em string but got "%s"\n\n',12:'Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.\n\n',13:'Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.\n\n',14:'Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',15:'Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',16:"You must provide a template to this method.\n\n",17:"You passed an unsupported selector state to this method.\n\n",18:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",19:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",20:"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:"fontFace expects a name of a font-family.\n\n",24:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",25:"fontFace expects localFonts to be an array.\n\n",26:"fontFace expects fileFormats to be an array.\n\n",27:"radialGradient requries at least 2 color-stops to properly render.\n\n",28:"Please supply a filename to retinaImage() as the first argument.\n\n",29:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",32:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",33:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",34:"borderRadius expects a radius value as a string or number as the second argument.\n\n",35:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',36:"Property must be a string value.\n\n",37:"Syntax Error at %s.\n\n",38:"Formula contains a function that needs parentheses at %s.\n\n",39:"Formula is missing closing parenthesis at %s.\n\n",40:"Formula has too many closing parentheses at %s.\n\n",41:"All values in a formula must have the same unit or be unitless.\n\n",42:"Please provide a number of steps to the modularScale helper.\n\n",43:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",44:"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",45:"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",46:"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",47:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",48:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",49:"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",50:"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",51:"Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",52:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",53:"fontFace expects localFonts to be an array.\n\n",54:"fontFace expects fileFormats to be an array.\n\n",55:"fontFace expects a name of a font-family.\n\n",56:"linearGradient requries at least 2 color-stops to properly render.\n\n",57:"radialGradient requries at least 2 color-stops to properly render.\n\n",58:"Please supply a filename to retinaImage() as the first argument.\n\n",59:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:"Property must be a string value.\n\n",62:"borderRadius expects a radius value as a string or number as the second argument.\n\n",63:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',64:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",65:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",66:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",67:"You must provide a template to this method.\n\n",68:"You passed an unsupported selector state to this method.\n\n",69:'Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.\n\n',70:'Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.\n\n',71:'Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.\n\n',72:'Passed invalid base value %s to %s(), please pass a value like "12px" or 12.\n\n',73:"Please provide a valid CSS variable.\n\n",74:"CSS variable not found and no default was provided.\n\n",75:"important requires a valid style object, got a %s instead.\n\n",76:"fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",77:'remToPx expects a value in "rem" but you provided it in "%s".\n\n',78:'base must be set in "px" or "%" but you set it in "%s".\n'};function w(){for(var n=arguments.length,e=new Array(n),r=0;r<n;r++)e[r]=arguments[r];var t,a=e[0],o=[];for(t=1;t<e.length;t+=1)o.push(e[t]);return o.forEach((function(n){a=a.replace(/%[a-z]/,n)})),a}var k=function(n){var e,r;function t(e){var r;if("production"===process.env.NODE_ENV)r=n.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+e+" for more information.")||this;else{for(var t=arguments.length,a=new Array(t>1?t-1:0),o=1;o<t;o++)a[o-1]=arguments[o];r=n.call(this,w.apply(void 0,[y[e]].concat(a)))||this}return function(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}(r)}return r=n,(e=t).prototype=Object.create(r.prototype),e.prototype.constructor=e,g(e,r),t}(x(Error));function $(n){return Math.round(255*n)}function S(n,e,r){return $(n)+","+$(e)+","+$(r)}function z(n,e,r,t){if(void 0===t&&(t=S),0===e)return t(r,r,r);var a=(n%360+360)%360/60,o=(1-Math.abs(2*r-1))*e,i=o*(1-Math.abs(a%2-1)),s=0,l=0,u=0;a>=0&&a<1?(s=o,l=i):a>=1&&a<2?(s=i,l=o):a>=2&&a<3?(l=o,u=i):a>=3&&a<4?(l=i,u=o):a>=4&&a<5?(s=i,u=o):a>=5&&a<6&&(s=o,u=i);var d=r-o/2;return t(s+d,l+d,u+d)}var M={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var E=/^#[a-fA-F0-9]{6}$/,F=/^#[a-fA-F0-9]{8}$/,j=/^#[a-fA-F0-9]{3}$/,I=/^#[a-fA-F0-9]{4}$/,P=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,O=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,B=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,C=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function L(n){if("string"!=typeof n)throw new k(3);var e=function(n){if("string"!=typeof n)return n;var e=n.toLowerCase();return M[e]?"#"+M[e]:n}(n);if(e.match(E))return{red:parseInt(""+e[1]+e[2],16),green:parseInt(""+e[3]+e[4],16),blue:parseInt(""+e[5]+e[6],16)};if(e.match(F)){var r=parseFloat((parseInt(""+e[7]+e[8],16)/255).toFixed(2));return{red:parseInt(""+e[1]+e[2],16),green:parseInt(""+e[3]+e[4],16),blue:parseInt(""+e[5]+e[6],16),alpha:r}}if(e.match(j))return{red:parseInt(""+e[1]+e[1],16),green:parseInt(""+e[2]+e[2],16),blue:parseInt(""+e[3]+e[3],16)};if(e.match(I)){var t=parseFloat((parseInt(""+e[4]+e[4],16)/255).toFixed(2));return{red:parseInt(""+e[1]+e[1],16),green:parseInt(""+e[2]+e[2],16),blue:parseInt(""+e[3]+e[3],16),alpha:t}}var a=P.exec(e);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var o=O.exec(e.substring(0,50));if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10),alpha:parseFloat(""+o[4])>1?parseFloat(""+o[4])/100:parseFloat(""+o[4])};var i=B.exec(e);if(i){var s="rgb("+z(parseInt(""+i[1],10),parseInt(""+i[2],10)/100,parseInt(""+i[3],10)/100)+")",l=P.exec(s);if(!l)throw new k(4,e,s);return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10)}}var u=C.exec(e.substring(0,50));if(u){var d="rgb("+z(parseInt(""+u[1],10),parseInt(""+u[2],10)/100,parseInt(""+u[3],10)/100)+")",f=P.exec(d);if(!f)throw new k(4,e,d);return{red:parseInt(""+f[1],10),green:parseInt(""+f[2],10),blue:parseInt(""+f[3],10),alpha:parseFloat(""+u[4])>1?parseFloat(""+u[4])/100:parseFloat(""+u[4])}}throw new k(5)}function T(n){return function(n){var e,r=n.red/255,t=n.green/255,a=n.blue/255,o=Math.max(r,t,a),i=Math.min(r,t,a),s=(o+i)/2;if(o===i)return void 0!==n.alpha?{hue:0,saturation:0,lightness:s,alpha:n.alpha}:{hue:0,saturation:0,lightness:s};var l=o-i,u=s>.5?l/(2-o-i):l/(o+i);switch(o){case r:e=(t-a)/l+(t<a?6:0);break;case t:e=(a-r)/l+2;break;default:e=(r-t)/l+4}return e*=60,void 0!==n.alpha?{hue:e,saturation:u,lightness:s,alpha:n.alpha}:{hue:e,saturation:u,lightness:s}}(L(n))}var R=function(n){return 7===n.length&&n[1]===n[2]&&n[3]===n[4]&&n[5]===n[6]?"#"+n[1]+n[3]+n[5]:n};function A(n){var e=n.toString(16);return 1===e.length?"0"+e:e}function q(n){return A(Math.round(255*n))}function Y(n,e,r){return R("#"+q(n)+q(e)+q(r))}function H(n,e,r){return z(n,e,r,Y)}function _(n,e,r){if("number"==typeof n&&"number"==typeof e&&"number"==typeof r)return R("#"+A(n)+A(e)+A(r));if("object"==typeof n&&void 0===e&&void 0===r)return R("#"+A(n.red)+A(n.green)+A(n.blue));throw new k(6)}function J(n,e,r,t){if("string"==typeof n&&"number"==typeof e){var a=L(n);return"rgba("+a.red+","+a.green+","+a.blue+","+e+")"}if("number"==typeof n&&"number"==typeof e&&"number"==typeof r&&"number"==typeof t)return t>=1?_(n,e,r):"rgba("+n+","+e+","+r+","+t+")";if("object"==typeof n&&void 0===e&&void 0===r&&void 0===t)return n.alpha>=1?_(n.red,n.green,n.blue):"rgba("+n.red+","+n.green+","+n.blue+","+n.alpha+")";throw new k(7)}var X=function(n){return"number"==typeof n.red&&"number"==typeof n.green&&"number"==typeof n.blue&&("number"!=typeof n.alpha||void 0===n.alpha)},D=function(n){return"number"==typeof n.red&&"number"==typeof n.green&&"number"==typeof n.blue&&"number"==typeof n.alpha},G=function(n){return"number"==typeof n.hue&&"number"==typeof n.saturation&&"number"==typeof n.lightness&&("number"!=typeof n.alpha||void 0===n.alpha)},N=function(n){return"number"==typeof n.hue&&"number"==typeof n.saturation&&"number"==typeof n.lightness&&"number"==typeof n.alpha};function W(n){if("object"!=typeof n)throw new k(8);if(D(n))return J(n);if(X(n))return _(n);if(N(n))return function(n,e,r,t){if("number"==typeof n&&"number"==typeof e&&"number"==typeof r&&"number"==typeof t)return t>=1?H(n,e,r):"rgba("+z(n,e,r)+","+t+")";if("object"==typeof n&&void 0===e&&void 0===r&&void 0===t)return n.alpha>=1?H(n.hue,n.saturation,n.lightness):"rgba("+z(n.hue,n.saturation,n.lightness)+","+n.alpha+")";throw new k(2)}(n);if(G(n))return function(n,e,r){if("number"==typeof n&&"number"==typeof e&&"number"==typeof r)return H(n,e,r);if("object"==typeof n&&void 0===e&&void 0===r)return H(n.hue,n.saturation,n.lightness);throw new k(1)}(n);throw new k(8)}function V(n,e,r){return function(){var t=r.concat(Array.prototype.slice.call(arguments));return t.length>=e?n.apply(this,t):V(n,e,t)}}function K(n){return V(n,n.length,[])}function Q(n,e,r){return Math.max(n,Math.min(e,r))}K((function(n,e){if("transparent"===e)return e;var r=T(e);return W(h({},r,{hue:r.hue+parseFloat(n)}))})),K((function(n,e){if("transparent"===e)return e;var r=T(e);return W(h({},r,{lightness:Q(0,1,r.lightness-parseFloat(n))}))})),K((function(n,e){if("transparent"===e)return e;var r=T(e);return W(h({},r,{saturation:Q(0,1,r.saturation-parseFloat(n))}))})),K((function(n,e){if("transparent"===e)return e;var r=T(e);return W(h({},r,{lightness:Q(0,1,r.lightness+parseFloat(n))}))}));var U=K((function(n,e,r){if("transparent"===e)return r;if("transparent"===r)return e;if(0===n)return r;var t=L(e),a=h({},t,{alpha:"number"==typeof t.alpha?t.alpha:1}),o=L(r),i=h({},o,{alpha:"number"==typeof o.alpha?o.alpha:1}),s=a.alpha-i.alpha,l=2*parseFloat(n)-1,u=((l*s==-1?l:l+s)/(1+l*s)+1)/2,d=1-u;return J({red:Math.floor(a.red*u+i.red*d),green:Math.floor(a.green*u+i.green*d),blue:Math.floor(a.blue*u+i.blue*d),alpha:a.alpha*parseFloat(n)+i.alpha*(1-parseFloat(n))})}));K((function(n,e){if("transparent"===e)return e;var r=L(e);return J(h({},r,{alpha:Q(0,1,(100*("number"==typeof r.alpha?r.alpha:1)+100*parseFloat(n))/100)}))})),K((function(n,e){if("transparent"===e)return e;var r=T(e);return W(h({},r,{saturation:Q(0,1,r.saturation+parseFloat(n))}))})),K((function(n,e){return"transparent"===e?e:W(h({},T(e),{hue:parseFloat(n)}))})),K((function(n,e){return"transparent"===e?e:W(h({},T(e),{lightness:parseFloat(n)}))})),K((function(n,e){return"transparent"===e?e:W(h({},T(e),{saturation:parseFloat(n)}))})),K((function(n,e){return"transparent"===e?e:U(parseFloat(n),"rgb(0, 0, 0)",e)})),K((function(n,e){return"transparent"===e?e:U(parseFloat(n),"rgb(255, 255, 255)",e)})),K((function(n,e){if("transparent"===e)return e;var r=L(e);return J(h({},r,{alpha:Q(0,1,+(100*("number"==typeof r.alpha?r.alpha:1)-100*parseFloat(n)).toFixed(2)/100)}))}));var Z,nn,en,rn,tn,an,on,sn,ln,un,dn,fn,pn,cn,mn,hn=e.input(nn||(nn=a(["\n border: 2px solid ",";\n padding: 10px;\n font-size: 16px;\n outline: none;\n transition: border-color 0.3s ease;\n color: ",";\n background: ",";\n\n &:focus {\n animation: ","\n 3s\n ",";\n border-color: ",";\n }\n"],["\n border: 2px solid ",";\n padding: 10px;\n font-size: 16px;\n outline: none;\n transition: border-color 0.3s ease;\n color: ",";\n background: ",";\n\n &:focus {\n animation: ","\n 3s\n ",";\n border-color: ",";\n }\n"])),(function(n){return J(n.$color,.5)}),(function(n){return n.$colorText}),(function(n){return n.$colorBackground}),(function(n){var r,t,o=n.$color,i=n.$typeAnimation;return r=o,t=i,e.keyframes(Z||(Z=a(["\n 0% {\n box-shadow: 0 0 5px ",";\n }\n 50% {\n box-shadow: 0 0 20px ",";\n }\n 100% {\n box-shadow: 0 0 ","px ",";\n }\n"],["\n 0% {\n box-shadow: 0 0 5px ",";\n }\n 50% {\n box-shadow: 0 0 20px ",";\n }\n 100% {\n box-shadow: 0 0 ","px ",";\n }\n"])),J(r,.5),J(r,1),"fixed"===t?20:5,J(r,"fixed"===t?1:.5))}),(function(n){return"blink"===n.$typeAnimation?"infinite":"forwards"}),(function(n){return J(n.$color,1)})),gn=e.div(en||(en=a(["\n display: inline-block;\n cursor: default;\n white-space: pre;\n\n span {\n display: inline-block;\n transition: transform 0.1s ease-in-out;\n }\n\n &:hover span {\n transform: scaleY(1);\n }\n\n ","\n"],["\n display: inline-block;\n cursor: default;\n white-space: pre;\n\n span {\n display: inline-block;\n transition: transform 0.1s ease-in-out;\n }\n\n &:hover span {\n transform: scaleY(1);\n }\n\n ","\n"])),(function(n){var e=n.$hoveredIndex;return null!==e&&"\n span:nth-child(".concat(e+1,") {\n transform: scaleY(1.5);\n }\n span:nth-child(").concat(e,") {\n transform: scaleY(1.3);\n }\n span:nth-child(").concat(e+2,") {\n transform: scaleY(1.3);\n }\n span:nth-child(").concat(e-1,") {\n transform: scaleY(1.1);\n }\n span:nth-child(").concat(e+3,") {\n transform: scaleY(1.1);\n }\n ")})),bn=e.span(rn||(rn=a(["\n color: ",";\n text-shadow: ",";\n filter: ",";\n transition: filter 0.3s ease-in-out;\n"],["\n color: ",";\n text-shadow: ",";\n filter: ",";\n transition: filter 0.3s ease-in-out;\n"])),(function(n){var e=n.$isShadowed,r=n.$colorShadow;return e?r:"defaultColor"}),(function(n){var e=n.$isShadowed,r=n.$colorShadow;return e?"0px 0px 20px ".concat(J(r,1)):"none"}),(function(n){var e=n.$isShadowed,r=n.$colorShadow;return e?"drop-shadow(0 0 10px ".concat(r,")"):"none"})),vn=36,xn=24,yn=12,wn=e.keyframes(tn||(tn=a(["\n from {\n opacity: 0;\n transform: translateX(100%);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n"],["\n from {\n opacity: 0;\n transform: translateX(100%);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n"]))),kn=e.div(an||(an=a(["\n display: flex;\n flex-direction: column;\n position: relative;\n margin: 20px 20px;\n padding: 0 20px;\n border-left: 2px solid ",";\n @media (max-width: 768px) {\n margin-left: 0px;\n padding-left: 0px;\n border-left: none;\n }\n"],["\n display: flex;\n flex-direction: column;\n position: relative;\n margin: 20px 20px;\n padding: 0 20px;\n border-left: 2px solid ",";\n @media (max-width: 768px) {\n margin-left: 0px;\n padding-left: 0px;\n border-left: none;\n }\n"])),(function(n){return n.$colorLine})),$n=e.div(on||(on=a(["\n display: flex;\n align-items: flex-start;\n margin: 10px 10px;\n position: relative;\n opacity: 0;\n animation: "," 0.5s ease-out forwards;\n animation-delay: ","s;\n\n > * + * {\n margin-left: ","px;\n }\n"],["\n display: flex;\n align-items: flex-start;\n margin: 10px 10px;\n position: relative;\n opacity: 0;\n animation: "," 0.5s ease-out forwards;\n animation-delay: ","s;\n\n > * + * {\n margin-left: ","px;\n }\n"])),wn,(function(n){return n.$delay}),(function(n){var e=n.$onLine,r=n.$sizeMark;return e?-(r===vn?0:r===xn?10:15):r===vn?40:r===xn?25:10})),Sn=e.div(sn||(sn=a(["\n width: ","px;\n height: ","px;\n border-radius: 50%;\n background-color: ",";\n position: absolute;\n left: ","px;\n @media (max-width: 768px) {\n display: none;\n }\n"],["\n width: ","px;\n height: ","px;\n border-radius: 50%;\n background-color: ",";\n position: absolute;\n left: ","px;\n @media (max-width: 768px) {\n display: none;\n }\n"])),(function(n){return n.$sizeMark}),(function(n){return n.$sizeMark}),(function(n){return n.$colorMark}),(function(n){var e=n.$onLine,r=n.$sizeMark;return e?-(r===vn?49:r===xn?42.5:36.5):-11})),zn=e.div(ln||(ln=a(["\n width: ","px;\n height: ","px;\n background-color: ",";\n position: absolute;\n left: ","px;\n @media (max-width: 768px) {\n display: none;\n }\n"],["\n width: ","px;\n height: ","px;\n background-color: ",";\n position: absolute;\n left: ","px;\n @media (max-width: 768px) {\n display: none;\n }\n"])),(function(n){return n.$sizeMark}),(function(n){return n.$sizeMark}),(function(n){return n.$colorMark}),(function(n){var e=n.$onLine,r=n.$sizeMark;return e?-(r===vn?49:r===xn?42.5:36.5):-11})),Mn=e.div(un||(un=a(["\n font-size: ","px;\n color: ",";\n position: absolute;\n left: ","px;\n @media (max-width: 768px) {\n display: none;\n }\n"],["\n font-size: ","px;\n color: ",";\n position: absolute;\n left: ","px;\n @media (max-width: 768px) {\n display: none;\n }\n"])),(function(n){return n.$sizeMark}),(function(n){return n.$colorMark}),(function(n){var e=n.$onLine,r=n.$sizeMark;return e?-(r===vn?36:r===xn?34:32):-11})),En=e.nav(dn||(dn=a(["\n display: flex;\n position: relative;\n background-color: ",";\n"],["\n display: flex;\n position: relative;\n background-color: ",";\n"])),(function(n){return n.$colorBackground})),Fn=e.a(fn||(fn=a(["\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n white-space: nowrap;\n padding: 0.5rem;\n text-decoration: none;\n position: relative;\n z-index: 1;\n cursor: pointer;\n align-items: center;\n\n &:hover {\n background-color: ",";\n div {\n transition: transform 0.3s ease;\n transform: scale(1.2);\n }\n }\n"],["\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n white-space: nowrap;\n padding: 0.5rem;\n text-decoration: none;\n position: relative;\n z-index: 1;\n cursor: pointer;\n align-items: center;\n\n &:hover {\n background-color: ",";\n div {\n transition: transform 0.3s ease;\n transform: scale(1.2);\n }\n }\n"])),(function(n){return n.$colorHover})),jn=e.div(pn||(pn=a(["\n padding: 1rem;\n color: ",";\n text-decoration: none;\n position: relative;\n z-index: 2;\n"],["\n padding: 1rem;\n color: ",";\n text-decoration: none;\n position: relative;\n z-index: 2;\n"])),(function(n){return n.$color})),In=e.div(mn||(mn=a(["\n position: absolute;\n bottom: 0;\n left: 0;\n height: 4px;\n background-color: ",";\n transition: all 0.3s ease;\n z-index: 2;\n ","\n"],["\n position: absolute;\n bottom: 0;\n left: 0;\n height: 4px;\n background-color: ",";\n transition: all 0.3s ease;\n z-index: 2;\n ","\n"])),(function(n){return n.$colorMark}),(function(n){var r=n.width,t=n.left;return e.css(cn||(cn=a(["\n width: ","px;\n transform: translateX(","px);\n "],["\n width: ","px;\n transform: translateX(","px);\n "])),r,t)}));exports.JrAvatar=function(e){var a=e.image1,o=e.image2,i=t(e,["image1","image2"]);return n.createElement(f,r({},i,{$image1:a,$image2:o}))},exports.JrButton=function(e){var r=e.color,t=void 0===r?"white":r,a=e.colorBackground,o=void 0===a?"gray":a,i=e.borderRound,s=void 0===i?10:i,l=e.child,u=e.href,d=e.styleBorder,f=void 0!==d&&d,p=e.onClick;return n.createElement(c,{$borderRound:s,$color:t,$colorBackground:o,$styleBorder:f},n.createElement(m,{href:u,$styleBorder:f,onClick:p},l&&l))},exports.JrHighlightText=function(e){var a=e.text,o=e.colorShadow,i=void 0===o?"black":o,s=e.offset,l=void 0===s?25:s,u=t(e,["text","colorShadow","offset"]),d=Array.from(a),f=n.useState(null),p=f[0],c=f[1];return n.createElement("div",r({},u),d.map((function(e,r){var t=null!==p&&Math.abs(p-r)<=l;return n.createElement("span",{key:r,onMouseEnter:function(){return c(r)},onMouseLeave:function(){return c(null)}},n.createElement(bn,{$isShadowed:t,$colorShadow:i},e))})))},exports.JrInput=function(e){var r=e.color,t=void 0===r?"gray":r,a=e.colorBackground,o=void 0===a?"white":a,i=e.colorText,s=void 0===i?"black":i,l=e.typeAnimation,u=void 0===l?"fixed":l;return n.createElement(hn,{$color:t,$colorBackground:o,$colorText:s,$typeAnimation:u})},exports.JrNavigation=function(e){var r=e.items,t=e.itemsRef,a=e.color,o=void 0===a?"white":a,i=e.colorBackground,s=void 0===i?"#333":i,l=e.colorHover,u=void 0===l?"#444":l,d=e.colorMark,f=void 0===d?"#ff6347":d,p=n.useState(0),c=p[0],m=p[1],h=n.useState({width:0,left:0,$colorMark:f}),g=h[0],b=h[1],v=n.useRef(null);n.useEffect((function(){var n=function(){if(v.current){var n=v.current.children[c];b({width:n.offsetWidth,left:n.offsetLeft,$colorMark:f})}};return window.addEventListener("resize",n),n(),function(){window.removeEventListener("resize",n)}}),[c]),n.useEffect((function(){var n=function(){t.forEach((function(n,e){var r=document.getElementById(n);if(r){var t=r.getBoundingClientRect();if(t.top<=window.innerHeight/2&&t.bottom>=window.innerHeight/2&&(m(e),v.current)){var a=v.current.children[e];b({width:a.offsetWidth,left:a.offsetLeft,$colorMark:f})}}}))};return window.addEventListener("scroll",n),function(){window.removeEventListener("scroll",n)}}),[t]);return n.createElement(En,{$colorBackground:s,ref:v},r.map((function(e,r){return n.createElement(Fn,{$colorHover:u,key:r,onClick:function(n){!function(n,e){m(n),b({width:e.currentTarget.offsetWidth,left:e.currentTarget.offsetLeft,$colorMark:f})}(r,n),function(n,e){n.preventDefault();var r=document.getElementById(e);if(r){var t=r.getBoundingClientRect().top+window.scrollY-100;window.scrollTo({top:t,behavior:"smooth"})}}(n,t[r])},href:t[r]},n.createElement(jn,{$color:o,"data-testid":"text-item"},e))})),n.createElement(In,{$colorMark:f,width:g.width,left:g.left,"data-testid":"indicator"}))},exports.JrTimeline=function(e){var r=e.items,t=e.colorLine,a=void 0===t?"black":t,o=e.colorMark,i=void 0===o?"black":o,s=e.typeMark,l=void 0===s?"circle":s,u=e.positionOnLine,d=void 0!==u&&u,f=e.sizeMark,p=void 0===f?"small":f,c=e.progAnimation,m=void 0!==c&&c,h=n.useState(n.createElement(Sn,{$colorMark:i,$onLine:d,$sizeMark:34,"data-testid":"mark"})),g=h[0],b=h[1],v=n.useState(yn),x=v[0],y=v[1];return n.useEffect((function(){switch(y("big"===p?vn:"mid"===p?xn:yn),l){case"circle":b(n.createElement(Sn,{$colorMark:i,$onLine:d,$sizeMark:x,"data-testid":"mark"}));break;case"triangle":b(n.createElement(Mn,{$colorMark:i,$onLine:d,$sizeMark:x,"data-testid":"mark"},"►"));break;default:b(n.createElement(zn,{$colorMark:i,$onLine:d,$sizeMark:x,"data-testid":"mark"}))}}),[i,d,x,p,l]),n.createElement(kn,{$colorLine:a,"data-testid":"jr-timeline-item-container"},r.map((function(e,r){return n.createElement($n,{key:r,$delay:m?.5*r:0,$onLine:d,$sizeMark:x},g,e)})))},exports.JrTitle=function(e){var a=e.text,o=t(e,["text"]),i=n.useState(null),s=i[0],l=i[1],u=function(){l(null)};return n.createElement(gn,r({},o,{$hoveredIndex:s}),a.split("").map((function(e,r){return n.createElement("span",{key:r,onMouseOver:function(){return function(n){l(n)}(r)},onMouseOut:u},e)})))}; | ||
| //# sourceMappingURL=bundle.js.map |
@@ -5,1 +5,4 @@ export { default as JrAvatar } from "./atoms/JrAvatar"; | ||
| export { default as JrTitle } from "./atoms/JrTitle"; | ||
| export { default as JrHighlightText } from "./display/JrHighlightText"; | ||
| export { default as JrTimeline } from "./display/JrTimeline"; | ||
| export { default as JrNavigation } from "./navigation/JrNavigation"; |
@@ -1,2 +0,2 @@ | ||
| import e,{useState as n}from"react";import r,{keyframes as t}from"styled-components";var a=function(){return a=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var a in n=arguments[r])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},a.apply(this,arguments)};function o(e,n){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(e);a<t.length;a++)n.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(e,t[a])&&(r[t[a]]=e[t[a]])}return r}function i(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e}"function"==typeof SuppressedError&&SuppressedError;var s,l,u,p,f,d=t(s||(s=i(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"],["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"]))),c=r.div(l||(l=i(["\n width: 100%;\n height: 100%;\n max-width: 200px;\n max-height: 200px;\n min-width: 50px;\n min-height: 50px;\n aspect-ratio: 1 / 1;\n border-radius: 50%;\n margin-right: 40px;\n margin-left: 40px;\n margin-bottom: 20px;\n opacity: 0;\n\n border: 4px solid;\n\n scale(1);\n\n background-image: url(",");\n background-size: cover;\n\n animation: "," 2s ease-out forwards;\n\n transition: transform 0.3s ease-out, background-image 0.5s 0.1s;\n &:hover {\n transform: scale(1.2);\n background-image: url(",");\n }\n\n @media (max-width: 768px) {\n width: 150px;\n height: 150px;\n margin-top: 20px;\n margin-bottom: 0px;\n}\n"],["\n width: 100%;\n height: 100%;\n max-width: 200px;\n max-height: 200px;\n min-width: 50px;\n min-height: 50px;\n aspect-ratio: 1 / 1;\n border-radius: 50%;\n margin-right: 40px;\n margin-left: 40px;\n margin-bottom: 20px;\n opacity: 0;\n\n border: 4px solid;\n\n scale(1);\n\n background-image: url(",");\n background-size: cover;\n\n animation: "," 2s ease-out forwards;\n\n transition: transform 0.3s ease-out, background-image 0.5s 0.1s;\n &:hover {\n transform: scale(1.2);\n background-image: url(",");\n }\n\n @media (max-width: 768px) {\n width: 150px;\n height: 150px;\n margin-top: 20px;\n margin-bottom: 0px;\n}\n"])),(function(e){return e.$image1}),d,(function(e){var n=e.$image1,r=e.$image2;return r||n})),h=function(n){var r=n.image1,t=n.image2,i=o(n,["image1","image2"]);return e.createElement(c,a({},i,{$image1:r,$image2:t}))},m=t(u||(u=i(["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"],["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"]))),b=r.div(p||(p=i(["\n position: relative;\n display: inline-flex;\n overflow: hidden;\n border-radius: ","px;\n border: ","px solid\n ",";\n\n padding: ",";\n\n &::before {\n border-radius: ",'px;\n content: "";\n position: absolute;\n top: -1000%;\n left: -1000%;\n right: -1000%;\n bottom: -1000%;\n background: conic-gradient(\n from 90deg at 50% 50%,\n '," 0%,\n "," 100%\n );\n animation: "," 4s linear infinite;\n }\n\n @media (hover: hover) {\n &:hover::before {\n animation-play-state: running;\n }\n\n &:not(:hover)::before {\n animation-play-state: paused;\n background: ",";\n }\n }\n"],["\n position: relative;\n display: inline-flex;\n overflow: hidden;\n border-radius: ","px;\n border: ","px solid\n ",";\n\n padding: ",";\n\n &::before {\n border-radius: ",'px;\n content: "";\n position: absolute;\n top: -1000%;\n left: -1000%;\n right: -1000%;\n bottom: -1000%;\n background: conic-gradient(\n from 90deg at 50% 50%,\n '," 0%,\n "," 100%\n );\n animation: "," 4s linear infinite;\n }\n\n @media (hover: hover) {\n &:hover::before {\n animation-play-state: running;\n }\n\n &:not(:hover)::before {\n animation-play-state: paused;\n background: ",";\n }\n }\n"])),(function(e){return e.$borderRound}),(function(e){return e.$styleBorder?0:2}),(function(e){return e.$colorBackground}),(function(e){return e.$styleBorder?"4px":"0px"}),(function(e){return e.$borderRound}),(function(e){return e.$colorBackground}),(function(e){return e.$color}),m,(function(e){var n=e.$colorBackground;return e.$styleBorder?n:"defaultBackgroundColor"})),g=r.a(f||(f=i(["\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 0 12px;\n cursor: pointer;\n backdrop-filter: blur(15px);\n\n border-radius: ",";\n"],["\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 0 12px;\n cursor: pointer;\n backdrop-filter: blur(15px);\n\n border-radius: ",";\n"])),(function(e){return e.$styleBorder?"10px":"0px"})),v=function(n){var r=n.color,t=void 0===r?"white":r,a=n.colorBackground,o=void 0===a?"gray":a,i=n.borderRound,s=void 0===i?10:i,l=n.child,u=n.href,p=n.styleBorder,f=void 0!==p&&p,d=n.onClick;return e.createElement(b,{$borderRound:s,$color:t,$colorBackground:o,$styleBorder:f},e.createElement(g,{href:u,$styleBorder:f,onClick:d},l&&l))};function y(){return y=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)({}).hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},y.apply(null,arguments)}function x(e,n){return x=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},x(e,n)}function w(e){return w=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},w(e)}function k(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(k=function(){return!!e})()}function S(e){var n="function"==typeof Map?new Map:void 0;return S=function(e){if(null===e||!function(e){try{return-1!==Function.toString.call(e).indexOf("[native code]")}catch(n){return"function"==typeof e}}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,r)}function r(){return function(e,n,r){if(k())return Reflect.construct.apply(null,arguments);var t=[null];t.push.apply(t,n);var a=new(e.bind.apply(e,t));return r&&x(a,r.prototype),a}(e,arguments,w(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),x(r,e)},S(e)}var F={1:"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",2:"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",3:"Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",4:"Couldn't generate valid rgb string from %s, it returned %s.\n\n",5:"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",6:"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",7:"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",8:"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",9:"Please provide a number of steps to the modularScale helper.\n\n",10:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",11:'Invalid value passed as base to modularScale, expected number or em string but got "%s"\n\n',12:'Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.\n\n',13:'Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.\n\n',14:'Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',15:'Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',16:"You must provide a template to this method.\n\n",17:"You passed an unsupported selector state to this method.\n\n",18:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",19:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",20:"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:"fontFace expects a name of a font-family.\n\n",24:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",25:"fontFace expects localFonts to be an array.\n\n",26:"fontFace expects fileFormats to be an array.\n\n",27:"radialGradient requries at least 2 color-stops to properly render.\n\n",28:"Please supply a filename to retinaImage() as the first argument.\n\n",29:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",32:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",33:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",34:"borderRadius expects a radius value as a string or number as the second argument.\n\n",35:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',36:"Property must be a string value.\n\n",37:"Syntax Error at %s.\n\n",38:"Formula contains a function that needs parentheses at %s.\n\n",39:"Formula is missing closing parenthesis at %s.\n\n",40:"Formula has too many closing parentheses at %s.\n\n",41:"All values in a formula must have the same unit or be unitless.\n\n",42:"Please provide a number of steps to the modularScale helper.\n\n",43:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",44:"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",45:"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",46:"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",47:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",48:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",49:"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",50:"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",51:"Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",52:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",53:"fontFace expects localFonts to be an array.\n\n",54:"fontFace expects fileFormats to be an array.\n\n",55:"fontFace expects a name of a font-family.\n\n",56:"linearGradient requries at least 2 color-stops to properly render.\n\n",57:"radialGradient requries at least 2 color-stops to properly render.\n\n",58:"Please supply a filename to retinaImage() as the first argument.\n\n",59:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:"Property must be a string value.\n\n",62:"borderRadius expects a radius value as a string or number as the second argument.\n\n",63:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',64:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",65:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",66:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",67:"You must provide a template to this method.\n\n",68:"You passed an unsupported selector state to this method.\n\n",69:'Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.\n\n',70:'Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.\n\n',71:'Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.\n\n',72:'Passed invalid base value %s to %s(), please pass a value like "12px" or 12.\n\n',73:"Please provide a valid CSS variable.\n\n",74:"CSS variable not found and no default was provided.\n\n",75:"important requires a valid style object, got a %s instead.\n\n",76:"fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",77:'remToPx expects a value in "rem" but you provided it in "%s".\n\n',78:'base must be set in "px" or "%" but you set it in "%s".\n'};function j(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var t,a=n[0],o=[];for(t=1;t<n.length;t+=1)o.push(n[t]);return o.forEach((function(e){a=a.replace(/%[a-z]/,e)})),a}var P=function(e){var n,r;function t(n){var r;if("production"===process.env.NODE_ENV)r=e.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+n+" for more information.")||this;else{for(var t=arguments.length,a=new Array(t>1?t-1:0),o=1;o<t;o++)a[o-1]=arguments[o];r=e.call(this,j.apply(void 0,[F[n]].concat(a)))||this}return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(r)}return r=e,(n=t).prototype=Object.create(r.prototype),n.prototype.constructor=n,x(n,r),t}(S(Error));function $(e){return Math.round(255*e)}function I(e,n,r){return $(e)+","+$(n)+","+$(r)}function O(e,n,r,t){if(void 0===t&&(t=I),0===n)return t(r,r,r);var a=(e%360+360)%360/60,o=(1-Math.abs(2*r-1))*n,i=o*(1-Math.abs(a%2-1)),s=0,l=0,u=0;a>=0&&a<1?(s=o,l=i):a>=1&&a<2?(s=i,l=o):a>=2&&a<3?(l=o,u=i):a>=3&&a<4?(l=i,u=o):a>=4&&a<5?(s=i,u=o):a>=5&&a<6&&(s=o,u=i);var p=r-o/2;return t(s+p,l+p,u+p)}var z={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var E=/^#[a-fA-F0-9]{6}$/,C=/^#[a-fA-F0-9]{8}$/,B=/^#[a-fA-F0-9]{3}$/,M=/^#[a-fA-F0-9]{4}$/,R=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,T=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,q=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,A=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function Y(e){if("string"!=typeof e)throw new P(3);var n=function(e){if("string"!=typeof e)return e;var n=e.toLowerCase();return z[n]?"#"+z[n]:e}(e);if(n.match(E))return{red:parseInt(""+n[1]+n[2],16),green:parseInt(""+n[3]+n[4],16),blue:parseInt(""+n[5]+n[6],16)};if(n.match(C)){var r=parseFloat((parseInt(""+n[7]+n[8],16)/255).toFixed(2));return{red:parseInt(""+n[1]+n[2],16),green:parseInt(""+n[3]+n[4],16),blue:parseInt(""+n[5]+n[6],16),alpha:r}}if(n.match(B))return{red:parseInt(""+n[1]+n[1],16),green:parseInt(""+n[2]+n[2],16),blue:parseInt(""+n[3]+n[3],16)};if(n.match(M)){var t=parseFloat((parseInt(""+n[4]+n[4],16)/255).toFixed(2));return{red:parseInt(""+n[1]+n[1],16),green:parseInt(""+n[2]+n[2],16),blue:parseInt(""+n[3]+n[3],16),alpha:t}}var a=R.exec(n);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var o=T.exec(n.substring(0,50));if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10),alpha:parseFloat(""+o[4])>1?parseFloat(""+o[4])/100:parseFloat(""+o[4])};var i=q.exec(n);if(i){var s="rgb("+O(parseInt(""+i[1],10),parseInt(""+i[2],10)/100,parseInt(""+i[3],10)/100)+")",l=R.exec(s);if(!l)throw new P(4,n,s);return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10)}}var u=A.exec(n.substring(0,50));if(u){var p="rgb("+O(parseInt(""+u[1],10),parseInt(""+u[2],10)/100,parseInt(""+u[3],10)/100)+")",f=R.exec(p);if(!f)throw new P(4,n,p);return{red:parseInt(""+f[1],10),green:parseInt(""+f[2],10),blue:parseInt(""+f[3],10),alpha:parseFloat(""+u[4])>1?parseFloat(""+u[4])/100:parseFloat(""+u[4])}}throw new P(5)}function _(e){return function(e){var n,r=e.red/255,t=e.green/255,a=e.blue/255,o=Math.max(r,t,a),i=Math.min(r,t,a),s=(o+i)/2;if(o===i)return void 0!==e.alpha?{hue:0,saturation:0,lightness:s,alpha:e.alpha}:{hue:0,saturation:0,lightness:s};var l=o-i,u=s>.5?l/(2-o-i):l/(o+i);switch(o){case r:n=(t-a)/l+(t<a?6:0);break;case t:n=(a-r)/l+2;break;default:n=(r-t)/l+4}return n*=60,void 0!==e.alpha?{hue:n,saturation:u,lightness:s,alpha:e.alpha}:{hue:n,saturation:u,lightness:s}}(Y(e))}var H=function(e){return 7===e.length&&e[1]===e[2]&&e[3]===e[4]&&e[5]===e[6]?"#"+e[1]+e[3]+e[5]:e};function D(e){var n=e.toString(16);return 1===n.length?"0"+n:n}function G(e){return D(Math.round(255*e))}function N(e,n,r){return H("#"+G(e)+G(n)+G(r))}function L(e,n,r){return O(e,n,r,N)}function V(e,n,r){if("number"==typeof e&&"number"==typeof n&&"number"==typeof r)return H("#"+D(e)+D(n)+D(r));if("object"==typeof e&&void 0===n&&void 0===r)return H("#"+D(e.red)+D(e.green)+D(e.blue));throw new P(6)}function J(e,n,r,t){if("string"==typeof e&&"number"==typeof n){var a=Y(e);return"rgba("+a.red+","+a.green+","+a.blue+","+n+")"}if("number"==typeof e&&"number"==typeof n&&"number"==typeof r&&"number"==typeof t)return t>=1?V(e,n,r):"rgba("+e+","+n+","+r+","+t+")";if("object"==typeof e&&void 0===n&&void 0===r&&void 0===t)return e.alpha>=1?V(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")";throw new P(7)}var K=function(e){return"number"==typeof e.red&&"number"==typeof e.green&&"number"==typeof e.blue&&("number"!=typeof e.alpha||void 0===e.alpha)},Q=function(e){return"number"==typeof e.red&&"number"==typeof e.green&&"number"==typeof e.blue&&"number"==typeof e.alpha},U=function(e){return"number"==typeof e.hue&&"number"==typeof e.saturation&&"number"==typeof e.lightness&&("number"!=typeof e.alpha||void 0===e.alpha)},W=function(e){return"number"==typeof e.hue&&"number"==typeof e.saturation&&"number"==typeof e.lightness&&"number"==typeof e.alpha};function X(e){if("object"!=typeof e)throw new P(8);if(Q(e))return J(e);if(K(e))return V(e);if(W(e))return function(e,n,r,t){if("number"==typeof e&&"number"==typeof n&&"number"==typeof r&&"number"==typeof t)return t>=1?L(e,n,r):"rgba("+O(e,n,r)+","+t+")";if("object"==typeof e&&void 0===n&&void 0===r&&void 0===t)return e.alpha>=1?L(e.hue,e.saturation,e.lightness):"rgba("+O(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new P(2)}(e);if(U(e))return function(e,n,r){if("number"==typeof e&&"number"==typeof n&&"number"==typeof r)return L(e,n,r);if("object"==typeof e&&void 0===n&&void 0===r)return L(e.hue,e.saturation,e.lightness);throw new P(1)}(e);throw new P(8)}function Z(e,n,r){return function(){var t=r.concat(Array.prototype.slice.call(arguments));return t.length>=n?e.apply(this,t):Z(e,n,t)}}function ee(e){return Z(e,e.length,[])}function ne(e,n,r){return Math.max(e,Math.min(n,r))}ee((function(e,n){if("transparent"===n)return n;var r=_(n);return X(y({},r,{hue:r.hue+parseFloat(e)}))})),ee((function(e,n){if("transparent"===n)return n;var r=_(n);return X(y({},r,{lightness:ne(0,1,r.lightness-parseFloat(e))}))})),ee((function(e,n){if("transparent"===n)return n;var r=_(n);return X(y({},r,{saturation:ne(0,1,r.saturation-parseFloat(e))}))})),ee((function(e,n){if("transparent"===n)return n;var r=_(n);return X(y({},r,{lightness:ne(0,1,r.lightness+parseFloat(e))}))}));var re=ee((function(e,n,r){if("transparent"===n)return r;if("transparent"===r)return n;if(0===e)return r;var t=Y(n),a=y({},t,{alpha:"number"==typeof t.alpha?t.alpha:1}),o=Y(r),i=y({},o,{alpha:"number"==typeof o.alpha?o.alpha:1}),s=a.alpha-i.alpha,l=2*parseFloat(e)-1,u=((l*s==-1?l:l+s)/(1+l*s)+1)/2,p=1-u;return J({red:Math.floor(a.red*u+i.red*p),green:Math.floor(a.green*u+i.green*p),blue:Math.floor(a.blue*u+i.blue*p),alpha:a.alpha*parseFloat(e)+i.alpha*(1-parseFloat(e))})}));ee((function(e,n){if("transparent"===n)return n;var r=Y(n);return J(y({},r,{alpha:ne(0,1,(100*("number"==typeof r.alpha?r.alpha:1)+100*parseFloat(e))/100)}))})),ee((function(e,n){if("transparent"===n)return n;var r=_(n);return X(y({},r,{saturation:ne(0,1,r.saturation+parseFloat(e))}))})),ee((function(e,n){return"transparent"===n?n:X(y({},_(n),{hue:parseFloat(e)}))})),ee((function(e,n){return"transparent"===n?n:X(y({},_(n),{lightness:parseFloat(e)}))})),ee((function(e,n){return"transparent"===n?n:X(y({},_(n),{saturation:parseFloat(e)}))})),ee((function(e,n){return"transparent"===n?n:re(parseFloat(e),"rgb(0, 0, 0)",n)})),ee((function(e,n){return"transparent"===n?n:re(parseFloat(e),"rgb(255, 255, 255)",n)})),ee((function(e,n){if("transparent"===n)return n;var r=Y(n);return J(y({},r,{alpha:ne(0,1,+(100*("number"==typeof r.alpha?r.alpha:1)-100*parseFloat(e)).toFixed(2)/100)}))}));var te,ae,oe,ie=r.input(ae||(ae=i(["\n border: 2px solid ",";\n padding: 10px;\n font-size: 16px;\n outline: none;\n transition: border-color 0.3s ease;\n color: ",";\n background: ",";\n\n &:focus {\n animation: ","\n 3s\n ",";\n border-color: ",";\n }\n"],["\n border: 2px solid ",";\n padding: 10px;\n font-size: 16px;\n outline: none;\n transition: border-color 0.3s ease;\n color: ",";\n background: ",";\n\n &:focus {\n animation: ","\n 3s\n ",";\n border-color: ",";\n }\n"])),(function(e){return J(e.$color,.5)}),(function(e){return e.$colorText}),(function(e){return e.$colorBackground}),(function(e){var n,r,a=e.$color,o=e.$typeAnimation;return n=a,r=o,t(te||(te=i(["\n 0% {\n box-shadow: 0 0 5px ",";\n }\n 50% {\n box-shadow: 0 0 20px ",";\n }\n 100% {\n box-shadow: 0 0 ","px ",";\n }\n"],["\n 0% {\n box-shadow: 0 0 5px ",";\n }\n 50% {\n box-shadow: 0 0 20px ",";\n }\n 100% {\n box-shadow: 0 0 ","px ",";\n }\n"])),J(n,.5),J(n,1),"fixed"===r?20:5,J(n,"fixed"===r?1:.5))}),(function(e){return"blink"===e.$typeAnimation?"infinite":"forwards"}),(function(e){return J(e.$color,1)})),se=function(n){var r=n.color,t=void 0===r?"gray":r,a=n.colorBackground,o=void 0===a?"white":a,i=n.colorText,s=void 0===i?"black":i,l=n.typeAnimation,u=void 0===l?"fixed":l;return e.createElement(ie,{$color:t,$colorBackground:o,$colorText:s,$typeAnimation:u})},le=r.div(oe||(oe=i(["\n display: inline-block;\n cursor: default;\n white-space: pre;\n\n span {\n display: inline-block;\n transition: transform 0.1s ease-in-out;\n }\n\n &:hover span {\n transform: scaleY(1);\n }\n\n ","\n"],["\n display: inline-block;\n cursor: default;\n white-space: pre;\n\n span {\n display: inline-block;\n transition: transform 0.1s ease-in-out;\n }\n\n &:hover span {\n transform: scaleY(1);\n }\n\n ","\n"])),(function(e){var n=e.$hoveredIndex;return null!==n&&"\n span:nth-child(".concat(n+1,") {\n transform: scaleY(1.5);\n }\n span:nth-child(").concat(n,") {\n transform: scaleY(1.3);\n }\n span:nth-child(").concat(n+2,") {\n transform: scaleY(1.3);\n }\n span:nth-child(").concat(n-1,") {\n transform: scaleY(1.1);\n }\n span:nth-child(").concat(n+3,") {\n transform: scaleY(1.1);\n }\n ")})),ue=function(r){var t=r.text,i=o(r,["text"]),s=n(null),l=s[0],u=s[1],p=function(){u(null)};return e.createElement(le,a({},i,{$hoveredIndex:l}),t.split("").map((function(n,r){return e.createElement("span",{key:r,onMouseOver:function(){return function(e){u(e)}(r)},onMouseOut:p},n)})))};export{h as JrAvatar,v as JrButton,se as JrInput,ue as JrTitle}; | ||
| import n,{useState as e,useEffect as r,useRef as t}from"react";import a,{keyframes as o,css as i}from"styled-components";var s=function(){return s=Object.assign||function(n){for(var e,r=1,t=arguments.length;r<t;r++)for(var a in e=arguments[r])Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n},s.apply(this,arguments)};function l(n,e){var r={};for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(r[t]=n[t]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(n);a<t.length;a++)e.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(n,t[a])&&(r[t[a]]=n[t[a]])}return r}function u(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}"function"==typeof SuppressedError&&SuppressedError;var d,p,f,c,m,h=o(d||(d=u(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"],["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"]))),g=a.div(p||(p=u(["\n width: 100%;\n height: 100%;\n max-width: 200px;\n max-height: 200px;\n min-width: 50px;\n min-height: 50px;\n aspect-ratio: 1 / 1;\n border-radius: 50%;\n margin-right: 40px;\n margin-left: 40px;\n margin-bottom: 20px;\n opacity: 0;\n\n border: 4px solid;\n\n scale(1);\n\n background-image: url(",");\n background-size: cover;\n\n animation: "," 2s ease-out forwards;\n\n transition: transform 0.3s ease-out, background-image 0.5s 0.1s;\n &:hover {\n transform: scale(1.2);\n background-image: url(",");\n }\n\n @media (max-width: 768px) {\n width: 150px;\n height: 150px;\n margin-top: 20px;\n margin-bottom: 0px;\n}\n"],["\n width: 100%;\n height: 100%;\n max-width: 200px;\n max-height: 200px;\n min-width: 50px;\n min-height: 50px;\n aspect-ratio: 1 / 1;\n border-radius: 50%;\n margin-right: 40px;\n margin-left: 40px;\n margin-bottom: 20px;\n opacity: 0;\n\n border: 4px solid;\n\n scale(1);\n\n background-image: url(",");\n background-size: cover;\n\n animation: "," 2s ease-out forwards;\n\n transition: transform 0.3s ease-out, background-image 0.5s 0.1s;\n &:hover {\n transform: scale(1.2);\n background-image: url(",");\n }\n\n @media (max-width: 768px) {\n width: 150px;\n height: 150px;\n margin-top: 20px;\n margin-bottom: 0px;\n}\n"])),(function(n){return n.$image1}),h,(function(n){var e=n.$image1,r=n.$image2;return r||e})),b=function(e){var r=e.image1,t=e.image2,a=l(e,["image1","image2"]);return n.createElement(g,s({},a,{$image1:r,$image2:t}))},v=o(f||(f=u(["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"],["\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n"]))),x=a.div(c||(c=u(["\n position: relative;\n display: inline-flex;\n overflow: hidden;\n border-radius: ","px;\n border: ","px solid\n ",";\n\n padding: ",";\n\n &::before {\n border-radius: ",'px;\n content: "";\n position: absolute;\n top: -1000%;\n left: -1000%;\n right: -1000%;\n bottom: -1000%;\n background: conic-gradient(\n from 90deg at 50% 50%,\n '," 0%,\n "," 100%\n );\n animation: "," 4s linear infinite;\n }\n\n @media (hover: hover) {\n &:hover::before {\n animation-play-state: running;\n }\n\n &:not(:hover)::before {\n animation-play-state: paused;\n background: ",";\n }\n }\n"],["\n position: relative;\n display: inline-flex;\n overflow: hidden;\n border-radius: ","px;\n border: ","px solid\n ",";\n\n padding: ",";\n\n &::before {\n border-radius: ",'px;\n content: "";\n position: absolute;\n top: -1000%;\n left: -1000%;\n right: -1000%;\n bottom: -1000%;\n background: conic-gradient(\n from 90deg at 50% 50%,\n '," 0%,\n "," 100%\n );\n animation: "," 4s linear infinite;\n }\n\n @media (hover: hover) {\n &:hover::before {\n animation-play-state: running;\n }\n\n &:not(:hover)::before {\n animation-play-state: paused;\n background: ",";\n }\n }\n"])),(function(n){return n.$borderRound}),(function(n){return n.$styleBorder?0:2}),(function(n){return n.$colorBackground}),(function(n){return n.$styleBorder?"4px":"0px"}),(function(n){return n.$borderRound}),(function(n){return n.$colorBackground}),(function(n){return n.$color}),v,(function(n){var e=n.$colorBackground;return n.$styleBorder?e:"defaultBackgroundColor"})),y=a.a(m||(m=u(["\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 0 12px;\n cursor: pointer;\n backdrop-filter: blur(15px);\n\n border-radius: ",";\n"],["\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 0 12px;\n cursor: pointer;\n backdrop-filter: blur(15px);\n\n border-radius: ",";\n"])),(function(n){return n.$styleBorder?"10px":"0px"})),w=function(e){var r=e.color,t=void 0===r?"white":r,a=e.colorBackground,o=void 0===a?"gray":a,i=e.borderRound,s=void 0===i?10:i,l=e.child,u=e.href,d=e.styleBorder,p=void 0!==d&&d,f=e.onClick;return n.createElement(x,{$borderRound:s,$color:t,$colorBackground:o,$styleBorder:p},n.createElement(y,{href:u,$styleBorder:p,onClick:f},l&&l))};function k(){return k=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)({}).hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},k.apply(null,arguments)}function $(n,e){return $=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,e){return n.__proto__=e,n},$(n,e)}function S(n){return S=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(n){return n.__proto__||Object.getPrototypeOf(n)},S(n)}function z(){try{var n=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(n){}return(z=function(){return!!n})()}function M(n){var e="function"==typeof Map?new Map:void 0;return M=function(n){if(null===n||!function(n){try{return-1!==Function.toString.call(n).indexOf("[native code]")}catch(e){return"function"==typeof n}}(n))return n;if("function"!=typeof n)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(n))return e.get(n);e.set(n,r)}function r(){return function(n,e,r){if(z())return Reflect.construct.apply(null,arguments);var t=[null];t.push.apply(t,e);var a=new(n.bind.apply(n,t));return r&&$(a,r.prototype),a}(n,arguments,S(this).constructor)}return r.prototype=Object.create(n.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),$(r,n)},M(n)}var F={1:"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",2:"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",3:"Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",4:"Couldn't generate valid rgb string from %s, it returned %s.\n\n",5:"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",6:"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",7:"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",8:"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",9:"Please provide a number of steps to the modularScale helper.\n\n",10:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",11:'Invalid value passed as base to modularScale, expected number or em string but got "%s"\n\n',12:'Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.\n\n',13:'Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.\n\n',14:'Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',15:'Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',16:"You must provide a template to this method.\n\n",17:"You passed an unsupported selector state to this method.\n\n",18:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",19:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",20:"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:"fontFace expects a name of a font-family.\n\n",24:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",25:"fontFace expects localFonts to be an array.\n\n",26:"fontFace expects fileFormats to be an array.\n\n",27:"radialGradient requries at least 2 color-stops to properly render.\n\n",28:"Please supply a filename to retinaImage() as the first argument.\n\n",29:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",32:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",33:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",34:"borderRadius expects a radius value as a string or number as the second argument.\n\n",35:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',36:"Property must be a string value.\n\n",37:"Syntax Error at %s.\n\n",38:"Formula contains a function that needs parentheses at %s.\n\n",39:"Formula is missing closing parenthesis at %s.\n\n",40:"Formula has too many closing parentheses at %s.\n\n",41:"All values in a formula must have the same unit or be unitless.\n\n",42:"Please provide a number of steps to the modularScale helper.\n\n",43:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",44:"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",45:"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",46:"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",47:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",48:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",49:"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",50:"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",51:"Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",52:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",53:"fontFace expects localFonts to be an array.\n\n",54:"fontFace expects fileFormats to be an array.\n\n",55:"fontFace expects a name of a font-family.\n\n",56:"linearGradient requries at least 2 color-stops to properly render.\n\n",57:"radialGradient requries at least 2 color-stops to properly render.\n\n",58:"Please supply a filename to retinaImage() as the first argument.\n\n",59:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:"Property must be a string value.\n\n",62:"borderRadius expects a radius value as a string or number as the second argument.\n\n",63:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',64:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",65:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",66:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",67:"You must provide a template to this method.\n\n",68:"You passed an unsupported selector state to this method.\n\n",69:'Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.\n\n',70:'Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.\n\n',71:'Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.\n\n',72:'Passed invalid base value %s to %s(), please pass a value like "12px" or 12.\n\n',73:"Please provide a valid CSS variable.\n\n",74:"CSS variable not found and no default was provided.\n\n",75:"important requires a valid style object, got a %s instead.\n\n",76:"fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",77:'remToPx expects a value in "rem" but you provided it in "%s".\n\n',78:'base must be set in "px" or "%" but you set it in "%s".\n'};function j(){for(var n=arguments.length,e=new Array(n),r=0;r<n;r++)e[r]=arguments[r];var t,a=e[0],o=[];for(t=1;t<e.length;t+=1)o.push(e[t]);return o.forEach((function(n){a=a.replace(/%[a-z]/,n)})),a}var E=function(n){var e,r;function t(e){var r;if("production"===process.env.NODE_ENV)r=n.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+e+" for more information.")||this;else{for(var t=arguments.length,a=new Array(t>1?t-1:0),o=1;o<t;o++)a[o-1]=arguments[o];r=n.call(this,j.apply(void 0,[F[e]].concat(a)))||this}return function(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}(r)}return r=n,(e=t).prototype=Object.create(r.prototype),e.prototype.constructor=e,$(e,r),t}(M(Error));function I(n){return Math.round(255*n)}function P(n,e,r){return I(n)+","+I(e)+","+I(r)}function O(n,e,r,t){if(void 0===t&&(t=P),0===e)return t(r,r,r);var a=(n%360+360)%360/60,o=(1-Math.abs(2*r-1))*e,i=o*(1-Math.abs(a%2-1)),s=0,l=0,u=0;a>=0&&a<1?(s=o,l=i):a>=1&&a<2?(s=i,l=o):a>=2&&a<3?(l=o,u=i):a>=3&&a<4?(l=i,u=o):a>=4&&a<5?(s=i,u=o):a>=5&&a<6&&(s=o,u=i);var d=r-o/2;return t(s+d,l+d,u+d)}var B={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var C=/^#[a-fA-F0-9]{6}$/,L=/^#[a-fA-F0-9]{8}$/,R=/^#[a-fA-F0-9]{3}$/,T=/^#[a-fA-F0-9]{4}$/,A=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,q=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,Y=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,H=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function _(n){if("string"!=typeof n)throw new E(3);var e=function(n){if("string"!=typeof n)return n;var e=n.toLowerCase();return B[e]?"#"+B[e]:n}(n);if(e.match(C))return{red:parseInt(""+e[1]+e[2],16),green:parseInt(""+e[3]+e[4],16),blue:parseInt(""+e[5]+e[6],16)};if(e.match(L)){var r=parseFloat((parseInt(""+e[7]+e[8],16)/255).toFixed(2));return{red:parseInt(""+e[1]+e[2],16),green:parseInt(""+e[3]+e[4],16),blue:parseInt(""+e[5]+e[6],16),alpha:r}}if(e.match(R))return{red:parseInt(""+e[1]+e[1],16),green:parseInt(""+e[2]+e[2],16),blue:parseInt(""+e[3]+e[3],16)};if(e.match(T)){var t=parseFloat((parseInt(""+e[4]+e[4],16)/255).toFixed(2));return{red:parseInt(""+e[1]+e[1],16),green:parseInt(""+e[2]+e[2],16),blue:parseInt(""+e[3]+e[3],16),alpha:t}}var a=A.exec(e);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var o=q.exec(e.substring(0,50));if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10),alpha:parseFloat(""+o[4])>1?parseFloat(""+o[4])/100:parseFloat(""+o[4])};var i=Y.exec(e);if(i){var s="rgb("+O(parseInt(""+i[1],10),parseInt(""+i[2],10)/100,parseInt(""+i[3],10)/100)+")",l=A.exec(s);if(!l)throw new E(4,e,s);return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10)}}var u=H.exec(e.substring(0,50));if(u){var d="rgb("+O(parseInt(""+u[1],10),parseInt(""+u[2],10)/100,parseInt(""+u[3],10)/100)+")",p=A.exec(d);if(!p)throw new E(4,e,d);return{red:parseInt(""+p[1],10),green:parseInt(""+p[2],10),blue:parseInt(""+p[3],10),alpha:parseFloat(""+u[4])>1?parseFloat(""+u[4])/100:parseFloat(""+u[4])}}throw new E(5)}function X(n){return function(n){var e,r=n.red/255,t=n.green/255,a=n.blue/255,o=Math.max(r,t,a),i=Math.min(r,t,a),s=(o+i)/2;if(o===i)return void 0!==n.alpha?{hue:0,saturation:0,lightness:s,alpha:n.alpha}:{hue:0,saturation:0,lightness:s};var l=o-i,u=s>.5?l/(2-o-i):l/(o+i);switch(o){case r:e=(t-a)/l+(t<a?6:0);break;case t:e=(a-r)/l+2;break;default:e=(r-t)/l+4}return e*=60,void 0!==n.alpha?{hue:e,saturation:u,lightness:s,alpha:n.alpha}:{hue:e,saturation:u,lightness:s}}(_(n))}var D=function(n){return 7===n.length&&n[1]===n[2]&&n[3]===n[4]&&n[5]===n[6]?"#"+n[1]+n[3]+n[5]:n};function G(n){var e=n.toString(16);return 1===e.length?"0"+e:e}function W(n){return G(Math.round(255*n))}function N(n,e,r){return D("#"+W(n)+W(e)+W(r))}function V(n,e,r){return O(n,e,r,N)}function J(n,e,r){if("number"==typeof n&&"number"==typeof e&&"number"==typeof r)return D("#"+G(n)+G(e)+G(r));if("object"==typeof n&&void 0===e&&void 0===r)return D("#"+G(n.red)+G(n.green)+G(n.blue));throw new E(6)}function K(n,e,r,t){if("string"==typeof n&&"number"==typeof e){var a=_(n);return"rgba("+a.red+","+a.green+","+a.blue+","+e+")"}if("number"==typeof n&&"number"==typeof e&&"number"==typeof r&&"number"==typeof t)return t>=1?J(n,e,r):"rgba("+n+","+e+","+r+","+t+")";if("object"==typeof n&&void 0===e&&void 0===r&&void 0===t)return n.alpha>=1?J(n.red,n.green,n.blue):"rgba("+n.red+","+n.green+","+n.blue+","+n.alpha+")";throw new E(7)}var Q=function(n){return"number"==typeof n.red&&"number"==typeof n.green&&"number"==typeof n.blue&&("number"!=typeof n.alpha||void 0===n.alpha)},U=function(n){return"number"==typeof n.red&&"number"==typeof n.green&&"number"==typeof n.blue&&"number"==typeof n.alpha},Z=function(n){return"number"==typeof n.hue&&"number"==typeof n.saturation&&"number"==typeof n.lightness&&("number"!=typeof n.alpha||void 0===n.alpha)},nn=function(n){return"number"==typeof n.hue&&"number"==typeof n.saturation&&"number"==typeof n.lightness&&"number"==typeof n.alpha};function en(n){if("object"!=typeof n)throw new E(8);if(U(n))return K(n);if(Q(n))return J(n);if(nn(n))return function(n,e,r,t){if("number"==typeof n&&"number"==typeof e&&"number"==typeof r&&"number"==typeof t)return t>=1?V(n,e,r):"rgba("+O(n,e,r)+","+t+")";if("object"==typeof n&&void 0===e&&void 0===r&&void 0===t)return n.alpha>=1?V(n.hue,n.saturation,n.lightness):"rgba("+O(n.hue,n.saturation,n.lightness)+","+n.alpha+")";throw new E(2)}(n);if(Z(n))return function(n,e,r){if("number"==typeof n&&"number"==typeof e&&"number"==typeof r)return V(n,e,r);if("object"==typeof n&&void 0===e&&void 0===r)return V(n.hue,n.saturation,n.lightness);throw new E(1)}(n);throw new E(8)}function rn(n,e,r){return function(){var t=r.concat(Array.prototype.slice.call(arguments));return t.length>=e?n.apply(this,t):rn(n,e,t)}}function tn(n){return rn(n,n.length,[])}function an(n,e,r){return Math.max(n,Math.min(e,r))}tn((function(n,e){if("transparent"===e)return e;var r=X(e);return en(k({},r,{hue:r.hue+parseFloat(n)}))})),tn((function(n,e){if("transparent"===e)return e;var r=X(e);return en(k({},r,{lightness:an(0,1,r.lightness-parseFloat(n))}))})),tn((function(n,e){if("transparent"===e)return e;var r=X(e);return en(k({},r,{saturation:an(0,1,r.saturation-parseFloat(n))}))})),tn((function(n,e){if("transparent"===e)return e;var r=X(e);return en(k({},r,{lightness:an(0,1,r.lightness+parseFloat(n))}))}));var on=tn((function(n,e,r){if("transparent"===e)return r;if("transparent"===r)return e;if(0===n)return r;var t=_(e),a=k({},t,{alpha:"number"==typeof t.alpha?t.alpha:1}),o=_(r),i=k({},o,{alpha:"number"==typeof o.alpha?o.alpha:1}),s=a.alpha-i.alpha,l=2*parseFloat(n)-1,u=((l*s==-1?l:l+s)/(1+l*s)+1)/2,d=1-u;return K({red:Math.floor(a.red*u+i.red*d),green:Math.floor(a.green*u+i.green*d),blue:Math.floor(a.blue*u+i.blue*d),alpha:a.alpha*parseFloat(n)+i.alpha*(1-parseFloat(n))})}));tn((function(n,e){if("transparent"===e)return e;var r=_(e);return K(k({},r,{alpha:an(0,1,(100*("number"==typeof r.alpha?r.alpha:1)+100*parseFloat(n))/100)}))})),tn((function(n,e){if("transparent"===e)return e;var r=X(e);return en(k({},r,{saturation:an(0,1,r.saturation+parseFloat(n))}))})),tn((function(n,e){return"transparent"===e?e:en(k({},X(e),{hue:parseFloat(n)}))})),tn((function(n,e){return"transparent"===e?e:en(k({},X(e),{lightness:parseFloat(n)}))})),tn((function(n,e){return"transparent"===e?e:en(k({},X(e),{saturation:parseFloat(n)}))})),tn((function(n,e){return"transparent"===e?e:on(parseFloat(n),"rgb(0, 0, 0)",e)})),tn((function(n,e){return"transparent"===e?e:on(parseFloat(n),"rgb(255, 255, 255)",e)})),tn((function(n,e){if("transparent"===e)return e;var r=_(e);return K(k({},r,{alpha:an(0,1,+(100*("number"==typeof r.alpha?r.alpha:1)-100*parseFloat(n)).toFixed(2)/100)}))}));var sn,ln,un,dn,pn,fn,cn,mn,hn,gn,bn,vn,xn,yn,wn,kn=a.input(ln||(ln=u(["\n border: 2px solid ",";\n padding: 10px;\n font-size: 16px;\n outline: none;\n transition: border-color 0.3s ease;\n color: ",";\n background: ",";\n\n &:focus {\n animation: ","\n 3s\n ",";\n border-color: ",";\n }\n"],["\n border: 2px solid ",";\n padding: 10px;\n font-size: 16px;\n outline: none;\n transition: border-color 0.3s ease;\n color: ",";\n background: ",";\n\n &:focus {\n animation: ","\n 3s\n ",";\n border-color: ",";\n }\n"])),(function(n){return K(n.$color,.5)}),(function(n){return n.$colorText}),(function(n){return n.$colorBackground}),(function(n){var e,r,t=n.$color,a=n.$typeAnimation;return e=t,r=a,o(sn||(sn=u(["\n 0% {\n box-shadow: 0 0 5px ",";\n }\n 50% {\n box-shadow: 0 0 20px ",";\n }\n 100% {\n box-shadow: 0 0 ","px ",";\n }\n"],["\n 0% {\n box-shadow: 0 0 5px ",";\n }\n 50% {\n box-shadow: 0 0 20px ",";\n }\n 100% {\n box-shadow: 0 0 ","px ",";\n }\n"])),K(e,.5),K(e,1),"fixed"===r?20:5,K(e,"fixed"===r?1:.5))}),(function(n){return"blink"===n.$typeAnimation?"infinite":"forwards"}),(function(n){return K(n.$color,1)})),$n=function(e){var r=e.color,t=void 0===r?"gray":r,a=e.colorBackground,o=void 0===a?"white":a,i=e.colorText,s=void 0===i?"black":i,l=e.typeAnimation,u=void 0===l?"fixed":l;return n.createElement(kn,{$color:t,$colorBackground:o,$colorText:s,$typeAnimation:u})},Sn=a.div(un||(un=u(["\n display: inline-block;\n cursor: default;\n white-space: pre;\n\n span {\n display: inline-block;\n transition: transform 0.1s ease-in-out;\n }\n\n &:hover span {\n transform: scaleY(1);\n }\n\n ","\n"],["\n display: inline-block;\n cursor: default;\n white-space: pre;\n\n span {\n display: inline-block;\n transition: transform 0.1s ease-in-out;\n }\n\n &:hover span {\n transform: scaleY(1);\n }\n\n ","\n"])),(function(n){var e=n.$hoveredIndex;return null!==e&&"\n span:nth-child(".concat(e+1,") {\n transform: scaleY(1.5);\n }\n span:nth-child(").concat(e,") {\n transform: scaleY(1.3);\n }\n span:nth-child(").concat(e+2,") {\n transform: scaleY(1.3);\n }\n span:nth-child(").concat(e-1,") {\n transform: scaleY(1.1);\n }\n span:nth-child(").concat(e+3,") {\n transform: scaleY(1.1);\n }\n ")})),zn=function(r){var t=r.text,a=l(r,["text"]),o=e(null),i=o[0],u=o[1],d=function(){u(null)};return n.createElement(Sn,s({},a,{$hoveredIndex:i}),t.split("").map((function(e,r){return n.createElement("span",{key:r,onMouseOver:function(){return function(n){u(n)}(r)},onMouseOut:d},e)})))},Mn=a.span(dn||(dn=u(["\n color: ",";\n text-shadow: ",";\n filter: ",";\n transition: filter 0.3s ease-in-out;\n"],["\n color: ",";\n text-shadow: ",";\n filter: ",";\n transition: filter 0.3s ease-in-out;\n"])),(function(n){var e=n.$isShadowed,r=n.$colorShadow;return e?r:"defaultColor"}),(function(n){var e=n.$isShadowed,r=n.$colorShadow;return e?"0px 0px 20px ".concat(K(r,1)):"none"}),(function(n){var e=n.$isShadowed,r=n.$colorShadow;return e?"drop-shadow(0 0 10px ".concat(r,")"):"none"})),Fn=function(e){var r=e.text,t=e.colorShadow,a=void 0===t?"black":t,o=e.offset,i=void 0===o?25:o,u=l(e,["text","colorShadow","offset"]),d=Array.from(r),p=n.useState(null),f=p[0],c=p[1];return n.createElement("div",s({},u),d.map((function(e,r){var t=null!==f&&Math.abs(f-r)<=i;return n.createElement("span",{key:r,onMouseEnter:function(){return c(r)},onMouseLeave:function(){return c(null)}},n.createElement(Mn,{$isShadowed:t,$colorShadow:a},e))})))},jn=36,En=24,In=12,Pn=o(pn||(pn=u(["\n from {\n opacity: 0;\n transform: translateX(100%);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n"],["\n from {\n opacity: 0;\n transform: translateX(100%);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n"]))),On=a.div(fn||(fn=u(["\n display: flex;\n flex-direction: column;\n position: relative;\n margin: 20px 20px;\n padding: 0 20px;\n border-left: 2px solid ",";\n @media (max-width: 768px) {\n margin-left: 0px;\n padding-left: 0px;\n border-left: none;\n }\n"],["\n display: flex;\n flex-direction: column;\n position: relative;\n margin: 20px 20px;\n padding: 0 20px;\n border-left: 2px solid ",";\n @media (max-width: 768px) {\n margin-left: 0px;\n padding-left: 0px;\n border-left: none;\n }\n"])),(function(n){return n.$colorLine})),Bn=a.div(cn||(cn=u(["\n display: flex;\n align-items: flex-start;\n margin: 10px 10px;\n position: relative;\n opacity: 0;\n animation: "," 0.5s ease-out forwards;\n animation-delay: ","s;\n\n > * + * {\n margin-left: ","px;\n }\n"],["\n display: flex;\n align-items: flex-start;\n margin: 10px 10px;\n position: relative;\n opacity: 0;\n animation: "," 0.5s ease-out forwards;\n animation-delay: ","s;\n\n > * + * {\n margin-left: ","px;\n }\n"])),Pn,(function(n){return n.$delay}),(function(n){var e=n.$onLine,r=n.$sizeMark;return e?-(r===jn?0:r===En?10:15):r===jn?40:r===En?25:10})),Cn=a.div(mn||(mn=u(["\n width: ","px;\n height: ","px;\n border-radius: 50%;\n background-color: ",";\n position: absolute;\n left: ","px;\n @media (max-width: 768px) {\n display: none;\n }\n"],["\n width: ","px;\n height: ","px;\n border-radius: 50%;\n background-color: ",";\n position: absolute;\n left: ","px;\n @media (max-width: 768px) {\n display: none;\n }\n"])),(function(n){return n.$sizeMark}),(function(n){return n.$sizeMark}),(function(n){return n.$colorMark}),(function(n){var e=n.$onLine,r=n.$sizeMark;return e?-(r===jn?49:r===En?42.5:36.5):-11})),Ln=a.div(hn||(hn=u(["\n width: ","px;\n height: ","px;\n background-color: ",";\n position: absolute;\n left: ","px;\n @media (max-width: 768px) {\n display: none;\n }\n"],["\n width: ","px;\n height: ","px;\n background-color: ",";\n position: absolute;\n left: ","px;\n @media (max-width: 768px) {\n display: none;\n }\n"])),(function(n){return n.$sizeMark}),(function(n){return n.$sizeMark}),(function(n){return n.$colorMark}),(function(n){var e=n.$onLine,r=n.$sizeMark;return e?-(r===jn?49:r===En?42.5:36.5):-11})),Rn=a.div(gn||(gn=u(["\n font-size: ","px;\n color: ",";\n position: absolute;\n left: ","px;\n @media (max-width: 768px) {\n display: none;\n }\n"],["\n font-size: ","px;\n color: ",";\n position: absolute;\n left: ","px;\n @media (max-width: 768px) {\n display: none;\n }\n"])),(function(n){return n.$sizeMark}),(function(n){return n.$colorMark}),(function(n){var e=n.$onLine,r=n.$sizeMark;return e?-(r===jn?36:r===En?34:32):-11})),Tn=function(t){var a=t.items,o=t.colorLine,i=void 0===o?"black":o,s=t.colorMark,l=void 0===s?"black":s,u=t.typeMark,d=void 0===u?"circle":u,p=t.positionOnLine,f=void 0!==p&&p,c=t.sizeMark,m=void 0===c?"small":c,h=t.progAnimation,g=void 0!==h&&h,b=e(n.createElement(Cn,{$colorMark:l,$onLine:f,$sizeMark:34,"data-testid":"mark"})),v=b[0],x=b[1],y=e(In),w=y[0],k=y[1];return r((function(){switch(k("big"===m?jn:"mid"===m?En:In),d){case"circle":x(n.createElement(Cn,{$colorMark:l,$onLine:f,$sizeMark:w,"data-testid":"mark"}));break;case"triangle":x(n.createElement(Rn,{$colorMark:l,$onLine:f,$sizeMark:w,"data-testid":"mark"},"►"));break;default:x(n.createElement(Ln,{$colorMark:l,$onLine:f,$sizeMark:w,"data-testid":"mark"}))}}),[l,f,w,m,d]),n.createElement(On,{$colorLine:i,"data-testid":"jr-timeline-item-container"},a.map((function(e,r){return n.createElement(Bn,{key:r,$delay:g?.5*r:0,$onLine:f,$sizeMark:w},v,e)})))},An=a.nav(bn||(bn=u(["\n display: flex;\n position: relative;\n background-color: ",";\n"],["\n display: flex;\n position: relative;\n background-color: ",";\n"])),(function(n){return n.$colorBackground})),qn=a.a(vn||(vn=u(["\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n white-space: nowrap;\n padding: 0.5rem;\n text-decoration: none;\n position: relative;\n z-index: 1;\n cursor: pointer;\n align-items: center;\n\n &:hover {\n background-color: ",";\n div {\n transition: transform 0.3s ease;\n transform: scale(1.2);\n }\n }\n"],["\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n white-space: nowrap;\n padding: 0.5rem;\n text-decoration: none;\n position: relative;\n z-index: 1;\n cursor: pointer;\n align-items: center;\n\n &:hover {\n background-color: ",";\n div {\n transition: transform 0.3s ease;\n transform: scale(1.2);\n }\n }\n"])),(function(n){return n.$colorHover})),Yn=a.div(xn||(xn=u(["\n padding: 1rem;\n color: ",";\n text-decoration: none;\n position: relative;\n z-index: 2;\n"],["\n padding: 1rem;\n color: ",";\n text-decoration: none;\n position: relative;\n z-index: 2;\n"])),(function(n){return n.$color})),Hn=a.div(wn||(wn=u(["\n position: absolute;\n bottom: 0;\n left: 0;\n height: 4px;\n background-color: ",";\n transition: all 0.3s ease;\n z-index: 2;\n ","\n"],["\n position: absolute;\n bottom: 0;\n left: 0;\n height: 4px;\n background-color: ",";\n transition: all 0.3s ease;\n z-index: 2;\n ","\n"])),(function(n){return n.$colorMark}),(function(n){var e=n.width,r=n.left;return i(yn||(yn=u(["\n width: ","px;\n transform: translateX(","px);\n "],["\n width: ","px;\n transform: translateX(","px);\n "])),e,r)})),_n=function(a){var o=a.items,i=a.itemsRef,s=a.color,l=void 0===s?"white":s,u=a.colorBackground,d=void 0===u?"#333":u,p=a.colorHover,f=void 0===p?"#444":p,c=a.colorMark,m=void 0===c?"#ff6347":c,h=e(0),g=h[0],b=h[1],v=e({width:0,left:0,$colorMark:m}),x=v[0],y=v[1],w=t(null);r((function(){var n=function(){if(w.current){var n=w.current.children[g];y({width:n.offsetWidth,left:n.offsetLeft,$colorMark:m})}};return window.addEventListener("resize",n),n(),function(){window.removeEventListener("resize",n)}}),[g]),r((function(){var n=function(){i.forEach((function(n,e){var r=document.getElementById(n);if(r){var t=r.getBoundingClientRect();if(t.top<=window.innerHeight/2&&t.bottom>=window.innerHeight/2&&(b(e),w.current)){var a=w.current.children[e];y({width:a.offsetWidth,left:a.offsetLeft,$colorMark:m})}}}))};return window.addEventListener("scroll",n),function(){window.removeEventListener("scroll",n)}}),[i]);return n.createElement(An,{$colorBackground:d,ref:w},o.map((function(e,r){return n.createElement(qn,{$colorHover:f,key:r,onClick:function(n){!function(n,e){b(n),y({width:e.currentTarget.offsetWidth,left:e.currentTarget.offsetLeft,$colorMark:m})}(r,n),function(n,e){n.preventDefault();var r=document.getElementById(e);if(r){var t=r.getBoundingClientRect().top+window.scrollY-100;window.scrollTo({top:t,behavior:"smooth"})}}(n,i[r])},href:i[r]},n.createElement(Yn,{$color:l,"data-testid":"text-item"},e))})),n.createElement(Hn,{$colorMark:m,width:x.width,left:x.left,"data-testid":"indicator"}))};export{b as JrAvatar,w as JrButton,Fn as JrHighlightText,$n as JrInput,_n as JrNavigation,Tn as JrTimeline,zn as JrTitle}; | ||
| //# sourceMappingURL=bundle.js.map |
@@ -5,1 +5,4 @@ export { default as JrAvatar } from "./atoms/JrAvatar"; | ||
| export { default as JrTitle } from "./atoms/JrTitle"; | ||
| export { default as JrHighlightText } from "./display/JrHighlightText"; | ||
| export { default as JrTimeline } from "./display/JrTimeline"; | ||
| export { default as JrNavigation } from "./navigation/JrNavigation"; |
@@ -66,2 +66,61 @@ import React, { ReactNode } from 'react'; | ||
| export { JrAvatar, JrButton, JrInput, JrTitle }; | ||
| type JrHighlightTextProps = React.HTMLAttributes<HTMLDivElement> & { | ||
| text: string; | ||
| offset?: number; | ||
| colorShadow?: string; | ||
| }; | ||
| /** | ||
| * JrHighlightText Highlight text when pass the mouse | ||
| * @param colorShadow Highlight color | ||
| * @param offset Number or characters will be highlighted | ||
| * @param text Text | ||
| * @returns | ||
| */ | ||
| declare const JrHighlightText: React.FC<JrHighlightTextProps>; | ||
| type JrTimelineProps = React.HTMLAttributes<HTMLDivElement> & { | ||
| items: React.ReactNode[]; | ||
| colorLine?: string; | ||
| colorMark?: string; | ||
| sizeMark?: "small" | "mid" | "big"; | ||
| typeMark?: "circle" | "triangle" | "square"; | ||
| positionOnLine?: boolean; | ||
| progAnimation?: boolean; | ||
| }; | ||
| /** | ||
| * JrTimeline Timeline | ||
| * @param colorLine Line color | ||
| * @param colorMark Line mark | ||
| * @param items Items will be shown | ||
| * @param positionOnLine Boolean that indicates if the position of the mark will be on the line | ||
| * @param progAnimation Boolean that indicates it the timeLine will be animated | ||
| * @param sizeMark Size of the mark "small" | "mid" | "big" | ||
| * @param typeMark Type of the mark "circle" | "triangle" | "square" | ||
| * @returns | ||
| */ | ||
| declare const JrTimeline: React.FC<JrTimelineProps>; | ||
| type JrNavigationProps = React.HTMLAttributes<HTMLElement> & { | ||
| items: string[]; | ||
| itemsRef: string[]; | ||
| color?: string; | ||
| colorBackground?: string; | ||
| colorHover?: string; | ||
| colorMark?: string; | ||
| }; | ||
| /** | ||
| * JrNavigation Navigation bar | ||
| * @param color Text color | ||
| * @param colorBackground Background color | ||
| * @param colorHover Hover color | ||
| * @param colorMark Mark color | ||
| * @param items Array of strings for items | ||
| * @param itemsRef Array of references of each string for navigation. For example if you have your first item "Home" you should add "#home" in the same position of this array | ||
| * @returns | ||
| */ | ||
| declare const JrNavigation: React.FC<JrNavigationProps>; | ||
| export { JrAvatar, JrButton, JrHighlightText, JrInput, JrNavigation, JrTimeline, JrTitle }; |
| { | ||
| "name": "jr-components-lib", | ||
| "version": "1.0.2", | ||
| "version": "1.0.3", | ||
| "description": "React custom components", | ||
@@ -5,0 +5,0 @@ "main": "dist/cjs/bundle.js", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by7.83%
471996
- Lines of code
- increased by13.93%
965
No dependency changes