@tuwaio/docs-ui 0.0.38 → 0.1.0

package/dist/components/CodeHighlighter.d.ts

@@ -1,10 +0,0 @@
-import * as react from 'react';
-
-interface CodeHighlighterProps {
-    children: string | string[];
-    language?: string;
-    resolvedTheme: string;
-}
-declare function CodeHighlighter({ children, language, resolvedTheme }: CodeHighlighterProps): react.JSX.Element;
-
-export { CodeHighlighter, type CodeHighlighterProps };

package/dist/components/CodeHighlighter.js

@@ -1,18 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Prism } from "react-syntax-highlighter";
-import { materialLight, materialOceanic } from "react-syntax-highlighter/dist/esm/styles/prism";
-import NoSSR from "./NoSSR";
-function CodeHighlighter({ children, language, resolvedTheme }) {
-  return /* @__PURE__ */ jsx("div", { className: "tuwadocs:border-t tuwadocs:border-[var(--tuwa-border-secondary)]", children: /* @__PURE__ */ jsx(NoSSR, { children: /* @__PURE__ */ jsx(
-    Prism,
-    {
-      language: language ?? "bash",
-      customStyle: { margin: 0, background: "transparent" },
-      style: resolvedTheme === "dark" ? materialOceanic : materialLight,
-      children: String(children).replace(/\n$/, "")
-    }
-  ) }) });
-}
-export {
-  CodeHighlighter
-};

package/dist/components/CopyIconButton.cjs

@@ -1,44 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var CopyIconButton_exports = {};
-__export(CopyIconButton_exports, {
-  CopyIconButton: () => CopyIconButton
-});
-module.exports = __toCommonJS(CopyIconButton_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_outline = require("@heroicons/react/24/outline");
-var import_nova_core = require("@tuwaio/nova-core");
-function CopyIconButton({ isCopied, onCopy }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "button",
-    {
-      onClick: onCopy,
-      type: "button",
-      className: (0, import_nova_core.cn)(
-        "tuwadocs:h-6 tuwadocs:w-6 tuwadocs:cursor-pointer tuwadocs:transition-colors",
-        isCopied ? "tuwadocs:text-[var(--tuwa-success-icon)]" : "tuwadocs:text-[var(--tuwa-text-secondary)] tuwadocs:hover:text-[var(--tuwa-text-primary)]"
-      ),
-      children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_outline.CheckCircleIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_outline.Square2StackIcon, {})
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CopyIconButton
-});

package/dist/components/CopyIconButton.d.cts

@@ -1,9 +0,0 @@
-import * as react from 'react';
-
-interface CopyIconButtonProps {
-    isCopied: boolean;
-    onCopy: () => void;
-}
-declare function CopyIconButton({ isCopied, onCopy }: CopyIconButtonProps): react.JSX.Element;
-
-export { CopyIconButton };

package/dist/components/CopyIconButton.d.ts

@@ -1,9 +0,0 @@
-import * as react from 'react';
-
-interface CopyIconButtonProps {
-    isCopied: boolean;
-    onCopy: () => void;
-}
-declare function CopyIconButton({ isCopied, onCopy }: CopyIconButtonProps): react.JSX.Element;
-
-export { CopyIconButton };

package/dist/components/CopyIconButton.js

@@ -1,20 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { CheckCircleIcon, Square2StackIcon } from "@heroicons/react/24/outline";
-import { cn } from "@tuwaio/nova-core";
-function CopyIconButton({ isCopied, onCopy }) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      onClick: onCopy,
-      type: "button",
-      className: cn(
-        "tuwadocs:h-6 tuwadocs:w-6 tuwadocs:cursor-pointer tuwadocs:transition-colors",
-        isCopied ? "tuwadocs:text-[var(--tuwa-success-icon)]" : "tuwadocs:text-[var(--tuwa-text-secondary)] tuwadocs:hover:text-[var(--tuwa-text-primary)]"
-      ),
-      children: isCopied ? /* @__PURE__ */ jsx(CheckCircleIcon, {}) : /* @__PURE__ */ jsx(Square2StackIcon, {})
-    }
-  );
-}
-export {
-  CopyIconButton
-};

