@therealtinhtute/baroiplayer 1.0.5 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/index.d.ts +1 -1
  2. package/dist/package.json +1 -1
  3. package/dist/src/components/media-player-controls.js +1 -1
  4. package/dist/src/components/media-player-error.js +2 -2
  5. package/dist/src/components/media-player-error.tsx +2 -2
  6. package/dist/src/components/media-player-fullscreen.js +2 -2
  7. package/dist/src/components/media-player-fullscreen.tsx +2 -2
  8. package/dist/src/components/media-player-play.js +2 -2
  9. package/dist/src/components/media-player-play.tsx +2 -2
  10. package/dist/src/components/media-player-root.js +1 -1
  11. package/dist/src/components/media-player-seek.js +1 -1
  12. package/dist/src/components/media-player-seek.tsx +1 -1
  13. package/dist/src/components/media-player-tooltip.js +1 -1
  14. package/dist/src/components/media-player-tooltip.tsx +1 -1
  15. package/dist/src/components/media-player-volume.js +2 -2
  16. package/dist/src/components/media-player-volume.tsx +3 -3
  17. package/dist/src/components/react-player-wrapper.js +5 -5
  18. package/dist/src/components/react-player-wrapper.tsx +5 -5
  19. package/dist/src/hooks/use-touch-gestures.ts +1 -1
  20. package/package.json +1 -1
  21. package/src/components/media-player-controls.js +1 -1
  22. package/src/components/media-player-error.js +2 -2
  23. package/src/components/media-player-error.tsx +2 -2
  24. package/src/components/media-player-fullscreen.js +2 -2
  25. package/src/components/media-player-fullscreen.tsx +2 -2
  26. package/src/components/media-player-play.js +2 -2
  27. package/src/components/media-player-play.tsx +2 -2
  28. package/src/components/media-player-root.js +1 -1
  29. package/src/components/media-player-seek.js +1 -1
  30. package/src/components/media-player-seek.tsx +1 -1
  31. package/src/components/media-player-tooltip.js +1 -1
  32. package/src/components/media-player-tooltip.tsx +1 -1
  33. package/src/components/media-player-volume.js +2 -2
  34. package/src/components/media-player-volume.tsx +3 -3
  35. package/src/components/react-player-wrapper.js +5 -5
  36. package/src/components/react-player-wrapper.tsx +5 -5
  37. package/src/hooks/use-touch-gestures.ts +1 -1
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Auto-generated TypeScript declarations for @therealtinhtute/baroiplayer
3
- // Generated on 2025-10-12T09:29:27.922Z
3
+ // Generated on 2025-10-12T09:55:45.696Z
4
4
 
5
5
  import type { ReactNode, ComponentType } from 'react';
6
6
 
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@therealtinhtute/baroiplayer",
3
- "version": "1.0.5",
3
+ "version": "1.0.6",
4
4
  "type": "module",
5
5
  "main": "./index.js",
6
6
  "module": "./index.mjs",
package/dist/src/components/media-player-controls.js CHANGED
@@ -2,7 +2,7 @@
2
2
  import { jsx as _jsx } from "react/jsx-runtime";
3
3
  import React from "react";
4
4
  import { useMediaSelector } from "../context/media-context";
5
- import { useDeviceInfo, useContainerQuery } from "@rp/ui/hooks/use-mobile";
5
+ import { useDeviceInfo, useContainerQuery } from "../hooks/use-mobile";
6
6
  import { cn } from "../lib/utils";
