coderhood-ui/dist/index.mjs.map

UI Library

{"version":3,"file":"index.mjs","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/buttons/GlitchButton.jsx","../src/components/loaders/LoaderOrbiter.jsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React, { useEffect, useRef } from \"react\";\r\nimport \"./GlitchButton.css\";\r\n\r\nfunction GlitchButton({\r\n    children = \"Cyberpunk Glitch\",\r\n    onClick = () => { },\r\n    className = \"\",\r\n    style = {},\r\n    font = \"Orbitron\",\r\n    color = \"#ffd700\",\r\n    glitchColor1 = \"#ff0000\",\r\n    glitchColor2 = \"#00ffff\",\r\n    glitchTime = 250,\r\n    ...props\r\n}) {\r\n    const buttonRef = useRef(null);\r\n\r\n    useEffect(() => {\r\n        if (buttonRef.current) {\r\n            buttonRef.current.style.setProperty(\"--glitch-content\", `\"${children}\"`);\r\n            buttonRef.current.style.setProperty(\"--glitch1-color\", glitchColor1);\r\n            buttonRef.current.style.setProperty(\"--glitch2-color\", glitchColor2);\r\n            buttonRef.current.style.setProperty(\"--color\", color);\r\n            buttonRef.current.classList.remove(\"glitch\");\r\n        }\r\n    }, [children]);\r\n\r\n    const glitch = (button) => {\r\n        button.classList.add(\"glitch\");\r\n        setTimeout(() => button.classList.remove(\"glitch\"), glitchTime);\r\n    };\r\n\r\n    return (\r\n        <button\r\n            ref={buttonRef}\r\n            className={`glitch-btn ${className}`}\r\n            style={{\r\n                fontFamily: font,\r\n                color: color,\r\n                borderColor: color,\r\n                ...style,\r\n            }}\r\n            onClick={(e) => {\r\n                glitch(e.currentTarget);\r\n                setTimeout(() => { onClick() }, glitchTime);\r\n            }}\r\n        >\r\n            {children}\r\n        </button>\r\n    );\r\n}\r\n\r\nexport default GlitchButton;","import React from 'react'\r\nimport './LoaderOrbiter.css'\r\n\r\nfunction LoaderOrbiter({ size = 60, outerColor = '#ff69b4', innerColor = '#b000e8', active = true, rotationDuration = 1 }) {\r\n  const outerStyle = {\r\n      width: `${size}px`,\r\n      height: `${size}px`,\r\n      borderTopColor: outerColor,\r\n      animationDuration: `${rotationDuration}s`,\r\n  };\r\n\r\n  const innerSize = size * 0.7;\r\n  const innerStyle = {\r\n      width: `${innerSize}px`,\r\n      height: `${innerSize}px`,\r\n      borderBottomColor: innerColor,\r\n      animationDuration: `${rotationDuration * 1.5}s`,\r\n  };\r\n\r\n  return (\r\n      <div className=\"orbit-wrapper\" style={{ width: `${size}px`, height: `${size}px`, display: active ? 'flex' : 'none' }}>\r\n          <div className=\"orbit-spinner\" style={outerStyle}></div>\r\n          <div className=\"orbit-inner-spinner\" style={innerStyle}></div>\r\n      </div>\r\n  );\r\n}\r\n\r\nexport default LoaderOrbiter\r\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","GlitchButton","children","onClick","className","font","color","glitchColor1","glitchColor2","glitchTime","props","buttonRef","useRef","useEffect","current","setProperty","classList","remove","React","fontFamily","borderColor","e","button","currentTarget","add","setTimeout","LoaderOrbiter","size","outerColor","innerColor","active","rotationDuration","outerStyle","width","height","borderTopColor","animationDuration","innerSize","innerStyle","borderBottomColor","display"],"mappings":"iDAAA,SAASA,EAAYC,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAE,GAC9B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBW,CAqBzD,CCtBA,SAASe,GAAaC,SAClBA,EAAW,mBAAkBC,QAC7BA,EAAUA,OAASC,UACnBA,EAAY,GAAEZ,MACdA,EAAQ,CAAE,EAAAa,KACVA,EAAO,WAAUC,MACjBA,EAAQ,UAASC,aACjBA,EAAe,UAASC,aACxBA,EAAe,UAASC,WACxBA,EAAa,OACVC,IAEH,MAAMC,EAAYC,EAAO,MAEzBC,GAAU,KACFF,EAAUG,UACVH,EAAUG,QAAQtB,MAAMuB,YAAY,mBAAoB,IAAIb,MAC5DS,EAAUG,QAAQtB,MAAMuB,YAAY,kBAAmBR,GACvDI,EAAUG,QAAQtB,MAAMuB,YAAY,kBAAmBP,GACvDG,EAAUG,QAAQtB,MAAMuB,YAAY,UAAWT,GAC/CK,EAAUG,QAAQE,UAAUC,OAAO,UACvC,GACD,CAACf,IAOJ,OACIgB,EAAAzB,cAAA,SAAA,CACIN,IAAKwB,EACLP,UAAW,cAAcA,IACzBZ,MAAO,CACH2B,WAAYd,EACZC,MAAOA,EACPc,YAAad,KACVd,GAEPW,QAAUkB,IAfFC,SAgBGD,EAAEE,eAfVP,UAAUQ,IAAI,UACrBC,YAAW,IAAMH,EAAON,UAAUC,OAAO,WAAWR,GAe5CgB,YAAW,KAAQtB,GAAS,GAAIM,EAAW,GAG9CP,EAGb,03DC/CA,SAASwB,GAAcC,KAAEA,EAAO,GAAEC,WAAEA,EAAa,UAASC,WAAEA,EAAa,UAASC,OAAEA,GAAS,EAAIC,iBAAEA,EAAmB,IACpH,MAAMC,EAAa,CACfC,MAAO,GAAGN,MACVO,OAAQ,GAAGP,MACXQ,eAAgBP,EAChBQ,kBAAmB,GAAGL,MAGpBM,EAAmB,GAAPV,EACZW,EAAa,CACfL,MAAO,GAAGI,MACVH,OAAQ,GAAGG,MACXE,kBAAmBV,EACnBO,kBAAyC,IAAnBL,EAAH,KAGvB,OACIb,EAAAzB,cAAA,MAAA,CAAKW,UAAU,gBAAgBZ,MAAO,CAAEyC,MAAO,GAAGN,MAAUO,OAAQ,GAAGP,MAAUa,QAASV,EAAS,OAAS,SACxGZ,EAAAzB,cAAA,MAAA,CAAKW,UAAU,gBAAgBZ,MAAOwC,IACtCd,EAAAzB,cAAA,MAAA,CAAKW,UAAU,sBAAsBZ,MAAO8C,IAGtD","x_google_ignoreList":[0]}