@sudobility/entertainment-components 1.1.0 → 2.0.1

package/dist/index.d.ts

@@ -3,12 +3,5 @@
  *
  * Specialized components for entertainment domain
  */
-export * from './audio-waveform';
-export * from './live-stream';
-export * from './media-playlist';
-export * from './media-uploader';
-export * from './playlist-manager';
 export * from './streaming-stats';
-export * from './video-editor';
-export * from './video-thumbnail';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,mBAAmB,CAAC"}

package/dist/index.esm.js

@@ -1,49 +1,49 @@
-import te, { useState as H, useRef as ae } from "react";
-import { cn as v } from "@sudobility/components";
-var D = { exports: {} }, T = {};
-var Z;
-function oe() {
-  if (Z) return T;
-  Z = 1;
-  var n = Symbol.for("react.transitional.element"), l = Symbol.for("react.fragment");
-  function o(d, u, f) {
-    var p = null;
-    if (f !== void 0 && (p = "" + f), u.key !== void 0 && (p = "" + u.key), "key" in u) {
-      f = {};
-      for (var m in u)
-        m !== "key" && (f[m] = u[m]);
-    } else f = u;
-    return u = f.ref, {
-      $$typeof: n,
-      type: d,
-      key: p,
-      ref: u !== void 0 ? u : null,
-      props: f
+import K from "react";
+import { cn as ee } from "@sudobility/components";
+var p = { exports: {} }, _ = {};
+var $;
+function re() {
+  if ($) return _;
+  $ = 1;
+  var l = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
+  function u(f, o, s) {
+    var d = null;
+    if (s !== void 0 && (d = "" + s), o.key !== void 0 && (d = "" + o.key), "key" in o) {
+      s = {};
+      for (var m in o)
+        m !== "key" && (s[m] = o[m]);
+    } else s = o;
+    return o = s.ref, {
+      $$typeof: l,
+      type: f,
+      key: d,
+      ref: o !== void 0 ? o : null,
+      props: s
     };
   }
-  return T.Fragment = l, T.jsx = o, T.jsxs = o, T;
+  return _.Fragment = c, _.jsx = u, _.jsxs = u, _;
 }
-var N = {};
-var Q;
-function ne() {
-  return Q || (Q = 1, process.env.NODE_ENV !== "production" && (function() {
-    function n(e) {
+var E = {};
+var I;
+function te() {
+  return I || (I = 1, process.env.NODE_ENV !== "production" && (function() {
+    function l(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === R ? null : e.displayName || e.name || null;
+        return e.$$typeof === H ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case x:
+        case v:
           return "Fragment";
-        case P:
+        case U:
           return "Profiler";
-        case $:
+        case W:
           return "StrictMode";
-        case C:
+        case z:
           return "Suspense";
-        case Y:
+        case G:
           return "SuspenseList";
-        case F:
+        case B:
           return "Activity";
       }
       if (typeof e == "object")
@@ -52,98 +52,98 @@ function ne() {
         ), e.$$typeof) {
           case M:
             return "Portal";
-          case b:
+          case J:
             return e.displayName || "Context";
-          case t:
+          case q:
             return (e._context.displayName || "Context") + ".Consumer";
-          case w:
+          case V:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case g:
-            return r = e.displayName || null, r !== null ? r : n(e.type) || "Memo";
-          case _:
+          case X:
+            return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
+          case T:
             r = e._payload, e = e._init;
             try {
-              return n(e(r));
+              return l(e(r));
             } catch {
             }
         }
       return null;
     }
-    function l(e) {
+    function c(e) {
       return "" + e;
     }
-    function o(e) {
+    function u(e) {
       try {
-        l(e);
+        c(e);
         var r = !1;
       } catch {
         r = !0;
       }
       if (r) {
         r = console;
-        var s = r.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return s.call(
+        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.",
-          i
-        ), l(e);
+          n
+        ), c(e);
       }
     }
-    function d(e) {
-      if (e === x) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === _)
+    function f(e) {
+      if (e === v) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === T)
         return "<...>";
       try {
-        var r = n(e);
+        var r = l(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function u() {
-      var e = j.A;
+    function o() {
+      var e = k.A;
       return e === null ? null : e.getOwner();
     }
-    function f() {
+    function s() {
       return Error("react-stack-top-frame");
     }
-    function p(e) {
-      if (z.call(e, "key")) {
+    function d(e) {
+      if (P.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
     function m(e, r) {
-      function s() {
-        q || (q = !0, console.error(
+      function t() {
+        h || (h = !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
         ));
       }
-      s.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: s,
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
         configurable: !0
       });
     }
-    function S() {
-      var e = n(this.type);
-      return B[e] || (B[e] = !0, console.error(
+    function D() {
+      var e = l(this.type);
+      return j[e] || (j[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 L(e, r, s, i, U, W) {
-      var c = s.ref;
+    function L(e, r, t, n, R, g) {
+      var a = t.ref;
       return e = {
-        $$typeof: O,
+        $$typeof: x,
         type: e,
         key: r,
-        props: s,
-        _owner: i
-      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
+        props: t,
+        _owner: n
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: S
+        get: D
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -158,410 +158,128 @@ function ne() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: R
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: W
+        value: g
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function h(e, r, s, i, U, W) {
-      var c = r.children;
-      if (c !== void 0)
-        if (i)
-          if (ee(c)) {
-            for (i = 0; i < c.length; i++)
-              E(c[i]);
-            Object.freeze && Object.freeze(c);
+    function y(e, r, t, n, R, g) {
+      var a = r.children;
+      if (a !== void 0)
+        if (n)
+          if (Z(a)) {
+            for (n = 0; n < a.length; n++)
+              A(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 E(c);
-      if (z.call(r, "key")) {
-        c = n(e);
-        var k = Object.keys(r).filter(function(re) {
-          return re !== "key";
+        else A(a);
+      if (P.call(r, "key")) {
+        a = l(e);
+        var i = Object.keys(r).filter(function(Q) {
+          return Q !== "key";
         });
-        i = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", X[c + i] || (k = 0 < k.length ? "{" + k.join(": ..., ") + ": ...}" : "{}", console.error(
+        n = 0 < i.length ? "{key: someKey, " + i.join(": ..., ") + ": ...}" : "{key: someKey}", Y[a + n] || (i = 0 < i.length ? "{" + i.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
+          n,
+          a,
           i,
-          c,
-          k,
-          c
-        ), X[c + i] = !0);
+          a
+        ), Y[a + n] = !0);
       }
-      if (c = null, s !== void 0 && (o(s), c = "" + s), p(r) && (o(r.key), c = "" + r.key), "key" in r) {
-        s = {};
-        for (var V in r)
-          V !== "key" && (s[V] = r[V]);
-      } else s = r;
-      return c && m(
-        s,
+      if (a = null, t !== void 0 && (u(t), a = "" + t), d(r) && (u(r.key), a = "" + r.key), "key" in r) {
+        t = {};
+        for (var O in r)
+          O !== "key" && (t[O] = r[O]);
+      } else t = r;
+      return a && m(
+        t,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), L(
         e,
-        c,
-        s,
-        u(),
-        U,
-        W
+        a,
+        t,
+        o(),
+        R,
+        g
       );
     }
-    function E(e) {
-      A(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === _ && (e._payload.status === "fulfilled" ? A(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
-    }
     function A(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === O;
+      w(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? w(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function w(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === x;
     }
-    var y = te, O = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), t = Symbol.for("react.consumer"), b = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), Y = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), R = Symbol.for("react.client.reference"), j = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, ee = Array.isArray, I = console.createTask ? console.createTask : function() {
+    var b = K, x = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), q = Symbol.for("react.consumer"), J = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), k = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, P = Object.prototype.hasOwnProperty, Z = Array.isArray, S = console.createTask ? console.createTask : function() {
       return null;
     };
-    y = {
+    b = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var q, B = {}, J = y.react_stack_bottom_frame.bind(
-      y,
-      f
-    )(), G = I(d(f)), X = {};
-    N.Fragment = x, N.jsx = function(e, r, s) {
-      var i = 1e4 > j.recentlyCreatedOwnerStacks++;
-      return h(
+    var h, j = {}, N = b.react_stack_bottom_frame.bind(
+      b,
+      s
+    )(), C = S(f(s)), Y = {};
+    E.Fragment = v, E.jsx = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return y(
         e,
         r,
-        s,
+        t,
         !1,
-        i ? Error("react-stack-top-frame") : J,
-        i ? I(d(e)) : G
+        n ? Error("react-stack-top-frame") : N,
+        n ? S(f(e)) : C
       );
-    }, N.jsxs = function(e, r, s) {
-      var i = 1e4 > j.recentlyCreatedOwnerStacks++;
-      return h(
+    }, E.jsxs = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return y(
         e,
         r,
-        s,
+        t,
         !0,
-        i ? Error("react-stack-top-frame") : J,
-        i ? I(d(e)) : G
+        n ? Error("react-stack-top-frame") : N,
+        n ? S(f(e)) : C
       );
     };
-  })()), N;
+  })()), E;
 }
-var K;
-function se() {
-  return K || (K = 1, process.env.NODE_ENV === "production" ? D.exports = oe() : D.exports = ne()), D.exports;
+var F;
+function ne() {
+  return F || (F = 1, process.env.NODE_ENV === "production" ? p.exports = re() : p.exports = te()), p.exports;
 }
-var a = se();
-const ce = ({
-  className: n,
-  children: l,
-  disabled: o = !1,
-  onClick: d
-}) => /* @__PURE__ */ a.jsx(
-  "div",
-  {
-    className: v(
-      "p-4 rounded-lg border transition-colors",
-      "bg-white dark:bg-gray-900",
-      "border-gray-200 dark:border-gray-700",
-      "text-gray-900 dark:text-white",
-      o && "opacity-50 cursor-not-allowed",
-      "hover:bg-gray-50 dark:hover:bg-gray-800",
-      n
-    ),
-    onClick: o ? void 0 : d,
-    role: "region",
-    "aria-label": "UaudioUwaveform",
-    children: l || "UaudioUwaveform Component"
-  }
-), ue = ({
-  className: n,
-  children: l,
-  disabled: o
-}) => /* @__PURE__ */ a.jsx(
-  "div",
-  {
-    className: v(
-      "p-4 rounded-lg border transition-colors",
-      "bg-white dark:bg-gray-900",
-      "border-gray-200 dark:border-gray-700",
-      "text-gray-900 dark:text-white",
-      o && "opacity-50 cursor-not-allowed",
-      n
-    ),
-    role: "region",
-    "aria-label": "LiveStream",
-    children: l || "LiveStream Component"
-  }
-), de = ({
-  className: n,
-  children: l,
-  disabled: o = !1,
-  onClick: d
-}) => /* @__PURE__ */ a.jsx(
+var ae = ne();
+const le = ({
+  className: l,
+  children: c,
+  disabled: u
+}) => /* @__PURE__ */ ae.jsx(
   "div",
   {
-    className: v(
+    className: ee(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
       "text-gray-900 dark:text-white",
-      o && "opacity-50 cursor-not-allowed",
-      "hover:bg-gray-50 dark:hover:bg-gray-800",
-      n
-    ),
-    onClick: o ? void 0 : d,
-    role: "region",
-    "aria-label": "UmediaUplaylist",
-    children: l || "UmediaUplaylist Component"
-  }
-), fe = ({
-  accept: n = ["image/*", "video/*", "audio/*"],
-  maxSize: l = 50 * 1024 * 1024,
-  // 50MB default
-  maxFiles: o = 10,
-  multiple: d = !0,
-  onUpload: u,
-  onRemove: f,
-  className: p
-}) => {
-  const [m, S] = H([]), [L, h] = H(!1), E = ae(null), A = (t) => {
-    t.preventDefault(), h(!0);
-  }, y = (t) => {
-    t.preventDefault(), h(!1);
-  }, O = (t) => {
-    t.preventDefault(), h(!1);
-    const b = Array.from(t.dataTransfer.files);
-    x(b);
-  }, M = (t) => {
-    if (t.target.files) {
-      const b = Array.from(t.target.files);
-      x(b);
-    }
-  }, x = (t) => {
-    const b = t.filter((g) => {
-      const _ = n.some((R) => {
-        if (R.endsWith("/*")) {
-          const j = R.split("/")[0];
-          return g.type.startsWith(j);
-        }
-        return g.type === R;
-      }), F = g.size <= l;
-      return _ && F;
-    }), w = o - m.length, C = b.slice(0, w), Y = C.map((g) => ({
-      id: `${Date.now()}-${Math.random()}`,
-      file: g,
-      preview: g.type.startsWith("image/") ? URL.createObjectURL(g) : void 0,
-      status: "pending"
-    }));
-    S((g) => [...g, ...Y]), u && u(C);
-  }, $ = (t) => {
-    S((b) => b.filter((w) => w.id !== t)), f && f(t);
-  }, P = (t) => t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`;
-  return /* @__PURE__ */ a.jsxs("div", { className: v("space-y-4", p), children: [
-    /* @__PURE__ */ a.jsxs(
-      "div",
-      {
-        onDragEnter: A,
-        onDragOver: (t) => t.preventDefault(),
-        onDragLeave: y,
-        onDrop: O,
-        onClick: () => E.current?.click(),
-        className: v(
-          "border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors",
-          L ? "border-blue-500 bg-blue-50 dark:bg-blue-900/20" : "border-gray-300 dark:border-gray-700 hover:border-gray-400 dark:hover:border-gray-600"
-        ),
-        children: [
-          /* @__PURE__ */ a.jsx(
-            "svg",
-            {
-              className: "w-12 h-12 mx-auto mb-4 text-gray-400 dark:text-gray-600",
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ a.jsx(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ a.jsx("p", { className: "text-gray-700 dark:text-gray-300 mb-2", children: "Drag and drop files here, or click to browse" }),
-          /* @__PURE__ */ a.jsxs("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
-            "Max ",
-            o,
-            " files, ",
-            P(l),
-            " each"
-          ] }),
-          /* @__PURE__ */ a.jsx(
-            "input",
-            {
-              ref: E,
-              type: "file",
-              multiple: d,
-              accept: n.join(","),
-              onChange: M,
-              className: "hidden"
-            }
-          )
-        ]
-      }
-    ),
-    m.length > 0 && /* @__PURE__ */ a.jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: m.map((t) => /* @__PURE__ */ a.jsxs(
-      "div",
-      {
-        className: "relative aspect-square rounded-lg overflow-hidden bg-gray-100 dark:bg-gray-800",
-        children: [
-          t.preview ? /* @__PURE__ */ a.jsx(
-            "img",
-            {
-              src: t.preview,
-              alt: t.file.name,
-              className: "w-full h-full object-cover"
-            }
-          ) : /* @__PURE__ */ a.jsx("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ a.jsx(
-            "svg",
-            {
-              className: "w-12 h-12 text-gray-400",
-              fill: "currentColor",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ a.jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm4 18H6V4h7v5h5v11z" })
-            }
-          ) }),
-          /* @__PURE__ */ a.jsx(
-            "button",
-            {
-              onClick: () => $(t.id),
-              className: "absolute top-2 right-2 w-6 h-6 rounded-full bg-red-500 text-white flex items-center justify-center hover:bg-red-600 transition-colors",
-              children: /* @__PURE__ */ a.jsx(
-                "svg",
-                {
-                  className: "w-4 h-4",
-                  fill: "none",
-                  stroke: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ a.jsx(
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      strokeWidth: 2,
-                      d: "M6 18L18 6M6 6l12 12"
-                    }
-                  )
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ a.jsxs("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-2", children: [
-            /* @__PURE__ */ a.jsx("p", { className: "truncate", children: t.file.name }),
-            /* @__PURE__ */ a.jsx("p", { className: "text-gray-300", children: P(t.file.size) })
-          ] })
-        ]
-      },
-      t.id
-    )) })
-  ] });
-}, ge = ({
-  className: n,
-  children: l,
-  disabled: o
-}) => /* @__PURE__ */ a.jsx(
-  "div",
-  {
-    className: v(
-      "p-4 rounded-lg border transition-colors",
-      "bg-white dark:bg-gray-900",
-      "border-gray-200 dark:border-gray-700",
-      "text-gray-900 dark:text-white",
-      o && "opacity-50 cursor-not-allowed",
-      n
-    ),
-    role: "region",
-    "aria-label": "PlaylistManager",
-    children: l || "PlaylistManager Component"
-  }
-), me = ({
-  className: n,
-  children: l,
-  disabled: o
-}) => /* @__PURE__ */ a.jsx(
-  "div",
-  {
-    className: v(
-      "p-4 rounded-lg border transition-colors",
-      "bg-white dark:bg-gray-900",
-      "border-gray-200 dark:border-gray-700",
-      "text-gray-900 dark:text-white",
-      o && "opacity-50 cursor-not-allowed",
-      n
+      u && "opacity-50 cursor-not-allowed",
+      l
     ),
     role: "region",
     "aria-label": "StreamingStats",
-    children: l || "StreamingStats Component"
-  }
-), be = ({
-  className: n,
-  children: l,
-  disabled: o
-}) => /* @__PURE__ */ a.jsx(
-  "div",
-  {
-    className: v(
-      "p-4 rounded-lg border transition-colors",
-      "bg-white dark:bg-gray-900",
-      "border-gray-200 dark:border-gray-700",
-      "text-gray-900 dark:text-white",
-      o && "opacity-50 cursor-not-allowed",
-      n
-    ),
-    role: "region",
-    "aria-label": "VideoEditor",
-    children: l || "VideoEditor Component"
-  }
-), ve = ({
-  className: n,
-  children: l,
-  disabled: o = !1,
-  onClick: d
-}) => /* @__PURE__ */ a.jsx(
-  "div",
-  {
-    className: v(
-      "p-4 rounded-lg border transition-colors",
-      "bg-white dark:bg-gray-900",
-      "border-gray-200 dark:border-gray-700",
-      "text-gray-900 dark:text-white",
-      o && "opacity-50 cursor-not-allowed",
-      "hover:bg-gray-50 dark:hover:bg-gray-800",
-      n
-    ),
-    onClick: o ? void 0 : d,
-    role: "region",
-    "aria-label": "UvideoUthumbnail",
-    children: l || "UvideoUthumbnail Component"
+    children: c || "StreamingStats Component"
   }
 );
 export {
-  ue as LiveStream,
-  fe as MediaUploader,
-  ge as PlaylistManager,
-  me as StreamingStats,
-  ce as UaudioUwaveform,
-  de as UmediaUplaylist,
-  ve as UvideoUthumbnail,
-  be as VideoEditor
+  le as StreamingStats
 };

package/dist/index.umd.js

@@ -1,6 +1,6 @@
-(function(d,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("react"),require("@sudobility/components")):typeof define=="function"&&define.amd?define(["exports","react","@sudobility/components"],p):(d=typeof globalThis<"u"?globalThis:d||self,p(d.Components={},d.React,d.components))})(this,(function(d,p,b){"use strict";var A={exports:{}},_={};var J;function re(){if(J)return _;J=1;var n=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function o(f,u,g){var y=null;if(g!==void 0&&(y=""+g),u.key!==void 0&&(y=""+u.key),"key"in u){g={};for(var v in u)v!=="key"&&(g[v]=u[v])}else g=u;return u=g.ref,{$$typeof:n,type:f,key:y,ref:u!==void 0?u:null,props:g}}return _.Fragment=i,_.jsx=o,_.jsxs=o,_}var R={};var q;function te(){return q||(q=1,process.env.NODE_ENV!=="production"&&(function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===N?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case E:return"Fragment";case D:return"Profiler";case I:return"StrictMode";case M:return"Suspense";case V:return"SuspenseList";case W: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 F:return"Portal";case h:return e.displayName||"Context";case t:return(e._context.displayName||"Context")+".Consumer";case T:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case m:return r=e.displayName||null,r!==null?r:n(e.type)||"Memo";case S:r=e._payload,e=e._init;try{return n(e(r))}catch{}}return null}function i(e){return""+e}function o(e){try{i(e);var r=!1}catch{r=!0}if(r){r=console;var s=r.error,l=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return s.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",l),i(e)}}function f(e){if(e===E)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===S)return"<...>";try{var r=n(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function u(){var e=O.A;return e===null?null:e.getOwner()}function g(){return Error("react-stack-top-frame")}function y(e){if(X.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function v(e,r){function s(){H||(H=!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))}s.isReactWarning=!0,Object.defineProperty(e,"key",{get:s,configurable:!0})}function P(){var e=n(this.type);return Z[e]||(Z[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,s,l,L,z){var c=s.ref;return e={$$typeof:U,type:e,key:r,props:s,_owner:l},(c!==void 0?c:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:P}):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:L}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:z}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function k(e,r,s,l,L,z){var c=r.children;if(c!==void 0)if(l)if(fe(c)){for(l=0;l<c.length;l++)j(c[l]);Object.freeze&&Object.freeze(c)}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 j(c);if(X.call(r,"key")){c=n(e);var w=Object.keys(r).filter(function(ge){return ge!=="key"});l=0<w.length?"{key: someKey, "+w.join(": ..., ")+": ...}":"{key: someKey}",ee[c+l]||(w=0<w.length?"{"+w.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+(function(l,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react"),require("@sudobility/components")):typeof define=="function"&&define.amd?define(["exports","react","@sudobility/components"],d):(l=typeof globalThis<"u"?globalThis:l||self,d(l.Components={},l.React,l.components))})(this,(function(l,d,L){"use strict";var R={exports:{}},m={};var w;function W(){if(w)return m;w=1;var u=Symbol.for("react.transitional.element"),c=Symbol.for("react.fragment");function i(E,o,s){var b=null;if(s!==void 0&&(b=""+s),o.key!==void 0&&(b=""+o.key),"key"in o){s={};for(var p in o)p!=="key"&&(s[p]=o[p])}else s=o;return o=s.ref,{$$typeof:u,type:E,key:b,ref:o!==void 0?o:null,props:s}}return m.Fragment=c,m.jsx=i,m.jsxs=i,m}var _={};var x;function U(){return x||(x=1,process.env.NODE_ENV!=="production"&&(function(){function u(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ae?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case k:return"Fragment";case H:return"Profiler";case B:return"StrictMode";case ee:return"Suspense";case re:return"SuspenseList";case ne: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 X:return"Portal";case Q:return e.displayName||"Context";case Z:return(e._context.displayName||"Context")+".Consumer";case K:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case te:return r=e.displayName||null,r!==null?r:u(e.type)||"Memo";case S:r=e._payload,e=e._init;try{return u(e(r))}catch{}}return null}function c(e){return""+e}function i(e){try{c(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),c(e)}}function E(e){if(e===k)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===S)return"<...>";try{var r=u(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function o(){var e=y.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function b(e){if(Y.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function p(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 z(){var e=u(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 G(e,r,t,n,T,O){var a=t.ref;return e={$$typeof:C,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:z}):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:T}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function h(e,r,t,n,T,O){var a=r.children;if(a!==void 0)if(n)if(oe(a)){for(n=0;n<a.length;n++)j(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 j(a);if(Y.call(r,"key")){a=u(e);var f=Object.keys(r).filter(function(se){return se!=="key"});n=0<f.length?"{key: someKey, "+f.join(": ..., ")+": ...}":"{key: someKey}",M[a+n]||(f=0<f.length?"{"+f.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} />`,l,c,w,c),ee[c+l]=!0)}if(c=null,s!==void 0&&(o(s),c=""+s),y(r)&&(o(r.key),c=""+r.key),"key"in r){s={};for(var B in r)B!=="key"&&(s[B]=r[B])}else s=r;return c&&v(s,typeof e=="function"?e.displayName||e.name||"Unknown":e),Y(e,c,s,u(),L,z)}function j(e){C(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===S&&(e._payload.status==="fulfilled"?C(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function C(e){return typeof e=="object"&&e!==null&&e.$$typeof===U}var x=p,U=Symbol.for("react.transitional.element"),F=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),I=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),t=Symbol.for("react.consumer"),h=Symbol.for("react.context"),T=Symbol.for("react.forward_ref"),M=Symbol.for("react.suspense"),V=Symbol.for("react.suspense_list"),m=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),W=Symbol.for("react.activity"),N=Symbol.for("react.client.reference"),O=x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,X=Object.prototype.hasOwnProperty,fe=Array.isArray,$=console.createTask?console.createTask:function(){return null};x={react_stack_bottom_frame:function(e){return e()}};var H,Z={},Q=x.react_stack_bottom_frame.bind(x,g)(),K=$(f(g)),ee={};R.Fragment=E,R.jsx=function(e,r,s){var l=1e4>O.recentlyCreatedOwnerStacks++;return k(e,r,s,!1,l?Error("react-stack-top-frame"):Q,l?$(f(e)):K)},R.jsxs=function(e,r,s){var l=1e4>O.recentlyCreatedOwnerStacks++;return k(e,r,s,!0,l?Error("react-stack-top-frame"):Q,l?$(f(e)):K)}})()),R}var G;function ae(){return G||(G=1,process.env.NODE_ENV==="production"?A.exports=re():A.exports=te()),A.exports}var a=ae();const oe=({className:n,children:i,disabled:o=!1,onClick:f})=>a.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",o&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",n),onClick:o?void 0:f,role:"region","aria-label":"UaudioUwaveform",children:i||"UaudioUwaveform Component"}),ne=({className:n,children:i,disabled:o})=>a.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",o&&"opacity-50 cursor-not-allowed",n),role:"region","aria-label":"LiveStream",children:i||"LiveStream Component"}),se=({className:n,children:i,disabled:o=!1,onClick:f})=>a.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",o&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",n),onClick:o?void 0:f,role:"region","aria-label":"UmediaUplaylist",children:i||"UmediaUplaylist Component"}),ie=({accept:n=["image/*","video/*","audio/*"],maxSize:i=50*1024*1024,maxFiles:o=10,multiple:f=!0,onUpload:u,onRemove:g,className:y})=>{const[v,P]=p.useState([]),[Y,k]=p.useState(!1),j=p.useRef(null),C=t=>{t.preventDefault(),k(!0)},x=t=>{t.preventDefault(),k(!1)},U=t=>{t.preventDefault(),k(!1);const h=Array.from(t.dataTransfer.files);E(h)},F=t=>{if(t.target.files){const h=Array.from(t.target.files);E(h)}},E=t=>{const h=t.filter(m=>{const S=n.some(N=>{if(N.endsWith("/*")){const O=N.split("/")[0];return m.type.startsWith(O)}return m.type===N}),W=m.size<=i;return S&&W}),T=o-v.length,M=h.slice(0,T),V=M.map(m=>({id:`${Date.now()}-${Math.random()}`,file:m,preview:m.type.startsWith("image/")?URL.createObjectURL(m):void 0,status:"pending"}));P(m=>[...m,...V]),u&&u(M)},I=t=>{P(h=>h.filter(T=>T.id!==t)),g&&g(t)},D=t=>t<1024?`${t} B`:t<1024*1024?`${(t/1024).toFixed(1)} KB`:`${(t/(1024*1024)).toFixed(1)} MB`;return a.jsxs("div",{className:b.cn("space-y-4",y),children:[a.jsxs("div",{onDragEnter:C,onDragOver:t=>t.preventDefault(),onDragLeave:x,onDrop:U,onClick:()=>j.current?.click(),className:b.cn("border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors",Y?"border-blue-500 bg-blue-50 dark:bg-blue-900/20":"border-gray-300 dark:border-gray-700 hover:border-gray-400 dark:hover:border-gray-600"),children:[a.jsx("svg",{className:"w-12 h-12 mx-auto mb-4 text-gray-400 dark:text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"})}),a.jsx("p",{className:"text-gray-700 dark:text-gray-300 mb-2",children:"Drag and drop files here, or click to browse"}),a.jsxs("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:["Max ",o," files, ",D(i)," each"]}),a.jsx("input",{ref:j,type:"file",multiple:f,accept:n.join(","),onChange:F,className:"hidden"})]}),v.length>0&&a.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",children:v.map(t=>a.jsxs("div",{className:"relative aspect-square rounded-lg overflow-hidden bg-gray-100 dark:bg-gray-800",children:[t.preview?a.jsx("img",{src:t.preview,alt:t.file.name,className:"w-full h-full object-cover"}):a.jsx("div",{className:"w-full h-full flex items-center justify-center",children:a.jsx("svg",{className:"w-12 h-12 text-gray-400",fill:"currentColor",viewBox:"0 0 24 24",children:a.jsx("path",{d:"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm4 18H6V4h7v5h5v11z"})})}),a.jsx("button",{onClick:()=>I(t.id),className:"absolute top-2 right-2 w-6 h-6 rounded-full bg-red-500 text-white flex items-center justify-center hover:bg-red-600 transition-colors",children:a.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})}),a.jsxs("div",{className:"absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-2",children:[a.jsx("p",{className:"truncate",children:t.file.name}),a.jsx("p",{className:"text-gray-300",children:D(t.file.size)})]})]},t.id))})]})},le=({className:n,children:i,disabled:o})=>a.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",o&&"opacity-50 cursor-not-allowed",n),role:"region","aria-label":"PlaylistManager",children:i||"PlaylistManager Component"}),ce=({className:n,children:i,disabled:o})=>a.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",o&&"opacity-50 cursor-not-allowed",n),role:"region","aria-label":"StreamingStats",children:i||"StreamingStats Component"}),de=({className:n,children:i,disabled:o})=>a.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",o&&"opacity-50 cursor-not-allowed",n),role:"region","aria-label":"VideoEditor",children:i||"VideoEditor Component"}),ue=({className:n,children:i,disabled:o=!1,onClick:f})=>a.jsx("div",{className:b.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",o&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",n),onClick:o?void 0:f,role:"region","aria-label":"UvideoUthumbnail",children:i||"UvideoUthumbnail Component"});d.LiveStream=ne,d.MediaUploader=ie,d.PlaylistManager=le,d.StreamingStats=ce,d.UaudioUwaveform=oe,d.UmediaUplaylist=se,d.UvideoUthumbnail=ue,d.VideoEditor=de,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,n,a,f,a),M[a+n]=!0)}if(a=null,t!==void 0&&(i(t),a=""+t),b(r)&&(i(r.key),a=""+r.key),"key"in r){t={};for(var A in r)A!=="key"&&(t[A]=r[A])}else t=r;return a&&p(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),G(e,a,t,o(),T,O)}function j(e){N(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===S&&(e._payload.status==="fulfilled"?N(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function N(e){return typeof e=="object"&&e!==null&&e.$$typeof===C}var v=d,C=Symbol.for("react.transitional.element"),X=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),B=Symbol.for("react.strict_mode"),H=Symbol.for("react.profiler"),Z=Symbol.for("react.consumer"),Q=Symbol.for("react.context"),K=Symbol.for("react.forward_ref"),ee=Symbol.for("react.suspense"),re=Symbol.for("react.suspense_list"),te=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),ne=Symbol.for("react.activity"),ae=Symbol.for("react.client.reference"),y=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Y=Object.prototype.hasOwnProperty,oe=Array.isArray,g=console.createTask?console.createTask:function(){return null};v={react_stack_bottom_frame:function(e){return e()}};var I,$={},F=v.react_stack_bottom_frame.bind(v,s)(),D=g(E(s)),M={};_.Fragment=k,_.jsx=function(e,r,t){var n=1e4>y.recentlyCreatedOwnerStacks++;return h(e,r,t,!1,n?Error("react-stack-top-frame"):F,n?g(E(e)):D)},_.jsxs=function(e,r,t){var n=1e4>y.recentlyCreatedOwnerStacks++;return h(e,r,t,!0,n?Error("react-stack-top-frame"):F,n?g(E(e)):D)}})()),_}var P;function q(){return P||(P=1,process.env.NODE_ENV==="production"?R.exports=W():R.exports=U()),R.exports}var J=q();const V=({className:u,children:c,disabled:i})=>J.jsx("div",{className:L.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",i&&"opacity-50 cursor-not-allowed",u),role:"region","aria-label":"StreamingStats",children:c||"StreamingStats Component"});l.StreamingStats=V,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/entertainment-components",
-  "version": "1.1.0",
+  "version": "2.0.1",
   "description": "Entertainment and media UI components for React",
   "type": "module",
   "main": "dist/index.umd.js",
@@ -31,7 +31,7 @@
   "author": "John Q Huang",
   "license": "MIT",
   "peerDependencies": {
-    "@sudobility/components": "^3.0.0",
+    "@sudobility/components": "^4.0.0",
     "@sudobility/design": "^1.1.3",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"

package/dist/audio-waveform.d.ts

@@ -1,33 +0,0 @@
-/**
- * UaudioUwaveform Component
- *
- * A reusable UaudioUwaveform component with full dark mode support.
- * Optimized for accessibility and AI-assisted development.
- *
- * @component
- * @example
- * ```tsx
- * <UaudioUwaveform className="custom-class" />
- * ```
- *
- * @remarks
- * This component supports:
- * - Light and dark themes automatically
- * - Responsive design
- * - Accessibility features
- * - TypeScript type safety
- *
- * @see {@link https://docs.example.com/components/audio-waveform}
- */
-export interface UaudioUwaveformProps {
-    /** Additional CSS classes */
-    className?: string;
-    /** Component children */
-    children?: React.ReactNode;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Callback when component is interacted with */
-    onClick?: () => void;
-}
-export declare const UaudioUwaveform: ({ className, children, disabled, onClick, }: UaudioUwaveformProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=audio-waveform.d.ts.map

package/dist/audio-waveform.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"audio-waveform.d.ts","sourceRoot":"","sources":["../src/audio-waveform.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAmBtB,CAAC"}

package/dist/live-stream.d.ts

@@ -1,18 +0,0 @@
-/**
- * LiveStream Component
- *
- * Gaming component with full dark mode support.
- *
- * @component
- * @example
- * ```tsx
- * <LiveStream className="custom-class" />
- * ```
- */
-export interface LiveStreamProps {
-    className?: string;
-    children?: React.ReactNode;
-    disabled?: boolean;
-}
-export declare const LiveStream: ({ className, children, disabled, }: LiveStreamProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=live-stream.d.ts.map

package/dist/live-stream.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"live-stream.d.ts","sourceRoot":"","sources":["../src/live-stream.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,oCAIxB,eAAe,4CAiBjB,CAAC"}

package/dist/media-playlist.d.ts

@@ -1,33 +0,0 @@
-/**
- * UmediaUplaylist Component
- *
- * A reusable UmediaUplaylist component with full dark mode support.
- * Optimized for accessibility and AI-assisted development.
- *
- * @component
- * @example
- * ```tsx
- * <UmediaUplaylist className="custom-class" />
- * ```
- *
- * @remarks
- * This component supports:
- * - Light and dark themes automatically
- * - Responsive design
- * - Accessibility features
- * - TypeScript type safety
- *
- * @see {@link https://docs.example.com/components/media-playlist}
- */
-export interface UmediaUplaylistProps {
-    /** Additional CSS classes */
-    className?: string;
-    /** Component children */
-    children?: React.ReactNode;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Callback when component is interacted with */
-    onClick?: () => void;
-}
-export declare const UmediaUplaylist: ({ className, children, disabled, onClick, }: UmediaUplaylistProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=media-playlist.d.ts.map

package/dist/media-playlist.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-playlist.d.ts","sourceRoot":"","sources":["../src/media-playlist.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAmBtB,CAAC"}

package/dist/media-uploader.d.ts

@@ -1,44 +0,0 @@
-import { default as React } from 'react';
-export interface UploadedFile {
-    id: string;
-    file: File;
-    preview?: string;
-    progress?: number;
-    status: 'pending' | 'uploading' | 'success' | 'error';
-    error?: string;
-}
-export interface MediaUploaderProps {
-    /** Accepted file types */
-    accept?: string[];
-    /** Maximum file size in bytes */
-    maxSize?: number;
-    /** Maximum number of files */
-    maxFiles?: number;
-    /** Multiple file upload */
-    multiple?: boolean;
-    /** Upload handler */
-    onUpload?: (files: File[]) => void;
-    /** File remove handler */
-    onRemove?: (fileId: string) => void;
-    /** Additional className */
-    className?: string;
-}
-/**
- * MediaUploader Component
- *
- * Drag-and-drop media uploader with previews.
- * Supports images, videos, and audio files.
- *
- * @example
- * ```tsx
- * <MediaUploader
- *   accept={['image/*', 'video/*']}
- *   maxSize={10 * 1024 * 1024} // 10MB
- *   maxFiles={5}
- *   multiple
- *   onUpload={(files) => console.log('Uploading:', files)}
- * />
- * ```
- */
-export declare const MediaUploader: React.FC<MediaUploaderProps>;
-//# sourceMappingURL=media-uploader.d.ts.map

package/dist/media-uploader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-uploader.d.ts","sourceRoot":"","sources":["../src/media-uploader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+LtD,CAAC"}

package/dist/playlist-manager.d.ts

@@ -1,18 +0,0 @@
-/**
- * PlaylistManager Component
- *
- * Entertainment component with full dark mode support.
- *
- * @component
- * @example
- * ```tsx
- * <PlaylistManager className="custom-class" />
- * ```
- */
-export interface PlaylistManagerProps {
-    className?: string;
-    children?: React.ReactNode;
-    disabled?: boolean;
-}
-export declare const PlaylistManager: ({ className, children, disabled, }: PlaylistManagerProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=playlist-manager.d.ts.map

package/dist/playlist-manager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"playlist-manager.d.ts","sourceRoot":"","sources":["../src/playlist-manager.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,GAAI,oCAI7B,oBAAoB,4CAiBtB,CAAC"}

package/dist/video-editor.d.ts

@@ -1,18 +0,0 @@
-/**
- * VideoEditor Component
- *
- * Entertainment component with full dark mode support.
- *
- * @component
- * @example
- * ```tsx
- * <VideoEditor className="custom-class" />
- * ```
- */
-export interface VideoEditorProps {
-    className?: string;
-    children?: React.ReactNode;
-    disabled?: boolean;
-}
-export declare const VideoEditor: ({ className, children, disabled, }: VideoEditorProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=video-editor.d.ts.map

package/dist/video-editor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"video-editor.d.ts","sourceRoot":"","sources":["../src/video-editor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,GAAI,oCAIzB,gBAAgB,4CAiBlB,CAAC"}

package/dist/video-thumbnail.d.ts

@@ -1,33 +0,0 @@
-/**
- * UvideoUthumbnail Component
- *
- * A reusable UvideoUthumbnail component with full dark mode support.
- * Optimized for accessibility and AI-assisted development.
- *
- * @component
- * @example
- * ```tsx
- * <UvideoUthumbnail className="custom-class" />
- * ```
- *
- * @remarks
- * This component supports:
- * - Light and dark themes automatically
- * - Responsive design
- * - Accessibility features
- * - TypeScript type safety
- *
- * @see {@link https://docs.example.com/components/video-thumbnail}
- */
-export interface UvideoUthumbnailProps {
-    /** Additional CSS classes */
-    className?: string;
-    /** Component children */
-    children?: React.ReactNode;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Callback when component is interacted with */
-    onClick?: () => void;
-}
-export declare const UvideoUthumbnail: ({ className, children, disabled, onClick, }: UvideoUthumbnailProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=video-thumbnail.d.ts.map

package/dist/video-thumbnail.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"video-thumbnail.d.ts","sourceRoot":"","sources":["../src/video-thumbnail.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,GAAI,6CAK9B,qBAAqB,4CAmBvB,CAAC"}