@sudobility/entertainment-components 1.0.9

package/dist/audio-waveform.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Entertainment Components
+ *
+ * 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

@@ -0,0 +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"}

package/dist/index.esm.js

@@ -0,0 +1,567 @@
+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
+    };
+  }
+  return T.Fragment = l, T.jsx = o, T.jsxs = o, T;
+}
+var N = {};
+var Q;
+function ne() {
+  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 === R ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case x:
+          return "Fragment";
+        case P:
+          return "Profiler";
+        case $:
+          return "StrictMode";
+        case C:
+          return "Suspense";
+        case Y:
+          return "SuspenseList";
+        case F:
+          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 M:
+            return "Portal";
+          case b:
+            return e.displayName || "Context";
+          case t:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case w:
+            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 _:
+            r = e._payload, e = e._init;
+            try {
+              return n(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function l(e) {
+      return "" + e;
+    }
+    function o(e) {
+      try {
+        l(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(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          i
+        ), l(e);
+      }
+    }
+    function d(e) {
+      if (e === x) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === _)
+        return "<...>";
+      try {
+        var r = n(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function u() {
+      var e = j.A;
+      return e === null ? null : e.getOwner();
+    }
+    function f() {
+      return Error("react-stack-top-frame");
+    }
+    function p(e) {
+      if (z.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(
+          "%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 S() {
+      var e = n(this.type);
+      return B[e] || (B[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;
+      return e = {
+        $$typeof: O,
+        type: e,
+        key: r,
+        props: s,
+        _owner: i
+      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: S
+      }) : 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: U
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: W
+      }), 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);
+          } 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";
+        });
+        i = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", X[c + i] || (k = 0 < k.length ? "{" + k.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} />`,
+          i,
+          c,
+          k,
+          c
+        ), X[c + i] = !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,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), L(
+        e,
+        c,
+        s,
+        u(),
+        U,
+        W
+      );
+    }
+    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;
+    }
+    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() {
+      return null;
+    };
+    y = {
+      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(
+        e,
+        r,
+        s,
+        !1,
+        i ? Error("react-stack-top-frame") : J,
+        i ? I(d(e)) : G
+      );
+    }, N.jsxs = function(e, r, s) {
+      var i = 1e4 > j.recentlyCreatedOwnerStacks++;
+      return h(
+        e,
+        r,
+        s,
+        !0,
+        i ? Error("react-stack-top-frame") : J,
+        i ? I(d(e)) : G
+      );
+    };
+  })()), N;
+}
+var K;
+function se() {
+  return K || (K = 1, process.env.NODE_ENV === "production" ? D.exports = oe() : D.exports = ne()), D.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(
+  "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": "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
+    ),
+    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"
+  }
+);
+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
+};

package/dist/index.umd.js

@@ -0,0 +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:
+  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"})}));

package/dist/live-stream.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,33 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,44 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,18 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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/streaming-stats.d.ts

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

package/dist/streaming-stats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"streaming-stats.d.ts","sourceRoot":"","sources":["../src/streaming-stats.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,GAAI,oCAI5B,mBAAmB,4CAiBrB,CAAC"}

package/dist/video-editor.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,33 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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"}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@sudobility/entertainment-components",
+  "version": "1.0.9",
+  "description": "Entertainment and media UI components for React",
+  "type": "module",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.umd.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc && vite build",
+    "dev": "vite build --watch",
+    "type-check": "tsc --noEmit"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "entertainment",
+    "typescript"
+  ],
+  "author": "John Q Huang",
+  "license": "MIT",
+  "peerDependencies": {
+    "@sudobility/components": "^3.0.0",
+    "@sudobility/design": "^1.1.3",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@sudobility/components": "^3.0.0",
+    "@sudobility/design": "^1.1.3",
+    "@types/node": "^24.7.1",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@vitejs/plugin-react": "^5.1.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tailwind-merge": "^3.3.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.12",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}