react-av-timeline 1.1.1 → 1.1.2

package/dist/index.js

@@ -1,5 +1,5 @@
-import te from "react";
-var k = { exports: {} }, R = {};
+import re from "react";
+var T = { exports: {} }, E = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,27 +9,27 @@ var k = { exports: {} }, R = {};
  * 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 ne() {
-  if (L) return R;
-  L = 1;
-  var n = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function u(c, i, l) {
-    var _ = null;
-    if (l !== void 0 && (_ = "" + l), i.key !== void 0 && (_ = "" + i.key), "key" in i) {
-      l = {};
-      for (var f in i)
-        f !== "key" && (l[f] = i[f]);
-    } else l = i;
-    return i = l.ref, {
-      $$typeof: n,
+var F;
+function te() {
+  if (F) return E;
+  F = 1;
+  var o = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function u(c, l, i) {
+    var m = null;
+    if (i !== void 0 && (m = "" + i), l.key !== void 0 && (m = "" + l.key), "key" in l) {
+      i = {};
+      for (var f in l)
+        f !== "key" && (i[f] = l[f]);
+    } else i = l;
+    return l = i.ref, {
+      $$typeof: o,
       type: c,
-      key: _,
-      ref: i !== void 0 ? i : null,
-      props: l
+      key: m,
+      ref: l !== void 0 ? l : null,
+      props: i
     };
   }
-  return R.Fragment = s, R.jsx = u, R.jsxs = u, R;
+  return E.Fragment = s, E.jsx = u, E.jsxs = u, E;
 }
 var v = {};
 /**
@@ -41,47 +41,47 @@ var v = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var W;
-function oe() {
-  return W || (W = 1, process.env.NODE_ENV !== "production" && (function() {
-    function n(e) {
+var L;
+function ne() {
+  return L || (L = 1, process.env.NODE_ENV !== "production" && (function() {
+    function o(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === K ? null : e.displayName || e.name || null;
+        return e.$$typeof === Q ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case O:
+        case y:
           return "Fragment";
-        case z:
-          return "Profiler";
         case J:
+          return "Profiler";
+        case q:
           return "StrictMode";
-        case B:
+        case X:
           return "Suspense";
-        case H:
+        case B:
           return "SuspenseList";
-        case Q:
+        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 q:
+          case U:
             return "Portal";
+          case z:
+            return e.displayName || "Context";
           case V:
-            return (e.displayName || "Context") + ".Provider";
-          case G:
             return (e._context.displayName || "Context") + ".Consumer";
-          case X:
+          case G:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case Z:
-            return r = e.displayName || null, r !== null ? r : n(e.type) || "Memo";
-          case C:
+          case H:
+            return r = e.displayName || null, r !== null ? r : o(e.type) || "Memo";
+          case A:
             r = e._payload, e = e._init;
             try {
-              return n(e(r));
+              return o(e(r));
             } catch {
             }
         }
@@ -99,34 +99,34 @@ function oe() {
       }
       if (r) {
         r = console;
-        var t = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        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.",
-          o
+          n
         ), s(e);
       }
     }
     function c(e) {
-      if (e === O) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === C)
+      if (e === y) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === A)
         return "<...>";
       try {
-        var r = n(e);
+        var r = o(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function i() {
-      var e = g.A;
+    function l() {
+      var e = O.A;
       return e === null ? null : e.getOwner();
     }
-    function l() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function _(e) {
-      if (Y.call(e, "key")) {
+    function m(e) {
+      if (C.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
@@ -134,7 +134,7 @@ function oe() {
     }
     function f(e, r) {
       function t() {
-        M || (M = !0, console.error(
+        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
         ));
@@ -144,22 +144,23 @@ function oe() {
         configurable: !0
       });
     }
-    function E() {
-      var e = n(this.type);
-      return D[e] || (D[e] = !0, console.error(
+    function d() {
+      var e = o(this.type);
+      return $[e] || ($[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 x(e, r, t, o, d, m, S, w) {
-      return t = m.ref, e = {
+    function w(e, r, t, n, p, S) {
+      var a = t.ref;
+      return e = {
         $$typeof: N,
         type: e,
         key: r,
-        props: m,
-        _owner: d
-      }, (t !== void 0 ? t : null) !== null ? Object.defineProperty(e, "ref", {
+        props: t,
+        _owner: n
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: E
+        get: d
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -174,138 +175,135 @@ function oe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: S
+        value: p
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: w
+        value: S
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function p(e, r, t, o, d, m, S, w) {
+    function R(e, r, t, n, p, S) {
       var a = r.children;
       if (a !== void 0)
-        if (o)
-          if (ee(a)) {
-            for (o = 0; o < a.length; o++)
-              y(a[o]);
+        if (n)
+          if (K(a)) {
+            for (n = 0; n < a.length; n++)
+              P(a[n]);
             Object.freeze && Object.freeze(a);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else y(a);
-      if (Y.call(r, "key")) {
-        a = n(e);
-        var b = Object.keys(r).filter(function(re) {
-          return re !== "key";
+        else P(a);
+      if (C.call(r, "key")) {
+        a = o(e);
+        var _ = Object.keys(r).filter(function(ee) {
+          return ee !== "key";
         });
-        o = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", F[a + o] || (b = 0 < b.length ? "{" + b.join(": ..., ") + ": ...}" : "{}", console.error(
+        n = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", I[a + n] || (_ = 0 < _.length ? "{" + _.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} />`,
-          o,
+          n,
           a,
-          b,
+          _,
           a
-        ), F[a + o] = !0);
+        ), I[a + n] = !0);
       }
-      if (a = null, t !== void 0 && (u(t), a = "" + t), _(r) && (u(r.key), a = "" + r.key), "key" in r) {
+      if (a = null, t !== void 0 && (u(t), a = "" + t), m(r) && (u(r.key), a = "" + r.key), "key" in r) {
         t = {};
-        for (var P in r)
-          P !== "key" && (t[P] = r[P]);
+        for (var j in r)
+          j !== "key" && (t[j] = r[j]);
       } else t = r;
       return a && f(
         t,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), x(
+      ), w(
         e,
         a,
-        m,
-        d,
-        i(),
         t,
-        S,
-        w
+        l(),
+        p,
+        S
       );
     }
-    function y(e) {
-      typeof e == "object" && e !== null && e.$$typeof === N && e._store && (e._store.validated = 1);
+    function P(e) {
+      x(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === A && (e._payload.status === "fulfilled" ? x(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    var T = te, N = Symbol.for("react.transitional.element"), q = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), J = Symbol.for("react.strict_mode"), z = Symbol.for("react.profiler"), G = Symbol.for("react.consumer"), V = Symbol.for("react.context"), X = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), Q = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), g = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, ee = Array.isArray, j = console.createTask ? console.createTask : function() {
+    function x(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === N;
+    }
+    var b = re, N = Symbol.for("react.transitional.element"), U = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), q = Symbol.for("react.strict_mode"), J = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), z = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), X = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), O = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, K = Array.isArray, g = console.createTask ? console.createTask : function() {
       return null;
     };
-    T = {
+    b = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var M, D = {}, $ = T.react_stack_bottom_frame.bind(
-      T,
-      l
-    )(), I = j(c(l)), F = {};
-    v.Fragment = O, v.jsx = function(e, r, t, o, d) {
-      var m = 1e4 > g.recentlyCreatedOwnerStacks++;
-      return p(
+    var Y, $ = {}, M = b.react_stack_bottom_frame.bind(
+      b,
+      i
+    )(), D = g(c(i)), I = {};
+    v.Fragment = y, v.jsx = function(e, r, t) {
+      var n = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return R(
         e,
         r,
         t,
         !1,
-        o,
-        d,
-        m ? Error("react-stack-top-frame") : $,
-        m ? j(c(e)) : I
+        n ? Error("react-stack-top-frame") : M,
+        n ? g(c(e)) : D
       );
-    }, v.jsxs = function(e, r, t, o, d) {
-      var m = 1e4 > g.recentlyCreatedOwnerStacks++;
-      return p(
+    }, v.jsxs = function(e, r, t) {
+      var n = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return R(
         e,
         r,
         t,
         !0,
-        o,
-        d,
-        m ? Error("react-stack-top-frame") : $,
-        m ? j(c(e)) : I
+        n ? Error("react-stack-top-frame") : M,
+        n ? g(c(e)) : D
       );
     };
   })()), v;
 }
-var U;
+var W;
 function ae() {
-  return U || (U = 1, process.env.NODE_ENV === "production" ? k.exports = ne() : k.exports = oe()), k.exports;
+  return W || (W = 1, process.env.NODE_ENV === "production" ? T.exports = te() : T.exports = ne()), T.exports;
 }
-var h = ae();
-const se = "_timeline_160ei_1", A = {
-  timeline: se,
+var k = ae();
+const oe = "_timeline_160ei_1", h = {
+  timeline: oe,
   "timeline-items": "_timeline-items_160ei_6",
   "timeline-item": "_timeline-item_160ei_6",
   "timeline-indicator": "_timeline-indicator_160ei_23"
 };
-function ie() {
-  var n = Math.floor(156 + Math.random() * 100), s = Math.floor(156 + Math.random() * 100), u = Math.floor(156 + Math.random() * 100);
-  return "rgb(" + n + "," + s + "," + u + ")";
+function se() {
+  var o = Math.floor(156 + Math.random() * 100), s = Math.floor(156 + Math.random() * 100), u = Math.floor(156 + Math.random() * 100);
+  return "rgb(" + o + "," + s + "," + u + ")";
 }
-function le(n, s) {
-  return s === n.length - 1 ? n[s] - n[s - 1] : n[s + 1] - n[s];
+function le(o, s) {
+  return s === o.length - 1 ? o[s] - o[s - 1] : o[s + 1] - o[s];
 }
-const ue = new Array(10).fill(0).map(ie);
-function fe({ items: n, currentTime: s, totalTime: u, scale: c = 1, indicator: i, itemStyle: l }) {
-  const _ = n.map((f) => f.time);
-  return h.jsxs("div", { className: A.timeline, children: [h.jsx("div", { className: A["timeline-indicator"], ...i }), h.jsx("div", { className: A["timeline-items"], style: {
+const ie = new Array(10).fill(0).map(se);
+function ce({ items: o, currentTime: s, totalTime: u, scale: c = 1, indicator: l, itemStyle: i }) {
+  const m = o.map((f) => f.time);
+  return k.jsxs("div", { className: h.timeline, children: [k.jsx("div", { className: h["timeline-indicator"], ...l }), k.jsx("div", { className: h["timeline-items"], style: {
     "--translate": `${c * 50 / c - s / u * c * 100}%`
-  }, children: n.map((f, E) => {
-    const p = le(_, E) / u * c * 100 + "%";
-    return h.jsx("span", { className: A["timeline-item"], style: {
-      "--bg": f.style?.background || ue[E > 10 ? E % 10 : E],
-      width: p,
-      ...l
+  }, children: o.map((f, d) => {
+    const R = le(m, d) / u * c * 100 + "%";
+    return k.jsx("span", { className: h["timeline-item"], style: {
+      "--bg": f.style?.background || ie[d > 10 ? d % 10 : d],
+      width: R,
+      ...i
     }, children: f.content });
   }) })] });
 }
 export {
-  fe as default
+  ce as default
 };

package/dist/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(b,d){typeof exports=="object"&&typeof module<"u"?module.exports=d(require("react")):typeof define=="function"&&define.amd?define(["react"],d):(b=typeof globalThis<"u"?globalThis:b||self,b.index=d(b.react))})(this,(function(b){"use strict";var d={exports:{}},p={};/**
+(function(_,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("react")):typeof define=="function"&&define.amd?define(["react"],m):(_=typeof globalThis<"u"?globalThis:_||self,_.index=m(_.react))})(this,(function(_){"use strict";var m={exports:{}},v={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var P;function J(){if(P)return p;P=1;var n=Symbol.for("react.transitional.element"),s=Symbol.for("react.fragment");function c(l,i,u){var E=null;if(u!==void 0&&(E=""+u),i.key!==void 0&&(E=""+i.key),"key"in i){u={};for(var f in i)f!=="key"&&(u[f]=i[f])}else u=i;return i=u.ref,{$$typeof:n,type:l,key:E,ref:i!==void 0?i:null,props:u}}return p.Fragment=s,p.jsx=c,p.jsxs=c,p}var T={};/**
+ */var x;function q(){if(x)return v;x=1;var o=Symbol.for("react.transitional.element"),s=Symbol.for("react.fragment");function u(c,i,l){var d=null;if(l!==void 0&&(d=""+l),i.key!==void 0&&(d=""+i.key),"key"in i){l={};for(var f in i)f!=="key"&&(l[f]=i[f])}else l=i;return i=l.ref,{$$typeof:o,type:c,key:d,ref:i!==void 0?i:null,props:l}}return v.Fragment=s,v.jsx=u,v.jsxs=u,v}var R={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var N;function z(){return N||(N=1,process.env.NODE_ENV!=="production"&&(function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ie?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case j:return"Fragment";case K:return"Profiler";case Q:return"StrictMode";case ne:return"Suspense";case oe:return"SuspenseList";case se: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 Z:return"Portal";case re:return(e.displayName||"Context")+".Provider";case ee:return(e._context.displayName||"Context")+".Consumer";case te:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ae:return r=e.displayName||null,r!==null?r:n(e.type)||"Memo";case I:r=e._payload,e=e._init;try{return n(e(r))}catch{}}return null}function s(e){return""+e}function c(e){try{s(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,o=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.",o),s(e)}}function l(e){if(e===j)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===I)return"<...>";try{var r=n(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function i(){var e=S.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function E(e){if(F.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function f(e,r){function t(){$||($=!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 R(){var e=n(this.type);return L[e]||(L[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 Y(e,r,t,o,_,m,w,x){return t=m.ref,e={$$typeof:D,type:e,key:r,props:m,_owner:_},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:R}):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:w}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:x}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function A(e,r,t,o,_,m,w,x){var a=r.children;if(a!==void 0)if(o)if(ue(a)){for(o=0;o<a.length;o++)M(a[o]);Object.freeze&&Object.freeze(a)}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 M(a);if(F.call(r,"key")){a=n(e);var v=Object.keys(r).filter(function(ce){return ce!=="key"});o=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",q[a+o]||(v=0<v.length?"{"+v.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var P;function J(){return P||(P=1,process.env.NODE_ENV!=="production"&&(function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===se?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case A:return"Fragment";case Q:return"Profiler";case Z:return"StrictMode";case te:return"Suspense";case ne:return"SuspenseList";case oe: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 H:return"Portal";case ee:return e.displayName||"Context";case K:return(e._context.displayName||"Context")+".Consumer";case re:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ae:return r=e.displayName||null,r!==null?r:o(e.type)||"Memo";case O:r=e._payload,e=e._init;try{return o(e(r))}catch{}}return null}function s(e){return""+e}function u(e){try{s(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),s(e)}}function c(e){if(e===A)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===O)return"<...>";try{var r=o(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function i(){var e=j.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function d(e){if($.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function f(e,r){function t(){I||(I=!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 E(){var e=o(this.type);return F[e]||(F[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 C(e,r,t,n,y,g){var a=t.ref;return e={$$typeof:D,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:E}):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:y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:g}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function k(e,r,t,n,y,g){var a=r.children;if(a!==void 0)if(n)if(ie(a)){for(n=0;n<a.length;n++)Y(a[n]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Y(a);if($.call(r,"key")){a=o(e);var p=Object.keys(r).filter(function(le){return le!=="key"});n=0<p.length?"{key: someKey, "+p.join(": ..., ")+": ...}":"{key: someKey}",U[a+n]||(p=0<p.length?"{"+p.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} />`,o,a,v,a),q[a+o]=!0)}if(a=null,t!==void 0&&(c(t),a=""+t),E(r)&&(c(r.key),a=""+r.key),"key"in r){t={};for(var y in r)y!=="key"&&(t[y]=r[y])}else t=r;return a&&f(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),Y(e,a,m,_,i(),t,w,x)}function M(e){typeof e=="object"&&e!==null&&e.$$typeof===D&&e._store&&(e._store.validated=1)}var O=b,D=Symbol.for("react.transitional.element"),Z=Symbol.for("react.portal"),j=Symbol.for("react.fragment"),Q=Symbol.for("react.strict_mode"),K=Symbol.for("react.profiler"),ee=Symbol.for("react.consumer"),re=Symbol.for("react.context"),te=Symbol.for("react.forward_ref"),ne=Symbol.for("react.suspense"),oe=Symbol.for("react.suspense_list"),ae=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),se=Symbol.for("react.activity"),ie=Symbol.for("react.client.reference"),S=O.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,ue=Array.isArray,g=console.createTask?console.createTask:function(){return null};O={react_stack_bottom_frame:function(e){return e()}};var $,L={},W=O.react_stack_bottom_frame.bind(O,u)(),U=g(l(u)),q={};T.Fragment=j,T.jsx=function(e,r,t,o,_){var m=1e4>S.recentlyCreatedOwnerStacks++;return A(e,r,t,!1,o,_,m?Error("react-stack-top-frame"):W,m?g(l(e)):U)},T.jsxs=function(e,r,t,o,_){var m=1e4>S.recentlyCreatedOwnerStacks++;return A(e,r,t,!0,o,_,m?Error("react-stack-top-frame"):W,m?g(l(e)):U)}})()),T}var C;function G(){return C||(C=1,process.env.NODE_ENV==="production"?d.exports=J():d.exports=z()),d.exports}var k=G();const h={timeline:"_timeline_160ei_1","timeline-items":"_timeline-items_160ei_6","timeline-item":"_timeline-item_160ei_6","timeline-indicator":"_timeline-indicator_160ei_23"};function V(){var n=Math.floor(156+Math.random()*100),s=Math.floor(156+Math.random()*100),c=Math.floor(156+Math.random()*100);return"rgb("+n+","+s+","+c+")"}function X(n,s){return s===n.length-1?n[s]-n[s-1]:n[s+1]-n[s]}const B=new Array(10).fill(0).map(V);function H({items:n,currentTime:s,totalTime:c,scale:l=1,indicator:i,itemStyle:u}){const E=n.map(f=>f.time);return k.jsxs("div",{className:h.timeline,children:[k.jsx("div",{className:h["timeline-indicator"],...i}),k.jsx("div",{className:h["timeline-items"],style:{"--translate":`${l*50/l-s/c*l*100}%`},children:n.map((f,R)=>{const A=X(E,R)/c*l*100+"%";return k.jsx("span",{className:h["timeline-item"],style:{"--bg":f.style?.background||B[R>10?R%10:R],width:A,...u},children:f.content})})})]})}return H}));
+  <%s key={someKey} {...props} />`,n,a,p,a),U[a+n]=!0)}if(a=null,t!==void 0&&(u(t),a=""+t),d(r)&&(u(r.key),a=""+r.key),"key"in r){t={};for(var w in r)w!=="key"&&(t[w]=r[w])}else t=r;return a&&f(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),C(e,a,t,i(),y,g)}function Y(e){M(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===O&&(e._payload.status==="fulfilled"?M(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function M(e){return typeof e=="object"&&e!==null&&e.$$typeof===D}var h=_,D=Symbol.for("react.transitional.element"),H=Symbol.for("react.portal"),A=Symbol.for("react.fragment"),Z=Symbol.for("react.strict_mode"),Q=Symbol.for("react.profiler"),K=Symbol.for("react.consumer"),ee=Symbol.for("react.context"),re=Symbol.for("react.forward_ref"),te=Symbol.for("react.suspense"),ne=Symbol.for("react.suspense_list"),ae=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),oe=Symbol.for("react.activity"),se=Symbol.for("react.client.reference"),j=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,$=Object.prototype.hasOwnProperty,ie=Array.isArray,S=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(e){return e()}};var I,F={},L=h.react_stack_bottom_frame.bind(h,l)(),W=S(c(l)),U={};R.Fragment=A,R.jsx=function(e,r,t){var n=1e4>j.recentlyCreatedOwnerStacks++;return k(e,r,t,!1,n?Error("react-stack-top-frame"):L,n?S(c(e)):W)},R.jsxs=function(e,r,t){var n=1e4>j.recentlyCreatedOwnerStacks++;return k(e,r,t,!0,n?Error("react-stack-top-frame"):L,n?S(c(e)):W)}})()),R}var N;function V(){return N||(N=1,process.env.NODE_ENV==="production"?m.exports=q():m.exports=J()),m.exports}var b=V();const T={timeline:"_timeline_160ei_1","timeline-items":"_timeline-items_160ei_6","timeline-item":"_timeline-item_160ei_6","timeline-indicator":"_timeline-indicator_160ei_23"};function z(){var o=Math.floor(156+Math.random()*100),s=Math.floor(156+Math.random()*100),u=Math.floor(156+Math.random()*100);return"rgb("+o+","+s+","+u+")"}function G(o,s){return s===o.length-1?o[s]-o[s-1]:o[s+1]-o[s]}const X=new Array(10).fill(0).map(z);function B({items:o,currentTime:s,totalTime:u,scale:c=1,indicator:i,itemStyle:l}){const d=o.map(f=>f.time);return b.jsxs("div",{className:T.timeline,children:[b.jsx("div",{className:T["timeline-indicator"],...i}),b.jsx("div",{className:T["timeline-items"],style:{"--translate":`${c*50/c-s/u*c*100}%`},children:o.map((f,E)=>{const k=G(d,E)/u*c*100+"%";return b.jsx("span",{className:T["timeline-item"],style:{"--bg":f.style?.background||X[E>10?E%10:E],width:k,...l},children:f.content})})})]})}return B}));

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "react-av-timeline",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "React 音视频时间线组件",
   "type": "module",
   "files": [
-    "dist"
+    "dist",
+    "image"
   ],
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",
@@ -38,6 +39,10 @@
     "url": "https://cnb.cool/arsrna/os/react-timeline/-/issues"
   },
   "homepage": "https://os.arsrna.cn/demo/nodejs/react-timeline",
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
   "devDependencies": {
     "@rollup/plugin-typescript": "^12.1.4",
     "@types/node": "^24.7.0",
@@ -46,6 +51,7 @@
     "@vitejs/plugin-react": "^5.0.4",
     "react": "^18.3.1",
     "react-dom": "^18.2.0",
+    "sass": "^1.93.2",
     "tslib": "^2.8.1",
     "typescript-plugin-css-modules": "^5.2.0",
     "vite": "^7.1.9",