7
7
  export function MediaPlayerControls({ children, className, asChild = false, variant, adaptiveLayout = true, ...props }) {
8
8
  const isFullscreen = useMediaSelector((state) => state.isFullscreen);
package/dist/src/components/media-player-error.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { Button } from "@rp/ui/components/button";
4
- import { AlertTriangleIcon, RefreshCcwIcon, RotateCcwIcon } from "lucide-react";
3
+ import { Button } from "../components/ui/button";
4
+ import { AlertTriangleIcon, RefreshCcwIcon, RotateCcwIcon } from "../components/ui/icons";
5
5
  import React from "react";
6
6
  import { useMediaContext, useMediaSelector } from "../context/media-context";
7
7
  import { cn } from "../lib/utils";
package/dist/src/components/media-player-error.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
 
3
- import { Button } from "@rp/ui/components/button"
4
- import { AlertTriangleIcon, RefreshCcwIcon, RotateCcwIcon } from "lucide-react"
3
+ import { Button } from "../components/ui/button"
4
+ import { AlertTriangleIcon, RefreshCcwIcon, RotateCcwIcon } from "../components/ui/icons"
5
5
  import React from "react"
6
6
  import { useMediaContext, useMediaSelector } from "../context/media-context"
7
7
  import { cn } from "../lib/utils"
package/dist/src/components/media-player-fullscreen.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx as _jsx } from "react/jsx-runtime";
3
- import { Button } from "@rp/ui/components/button";
4
- import { Maximize2Icon, Minimize2Icon } from "lucide-react";
3
+ import { Button } from "../components/ui/button";
4
+ import { Maximize2Icon, Minimize2Icon } from "../components/ui/icons";
5
5
  import React from "react";
6
6
  import { MediaActionTypes, useMediaContext, useMediaDispatch, useMediaSelector } from "../context/media-context";
7
7
  import { MediaPlayerTooltip } from "./media-player-tooltip";
package/dist/src/components/media-player-fullscreen.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
 
3
- import { Button } from "@rp/ui/components/button"
4
- import { Maximize2Icon, Minimize2Icon } from "lucide-react"
3
+ import { Button } from "../components/ui/button"
4
+ import { Maximize2Icon, Minimize2Icon } from "../components/ui/icons"
5
5
  import React from "react"
6
6
  import {
7
7
  MediaActionTypes,
package/dist/src/components/media-player-play.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx as _jsx } from "react/jsx-runtime";
3
- import { Button } from "@rp/ui/components/button";
4
- import { PauseIcon, PlayIcon } from "lucide-react";
3
+ import { Button } from "../components/ui/button";
4
+ import { PauseIcon, PlayIcon } from "../components/ui/icons";
5
5
  import React from "react";
6
6
  import { MediaActionTypes, useMediaContext, useMediaDispatch, useMediaSelector } from "../context/media-context";
7
7
  import { MediaPlayerTooltip } from "./media-player-tooltip";
package/dist/src/components/media-player-play.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
 
3
- import { Button } from "@rp/ui/components/button"
4
- import { PauseIcon, PlayIcon } from "lucide-react"
3
+ import { Button } from "../components/ui/button"
4
+ import { PauseIcon, PlayIcon } from "../components/ui/icons"
5
5
  import React from "react"
