glitched-text-react/dist/index.cjs.js

Glitched/hacker text for react highly customizable

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react");var k={exports:{}},T={};/**
 * @license React
 * react-jsx-runtime.production.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var D;function re(){if(D)return T;D=1;var u=Symbol.for("react.transitional.element"),f=Symbol.for("react.fragment");function d(m,a,s){var E=null;if(s!==void 0&&(E=""+s),a.key!==void 0&&(E=""+a.key),"key"in a){s={};for(var c in a)c!=="key"&&(s[c]=a[c])}else s=a;return a=s.ref,{$$typeof:u,type:m,key:E,ref:a!==void 0?a:null,props:s}}return T.Fragment=f,T.jsx=d,T.jsxs=d,T}var _={};/**
 * @license React
 * react-jsx-runtime.development.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var L;function te(){return L||(L=1,process.env.NODE_ENV!=="production"&&function(){function u(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Q?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case A:return"Fragment";case G:return"Profiler";case q:return"StrictMode";case X:return"Suspense";case B:return"SuspenseList";case Z:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case U:return"Portal";case V:return(e.displayName||"Context")+".Provider";case J:return(e._context.displayName||"Context")+".Consumer";case z:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case H:return r=e.displayName||null,r!==null?r:u(e.type)||"Memo";case N:r=e._payload,e=e._init;try{return u(e(r))}catch{}}return null}function f(e){return""+e}function d(e){try{f(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),f(e)}}function m(e){if(e===A)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===N)return"<...>";try{var r=u(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=P.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function E(e){if(C.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function c(e,r){function t(){Y||(Y=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function b(){var e=u(this.type);return I[e]||(I[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function S(e,r,t,n,i,l,g,w){return t=l.ref,e={$$typeof:y,type:e,key:r,props:l,_owner:i},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:b}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:g}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:w}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function p(e,r,t,n,i,l,g,w){var o=r.children;if(o!==void 0)if(n)if(K(o)){for(n=0;n<o.length;n++)h(o[n]);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else h(o);if(C.call(r,"key")){o=u(e);var v=Object.keys(r).filter(function(ee){return ee!=="key"});n=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",$[o+n]||(v=0<v.length?"{"+v.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
  let props = %s;
  <%s {...props} />
React keys must be passed directly to JSX without using spread:
  let props = %s;
  <%s key={someKey} {...props} />`,n,o,v,o),$[o+n]=!0)}if(o=null,t!==void 0&&(d(t),o=""+t),E(r)&&(d(r.key),o=""+r.key),"key"in r){t={};for(var x in r)x!=="key"&&(t[x]=r[x])}else t=r;return o&&c(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),S(e,o,l,i,a(),t,g,w)}function h(e){typeof e=="object"&&e!==null&&e.$$typeof===y&&e._store&&(e._store.validated=1)}var R=O,y=Symbol.for("react.transitional.element"),U=Symbol.for("react.portal"),A=Symbol.for("react.fragment"),q=Symbol.for("react.strict_mode"),G=Symbol.for("react.profiler"),J=Symbol.for("react.consumer"),V=Symbol.for("react.context"),z=Symbol.for("react.forward_ref"),X=Symbol.for("react.suspense"),B=Symbol.for("react.suspense_list"),H=Symbol.for("react.memo"),N=Symbol.for("react.lazy"),Z=Symbol.for("react.activity"),Q=Symbol.for("react.client.reference"),P=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,C=Object.prototype.hasOwnProperty,K=Array.isArray,j=console.createTask?console.createTask:function(){return null};R={"react-stack-bottom-frame":function(e){return e()}};var Y,I={},M=R["react-stack-bottom-frame"].bind(R,s)(),F=j(m(s)),$={};_.Fragment=A,_.jsx=function(e,r,t,n,i){var l=1e4>P.recentlyCreatedOwnerStacks++;return p(e,r,t,!1,n,i,l?Error("react-stack-top-frame"):M,l?j(m(e)):F)},_.jsxs=function(e,r,t,n,i){var l=1e4>P.recentlyCreatedOwnerStacks++;return p(e,r,t,!0,n,i,l?Error("react-stack-top-frame"):M,l?j(m(e)):F)}}()),_}var W;function ne(){return W||(W=1,process.env.NODE_ENV==="production"?k.exports=re():k.exports=te()),k.exports}var oe=ne();const ae=({text:u,letters:f="ABCDEFGHIJKLMNOPQRSTUVWXYZ",numberOfIterations:d=4,msPerIteration:m=30,...a})=>{const[s,E]=O.useState(u),c=O.useRef(0),b=O.useRef(void 0),S=()=>{clearInterval(b.current),c.current=0,b.current=setInterval(()=>{const p=s.split("").map((h,R)=>R<c.current?u[R]:f[Math.floor(Math.random()*f.length)]);E(p.join("")),c.current+=1/d,c.current>u.length&&clearInterval(b.current)},m)};return oe.jsx("h1",{onMouseOver:S,...a,children:s})};exports.GlitchedText=ae;