package/dist/components/Features.cjs

@@ -1,42 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Features_exports = {};
-__export(Features_exports, {
-  Features: () => Features
-});
-module.exports = __toCommonJS(Features_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-function Features({ features }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:grid tuwadocs:grid-cols-1 tuwadocs:md:grid-cols-3 tuwadocs:gap-6 tuwadocs:mt-12", children: features.map((feature) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      className: "tuwadocs:p-6 tuwadocs:border tuwadocs:rounded-[var(--tuwa-rounded-corners)] tuwadocs:hover:shadow-lg tuwadocs:transition-shadow",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:text-2xl tuwadocs:mb-3", children: feature.icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "tuwadocs:text-lg tuwadocs:font-semibold tuwadocs:mb-2", children: feature.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "tuwadocs:text-[var(--tuwa-text-secondary)]", children: feature.description })
-      ]
-    },
-    feature.title
-  )) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Features
-});

package/dist/components/Features.d.cts

@@ -1,11 +0,0 @@
-import * as react from 'react';
-
-declare function Features({ features }: {
-    features: {
-        title: string;
-        icon: string;
-        description: string;
-    }[];
-}): react.JSX.Element;
-
-export { Features };

package/dist/components/Features.d.ts

@@ -1,11 +0,0 @@
-import * as react from 'react';
-
-declare function Features({ features }: {
-    features: {
-        title: string;
-        icon: string;
-        description: string;
-    }[];
-}): react.JSX.Element;
-
-export { Features };

package/dist/components/Features.js

@@ -1,18 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-function Features({ features }) {
-  return /* @__PURE__ */ jsx("div", { className: "tuwadocs:grid tuwadocs:grid-cols-1 tuwadocs:md:grid-cols-3 tuwadocs:gap-6 tuwadocs:mt-12", children: features.map((feature) => /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "tuwadocs:p-6 tuwadocs:border tuwadocs:rounded-[var(--tuwa-rounded-corners)] tuwadocs:hover:shadow-lg tuwadocs:transition-shadow",
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "tuwadocs:text-2xl tuwadocs:mb-3", children: feature.icon }),
-        /* @__PURE__ */ jsx("h3", { className: "tuwadocs:text-lg tuwadocs:font-semibold tuwadocs:mb-2", children: feature.title }),
-        /* @__PURE__ */ jsx("p", { className: "tuwadocs:text-[var(--tuwa-text-secondary)]", children: feature.description })
-      ]
-    },
-    feature.title
-  )) });
-}
-export {
-  Features
-};

package/dist/components/PackageInstallationTabs.cjs