6
6
  import {
7
7
  MediaActionTypes,
package/dist/src/components/media-player-root.js CHANGED
@@ -4,7 +4,7 @@ import React from "react";
4
4
  import { MediaActionTypes, useMediaContext, useMediaDispatch, useMediaSelector } from "../context/media-context";
5
5
  import { MediaProvider } from "../context/media-provider";
6
6
  import { useMediaGestures } from "../hooks/use-touch-gestures";
7
- import { useMobileOptimizations, useDeviceInfo } from "@rp/ui/hooks/use-mobile";
7
+ import { useMobileOptimizations, useDeviceInfo } from "../hooks/use-mobile";
8
8
  import { cn } from "../lib/utils";
9
9
  // Utility function to compose refs
10
10
  function composeRefs(...refs) {
package/dist/src/components/media-player-seek.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
- import { Slider } from "@rp/ui/components/slider";
3
+ import { Slider } from "../components/ui/slider";
4
4
  import React from "react";
5
5
  import { MediaActionTypes, useMediaContext, useMediaDispatch, useMediaSelector } from "../context/media-context";
6
6
  import { formatTime } from "../lib/format-time";
package/dist/src/components/media-player-seek.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
 
3
- import { Slider } from "@rp/ui/components/slider"
3
+ import { Slider } from "../components/ui/slider"
4
4
  import React from "react"
5
5
  import {
6
6
  MediaActionTypes,
package/dist/src/components/media-player-tooltip.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { Tooltip, TooltipContent, TooltipTrigger } from "@rp/ui/components/tooltip";
3
+ import { Tooltip, TooltipContent, TooltipTrigger } from "../components/ui/tooltip";
4
4
  import { useMediaContext } from "../context/media-context";
5
5
  export function MediaPlayerTooltip({ children, tooltip, shortcut, delayDuration, sideOffset }) {
6
6
  const context = useMediaContext();
package/dist/src/components/media-player-tooltip.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
 
3
- import { Tooltip, TooltipContent, TooltipTrigger } from "@rp/ui/components/tooltip"
3
+ import { Tooltip, TooltipContent, TooltipTrigger } from "../components/ui/tooltip"
4
4
  import React from "react"
5
5
  import { useMediaContext } from "../context/media-context"
6
6
 
package/dist/src/components/media-player-volume.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { Button } from "@rp/ui/components/button";
4
- import { Slider } from "@rp/ui/components/slider";
3
+ import { Button } from "../components/ui/button";
4
+ import { Slider } from "../components/ui/slider";
5
5
  import { Volume1Icon, Volume2Icon, VolumeXIcon } from "lucide-react";
6
6
  import React from "react";
7
7
  import { MediaActionTypes, useMediaContext, useMediaDispatch, useMediaSelector } from "../context/media-context";
package/dist/src/components/media-player-volume.tsx CHANGED
@@ -1,8 +1,8 @@
1
1
  "use client"
2
2
 
3
- import { Button } from "@rp/ui/components/button"
4
- import { Slider } from "@rp/ui/components/slider"
5
- import { Volume1Icon, Volume2Icon, VolumeXIcon } from "lucide-react"
3
+ import { Button } from "../components/ui/button"
4
+ import { Slider } from "../components/ui/slider"
5
+ import { Volume1Icon, Volume2Icon, VolumeXIcon } from "../components/ui/icons"
6
6
  import React from "react"
7
7
  import {
8
8
  MediaActionTypes,
package/dist/src/components/react-player-wrapper.js CHANGED
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import "../styles/pixel-art.css";
4
- import { Button } from "@rp/ui";
5
- import { DownloadIcon, ExitFullscreenIcon, Forward10Icon, FullscreenIcon, LoadingIcon, MuteIcon, PauseIcon, PictureInPictureIcon, PlayIcon, QualityIcon, Rewind10Icon, ShareIcon, SpeedIcon, SubtitlesIcon, VolumeIcon } from "@rp/ui";
6
- import { Slider } from "@rp/ui";
7
- import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "@rp/ui";
8
- import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@rp/ui";
4
+ import { Button } from "../components/ui/button";
5
+ import { DownloadIcon, ExitFullscreenIcon, Forward10Icon, FullscreenIcon, LoadingIcon, MuteIcon, PauseIcon, PictureInPictureIcon, PlayIcon, QualityIcon, Rewind10Icon, ShareIcon, SpeedIcon, SubtitlesIcon, VolumeIcon } from "../components/ui/icons";
6
+ import { Slider } from "../components/ui/slider";
7
+ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "../components/ui/dropdown-menu";
8
+ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../components/ui/tooltip";
9
9
  import { useState, useRef, useEffect, Suspense, lazy } from "react";
10
10
  // Dynamic import for lazy loading
11
11
  const ReactPlayer = lazy(() => import("react-player"));
package/dist/src/components/react-player-wrapper.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
 
3
3
  import "../styles/pixel-art.css"
4
- import { Button } from "@rp/ui"
4
+ import { Button } from "../components/ui/button"
5
5
  import {
6
6
  DownloadIcon,
7
7
  ExitFullscreenIcon,
@@ -21,8 +21,8 @@ import {
21
21
  SpeedIcon,
22
22
  SubtitlesIcon,
23
23
  VolumeIcon
24
- } from "@rp/ui"
25
- import { Slider } from "@rp/ui"
24
+ } from "../components/ui/icons"
25
+ import { Slider } from "../components/ui/slider"
26
26
  import {
27
27
  DropdownMenu,
28
28
  DropdownMenuContent,
@@ -30,8 +30,8 @@ import {
30
30
  DropdownMenuLabel,
31
31
  DropdownMenuSeparator,
32
32
  DropdownMenuTrigger
33
- } from "@rp/ui"
34
- import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@rp/ui"
33
+ } from "../components/ui/dropdown-menu"
34
+ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../components/ui/tooltip"
35
35
  import React, { useState, useRef, useEffect, useCallback, Suspense, lazy } from "react"
36
36
  // Dynamic import for lazy loading
37
37
  const ReactPlayer = lazy(() => import("react-player"))
package/dist/src/hooks/use-touch-gestures.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
 
3
3
  import * as React from "react"
4
- import { useDeviceInfo, useHapticFeedback } from "@rp/ui/hooks/use-mobile"
4
+ import { useDeviceInfo, useHapticFeedback } from "./use-mobile"
5
5
 
6
6
  // Gesture types
7
7
  export type GestureType =
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@therealtinhtute/baroiplayer",
3
- "version": "1.0.5",
3
+ "version": "1.0.6",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "description": "A customizable media player component library for React",
package/src/components/media-player-controls.js CHANGED
@@ -2,7 +2,7 @@
2
2
  import { jsx as _jsx } from "react/jsx-runtime";
3
3
  import React from "react";
4
4
  import { useMediaSelector } from "../context/media-context";
5
- import { useDeviceInfo, useContainerQuery } from "@rp/ui/hooks/use-mobile";
5
+ import { useDeviceInfo, useContainerQuery } from "../hooks/use-mobile";
6
6
  import { cn } from "../lib/utils";
7
7
  export function MediaPlayerControls({ children, className, asChild = false, variant, adaptiveLayout = true, ...props }) {
8
8
  const isFullscreen = useMediaSelector((state) => state.isFullscreen);
package/src/components/media-player-error.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { Button } from "@rp/ui/components/button";
4
- import { AlertTriangleIcon, RefreshCcwIcon, RotateCcwIcon } from "lucide-react";
3
+ import { Button } from "../components/ui/button";
4
+ import { AlertTriangleIcon, RefreshCcwIcon, RotateCcwIcon } from "../components/ui/icons";
5
5
  import React from "react";
6
6
  import { useMediaContext, useMediaSelector } from "../context/media-context";
7
7
  import { cn } from "../lib/utils";
package/src/components/media-player-error.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
 
3
- import { Button } from "@rp/ui/components/button"
4
- import { AlertTriangleIcon, RefreshCcwIcon, RotateCcwIcon } from "lucide-react"
3
+ import { Button } from "../components/ui/button"
4
+ import { AlertTriangleIcon, RefreshCcwIcon, RotateCcwIcon } from "../components/ui/icons"
5
5
  import React from "react"
6
6
  import { useMediaContext, useMediaSelector } from "../context/media-context"
7
7
  import { cn } from "../lib/utils"
package/src/components/media-player-fullscreen.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx as _jsx } from "react/jsx-runtime";
3
- import { Button } from "@rp/ui/components/button";
4
- import { Maximize2Icon, Minimize2Icon } from "lucide-react";
3
+ import { Button } from "../components/ui/button";
4
+ import { Maximize2Icon, Minimize2Icon } from "../components/ui/icons";
5
5
  import React from "react";
6
6
  import { MediaActionTypes, useMediaContext, useMediaDispatch, useMediaSelector } from "../context/media-context";
7
7
  import { MediaPlayerTooltip } from "./media-player-tooltip";
package/src/components/media-player-fullscreen.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
 
3
- import { Button } from "@rp/ui/components/button"
4
- import { Maximize2Icon, Minimize2Icon } from "lucide-react"
3
+ import { Button } from "../components/ui/button"
4
+ import { Maximize2Icon, Minimize2Icon } from "../components/ui/icons"
5
5
  import React from "react"
6
6
  import {
7
7
  MediaActionTypes,
package/src/components/media-player-play.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx as _jsx } from "react/jsx-runtime";
3
- import { Button } from "@rp/ui/components/button";
4
- import { PauseIcon, PlayIcon } from "lucide-react";
3
+ import { Button } from "../components/ui/button";
4
+ import { PauseIcon, PlayIcon } from "../components/ui/icons";
5
5
  import React from "react";
6
6
  import { MediaActionTypes, useMediaContext, useMediaDispatch, useMediaSelector } from "../context/media-context";
7
7
  import { MediaPlayerTooltip } from "./media-player-tooltip";
package/src/components/media-player-play.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
 
3
- import { Button } from "@rp/ui/components/button"
4
- import { PauseIcon, PlayIcon } from "lucide-react"
3
+ import { Button } from "../components/ui/button"
4
+ import { PauseIcon, PlayIcon } from "../components/ui/icons"
5
5
  import React from "react"
6
6
  import {
7
7
  MediaActionTypes,
package/src/components/media-player-root.js CHANGED
@@ -4,7 +4,7 @@ import React from "react";
4
4
  import { MediaActionTypes, useMediaContext, useMediaDispatch, useMediaSelector } from "../context/media-context";
5
5
  import { MediaProvider } from "../context/media-provider";
6
6
  import { useMediaGestures } from "../hooks/use-touch-gestures";
7
- import { useMobileOptimizations, useDeviceInfo } from "@rp/ui/hooks/use-mobile";
7
+ import { useMobileOptimizations, useDeviceInfo } from "../hooks/use-mobile";
8
8
  import { cn } from "../lib/utils";
9
9
  // Utility function to compose refs
10
10
  function composeRefs(...refs) {
package/src/components/media-player-seek.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
- import { Slider } from "@rp/ui/components/slider";
3
+ import { Slider } from "../components/ui/slider";
4
4
  import React from "react";
5
5
  import { MediaActionTypes, useMediaContext, useMediaDispatch, useMediaSelector } from "../context/media-context";
6
6
  import { formatTime } from "../lib/format-time";
package/src/components/media-player-seek.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
 
3
- import { Slider } from "@rp/ui/components/slider"
3
+ import { Slider } from "../components/ui/slider"
4
4
  import React from "react"
5
5
  import {
6
6
  MediaActionTypes,
package/src/components/media-player-tooltip.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { Tooltip, TooltipContent, TooltipTrigger } from "@rp/ui/components/tooltip";
3
+ import { Tooltip, TooltipContent, TooltipTrigger } from "../components/ui/tooltip";
4
4
  import { useMediaContext } from "../context/media-context";
5
5
  export function MediaPlayerTooltip({ children, tooltip, shortcut, delayDuration, sideOffset }) {
6
6
  const context = useMediaContext();
package/src/components/media-player-tooltip.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
 
3
- import { Tooltip, TooltipContent, TooltipTrigger } from "@rp/ui/components/tooltip"
3
+ import { Tooltip, TooltipContent, TooltipTrigger } from "../components/ui/tooltip"
4
4
  import React from "react"
5
5
  import { useMediaContext } from "../context/media-context"
6
6
 
package/src/components/media-player-volume.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { Button } from "@rp/ui/components/button";
4
- import { Slider } from "@rp/ui/components/slider";
3
+ import { Button } from "../components/ui/button";
4
+ import { Slider } from "../components/ui/slider";
5
5
  import { Volume1Icon, Volume2Icon, VolumeXIcon } from "lucide-react";
6
6
  import React from "react";
7
7
  import { MediaActionTypes, useMediaContext, useMediaDispatch, useMediaSelector } from "../context/media-context";
package/src/components/media-player-volume.tsx CHANGED
@@ -1,8 +1,8 @@
1
1
  "use client"
2
2
 
3
- import { Button } from "@rp/ui/components/button"
4
- import { Slider } from "@rp/ui/components/slider"
5
- import { Volume1Icon, Volume2Icon, VolumeXIcon } from "lucide-react"
3
+ import { Button } from "../components/ui/button"
4
+ import { Slider } from "../components/ui/slider"
5
+ import { Volume1Icon, Volume2Icon, VolumeXIcon } from "../components/ui/icons"
6
6
  import React from "react"
7
7
  import {
8
8
  MediaActionTypes,
package/src/components/react-player-wrapper.js CHANGED
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import "../styles/pixel-art.css";
4
- import { Button } from "@rp/ui";
5
- import { DownloadIcon, ExitFullscreenIcon, Forward10Icon, FullscreenIcon, LoadingIcon, MuteIcon, PauseIcon, PictureInPictureIcon, PlayIcon, QualityIcon, Rewind10Icon, ShareIcon, SpeedIcon, SubtitlesIcon, VolumeIcon } from "@rp/ui";
6
- import { Slider } from "@rp/ui";
7
- import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "@rp/ui";
8
- import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@rp/ui";
4
+ import { Button } from "../components/ui/button";
5
+ import { DownloadIcon, ExitFullscreenIcon, Forward10Icon, FullscreenIcon, LoadingIcon, MuteIcon, PauseIcon, PictureInPictureIcon, PlayIcon, QualityIcon, Rewind10Icon, ShareIcon, SpeedIcon, SubtitlesIcon, VolumeIcon } from "../components/ui/icons";
6
+ import { Slider } from "../components/ui/slider";
7
+ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "../components/ui/dropdown-menu";
8
+ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../components/ui/tooltip";
9
9
  import { useState, useRef, useEffect, Suspense, lazy } from "react";
10
10
  // Dynamic import for lazy loading
11
11
  const ReactPlayer = lazy(() => import("react-player"));
package/src/components/react-player-wrapper.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
 
3
3
  import "../styles/pixel-art.css"
4
- import { Button } from "@rp/ui"
4
+ import { Button } from "../components/ui/button"
5
5
  import {
6
6
  DownloadIcon,
7
7
  ExitFullscreenIcon,
@@ -21,8 +21,8 @@ import {
21
21
  SpeedIcon,
22
22
  SubtitlesIcon,
23
23
  VolumeIcon
24
- } from "@rp/ui"
25
- import { Slider } from "@rp/ui"
24
+ } from "../components/ui/icons"
25
+ import { Slider } from "../components/ui/slider"
26
26
  import {
27
27
  DropdownMenu,
28
28
  DropdownMenuContent,
@@ -30,8 +30,8 @@ import {
30
30
  DropdownMenuLabel,
31
31
  DropdownMenuSeparator,
32
32
  DropdownMenuTrigger
33
- } from "@rp/ui"
34
- import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@rp/ui"
33
+ } from "../components/ui/dropdown-menu"
34
+ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../components/ui/tooltip"
35
35
  import React, { useState, useRef, useEffect, useCallback, Suspense, lazy } from "react"
36
36
  // Dynamic import for lazy loading
37
37
  const ReactPlayer = lazy(() => import("react-player"))
package/src/hooks/use-touch-gestures.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
 
3
3
  import * as React from "react"
4
- import { useDeviceInfo, useHapticFeedback } from "@rp/ui/hooks/use-mobile"
4
+ import { useDeviceInfo, useHapticFeedback } from "./use-mobile"
5
5
 
6
6
  // Gesture types
7
7
  export type GestureType =