react-final-marquee - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

dist/index.d.ts

 import React from "react";
 interface MarqueeProps {
     /**
+     * The height of the container div
+     * Type: number | string
+     * Default: '30px'
+     */
+    height?: number | string;
+    /**
      * Inline style for the container div
@@ -45,3 +51,20 @@ * Type: object
     space?: number;
+    /**
+     * Number of repeat text
+     * Type: number
+     * Default: 2
+     */
     repeat?: number;
+    /**
+     * Text color
+     * Type: string
+     * Default: null
+     */
+    textColor?: string | null;
+    /**
+     * Container Background color
+     * Type: string
+     * Default: null
+     */
+    bgColor?: string | null;
     children?: React.ReactNode;
@@ -48,0 +71,0 @@ }

dist/react-final-marquee.es.js

@@ -1,3 +0,3 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".react-final-marquee{height:100%;overflow:hidden;white-space:nowrap;position:relative}.react-final-marquee-wrapper{width:10000px;position:absolute}.react-final-marquee-wrapper[data-direction=rightToLeft]{left:0px}.react-final-marquee-wrapper[data-direction=leftToRight]{right:0px}.react-final-marquee:hover .react-final-marquee-item{animation-play-state:var(--pause-on-hover)}.react-final-marquee-item{float:left;animation-play-state:var(--play);animation-duration:var(--duration);animation-iteration-count:infinite;animation-timing-function:linear}.react-final-marquee-wrapper[data-direction=rightToLeft] .react-final-marquee-item{transform:translate(100%);padding-right:var(--space);animation-name:marqee-rightToLeft}.react-final-marquee-wrapper[data-direction=leftToRight] .react-final-marquee-item{padding-left:var(--space);animation-name:marqee-leftToRight;float:right}@keyframes marqee-rightToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marqee-leftToRight{0%{transform:translate(0)}to{transform:translate(100%)}}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import Ce, { useRef as _e } from "react";
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".react-final-marquee{height:100%;overflow:hidden;white-space:nowrap;position:relative;height:var(--marquee-container-height);background-color:var(--marquee-background-color);color:var(----marquee-text-color)}.react-final-marquee-wrapper{width:10000px;position:absolute}.react-final-marquee-wrapper[data-direction=rightToLeft]{left:0px}.react-final-marquee-wrapper[data-direction=leftToRight]{right:0px}.react-final-marquee:hover .react-final-marquee-item{animation-play-state:var(--pause-on-hover)}.react-final-marquee-item{float:left;animation-play-state:var(--play);animation-duration:var(--duration);animation-iteration-count:infinite;animation-timing-function:linear}.react-final-marquee-wrapper[data-direction=rightToLeft] .react-final-marquee-item{transform:translate(100%);padding-right:var(--space);animation-name:marqee-rightToLeft}.react-final-marquee-wrapper[data-direction=leftToRight] .react-final-marquee-item{padding-left:var(--space);animation-name:marqee-leftToRight;float:right}@keyframes marqee-rightToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marqee-leftToRight{0%{transform:translate(0)}to{transform:translate(100%)}}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+import we, { useRef as Oe } from "react";
 var W = {}, ur = {
@@ -7,6 +7,6 @@ get exports() {
   },
-  set exports(g) {
-    W = g;
+  set exports(p) {
+    W = p;
   }
-}, I = {};
+}, $ = {};
 /**
@@ -21,21 +21,21 @@ * @license React
  */