@@ -1,64 +0,0 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var PackageInstallationTabs_exports = {};
-__export(PackageInstallationTabs_exports, {
-  PackageInstallationTabs: () => PackageInstallationTabs
-});
-module.exports = __toCommonJS(PackageInstallationTabs_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_outline = require("@heroicons/react/24/outline");
-var import_components = require("nextra/components");
-var import_CodeBlock = require("./CodeBlock");
-var import_CodeHighlighter = require("./CodeHighlighter");
-const tabsItems = [
-  {
-    title: "pnpm",
-    command: "pnpm add"
-  },
-  {
-    title: "bun",
-    command: "bun add"
-  },
-  {
-    title: "npm",
-    command: "npm install"
-  },
-  {
-    title: "yarn",
-    command: "yarn add"
-  }
-];
-function PackageInstallationTabs({
-  packagesList,
-  resolvedTheme
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:my-4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Tabs, { items: tabsItems.map((tab) => tab.title), children: tabsItems.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Tabs.Tab, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CodeBlock.CodeBlock, { title: "Terminal", titleIcons: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_outline.CommandLineIcon, {}), textToCopy: `${tab.command} ${packagesList}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_CodeHighlighter.CodeHighlighter,
-    {
-      resolvedTheme,
-      language: "bash",
-      children: `${tab.command} ${packagesList}`
-    }
-  ) }) }, tab.title)) }) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PackageInstallationTabs
-});

package/dist/components/PackageInstallationTabs.d.cts

@@ -1,8 +0,0 @@
-import * as react from 'react';
-import { CodeHighlighterProps } from './CodeHighlighter.cjs';
-
-declare function PackageInstallationTabs({ packagesList, resolvedTheme, }: {
-    packagesList: string;
-} & Pick<CodeHighlighterProps, 'resolvedTheme'>): react.JSX.Element;
-
-export { PackageInstallationTabs };

package/dist/components/PackageInstallationTabs.d.ts

@@ -1,8 +0,0 @@
-import * as react from 'react';
-import { CodeHighlighterProps } from './CodeHighlighter.js';
-
-declare function PackageInstallationTabs({ packagesList, resolvedTheme, }: {
-    packagesList: string;
-} & Pick<CodeHighlighterProps, 'resolvedTheme'>): react.JSX.Element;
-
-export { PackageInstallationTabs };

package/dist/components/PackageInstallationTabs.js

@@ -1,40 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { CommandLineIcon } from "@heroicons/react/24/outline";
-import { Tabs } from "nextra/components";
-import { CodeBlock } from "./CodeBlock";
-import { CodeHighlighter } from "./CodeHighlighter";
-const tabsItems = [
-  {
-    title: "pnpm",
-    command: "pnpm add"
-  },
-  {
-    title: "bun",
-    command: "bun add"
-  },
-  {
-    title: "npm",
-    command: "npm install"
-  },
-  {
-    title: "yarn",
-    command: "yarn add"
-  }
-];
-function PackageInstallationTabs({
-  packagesList,
-  resolvedTheme
-}) {
-  return /* @__PURE__ */ jsx("div", { className: "tuwadocs:my-4", children: /* @__PURE__ */ jsx(Tabs, { items: tabsItems.map((tab) => tab.title), children: tabsItems.map((tab) => /* @__PURE__ */ jsx(Tabs.Tab, { children: /* @__PURE__ */ jsx(CodeBlock, { title: "Terminal", titleIcons: /* @__PURE__ */ jsx(CommandLineIcon, {}), textToCopy: `${tab.command} ${packagesList}`, children: /* @__PURE__ */ jsx(
-    CodeHighlighter,
-    {
-      resolvedTheme,
-      language: "bash",
-      children: `${tab.command} ${packagesList}`
-    }
-  ) }) }, tab.title)) }) });
-}
-export {
-  PackageInstallationTabs
-};

package/dist/components/StyledLink.cjs

@@ -1,44 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var StyledLink_exports = {};
-__export(StyledLink_exports, {
-  StyledLink: () => StyledLink
-});
-module.exports = __toCommonJS(StyledLink_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_nova_core = require("@tuwaio/nova-core");
-function StyledLink({ href, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "a",
-    {
-      className: (0, import_nova_core.cn)(
-        "tuwadocs:font-medium tuwadocs:text-[var(--tuwa-text-accent)]",
-        "tuwadocs:transition-all tuwadocs:hover:underline tuwadocs:underline-offset-4"
-      ),
-      href,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      children
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  StyledLink
-});

package/dist/components/StyledLink.d.cts

@@ -1,9 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-
-declare function StyledLink({ href, children }: {
-    href: string;
-    children: ReactNode;
-}): react.JSX.Element;
-
-export { StyledLink };

package/dist/components/StyledLink.d.ts

@@ -1,9 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-
-declare function StyledLink({ href, children }: {
-    href: string;
-    children: ReactNode;
-}): react.JSX.Element;
-
-export { StyledLink };

package/dist/components/StyledLink.js

@@ -1,20 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { cn } from "@tuwaio/nova-core";
-function StyledLink({ href, children }) {
-  return /* @__PURE__ */ jsx(
-    "a",
-    {
-      className: cn(
-        "tuwadocs:font-medium tuwadocs:text-[var(--tuwa-text-accent)]",
-        "tuwadocs:transition-all tuwadocs:hover:underline tuwadocs:underline-offset-4"
-      ),
-      href,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      children
-    }
-  );
-}
-export {
-  StyledLink
-};

package/dist/components/VideoPlayer.cjs

@@ -1,103 +0,0 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var VideoPlayer_exports = {};
-__export(VideoPlayer_exports, {
-  VideoPlayer: () => VideoPlayer
-});
-module.exports = __toCommonJS(VideoPlayer_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_nova_core = require("@tuwaio/nova-core");
-const aspectMap = {
-  "aspect-square": "tuwadocs:aspect-square",
-  "aspect-video": "tuwadocs:aspect-video",
-  "aspect-[4/3]": "tuwadocs:aspect-[4/3]",
-  "aspect-[3/2]": "tuwadocs:aspect-[3/2]",
-  "aspect-[21/9]": "tuwadocs:aspect-[21/9]"
-};
-const VideoPlayer = ({
-  src,
-  poster,
-  autoplay = false,
-  muted = false,
-  loop = false,
-  controls = true,
-  className = "",
-  aspectRatio = "aspect-video",
-  onPlay,
-  onPause,
-  onEnded,
-  "aria-label": ariaLabel
-}) => {
-  const mappedAspectRatio = aspectMap[aspectRatio] || "tuwadocs:aspect-video";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      className: (0, import_nova_core.cn)(
-        // Container with aspect ratio and responsive design
-        "tuwadocs:relative tuwadocs:w-full tuwadocs:overflow-hidden tuwadocs:rounded-[var(--tuwa-rounded-corners)] tuwadocs:bg-black tuwadocs:my-4",
-        mappedAspectRatio,
-        className
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        "video",
-        {
-          src,
-          poster,
-          controls,
-          autoPlay: autoplay,
-          muted,
-          loop,
-          className: (0, import_nova_core.cn)(
-            // Video fills container completely
-            "tuwadocs:absolute tuwadocs:inset-0 tuwadocs:h-full tuwadocs:w-full tuwadocs:object-contain",
-            // Smooth transitions and focus states
-            "tuwadocs:transition-opacity tuwadocs:duration-200",
-            "tuwadocs:focus:outline-none tuwadocs:focus:ring-[length:var(--tuwa-ring-width)] tuwadocs:focus:ring-[var(--tuwa-text-accent)] tuwadocs:focus:ring-offset-[length:var(--tuwa-ring-width)] tuwadocs:focus:ring-offset-[var(--tuwa-bg-primary)]"
-          ),
-          onPlay,
-          onPause,
-          onEnded,
-          "aria-label": ariaLabel,
-          preload: "metadata",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("track", { kind: "captions" }),
-            "Your browser does not support the video tag. Please",
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "a",
-              {
-                href: src,
-                download: true,
-                className: "tuwadocs:text-[var(--tuwa-text-accent)] tuwadocs:underline tuwadocs:hover:opacity-80",
-                children: "download the video"
-              }
-            ),
-            " ",
-            "to watch it."
-          ]
-        }
-      )
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  VideoPlayer
-});

package/dist/components/VideoPlayer.d.cts

@@ -1,34 +0,0 @@
-import react__default from 'react';
-
-/**
- * Props for the VideoPlayer component.
- */
-interface VideoPlayerProps {
-    /** Path to the video file in the /public directory */
-    src: string;
-    /** Optional poster image to display before video plays */
-    poster?: string;
-    /** Whether the video should autoplay (Note: most browsers require muted for autoplay) */
-    autoplay?: boolean;
-    /** Whether the video should be muted */
-    muted?: boolean;
-    /** Whether the video should loop */
-    loop?: boolean;
-    /** Whether to show video controls */
-    controls?: boolean;
-    /** Optional CSS class name for the container */
-    className?: string;
-    /** Custom aspect ratio using Tailwind aspect-ratio classes (default: 'aspect-video' for 16:9) */
-    aspectRatio?: 'aspect-square' | 'aspect-video' | 'aspect-[4/3]' | 'aspect-[3/2]' | 'aspect-[21/9]';
-    /** Callback function called when video starts playing */
-    onPlay?: () => void;
-    /** Callback function called when video is paused */
-    onPause?: () => void;
-    /** Callback function called when video ends */
-    onEnded?: () => void;
-    /** ARIA label for accessibility */
-    'aria-label'?: string;
-}
-declare const VideoPlayer: react__default.FC<VideoPlayerProps>;
-
-export { VideoPlayer, type VideoPlayerProps };

package/dist/components/VideoPlayer.d.ts

@@ -1,34 +0,0 @@
-import react__default from 'react';
-
-/**
- * Props for the VideoPlayer component.
- */
-interface VideoPlayerProps {
-    /** Path to the video file in the /public directory */
-    src: string;
-    /** Optional poster image to display before video plays */
-    poster?: string;
-    /** Whether the video should autoplay (Note: most browsers require muted for autoplay) */
-    autoplay?: boolean;
-    /** Whether the video should be muted */
-    muted?: boolean;
-    /** Whether the video should loop */
-    loop?: boolean;
-    /** Whether to show video controls */
-    controls?: boolean;
-    /** Optional CSS class name for the container */
-    className?: string;
-    /** Custom aspect ratio using Tailwind aspect-ratio classes (default: 'aspect-video' for 16:9) */
-    aspectRatio?: 'aspect-square' | 'aspect-video' | 'aspect-[4/3]' | 'aspect-[3/2]' | 'aspect-[21/9]';
-    /** Callback function called when video starts playing */
-    onPlay?: () => void;
-    /** Callback function called when video is paused */
-    onPause?: () => void;
-    /** Callback function called when video ends */
-    onEnded?: () => void;
-    /** ARIA label for accessibility */
-    'aria-label'?: string;
-}
-declare const VideoPlayer: react__default.FC<VideoPlayerProps>;
-
-export { VideoPlayer, type VideoPlayerProps };

package/dist/components/VideoPlayer.js

@@ -1,79 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@tuwaio/nova-core";
-const aspectMap = {
-  "aspect-square": "tuwadocs:aspect-square",
-  "aspect-video": "tuwadocs:aspect-video",
-  "aspect-[4/3]": "tuwadocs:aspect-[4/3]",
-  "aspect-[3/2]": "tuwadocs:aspect-[3/2]",
-  "aspect-[21/9]": "tuwadocs:aspect-[21/9]"
-};
-const VideoPlayer = ({
-  src,
-  poster,
-  autoplay = false,
-  muted = false,
-  loop = false,
-  controls = true,
-  className = "",
-  aspectRatio = "aspect-video",
-  onPlay,
-  onPause,
-  onEnded,
-  "aria-label": ariaLabel
-}) => {
-  const mappedAspectRatio = aspectMap[aspectRatio] || "tuwadocs:aspect-video";
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        // Container with aspect ratio and responsive design
-        "tuwadocs:relative tuwadocs:w-full tuwadocs:overflow-hidden tuwadocs:rounded-[var(--tuwa-rounded-corners)] tuwadocs:bg-black tuwadocs:my-4",
-        mappedAspectRatio,
-        className
-      ),
-      children: /* @__PURE__ */ jsxs(
-        "video",
-        {
-          src,
-          poster,
-          controls,
-          autoPlay: autoplay,
-          muted,
-          loop,
-          className: cn(
-            // Video fills container completely
-            "tuwadocs:absolute tuwadocs:inset-0 tuwadocs:h-full tuwadocs:w-full tuwadocs:object-contain",
-            // Smooth transitions and focus states
-            "tuwadocs:transition-opacity tuwadocs:duration-200",
-            "tuwadocs:focus:outline-none tuwadocs:focus:ring-[length:var(--tuwa-ring-width)] tuwadocs:focus:ring-[var(--tuwa-text-accent)] tuwadocs:focus:ring-offset-[length:var(--tuwa-ring-width)] tuwadocs:focus:ring-offset-[var(--tuwa-bg-primary)]"
-          ),
-          onPlay,
-          onPause,
-          onEnded,
-          "aria-label": ariaLabel,
-          preload: "metadata",
-          children: [
-            /* @__PURE__ */ jsx("track", { kind: "captions" }),
-            "Your browser does not support the video tag. Please",
-            " ",
-            /* @__PURE__ */ jsx(
-              "a",
-              {
-                href: src,
-                download: true,
-                className: "tuwadocs:text-[var(--tuwa-text-accent)] tuwadocs:underline tuwadocs:hover:opacity-80",
-                children: "download the video"
-              }
-            ),
-            " ",
-            "to watch it."
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  VideoPlayer
-};