-var Te;
+var Se;
 function sr() {
-  if (Te)
-    return I;
-  Te = 1;
-  var g = Ce, T = Symbol.for("react.element"), D = Symbol.for("react.fragment"), b = Object.prototype.hasOwnProperty, S = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, w = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function O(y, l, _) {
-    var c, m = {}, h = null, P = null;
-    _ !== void 0 && (h = "" + _), l.key !== void 0 && (h = "" + l.key), l.ref !== void 0 && (P = l.ref);
-    for (c in l)
-      b.call(l, c) && !w.hasOwnProperty(c) && (m[c] = l[c]);
+  if (Se)
+    return $;
+  Se = 1;
+  var p = we, O = Symbol.for("react.element"), D = Symbol.for("react.fragment"), _ = Object.prototype.hasOwnProperty, w = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, P = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function S(y, f, T) {
+    var d, g = {}, h = null, x = null;
+    T !== void 0 && (h = "" + T), f.key !== void 0 && (h = "" + f.key), f.ref !== void 0 && (x = f.ref);
+    for (d in f)
+      _.call(f, d) && !P.hasOwnProperty(d) && (g[d] = f[d]);
     if (y && y.defaultProps)
-      for (c in l = y.defaultProps, l)
-        m[c] === void 0 && (m[c] = l[c]);
-    return { $$typeof: T, type: y, key: h, ref: P, props: m, _owner: S.current };
+      for (d in f = y.defaultProps, f)
+        g[d] === void 0 && (g[d] = f[d]);
+    return { $$typeof: O, type: y, key: h, ref: x, props: g, _owner: w.current };
   }
-  return I.Fragment = D, I.jsx = O, I.jsxs = O, I;
+  return $.Fragment = D, $.jsx = S, $.jsxs = S, $;
 }
-var $ = {};
+var I = {};
 /**
@@ -50,14 +50,14 @@ * @license React
  */
-var Oe;
-function fr() {
-  return Oe || (Oe = 1, process.env.NODE_ENV !== "production" && function() {
-    var g = Ce, T = Symbol.for("react.element"), D = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), O = Symbol.for("react.provider"), y = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), X = Symbol.iterator, Se = "@@iterator";
-    function we(e) {
+var Ce;
+function lr() {
+  return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && function() {
+    var p = we, O = Symbol.for("react.element"), D = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), S = Symbol.for("react.provider"), y = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), Y = Symbol.iterator, U = "@@iterator";
+    function B(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = X && e[X] || e[Se];
+      var r = Y && e[Y] || e[U];
       return typeof r == "function" ? r : null;
     }
-    var x = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function d(e) {
+    var b = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function c(e) {
       {
@@ -71,6 +71,6 @@ for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
       {
-        var n = x.ReactDebugCurrentFrame, o = n.getStackAddendum();
-        o !== "" && (r += "%s", t = t.concat([o]));
-        var u = t.map(function(i) {
-          return String(i);
+        var n = b.ReactDebugCurrentFrame, i = n.getStackAddendum();
+        i !== "" && (r += "%s", t = t.concat([i]));
+        var u = t.map(function(o) {
+          return String(o);
         });
@@ -80,19 +80,19 @@ u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u);
     }
-    var xe = !1, je = !1, ke = !1, De = !1, Fe = !1, Z;
-    Z = Symbol.for("react.module.reference");
+    var xe = !1, je = !1, ke = !1, De = !1, Fe = !1, ee;
+    ee = Symbol.for("react.module.reference");
     function Ae(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === b || e === w || Fe || e === S || e === _ || e === c || De || e === P || xe || je || ke || typeof e == "object" && e !== null && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === O || e.$$typeof === y || e.$$typeof === l || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === _ || e === P || Fe || e === w || e === T || e === d || De || e === x || xe || je || ke || typeof e == "object" && e !== null && (e.$$typeof === h || e.$$typeof === g || e.$$typeof === S || e.$$typeof === y || e.$$typeof === f || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === Z || e.getModuleId !== void 0));
+      e.$$typeof === ee || e.getModuleId !== void 0));
     }
-    function Ie(e, r, t) {
+    function $e(e, r, t) {
       var n = e.displayName;
       if (n)
         return n;
-      var o = r.displayName || r.name || "";
-      return o !== "" ? t + "(" + o + ")" : t;
+      var i = r.displayName || r.name || "";
+      return i !== "" ? t + "(" + i + ")" : t;
     }
-    function Q(e) {
+    function re(e) {
       return e.displayName || "Context";
@@ -103,3 +103,3 @@ }
         return null;
-      if (typeof e.tag == "number" && d("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && c("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
@@ -109,13 +109,13 @@ if (typeof e == "string")
       switch (e) {
-        case b:
+        case _:
           return "Fragment";
         case D:
           return "Portal";
+        case P:
+          return "Profiler";
         case w:
-          return "Profiler";
-        case S:
           return "StrictMode";
-        case _:
+        case T:
           return "Suspense";
-        case c:
+        case d:
           return "SuspenseList";
@@ -127,15 +127,15 @@ }
             var r = e;
-            return Q(r) + ".Consumer";
-          case O:
+            return re(r) + ".Consumer";
+          case S:
             var t = e;
-            return Q(t._context) + ".Provider";
-          case l:
-            return Ie(e, e.render, "ForwardRef");
-          case m:
+            return re(t._context) + ".Provider";
+          case f:
+            return $e(e, e.render, "ForwardRef");
+          case g:
             var n = e.displayName || null;
             return n !== null ? n : E(e.type) || "Memo";
           case h: {
-            var o = e, u = o._payload, i = o._init;
+            var i = e, u = i._payload, o = i._init;
             try {
-              return E(i(u));
+              return E(o(u));
             } catch {
@@ -148,14 +148,14 @@ return null;
     }
-    var C = Object.assign, F = 0, ee, re, te, ne, ae, ie, oe;
-    function ue() {
+    var C = Object.assign, F = 0, te, ne, ae, oe, ie, ue, se;
+    function le() {
     }
-    ue.__reactDisabledLog = !0;
-    function $e() {
+    le.__reactDisabledLog = !0;
+    function Ie() {
       {
         if (F === 0) {
-          ee = console.log, re = console.info, te = console.warn, ne = console.error, ae = console.group, ie = console.groupCollapsed, oe = console.groupEnd;
+          te = console.log, ne = console.info, ae = console.warn, oe = console.error, ie = console.group, ue = console.groupCollapsed, se = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: ue,
+            value: le,
             writable: !0
@@ -186,51 +186,51 @@ };
             log: C({}, e, {
-              value: ee
+              value: te
             }),
             info: C({}, e, {
-              value: re
+              value: ne
             }),
             warn: C({}, e, {
-              value: te
+              value: ae
             }),
             error: C({}, e, {
-              value: ne
+              value: oe
             }),
             group: C({}, e, {
-              value: ae
+              value: ie
             }),
             groupCollapsed: C({}, e, {
-              value: ie
+              value: ue
             }),
             groupEnd: C({}, e, {
-              value: oe
+              value: se
             })
           });
         }
-        F < 0 && d("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        F < 0 && c("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var U = x.ReactCurrentDispatcher, q;
-    function Y(e, r, t) {
+    var J = b.ReactCurrentDispatcher, G;
+    function N(e, r, t) {
       {
-        if (q === void 0)
+        if (G === void 0)
           try {
             throw Error();
-          } catch (o) {
-            var n = o.stack.trim().match(/\n( *(at )?)/);
-            q = n && n[1] || "";
+          } catch (i) {
+            var n = i.stack.trim().match(/\n( *(at )?)/);
+            G = n && n[1] || "";
           }
         return `
-` + q + e;
+` + G + e;
       }
     }
-    var B = !1, N;
+    var z = !1, L;
     {
       var Ye = typeof WeakMap == "function" ? WeakMap : Map;
-      N = new Ye();
+      L = new Ye();
     }
-    function se(e, r) {
-      if (!e || B)
+    function fe(e, r) {
+      if (!e || z)
         return "";
       {
-        var t = N.get(e);
+        var t = L.get(e);
         if (t !== void 0)
@@ -240,13 +240,13 @@ return t;
       var n;
-      B = !0;
-      var o = Error.prepareStackTrace;
+      z = !0;
+      var i = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var u;
-      u = U.current, U.current = null, $e();
+      u = J.current, J.current = null, Ie();
       try {
         if (r) {
-          var i = function() {
+          var o = function() {
             throw Error();
           };
-          if (Object.defineProperty(i.prototype, "props", {
+          if (Object.defineProperty(o.prototype, "props", {
             set: function() {
@@ -257,14 +257,14 @@ throw Error();
             try {
-              Reflect.construct(i, []);
+              Reflect.construct(o, []);
             } catch (R) {
               n = R;
             }
-            Reflect.construct(e, [], i);
+            Reflect.construct(e, [], o);
           } else {
             try {
-              i.call();
+              o.call();
             } catch (R) {
               n = R;
             }
-            e.call(i.prototype);
+            e.call(o.prototype);
           }
@@ -283,14 +283,14 @@ } else {
 `), v = n.stack.split(`
-`), s = a.length - 1, f = v.length - 1; s >= 1 && f >= 0 && a[s] !== v[f]; )
-            f--;
-          for (; s >= 1 && f >= 0; s--, f--)
-            if (a[s] !== v[f]) {
-              if (s !== 1 || f !== 1)
+`), s = a.length - 1, l = v.length - 1; s >= 1 && l >= 0 && a[s] !== v[l]; )
+            l--;
+          for (; s >= 1 && l >= 0; s--, l--)
+            if (a[s] !== v[l]) {
+              if (s !== 1 || l !== 1)
                 do
-                  if (s--, f--, f < 0 || a[s] !== v[f]) {
-                    var p = `
+                  if (s--, l--, l < 0 || a[s] !== v[l]) {
+                    var m = `
 ` + a[s].replace(" at new ", " at ");
-                    return e.displayName && p.includes("<anonymous>") && (p = p.replace("<anonymous>", e.displayName)), typeof e == "function" && N.set(e, p), p;
+                    return e.displayName && m.includes("<anonymous>") && (m = m.replace("<anonymous>", e.displayName)), typeof e == "function" && L.set(e, m), m;
                   }
-                while (s >= 1 && f >= 0);
+                while (s >= 1 && l >= 0);
               break;
@@ -300,9 +300,9 @@ }
       } finally {
-        B = !1, U.current = u, We(), Error.prepareStackTrace = o;
+        z = !1, J.current = u, We(), Error.prepareStackTrace = i;
       }
-      var k = e ? e.displayName || e.name : "", be = k ? Y(k) : "";
-      return typeof e == "function" && N.set(e, be), be;
+      var k = e ? e.displayName || e.name : "", Te = k ? N(k) : "";
+      return typeof e == "function" && L.set(e, Te), Te;
     }
     function Ne(e, r, t) {
-      return se(e, !1);
+      return fe(e, !1);
     }
@@ -313,25 +313,25 @@ function Le(e) {
     }
-    function L(e, r, t) {
+    function q(e, r, t) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return se(e, Le(e));
+        return fe(e, Le(e));
       if (typeof e == "string")
-        return Y(e);
+        return N(e);
       switch (e) {
-        case _:
-          return Y("Suspense");
-        case c:
-          return Y("SuspenseList");
+        case T:
+          return N("Suspense");
+        case d:
+          return N("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case l:
+          case f:
             return Ne(e.render);
-          case m:
-            return L(e.type, r, t);
+          case g:
+            return q(e.type, r, t);
           case h: {
-            var n = e, o = n._payload, u = n._init;
+            var n = e, i = n._payload, u = n._init;
             try {
-              return L(u(o), r, t);
+              return q(u(i), r, t);
             } catch {
@@ -343,34 +343,34 @@ }
     }
-    var M = Object.prototype.hasOwnProperty, fe = {}, le = x.ReactDebugCurrentFrame;
+    var M = Object.prototype.hasOwnProperty, ce = {}, de = b.ReactDebugCurrentFrame;
     function V(e) {
       if (e) {
-        var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
-        le.setExtraStackFrame(t);
+        var r = e._owner, t = q(e.type, e._source, r ? r.type : null);
+        de.setExtraStackFrame(t);
       } else
-        le.setExtraStackFrame(null);
+        de.setExtraStackFrame(null);
     }
-    function Me(e, r, t, n, o) {
+    function qe(e, r, t, n, i) {
       {
         var u = Function.call.bind(M);
-        for (var i in e)
-          if (u(e, i)) {
+        for (var o in e)
+          if (u(e, o)) {
             var a = void 0;
             try {
-              if (typeof e[i] != "function") {
-                var v = Error((n || "React class") + ": " + t + " type `" + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[i] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[o] != "function") {
+                var v = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw v.name = "Invariant Violation", v;
               }
-              a = e[i](r, i, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (s) {
               a = s;
             }
-            a && !(a instanceof Error) && (V(o), d("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, i, typeof a), V(null)), a instanceof Error && !(a.message in fe) && (fe[a.message] = !0, V(o), d("Failed %s type: %s", t, a.message), V(null));
+            a && !(a instanceof Error) && (V(i), c("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), V(null)), a instanceof Error && !(a.message in ce) && (ce[a.message] = !0, V(i), c("Failed %s type: %s", t, a.message), V(null));
           }
       }
     }
-    var Ve = Array.isArray;
-    function J(e) {
-      return Ve(e);
+    var Me = Array.isArray;
+    function H(e) {
+      return Me(e);
     }
-    function Ue(e) {
+    function Ve(e) {
       {
@@ -381,5 +381,5 @@ var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
     }
-    function qe(e) {
+    function Ue(e) {
       try {
-        return ce(e), !1;
+        return ve(e), !1;
       } catch {
@@ -389,10 +389,10 @@ return !0;
     }
-    function ce(e) {
+    function ve(e) {
       return "" + e;
     }
-    function de(e) {
-      if (qe(e))
-        return d("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ue(e)), ce(e);
+    function pe(e) {
+      if (Ue(e))
+        return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ve(e)), ve(e);
     }
-    var A = x.ReactCurrentOwner, Be = {
+    var A = b.ReactCurrentOwner, Be = {
       key: !0,
@@ -402,4 +402,4 @@ ref: !0,
       __source: !0
-    }, ve, pe, G;
-    G = {};
+    }, me, ge, K;
+    K = {};
     function Je(e) {
@@ -424,9 +424,9 @@ if (M.call(e, "ref")) {
         var t = E(A.current.type);
-        G[t] || (d('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', E(A.current.type), e.ref), G[t] = !0);
+        K[t] || (c('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', E(A.current.type), e.ref), K[t] = !0);
       }
     }
-    function Ke(e, r) {
+    function He(e, r) {
       {
         var t = function() {
-          ve || (ve = !0, d("%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://reactjs.org/link/special-props)", r));
+          me || (me = !0, c("%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://reactjs.org/link/special-props)", r));
         };
@@ -439,6 +439,6 @@ t.isReactWarning = !0, Object.defineProperty(e, "key", {
     }
-    function He(e, r) {
+    function Ke(e, r) {
       {
         var t = function() {
-          pe || (pe = !0, d("%s: `ref` 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://reactjs.org/link/special-props)", r));
+          ge || (ge = !0, c("%s: `ref` 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://reactjs.org/link/special-props)", r));
         };
@@ -451,6 +451,6 @@ t.isReactWarning = !0, Object.defineProperty(e, "ref", {
     }
-    var Xe = function(e, r, t, n, o, u, i) {
+    var Xe = function(e, r, t, n, i, u, o) {
       var a = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: T,
+        $$typeof: O,
         // Built-in properties that belong on the element
@@ -460,3 +460,3 @@ type: e,
         ref: t,
-        props: i,
+        props: o,
         // Record the component responsible for creating this element.
@@ -479,40 +479,40 @@ _owner: u
         writable: !1,
-        value: o
+        value: i
       }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     };
-    function Ze(e, r, t, n, o) {
+    function Ze(e, r, t, n, i) {
       {
-        var u, i = {}, a = null, v = null;
-        t !== void 0 && (de(t), a = "" + t), Ge(r) && (de(r.key), a = "" + r.key), Je(r) && (v = r.ref, ze(r, o));
+        var u, o = {}, a = null, v = null;
+        t !== void 0 && (pe(t), a = "" + t), Ge(r) && (pe(r.key), a = "" + r.key), Je(r) && (v = r.ref, ze(r, i));
         for (u in r)
-          M.call(r, u) && !Be.hasOwnProperty(u) && (i[u] = r[u]);
+          M.call(r, u) && !Be.hasOwnProperty(u) && (o[u] = r[u]);
         if (e && e.defaultProps) {
           var s = e.defaultProps;
           for (u in s)
-            i[u] === void 0 && (i[u] = s[u]);
+            o[u] === void 0 && (o[u] = s[u]);
         }
         if (a || v) {
-          var f = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && Ke(i, f), v && He(i, f);
+          var l = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          a && He(o, l), v && Ke(o, l);
         }
-        return Xe(e, a, v, o, n, A.current, i);
+        return Xe(e, a, v, i, n, A.current, o);
       }
     }
-    var z = x.ReactCurrentOwner, me = x.ReactDebugCurrentFrame;
+    var X = b.ReactCurrentOwner, ye = b.ReactDebugCurrentFrame;
     function j(e) {
       if (e) {
-        var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
-        me.setExtraStackFrame(t);
+        var r = e._owner, t = q(e.type, e._source, r ? r.type : null);
+        ye.setExtraStackFrame(t);
       } else
-        me.setExtraStackFrame(null);
+        ye.setExtraStackFrame(null);
     }
-    var K;
-    K = !1;
-    function H(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === T;
+    var Z;
+    Z = !1;
+    function Q(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === O;
     }
-    function ge() {
+    function he() {
       {
-        if (z.current) {
-          var e = E(z.current.type);
+        if (X.current) {
+          var e = E(X.current.type);
           if (e)
@@ -537,6 +537,6 @@ return `
     }
-    var he = {};
+    var be = {};
     function er(e) {
       {
-        var r = ge();
+        var r = he();
         if (!r) {
@@ -551,3 +551,3 @@ var t = typeof e == "string" ? e : e.displayName || e.name;
     }
-    function ye(e, r) {
+    function Ee(e, r) {
       {
@@ -558,25 +558,25 @@ if (!e._store || e._store.validated || e.key != null)
         var t = er(r);
-        if (he[t])
+        if (be[t])
           return;
-        he[t] = !0;
+        be[t] = !0;
         var n = "";
-        e && e._owner && e._owner !== z.current && (n = " It was passed a child from " + E(e._owner.type) + "."), j(e), d('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), j(null);
+        e && e._owner && e._owner !== X.current && (n = " It was passed a child from " + E(e._owner.type) + "."), j(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), j(null);
       }
     }
-    function Ee(e, r) {
+    function Re(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (J(e))
+        if (H(e))
           for (var t = 0; t < e.length; t++) {
             var n = e[t];
-            H(n) && ye(n, r);
+            Q(n) && Ee(n, r);
           }
-        else if (H(e))
+        else if (Q(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var o = we(e);
-          if (typeof o == "function" && o !== e.entries)
-            for (var u = o.call(e), i; !(i = u.next()).done; )
-              H(i.value) && ye(i.value, r);
+          var i = B(e);
+          if (typeof i == "function" && i !== e.entries)
+            for (var u = i.call(e), o; !(o = u.next()).done; )
+              Q(o.value) && Ee(o.value, r);
         }
@@ -593,5 +593,5 @@ }
           t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === l || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === m))
+        r.$$typeof === g))
           t = r.propTypes;
@@ -602,9 +602,9 @@ else
           var n = E(r);
-          Me(t, e.props, "prop", n, e);
-        } else if (r.PropTypes !== void 0 && !K) {
-          K = !0;
-          var o = E(r);
-          d("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", o || "Unknown");
+          qe(t, e.props, "prop", n, e);
+        } else if (r.PropTypes !== void 0 && !Z) {
+          Z = !0;
+          var i = E(r);
+          c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && d("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -617,80 +617,95 @@ }
           if (n !== "children" && n !== "key") {
-            j(e), d("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), j(null);
+            j(e), c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), j(null);
             break;
           }
         }
-        e.ref !== null && (j(e), d("Invalid attribute `ref` supplied to `React.Fragment`."), j(null));
+        e.ref !== null && (j(e), c("Invalid attribute `ref` supplied to `React.Fragment`."), j(null));
       }
     }
-    function Re(e, r, t, n, o, u) {
+    function _e(e, r, t, n, i, u) {
       {
-        var i = Ae(e);
-        if (!i) {
+        var o = Ae(e);
+        if (!o) {
           var a = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var v = Qe(o);
-          v ? a += v : a += ge();
+          var v = Qe(i);
+          v ? a += v : a += he();
           var s;
-          e === null ? s = "null" : J(e) ? s = "array" : e !== void 0 && e.$$typeof === T ? (s = "<" + (E(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, d("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
+          e === null ? s = "null" : H(e) ? s = "array" : e !== void 0 && e.$$typeof === O ? (s = "<" + (E(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
         }
-        var f = Ze(e, r, t, o, u);
-        if (f == null)
-          return f;
-        if (i) {
-          var p = r.children;
-          if (p !== void 0)
+        var l = Ze(e, r, t, i, u);
+        if (l == null)
+          return l;
+        if (o) {
+          var m = r.children;
+          if (m !== void 0)
             if (n)
-              if (J(p)) {
-                for (var k = 0; k < p.length; k++)
-                  Ee(p[k], e);
-                Object.freeze && Object.freeze(p);
+              if (H(m)) {
+                for (var k = 0; k < m.length; k++)
+                  Re(m[k], e);
+                Object.freeze && Object.freeze(m);
               } else
-                d("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                c("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
-              Ee(p, e);
+              Re(m, e);
         }
-        return e === b ? tr(f) : rr(f), f;
+        return e === _ ? tr(l) : rr(l), l;
       }
     }
     function nr(e, r, t) {
-      return Re(e, r, t, !0);
+      return _e(e, r, t, !0);
     }
     function ar(e, r, t) {
-      return Re(e, r, t, !1);
+      return _e(e, r, t, !1);
     }
-    var ir = ar, or = nr;
-    $.Fragment = b, $.jsx = ir, $.jsxs = or;
-  }()), $;
+    var or = ar, ir = nr;
+    I.Fragment = _, I.jsx = or, I.jsxs = ir;
+  }()), I;
 }
-(function(g) {
-  process.env.NODE_ENV === "production" ? g.exports = sr() : g.exports = fr();
+(function(p) {
+  process.env.NODE_ENV === "production" ? p.exports = sr() : p.exports = lr();
 })(ur);
 const cr = ({
-  style: g = {},
-  className: T = "",
-  paused: D = !1,
-  pauseOnHover: b = !0,
-  direction: S = "leftToRight",
-  duration: w = 2,
-  space: O = 20,
-  repeat: y = 2,
-  children: l
+  height: p = "30px",
+  style: O = {},
+  className: D = "",
+  paused: _ = !1,
+  pauseOnHover: w = !0,
+  direction: P = "leftToRight",
+  duration: S = 2,
+  space: y = 20,
+  repeat: f = 2,
+  textColor: T = null,
+  bgColor: d = null,
+  children: g
 }) => {
-  const _ = _e(null), c = _e(null), m = {
-    ["--play"]: D ? "paused" : "running",
-    ["--duration"]: `${w}s`,
-    ["--space"]: `${O}px`,
-    ["--pause-on-hover"]: b ? "paused" : "running",
-    ...g
+  const h = Oe(null), x = Oe(null), Y = typeof p == "number" ? `${p}px` : p, U = {
+    ["--marquee-container-height"]: Y,
+    ["--marquee-text-color"]: T,
+    ["--marquee-background-color"]: d
+  }, B = {
+    ["--play"]: _ ? "paused" : "running",
+    ["--duration"]: `${S}s`,
+    ["--space"]: `${y}px`,
+    ["--pause-on-hover"]: w ? "paused" : "running",
+    ...O
   };
-  return /* @__PURE__ */ W.jsx("div", { className: `${T} react-final-marquee`, ref: _, children: /* @__PURE__ */ W.jsx("div", { className: "react-final-marquee-wrapper", "data-direction": S, children: Array.from({ length: y }, (h, P) => P).map((h) => /* @__PURE__ */ W.jsx(
+  return /* @__PURE__ */ W.jsx(
     "div",
     {
-      className: "react-final-marquee-item",
-      ref: c,
-      style: { ...m },
-      children: l
-    },
-    h
-  )) }) });
+      className: `${D} react-final-marquee`,
+      ref: h,
+      style: U,
+      children: /* @__PURE__ */ W.jsx("div", { className: "react-final-marquee-wrapper", "data-direction": P, children: Array.from({ length: f }, (b, c) => c).map((b) => /* @__PURE__ */ W.jsx(
+        "div",
+        {
+          className: "react-final-marquee-item",
+          ref: x,
+          style: B,
+          children: g
+        },
+        b
+      )) })
+    }
+  );
 };
@@ -697,0 +712,0 @@ export {

dist/react-final-marquee.umd.js

@@ -1,4 +0,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".react-final-marquee{height:100%;overflow:hidden;white-space:nowrap;position:relative}.react-final-marquee-wrapper{width:10000px;position:absolute}.react-final-marquee-wrapper[data-direction=rightToLeft]{left:0px}.react-final-marquee-wrapper[data-direction=leftToRight]{right:0px}.react-final-marquee:hover .react-final-marquee-item{animation-play-state:var(--pause-on-hover)}.react-final-marquee-item{float:left;animation-play-state:var(--play);animation-duration:var(--duration);animation-iteration-count:infinite;animation-timing-function:linear}.react-final-marquee-wrapper[data-direction=rightToLeft] .react-final-marquee-item{transform:translate(100%);padding-right:var(--space);animation-name:marqee-rightToLeft}.react-final-marquee-wrapper[data-direction=leftToRight] .react-final-marquee-item{padding-left:var(--space);animation-name:marqee-leftToRight;float:right}@keyframes marqee-rightToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marqee-leftToRight{0%{transform:translate(0)}to{transform:translate(100%)}}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-(function(y,x){typeof exports=="object"&&typeof module<"u"?module.exports=x(require("react")):typeof define=="function"&&define.amd?define(["react"],x):(y=typeof globalThis<"u"?globalThis:y||self,y.Marquee=x(y.React))})(this,function(y){"use strict";var x=document.createElement("style");x.textContent=`.react-final-marquee{height:100%;overflow:hidden;white-space:nowrap;position:relative}.react-final-marquee-wrapper{width:10000px;position:absolute}.react-final-marquee-wrapper[data-direction=rightToLeft]{left:0px}.react-final-marquee-wrapper[data-direction=leftToRight]{right:0px}.react-final-marquee:hover .react-final-marquee-item{animation-play-state:var(--pause-on-hover)}.react-final-marquee-item{float:left;animation-play-state:var(--play);animation-duration:var(--duration);animation-iteration-count:infinite;animation-timing-function:linear}.react-final-marquee-wrapper[data-direction=rightToLeft] .react-final-marquee-item{transform:translate(100%);padding-right:var(--space);animation-name:marqee-rightToLeft}.react-final-marquee-wrapper[data-direction=leftToRight] .react-final-marquee-item{padding-left:var(--space);animation-name:marqee-leftToRight;float:right}@keyframes marqee-rightToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marqee-leftToRight{0%{transform:translate(0)}to{transform:translate(100%)}}
-`,document.head.appendChild(x);var A={},Ce={get exports(){return A},set exports(h){A=h}},q={};/**
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".react-final-marquee{height:100%;overflow:hidden;white-space:nowrap;position:relative;height:var(--marquee-container-height);background-color:var(--marquee-background-color);color:var(----marquee-text-color)}.react-final-marquee-wrapper{width:10000px;position:absolute}.react-final-marquee-wrapper[data-direction=rightToLeft]{left:0px}.react-final-marquee-wrapper[data-direction=leftToRight]{right:0px}.react-final-marquee:hover .react-final-marquee-item{animation-play-state:var(--pause-on-hover)}.react-final-marquee-item{float:left;animation-play-state:var(--play);animation-duration:var(--duration);animation-iteration-count:infinite;animation-timing-function:linear}.react-final-marquee-wrapper[data-direction=rightToLeft] .react-final-marquee-item{transform:translate(100%);padding-right:var(--space);animation-name:marqee-rightToLeft}.react-final-marquee-wrapper[data-direction=leftToRight] .react-final-marquee-item{padding-left:var(--space);animation-name:marqee-leftToRight;float:right}@keyframes marqee-rightToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marqee-leftToRight{0%{transform:translate(0)}to{transform:translate(100%)}}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+(function(g,S){typeof exports=="object"&&typeof module<"u"?module.exports=S(require("react")):typeof define=="function"&&define.amd?define(["react"],S):(g=typeof globalThis<"u"?globalThis:g||self,g.Marquee=S(g.React))})(this,function(g){"use strict";var S=document.createElement("style");S.textContent=`.react-final-marquee{height:100%;overflow:hidden;white-space:nowrap;position:relative;height:var(--marquee-container-height);background-color:var(--marquee-background-color);color:var(----marquee-text-color)}.react-final-marquee-wrapper{width:10000px;position:absolute}.react-final-marquee-wrapper[data-direction=rightToLeft]{left:0px}.react-final-marquee-wrapper[data-direction=leftToRight]{right:0px}.react-final-marquee:hover .react-final-marquee-item{animation-play-state:var(--pause-on-hover)}.react-final-marquee-item{float:left;animation-play-state:var(--play);animation-duration:var(--duration);animation-iteration-count:infinite;animation-timing-function:linear}.react-final-marquee-wrapper[data-direction=rightToLeft] .react-final-marquee-item{transform:translate(100%);padding-right:var(--space);animation-name:marqee-rightToLeft}.react-final-marquee-wrapper[data-direction=leftToRight] .react-final-marquee-item{padding-left:var(--space);animation-name:marqee-leftToRight;float:right}@keyframes marqee-rightToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marqee-leftToRight{0%{transform:translate(0)}to{transform:translate(100%)}}
+`,document.head.appendChild(S);var q={},Se={get exports(){return q},set exports(p){q=p}},A={};/**
  * @license React
@@ -11,3 +11,3 @@ * react-jsx-runtime.production.min.js
  * LICENSE file in the root directory of this source tree.
- */var Q;function xe(){if(Q)return q;Q=1;var h=y,w=Symbol.for("react.element"),W=Symbol.for("react.fragment"),b=Object.prototype.hasOwnProperty,S=h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,P={key:!0,ref:!0,__self:!0,__source:!0};function O(R,l,T){var c,m={},g=null,j=null;T!==void 0&&(g=""+T),l.key!==void 0&&(g=""+l.key),l.ref!==void 0&&(j=l.ref);for(c in l)b.call(l,c)&&!P.hasOwnProperty(c)&&(m[c]=l[c]);if(R&&R.defaultProps)for(c in l=R.defaultProps,l)m[c]===void 0&&(m[c]=l[c]);return{$$typeof:w,type:R,key:g,ref:j,props:m,_owner:S.current}}return q.Fragment=W,q.jsx=O,q.jsxs=O,q}var I={};/**
+ */var te;function Pe(){if(te)return A;te=1;var p=g,x=Symbol.for("react.element"),W=Symbol.for("react.fragment"),T=Object.prototype.hasOwnProperty,P=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,j={key:!0,ref:!0,__self:!0,__source:!0};function O(y,f,w){var d,h={},R=null,k=null;w!==void 0&&(R=""+w),f.key!==void 0&&(R=""+f.key),f.ref!==void 0&&(k=f.ref);for(d in f)T.call(f,d)&&!j.hasOwnProperty(d)&&(h[d]=f[d]);if(y&&y.defaultProps)for(d in f=y.defaultProps,f)h[d]===void 0&&(h[d]=f[d]);return{$$typeof:x,type:y,key:R,ref:k,props:h,_owner:P.current}}return A.Fragment=W,A.jsx=O,A.jsxs=O,A}var I={};/**
  * @license React
@@ -20,12 +20,12 @@ * react-jsx-runtime.development.js
  * LICENSE file in the root directory of this source tree.
- */var ee;function Se(){return ee||(ee=1,process.env.NODE_ENV!=="production"&&function(){var h=y,w=Symbol.for("react.element"),W=Symbol.for("react.portal"),b=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),P=Symbol.for("react.profiler"),O=Symbol.for("react.provider"),R=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),T=Symbol.for("react.suspense"),c=Symbol.for("react.suspense_list"),m=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),j=Symbol.for("react.offscreen"),re=Symbol.iterator,Pe="@@iterator";function je(e){if(e===null||typeof e!="object")return null;var r=re&&e[re]||e[Pe];return typeof r=="function"?r:null}var k=h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function d(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),a=1;a<r;a++)t[a-1]=arguments[a];ke("error",e,t)}}function ke(e,r,t){{var a=k.ReactDebugCurrentFrame,o=a.getStackAddendum();o!==""&&(r+="%s",t=t.concat([o]));var u=t.map(function(i){return String(i)});u.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,u)}}var De=!1,Fe=!1,Ae=!1,qe=!1,Ie=!1,te;te=Symbol.for("react.module.reference");function We(e){return!!(typeof e=="string"||typeof e=="function"||e===b||e===P||Ie||e===S||e===T||e===c||qe||e===j||De||Fe||Ae||typeof e=="object"&&e!==null&&(e.$$typeof===g||e.$$typeof===m||e.$$typeof===O||e.$$typeof===R||e.$$typeof===l||e.$$typeof===te||e.getModuleId!==void 0))}function Ye(e,r,t){var a=e.displayName;if(a)return a;var o=r.displayName||r.name||"";return o!==""?t+"("+o+")":t}function ae(e){return e.displayName||"Context"}function _(e){if(e==null)return null;if(typeof e.tag=="number"&&d("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case b:return"Fragment";case W:return"Portal";case P:return"Profiler";case S:return"StrictMode";case T:return"Suspense";case c:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case R:var r=e;return ae(r)+".Consumer";case O:var t=e;return ae(t._context)+".Provider";case l:return Ye(e,e.render,"ForwardRef");case m:var a=e.displayName||null;return a!==null?a:_(e.type)||"Memo";case g:{var o=e,u=o._payload,i=o._init;try{return _(i(u))}catch{return null}}}return null}var C=Object.assign,Y=0,ne,ie,oe,ue,se,fe,le;function ce(){}ce.__reactDisabledLog=!0;function Le(){{if(Y===0){ne=console.log,ie=console.info,oe=console.warn,ue=console.error,se=console.group,fe=console.groupCollapsed,le=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ce,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}Y++}}function Ne(){{if(Y--,Y===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:C({},e,{value:ne}),info:C({},e,{value:ie}),warn:C({},e,{value:oe}),error:C({},e,{value:ue}),group:C({},e,{value:se}),groupCollapsed:C({},e,{value:fe}),groupEnd:C({},e,{value:le})})}Y<0&&d("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var B=k.ReactCurrentDispatcher,J;function N(e,r,t){{if(J===void 0)try{throw Error()}catch(o){var a=o.stack.trim().match(/\n( *(at )?)/);J=a&&a[1]||""}return`
-`+J+e}}var G=!1,$;{var $e=typeof WeakMap=="function"?WeakMap:Map;$=new $e}function de(e,r){if(!e||G)return"";{var t=$.get(e);if(t!==void 0)return t}var a;G=!0;var o=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=B.current,B.current=null,Le();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(i,[])}catch(E){a=E}Reflect.construct(e,[],i)}else{try{i.call()}catch(E){a=E}e.call(i.prototype)}}else{try{throw Error()}catch(E){a=E}e()}}catch(E){if(E&&a&&typeof E.stack=="string"){for(var n=E.stack.split(`
+ */var ae;function je(){return ae||(ae=1,process.env.NODE_ENV!=="production"&&function(){var p=g,x=Symbol.for("react.element"),W=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),P=Symbol.for("react.strict_mode"),j=Symbol.for("react.profiler"),O=Symbol.for("react.provider"),y=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),R=Symbol.for("react.lazy"),k=Symbol.for("react.offscreen"),N=Symbol.iterator,J="@@iterator";function G(e){if(e===null||typeof e!="object")return null;var r=N&&e[N]||e[J];return typeof r=="function"?r:null}var b=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function c(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),a=1;a<r;a++)t[a-1]=arguments[a];ke("error",e,t)}}function ke(e,r,t){{var a=b.ReactDebugCurrentFrame,o=a.getStackAddendum();o!==""&&(r+="%s",t=t.concat([o]));var u=t.map(function(i){return String(i)});u.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,u)}}var De=!1,Fe=!1,qe=!1,Ae=!1,Ie=!1,ne;ne=Symbol.for("react.module.reference");function We(e){return!!(typeof e=="string"||typeof e=="function"||e===T||e===j||Ie||e===P||e===w||e===d||Ae||e===k||De||Fe||qe||typeof e=="object"&&e!==null&&(e.$$typeof===R||e.$$typeof===h||e.$$typeof===O||e.$$typeof===y||e.$$typeof===f||e.$$typeof===ne||e.getModuleId!==void 0))}function Ye(e,r,t){var a=e.displayName;if(a)return a;var o=r.displayName||r.name||"";return o!==""?t+"("+o+")":t}function ie(e){return e.displayName||"Context"}function _(e){if(e==null)return null;if(typeof e.tag=="number"&&c("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case T:return"Fragment";case W:return"Portal";case j:return"Profiler";case P:return"StrictMode";case w:return"Suspense";case d:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case y:var r=e;return ie(r)+".Consumer";case O:var t=e;return ie(t._context)+".Provider";case f:return Ye(e,e.render,"ForwardRef");case h:var a=e.displayName||null;return a!==null?a:_(e.type)||"Memo";case R:{var o=e,u=o._payload,i=o._init;try{return _(i(u))}catch{return null}}}return null}var C=Object.assign,Y=0,oe,ue,se,le,fe,ce,de;function ve(){}ve.__reactDisabledLog=!0;function Le(){{if(Y===0){oe=console.log,ue=console.info,se=console.warn,le=console.error,fe=console.group,ce=console.groupCollapsed,de=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ve,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}Y++}}function Ne(){{if(Y--,Y===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:C({},e,{value:oe}),info:C({},e,{value:ue}),warn:C({},e,{value:se}),error:C({},e,{value:le}),group:C({},e,{value:fe}),groupCollapsed:C({},e,{value:ce}),groupEnd:C({},e,{value:de})})}Y<0&&c("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var z=b.ReactCurrentDispatcher,H;function $(e,r,t){{if(H===void 0)try{throw Error()}catch(o){var a=o.stack.trim().match(/\n( *(at )?)/);H=a&&a[1]||""}return`
+`+H+e}}var K=!1,M;{var $e=typeof WeakMap=="function"?WeakMap:Map;M=new $e}function pe(e,r){if(!e||K)return"";{var t=M.get(e);if(t!==void 0)return t}var a;K=!0;var o=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=z.current,z.current=null,Le();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(i,[])}catch(E){a=E}Reflect.construct(e,[],i)}else{try{i.call()}catch(E){a=E}e.call(i.prototype)}}else{try{throw Error()}catch(E){a=E}e()}}catch(E){if(E&&a&&typeof E.stack=="string"){for(var n=E.stack.split(`
 `),v=a.stack.split(`
-`),s=n.length-1,f=v.length-1;s>=1&&f>=0&&n[s]!==v[f];)f--;for(;s>=1&&f>=0;s--,f--)if(n[s]!==v[f]){if(s!==1||f!==1)do if(s--,f--,f<0||n[s]!==v[f]){var p=`
-`+n[s].replace(" at new "," at ");return e.displayName&&p.includes("<anonymous>")&&(p=p.replace("<anonymous>",e.displayName)),typeof e=="function"&&$.set(e,p),p}while(s>=1&&f>=0);break}}}finally{G=!1,B.current=u,Ne(),Error.prepareStackTrace=o}var F=e?e.displayName||e.name:"",Oe=F?N(F):"";return typeof e=="function"&&$.set(e,Oe),Oe}function Me(e,r,t){return de(e,!1)}function Ve(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function M(e,r,t){if(e==null)return"";if(typeof e=="function")return de(e,Ve(e));if(typeof e=="string")return N(e);switch(e){case T:return N("Suspense");case c:return N("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case l:return Me(e.render);case m:return M(e.type,r,t);case g:{var a=e,o=a._payload,u=a._init;try{return M(u(o),r,t)}catch{}}}return""}var V=Object.prototype.hasOwnProperty,ve={},pe=k.ReactDebugCurrentFrame;function U(e){if(e){var r=e._owner,t=M(e.type,e._source,r?r.type:null);pe.setExtraStackFrame(t)}else pe.setExtraStackFrame(null)}function Ue(e,r,t,a,o){{var u=Function.call.bind(V);for(var i in e)if(u(e,i)){var n=void 0;try{if(typeof e[i]!="function"){var v=Error((a||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw v.name="Invariant Violation",v}n=e[i](r,i,a,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(s){n=s}n&&!(n instanceof Error)&&(U(o),d("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",a||"React class",t,i,typeof n),U(null)),n instanceof Error&&!(n.message in ve)&&(ve[n.message]=!0,U(o),d("Failed %s type: %s",t,n.message),U(null))}}}var Be=Array.isArray;function z(e){return Be(e)}function Je(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function Ge(e){try{return me(e),!1}catch{return!0}}function me(e){return""+e}function he(e){if(Ge(e))return d("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Je(e)),me(e)}var L=k.ReactCurrentOwner,ze={key:!0,ref:!0,__self:!0,__source:!0},ge,ye,K;K={};function Ke(e){if(V.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function He(e){if(V.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Xe(e,r){if(typeof e.ref=="string"&&L.current&&r&&L.current.stateNode!==r){var t=_(L.current.type);K[t]||(d('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',_(L.current.type),e.ref),K[t]=!0)}}function Ze(e,r){{var t=function(){ge||(ge=!0,d("%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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function Qe(e,r){{var t=function(){ye||(ye=!0,d("%s: `ref` 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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var er=function(e,r,t,a,o,u,i){var n={$$typeof:w,type:e,key:r,ref:t,props:i,_owner:u};return n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(n,"_self",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.defineProperty(n,"_source",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n};function rr(e,r,t,a,o){{var u,i={},n=null,v=null;t!==void 0&&(he(t),n=""+t),He(r)&&(he(r.key),n=""+r.key),Ke(r)&&(v=r.ref,Xe(r,o));for(u in r)V.call(r,u)&&!ze.hasOwnProperty(u)&&(i[u]=r[u]);if(e&&e.defaultProps){var s=e.defaultProps;for(u in s)i[u]===void 0&&(i[u]=s[u])}if(n||v){var f=typeof e=="function"?e.displayName||e.name||"Unknown":e;n&&Ze(i,f),v&&Qe(i,f)}return er(e,n,v,o,a,L.current,i)}}var H=k.ReactCurrentOwner,Re=k.ReactDebugCurrentFrame;function D(e){if(e){var r=e._owner,t=M(e.type,e._source,r?r.type:null);Re.setExtraStackFrame(t)}else Re.setExtraStackFrame(null)}var X;X=!1;function Z(e){return typeof e=="object"&&e!==null&&e.$$typeof===w}function _e(){{if(H.current){var e=_(H.current.type);if(e)return`
+`),s=n.length-1,l=v.length-1;s>=1&&l>=0&&n[s]!==v[l];)l--;for(;s>=1&&l>=0;s--,l--)if(n[s]!==v[l]){if(s!==1||l!==1)do if(s--,l--,l<0||n[s]!==v[l]){var m=`
+`+n[s].replace(" at new "," at ");return e.displayName&&m.includes("<anonymous>")&&(m=m.replace("<anonymous>",e.displayName)),typeof e=="function"&&M.set(e,m),m}while(s>=1&&l>=0);break}}}finally{K=!1,z.current=u,Ne(),Error.prepareStackTrace=o}var F=e?e.displayName||e.name:"",Ce=F?$(F):"";return typeof e=="function"&&M.set(e,Ce),Ce}function Me(e,r,t){return pe(e,!1)}function Ve(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function V(e,r,t){if(e==null)return"";if(typeof e=="function")return pe(e,Ve(e));if(typeof e=="string")return $(e);switch(e){case w:return $("Suspense");case d:return $("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case f:return Me(e.render);case h:return V(e.type,r,t);case R:{var a=e,o=a._payload,u=a._init;try{return V(u(o),r,t)}catch{}}}return""}var U=Object.prototype.hasOwnProperty,me={},he=b.ReactDebugCurrentFrame;function B(e){if(e){var r=e._owner,t=V(e.type,e._source,r?r.type:null);he.setExtraStackFrame(t)}else he.setExtraStackFrame(null)}function Ue(e,r,t,a,o){{var u=Function.call.bind(U);for(var i in e)if(u(e,i)){var n=void 0;try{if(typeof e[i]!="function"){var v=Error((a||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw v.name="Invariant Violation",v}n=e[i](r,i,a,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(s){n=s}n&&!(n instanceof Error)&&(B(o),c("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",a||"React class",t,i,typeof n),B(null)),n instanceof Error&&!(n.message in me)&&(me[n.message]=!0,B(o),c("Failed %s type: %s",t,n.message),B(null))}}}var Be=Array.isArray;function X(e){return Be(e)}function Je(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function Ge(e){try{return ge(e),!1}catch{return!0}}function ge(e){return""+e}function ye(e){if(Ge(e))return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Je(e)),ge(e)}var L=b.ReactCurrentOwner,ze={key:!0,ref:!0,__self:!0,__source:!0},Re,be,Z;Z={};function He(e){if(U.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Ke(e){if(U.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Xe(e,r){if(typeof e.ref=="string"&&L.current&&r&&L.current.stateNode!==r){var t=_(L.current.type);Z[t]||(c('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',_(L.current.type),e.ref),Z[t]=!0)}}function Ze(e,r){{var t=function(){Re||(Re=!0,c("%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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function Qe(e,r){{var t=function(){be||(be=!0,c("%s: `ref` 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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var er=function(e,r,t,a,o,u,i){var n={$$typeof:x,type:e,key:r,ref:t,props:i,_owner:u};return n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(n,"_self",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.defineProperty(n,"_source",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n};function rr(e,r,t,a,o){{var u,i={},n=null,v=null;t!==void 0&&(ye(t),n=""+t),Ke(r)&&(ye(r.key),n=""+r.key),He(r)&&(v=r.ref,Xe(r,o));for(u in r)U.call(r,u)&&!ze.hasOwnProperty(u)&&(i[u]=r[u]);if(e&&e.defaultProps){var s=e.defaultProps;for(u in s)i[u]===void 0&&(i[u]=s[u])}if(n||v){var l=typeof e=="function"?e.displayName||e.name||"Unknown":e;n&&Ze(i,l),v&&Qe(i,l)}return er(e,n,v,o,a,L.current,i)}}var Q=b.ReactCurrentOwner,_e=b.ReactDebugCurrentFrame;function D(e){if(e){var r=e._owner,t=V(e.type,e._source,r?r.type:null);_e.setExtraStackFrame(t)}else _e.setExtraStackFrame(null)}var ee;ee=!1;function re(e){return typeof e=="object"&&e!==null&&e.$$typeof===x}function Ee(){{if(Q.current){var e=_(Q.current.type);if(e)return`
 
 Check the render method of \``+e+"`."}return""}}function tr(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),t=e.lineNumber;return`
 
-Check your code at `+r+":"+t+"."}return""}}var Ee={};function ar(e){{var r=_e();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
+Check your code at `+r+":"+t+"."}return""}}var Te={};function ar(e){{var r=Ee();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
 
-Check the top-level render call using <`+t+">.")}return r}}function be(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=ar(r);if(Ee[t])return;Ee[t]=!0;var a="";e&&e._owner&&e._owner!==H.current&&(a=" It was passed a child from "+_(e._owner.type)+"."),D(e),d('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,a),D(null)}}function Te(e,r){{if(typeof e!="object")return;if(z(e))for(var t=0;t<e.length;t++){var a=e[t];Z(a)&&be(a,r)}else if(Z(e))e._store&&(e._store.validated=!0);else if(e){var o=je(e);if(typeof o=="function"&&o!==e.entries)for(var u=o.call(e),i;!(i=u.next()).done;)Z(i.value)&&be(i.value,r)}}}function nr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===l||r.$$typeof===m))t=r.propTypes;else return;if(t){var a=_(r);Ue(t,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!X){X=!0;var o=_(r);d("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",o||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&d("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ir(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var a=r[t];if(a!=="children"&&a!=="key"){D(e),d("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),D(null);break}}e.ref!==null&&(D(e),d("Invalid attribute `ref` supplied to `React.Fragment`."),D(null))}}function we(e,r,t,a,o,u){{var i=We(e);if(!i){var n="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(n+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var v=tr(o);v?n+=v:n+=_e();var s;e===null?s="null":z(e)?s="array":e!==void 0&&e.$$typeof===w?(s="<"+(_(e.type)||"Unknown")+" />",n=" Did you accidentally export a JSX literal instead of a component?"):s=typeof e,d("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",s,n)}var f=rr(e,r,t,o,u);if(f==null)return f;if(i){var p=r.children;if(p!==void 0)if(a)if(z(p)){for(var F=0;F<p.length;F++)Te(p[F],e);Object.freeze&&Object.freeze(p)}else d("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 Te(p,e)}return e===b?ir(f):nr(f),f}}function or(e,r,t){return we(e,r,t,!0)}function ur(e,r,t){return we(e,r,t,!1)}var sr=ur,fr=or;I.Fragment=b,I.jsx=sr,I.jsxs=fr}()),I}(function(h){process.env.NODE_ENV==="production"?h.exports=xe():h.exports=Se()})(Ce);const lr="";return({style:h={},className:w="",paused:W=!1,pauseOnHover:b=!0,direction:S="leftToRight",duration:P=2,space:O=20,repeat:R=2,children:l})=>{const T=y.useRef(null),c=y.useRef(null),m={["--play"]:W?"paused":"running",["--duration"]:`${P}s`,["--space"]:`${O}px`,["--pause-on-hover"]:b?"paused":"running",...h};return A.jsx("div",{className:`${w} react-final-marquee`,ref:T,children:A.jsx("div",{className:"react-final-marquee-wrapper","data-direction":S,children:Array.from({length:R},(g,j)=>j).map(g=>A.jsx("div",{className:"react-final-marquee-item",ref:c,style:{...m},children:l},g))})})}});
+Check the top-level render call using <`+t+">.")}return r}}function we(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=ar(r);if(Te[t])return;Te[t]=!0;var a="";e&&e._owner&&e._owner!==Q.current&&(a=" It was passed a child from "+_(e._owner.type)+"."),D(e),c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,a),D(null)}}function xe(e,r){{if(typeof e!="object")return;if(X(e))for(var t=0;t<e.length;t++){var a=e[t];re(a)&&we(a,r)}else if(re(e))e._store&&(e._store.validated=!0);else if(e){var o=G(e);if(typeof o=="function"&&o!==e.entries)for(var u=o.call(e),i;!(i=u.next()).done;)re(i.value)&&we(i.value,r)}}}function nr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===f||r.$$typeof===h))t=r.propTypes;else return;if(t){var a=_(r);Ue(t,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!ee){ee=!0;var o=_(r);c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",o||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ir(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var a=r[t];if(a!=="children"&&a!=="key"){D(e),c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),D(null);break}}e.ref!==null&&(D(e),c("Invalid attribute `ref` supplied to `React.Fragment`."),D(null))}}function Oe(e,r,t,a,o,u){{var i=We(e);if(!i){var n="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(n+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var v=tr(o);v?n+=v:n+=Ee();var s;e===null?s="null":X(e)?s="array":e!==void 0&&e.$$typeof===x?(s="<"+(_(e.type)||"Unknown")+" />",n=" Did you accidentally export a JSX literal instead of a component?"):s=typeof e,c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",s,n)}var l=rr(e,r,t,o,u);if(l==null)return l;if(i){var m=r.children;if(m!==void 0)if(a)if(X(m)){for(var F=0;F<m.length;F++)xe(m[F],e);Object.freeze&&Object.freeze(m)}else c("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 xe(m,e)}return e===T?ir(l):nr(l),l}}function or(e,r,t){return Oe(e,r,t,!0)}function ur(e,r,t){return Oe(e,r,t,!1)}var sr=ur,lr=or;I.Fragment=T,I.jsx=sr,I.jsxs=lr}()),I}(function(p){process.env.NODE_ENV==="production"?p.exports=Pe():p.exports=je()})(Se);const fr="";return({height:p="30px",style:x={},className:W="",paused:T=!1,pauseOnHover:P=!0,direction:j="leftToRight",duration:O=2,space:y=20,repeat:f=2,textColor:w=null,bgColor:d=null,children:h})=>{const R=g.useRef(null),k=g.useRef(null),N=typeof p=="number"?`${p}px`:p,J={["--marquee-container-height"]:N,["--marquee-text-color"]:w,["--marquee-background-color"]:d},G={["--play"]:T?"paused":"running",["--duration"]:`${O}s`,["--space"]:`${y}px`,["--pause-on-hover"]:P?"paused":"running",...x};return q.jsx("div",{className:`${W} react-final-marquee`,ref:R,style:J,children:q.jsx("div",{className:"react-final-marquee-wrapper","data-direction":j,children:Array.from({length:f},(b,c)=>c).map(b=>q.jsx("div",{className:"react-final-marquee-item",ref:k,style:G,children:h},b))})})}});

package.json

@@ -9,3 +9,3 @@ {
   },
-  "version": "0.0.3",
+  "version": "0.0.4",
   "files": [
@@ -12,0 +12,0 @@ "dist",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

47327

increased by2.84%

Lines of code

846

increased by5.09%

No dependency changes