Merge branch 'main' of https://github.com/triyanox/react-video

apps/web/CHANGELOG.md

@@ -1,5 +1,26 @@
 # web
 
+## 0.0.8
+
+### Patch Changes
+
+- Updated dependencies [513fcd6]
+  - @triyanox/react-video@0.1.7
+
+## 0.0.7
+
+### Patch Changes
+
+- Updated dependencies [8f767c9]
+  - @triyanox/react-video@0.1.6
+
+## 0.0.6
+
+### Patch Changes
+
+- Updated dependencies [229fb29]
+  - @triyanox/react-video@0.1.5
+
 ## 0.0.5
 
 ### Patch Changes

apps/web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web",
-  "version": "0.0.5",
+  "version": "0.0.8",
   "private": true,
   "scripts": {
     "dev": "next dev",

packages/core/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @triyanox/react-video
 
+## 0.1.7
+
+### Patch Changes
+
+- 513fcd6: Fix onKeyDown issues
+
+## 0.1.6
+
+### Patch Changes
+
+- 8f767c9: Add tailwind prefix to avoid classNames conflicts
+
+## 0.1.5
+
+### Patch Changes
+
+- 229fb29: Remove double click to full screen
+
 ## 0.1.4
 
 ### Patch Changes

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@triyanox/react-video",
-  "version": "0.1.4",
+  "version": "0.1.7",
   "description": "A video component for react inspired by the ios video player",
   "license": "Apache-2.0",
   "main": "./dist/index.js",

packages/core/src/lib/hooks/use-on-key-down.ts

@@ -4,6 +4,8 @@ const useOnKeyDown = (key: string, callback: () => void) => {
   useEffect(() => {
     const onKeyDown = (event: KeyboardEvent) => {
       if (event.key === key) {
+        event.preventDefault();
+        event.stopPropagation();
         callback();
       }
     };

packages/core/src/ui/button.tsx

@@ -32,16 +32,16 @@ function Button({
     <motion.button
       onClick={handleClick}
       className={cn(
-        "flex justify-center items-center",
+        "rv-flex rv-justify-center rv-items-center",
         {
-          "w-8 h-8": size === "sm",
-          "w-10 h-10": size === "md",
-          "w-12 h-12": size === "lg",
-          "rounded-none": radius === "none",
-          "rounded-sm": radius === "sm",
-          "rounded-md": radius === "md",
-          "rounded-lg": radius === "lg",
-          "rounded-full": radius === "full",
+          "rv-w-8 rv-h-8": size === "sm",
+          "rv-w-10 rv-h-10": size === "md",
+          "rv-w-12 rv-h-12": size === "lg",
+          "rv-rounded-none": radius === "none",
+          "rv-rounded-sm": radius === "sm",
+          "rv-rounded-md": radius === "md",
+          "rv-rounded-lg": radius === "lg",
+          "rv-rounded-full": radius === "full",
         },
         className
       )}

packages/core/src/ui/icons/back-by-10.tsx

@@ -1,22 +1,22 @@
 const BackBy10 = () => (
   <svg
-    className="w-6 h-6 lg:w-8 lg:h-8"
+    className="rv:w-6 rv-h-6 lg:rv-w-8 lg:rv-h-8"
     viewBox="0 0 21 25"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
     <g clipPath="url(#clip0_2_14738)">
       <path
         d="M0.457916 12.4401C0.457916 13.8008 0.718333 15.0833 1.23917 16.2878C1.76 17.4922 2.4794 18.5518 3.39737 19.4665C4.31534 20.3812 5.37491 21.0989 6.57608 21.6198C7.77725 22.1406 9.05818 22.401 10.4189 22.401C11.7796 22.401 13.0605 22.1406 14.2616 21.6198C15.4628 21.0989 16.5224 20.3812 17.4403 19.4665C18.3583 18.5518 19.0777 17.4922 19.5985 16.2878C20.1194 15.0833 20.3798 13.8008 20.3798 12.4401C20.3798 11.2422 20.1747 10.1029 19.7645 9.02214C19.3544 7.94141 18.7831 6.96322 18.0507 6.08757C17.3183 5.21193 16.4621 4.47951 15.4823 3.89031C14.5025 3.30112 13.443 2.89259 12.3036 2.66472V1.278C12.3036 0.926441 12.2027 0.708342 12.0009 0.623707C11.799 0.539071 11.5646 0.591155 11.2977 0.779957L8.18253 2.95769C7.95466 3.11394 7.84073 3.29623 7.84073 3.50456C7.84073 3.71289 7.95466 3.89844 8.18253 4.06121L11.288 6.24871C11.5549 6.44402 11.7909 6.49773 11.996 6.40984C12.2011 6.32195 12.3036 6.10222 12.3036 5.75066V4.36394C13.2281 4.57227 14.0793 4.92384 14.8573 5.41863C15.6353 5.91342 16.3124 6.51889 16.8886 7.23503C17.4648 7.95118 17.9123 8.75033 18.2313 9.63249C18.5504 10.5146 18.7099 11.4505 18.7099 12.4401C18.7099 13.5924 18.4967 14.6715 18.0702 15.6774C17.6438 16.6833 17.0514 17.5654 16.2929 18.3239C15.5344 19.0824 14.6539 19.6748 13.6513 20.1012C12.6487 20.5277 11.5712 20.7409 10.4189 20.7409C9.26651 20.7409 8.18741 20.5277 7.18155 20.1012C6.17569 19.6748 5.29353 19.0824 4.53507 18.3239C3.7766 17.5654 3.18415 16.6833 2.75772 15.6774C2.33129 14.6715 2.11808 13.5924 2.11808 12.4401C2.11808 11.5156 2.2613 10.6351 2.54776 9.79851C2.83422 8.96192 3.23461 8.19858 3.74894 7.50847C4.26326 6.81836 4.86547 6.22592 5.55558 5.73113C5.7574 5.58139 5.88598 5.3991 5.94132 5.18425C5.99666 4.96941 5.96248 4.76108 5.83878 4.55925C5.71508 4.36394 5.53604 4.24513 5.30167 4.20281C5.06729 4.16049 4.84268 4.22071 4.62784 4.38347C3.788 4.98894 3.05558 5.70997 2.43058 6.54656C1.80558 7.38315 1.32055 8.30112 0.975494 9.30046C0.630442 10.2998 0.457916 11.3464 0.457916 12.4401ZM7.74308 16.4342C7.93188 16.4342 8.08324 16.374 8.19718 16.2536C8.31111 16.1331 8.36808 15.9687 8.36808 15.7604V9.61785C8.36808 9.37696 8.30785 9.18653 8.18741 9.04656C8.06697 8.90659 7.89607 8.8366 7.67472 8.8366C7.538 8.8366 7.4143 8.86102 7.30362 8.90984C7.19294 8.95867 7.04646 9.04167 6.86417 9.15886L5.51651 10.0671C5.40583 10.1452 5.32445 10.2298 5.27237 10.321C5.22029 10.4121 5.19425 10.5163 5.19425 10.6335C5.19425 10.7962 5.24958 10.9362 5.36026 11.0534C5.47094 11.1706 5.6044 11.2292 5.76065 11.2292C5.85179 11.2292 5.92829 11.2178 5.99015 11.195C6.05199 11.1722 6.13174 11.125 6.2294 11.0534L7.1669 10.3698H7.13761V15.7604C7.13761 15.9622 7.19294 16.125 7.30362 16.2487C7.4143 16.3724 7.56078 16.4342 7.74308 16.4342ZM12.8309 16.5514C13.3713 16.5514 13.8433 16.3903 14.247 16.068C14.6506 15.7457 14.9631 15.2949 15.1845 14.7155C15.4058 14.1361 15.5165 13.4558 15.5165 12.6745C15.5165 11.8867 15.4058 11.1998 15.1845 10.6139C14.9631 10.028 14.6506 9.57227 14.247 9.24675C13.8433 8.92123 13.3713 8.75847 12.8309 8.75847C12.0237 8.75847 11.3742 9.11492 10.8827 9.82781C10.3912 10.5407 10.1454 11.4896 10.1454 12.6745C10.1454 13.8464 10.3912 14.7855 10.8827 15.4919C11.3742 16.1982 12.0237 16.5514 12.8309 16.5514ZM12.8309 15.3698C12.4012 15.3698 12.0578 15.1289 11.8007 14.6471C11.5435 14.1654 11.4149 13.5078 11.4149 12.6745C11.4149 11.8216 11.5419 11.1527 11.7958 10.6676C12.0497 10.1826 12.3948 9.94011 12.8309 9.94011C13.2671 9.94011 13.6105 10.181 13.8612 10.6628C14.1119 11.1445 14.2372 11.8151 14.2372 12.6745C14.2372 13.5078 14.1102 14.1654 13.8563 14.6471C13.6024 15.1289 13.2606 15.3698 12.8309 15.3698Z"
-        className="fill-white"
+        className="rv-fill-white"
       />
     </g>
     <defs>
       <clipPath id="clip0_2_14738">
         <rect
           width="19.9219"
           height="23.7212"
-          className="fill-white"
+          className="rv-fill-white"
           transform="translate(0.457916 0.584412)"
         />
       </clipPath>

packages/core/src/ui/icons/enter-pip.tsx

@@ -1,6 +1,6 @@
 const EnterPip = () => (
   <svg
-    className="fill-white w-6 h-6"
+    className="rv-fill-white rv-w-6 rv-h-6"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
@@ -16,7 +16,7 @@ const EnterPip = () => (
         fillRule="evenodd"
         clipRule="evenodd"
         d="M9.94358 2.25H14.0564C15.8942 2.24998 17.3498 2.24997 18.489 2.40314C19.6614 2.56076 20.6104 2.89288 21.3588 3.64124C22.1071 4.38961 22.4392 5.33856 22.5969 6.51098C22.75 7.65019 22.75 9.10583 22.75 10.9436V11C22.75 11.4142 22.4142 11.75 22 11.75C21.5858 11.75 21.25 11.4142 21.25 11C21.25 9.09318 21.2484 7.73851 21.1102 6.71085C20.975 5.70476 20.7213 5.12511 20.2981 4.7019C19.8749 4.27869 19.2952 4.02502 18.2892 3.88976C17.2615 3.75159 15.9068 3.75 14 3.75H10C8.09318 3.75 6.73851 3.75159 5.71085 3.88976C4.70476 4.02502 4.12511 4.27869 3.7019 4.7019C3.27869 5.12511 3.02502 5.70476 2.88976 6.71085C2.75159 7.73851 2.75 9.09318 2.75 11V13C2.75 14.9068 2.75159 16.2615 2.88976 17.2892C3.02502 18.2952 3.27869 18.8749 3.7019 19.2981C4.12511 19.7213 4.70476 19.975 5.71085 20.1102C6.73851 20.2484 8.09318 20.25 10 20.25H11C11.4142 20.25 11.75 20.5858 11.75 21C11.75 21.4142 11.4142 21.75 11 21.75H9.94359C8.10583 21.75 6.65019 21.75 5.51098 21.5969C4.33856 21.4392 3.38961 21.1071 2.64124 20.3588C1.89288 19.6104 1.56076 18.6614 1.40314 17.489C1.24997 16.3498 1.24998 14.8942 1.25 13.0564V10.9436C1.24998 9.10582 1.24997 7.65019 1.40314 6.51098C1.56076 5.33856 1.89288 4.38961 2.64124 3.64124C3.38961 2.89288 4.33856 2.56076 5.51098 2.40314C6.65019 2.24997 8.10582 2.24998 9.94358 2.25ZM6.96967 6.96967C7.26256 6.67678 7.73744 6.67678 8.03033 6.96967L10.75 9.68934V8.5C10.75 8.08579 11.0858 7.75 11.5 7.75C11.9142 7.75 12.25 8.08579 12.25 8.5V11.5C12.25 11.9142 11.9142 12.25 11.5 12.25H8.5C8.08579 12.25 7.75 11.9142 7.75 11.5C7.75 11.0858 8.08579 10.75 8.5 10.75H9.68934L6.96967 8.03033C6.67678 7.73744 6.67678 7.26256 6.96967 6.96967ZM16.948 12.25H18.052C18.9505 12.25 19.6997 12.2499 20.2945 12.3299C20.9223 12.4143 21.4891 12.6 21.9445 13.0555C22.4 13.5109 22.5857 14.0777 22.6701 14.7055C22.7501 15.3003 22.75 16.0495 22.75 16.948V17.052C22.75 17.9505 22.7501 18.6997 22.6701 19.2945C22.5857 19.9223 22.4 20.4891 21.9445 20.9445C21.4891 21.4 20.9223 21.5857 20.2945 21.6701C19.6997 21.7501 18.9505 21.75 18.052 21.75H16.948C16.0495 21.75 15.3003 21.7501 14.7055 21.6701C14.0777 21.5857 13.5109 21.4 13.0555 20.9445C12.6 20.4891 12.4143 19.9223 12.3299 19.2945C12.2499 18.6997 12.25 17.9505 12.25 17.052V16.948C12.25 16.0495 12.2499 15.3003 12.3299 14.7055C12.4143 14.0777 12.6 13.5109 13.0555 13.0555C13.5109 12.6 14.0777 12.4143 14.7055 12.3299C15.3003 12.2499 16.0495 12.25 16.948 12.25ZM14.9054 13.8165C14.4439 13.8786 14.2464 13.9858 14.1161 14.1161C13.9858 14.2464 13.8786 14.4439 13.8165 14.9054C13.7516 15.3884 13.75 16.036 13.75 17C13.75 17.964 13.7516 18.6116 13.8165 19.0946C13.8786 19.5561 13.9858 19.7536 14.1161 19.8839C14.2464 20.0142 14.4439 20.1214 14.9054 20.1835C15.3884 20.2484 16.036 20.25 17 20.25H18C18.964 20.25 19.6116 20.2484 20.0946 20.1835C20.5561 20.1214 20.7536 20.0142 20.8839 19.8839C21.0142 19.7536 21.1214 19.5561 21.1835 19.0946C21.2484 18.6116 21.25 17.964 21.25 17C21.25 16.036 21.2484 15.3884 21.1835 14.9054C21.1214 14.4439 21.0142 14.2464 20.8839 14.1161C20.7536 13.9858 20.5561 13.8786 20.0946 13.8165C19.6116 13.7516 18.964 13.75 18 13.75H17C16.036 13.75 15.3884 13.7516 14.9054 13.8165Z"
-        className="fill-white"
+        className="rv-fill-white"
       ></path>{" "}
     </g>
   </svg>

packages/core/src/ui/icons/exit-full-screen.tsx

@@ -1,7 +1,7 @@
 const ExitFullScreen = () => {
   return (
     <svg
-      className="w-6 h-6"
+      className="rv-w-6 rv-h-6"
       viewBox="0 0 15 15"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
@@ -18,7 +18,7 @@ const ExitFullScreen = () => {
           fillRule="evenodd"
           clipRule="evenodd"
           d="M5.5 2C5.77614 2 6 2.22386 6 2.5V5.5C6 5.77614 5.77614 6 5.5 6H2.5C2.22386 6 2 5.77614 2 5.5C2 5.22386 2.22386 5 2.5 5H5V2.5C5 2.22386 5.22386 2 5.5 2ZM9.5 2C9.77614 2 10 2.22386 10 2.5V5H12.5C12.7761 5 13 5.22386 13 5.5C13 5.77614 12.7761 6 12.5 6H9.5C9.22386 6 9 5.77614 9 5.5V2.5C9 2.22386 9.22386 2 9.5 2ZM2 9.5C2 9.22386 2.22386 9 2.5 9H5.5C5.77614 9 6 9.22386 6 9.5V12.5C6 12.7761 5.77614 13 5.5 13C5.22386 13 5 12.7761 5 12.5V10H2.5C2.22386 10 2 9.77614 2 9.5ZM9 9.5C9 9.22386 9.22386 9 9.5 9H12.5C12.7761 9 13 9.22386 13 9.5C13 9.77614 12.7761 10 12.5 10H10V12.5C10 12.7761 9.77614 13 9.5 13C9.22386 13 9 12.7761 9 12.5V9.5Z"
-          className="fill-white"
+          className="rv-fill-white"
         ></path>{" "}
       </g>
     </svg>

packages/core/src/ui/icons/exit-pip.tsx

@@ -1,6 +1,6 @@
 const ExitPip = () => (
   <svg
-    className="fill-white w-6 h-6"
+    className="rv-fill-white rv-w-6 rv-h-6"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
@@ -15,7 +15,7 @@ const ExitPip = () => (
       {" "}
       <path
         fillRule="evenodd"
-        className="fill-white"
+        className="rv-fill-white"
         clipRule="evenodd"
         d="M9.94358 2.25H14.0564C15.8942 2.24998 17.3498 2.24997 18.489 2.40314C19.6614 2.56076 20.6104 2.89288 21.3588 3.64124C22.1071 4.38961 22.4392 5.33856 22.5969 6.51098C22.75 7.65019 22.75 9.10583 22.75 10.9436V11C22.75 11.4142 22.4142 11.75 22 11.75C21.5858 11.75 21.25 11.4142 21.25 11C21.25 9.09318 21.2484 7.73851 21.1102 6.71085C20.975 5.70476 20.7213 5.12511 20.2981 4.7019C19.8749 4.27869 19.2952 4.02502 18.2892 3.88976C17.2615 3.75159 15.9068 3.75 14 3.75H10C8.09318 3.75 6.73851 3.75159 5.71085 3.88976C4.70476 4.02502 4.12511 4.27869 3.7019 4.7019C3.27869 5.12511 3.02502 5.70476 2.88976 6.71085C2.75159 7.73851 2.75 9.09318 2.75 11V13C2.75 14.9068 2.75159 16.2615 2.88976 17.2892C3.02502 18.2952 3.27869 18.8749 3.7019 19.2981C4.12511 19.7213 4.70476 19.975 5.71085 20.1102C6.73851 20.2484 8.09318 20.25 10 20.25H11C11.4142 20.25 11.75 20.5858 11.75 21C11.75 21.4142 11.4142 21.75 11 21.75H9.94359C8.10583 21.75 6.65019 21.75 5.51098 21.5969C4.33856 21.4392 3.38961 21.1071 2.64124 20.3588C1.89288 19.6104 1.56076 18.6614 1.40314 17.489C1.24997 16.3498 1.24998 14.8942 1.25 13.0564V10.9436C1.24998 9.10582 1.24997 7.65019 1.40314 6.51098C1.56076 5.33856 1.89288 4.38961 2.64124 3.64124C3.38961 2.89288 4.33856 2.56076 5.51098 2.40314C6.65019 2.24997 8.10582 2.24998 9.94358 2.25ZM6.75 7.5C6.75 7.08579 7.08579 6.75 7.5 6.75H10.5C10.9142 6.75 11.25 7.08579 11.25 7.5C11.25 7.91421 10.9142 8.25 10.5 8.25H9.31066L12.0303 10.9697C12.3232 11.2626 12.3232 11.7374 12.0303 12.0303C11.7374 12.3232 11.2626 12.3232 10.9697 12.0303L8.25 9.31066V10.5C8.25 10.9142 7.91421 11.25 7.5 11.25C7.08579 11.25 6.75 10.9142 6.75 10.5V7.5ZM16.948 12.25H18.052C18.9505 12.25 19.6997 12.2499 20.2945 12.3299C20.9223 12.4143 21.4891 12.6 21.9445 13.0555C22.4 13.5109 22.5857 14.0777 22.6701 14.7055C22.7501 15.3003 22.75 16.0495 22.75 16.948V17.052C22.75 17.9505 22.7501 18.6997 22.6701 19.2945C22.5857 19.9223 22.4 20.4891 21.9445 20.9445C21.4891 21.4 20.9223 21.5857 20.2945 21.6701C19.6997 21.7501 18.9505 21.75 18.052 21.75H16.948C16.0495 21.75 15.3003 21.7501 14.7055 21.6701C14.0777 21.5857 13.5109 21.4 13.0555 20.9445C12.6 20.4891 12.4143 19.9223 12.3299 19.2945C12.2499 18.6997 12.25 17.9505 12.25 17.052V16.948C12.25 16.0495 12.2499 15.3003 12.3299 14.7055C12.4143 14.0777 12.6 13.5109 13.0555 13.0555C13.5109 12.6 14.0777 12.4143 14.7055 12.3299C15.3003 12.2499 16.0495 12.25 16.948 12.25ZM14.9054 13.8165C14.4439 13.8786 14.2464 13.9858 14.1161 14.1161C13.9858 14.2464 13.8786 14.4439 13.8165 14.9054C13.7516 15.3884 13.75 16.036 13.75 17C13.75 17.964 13.7516 18.6116 13.8165 19.0946C13.8786 19.5561 13.9858 19.7536 14.1161 19.8839C14.2464 20.0142 14.4439 20.1214 14.9054 20.1835C15.3884 20.2484 16.036 20.25 17 20.25H18C18.964 20.25 19.6116 20.2484 20.0946 20.1835C20.5561 20.1214 20.7536 20.0142 20.8839 19.8839C21.0142 19.7536 21.1214 19.5561 21.1835 19.0946C21.2484 18.6116 21.25 17.964 21.25 17C21.25 16.036 21.2484 15.3884 21.1835 14.9054C21.1214 14.4439 21.0142 14.2464 20.8839 14.1161C20.7536 13.9858 20.5561 13.8786 20.0946 13.8165C19.6116 13.7516 18.964 13.75 18 13.75H17C16.036 13.75 15.3884 13.7516 14.9054 13.8165Z"
       ></path>{" "}

packages/core/src/ui/icons/forward-by-10.tsx

@@ -1,22 +1,22 @@
 const ForwardBy10 = () => (
   <svg
-    className="w-6 h-6 lg:w-8 lg:h-8"
+    className="rv-w-6 rv-h-6 lg:rv-w-8 lg:rv-h-8"
     viewBox="0 0 21 25"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
     <g clipPath="url(#clip0_2_14734)">
       <path
         d="M0.728943 12.4368C0.728943 13.7975 0.98936 15.0801 1.51019 16.2845C2.03103 17.4889 2.75043 18.5485 3.66839 19.4632C4.58637 20.3779 5.64594 21.0957 6.8471 21.6165C8.04828 22.1374 9.3292 22.3978 10.6899 22.3978C12.0506 22.3978 13.3315 22.1374 14.5326 21.6165C15.7338 21.0957 16.7934 20.3779 17.7113 19.4632C18.6293 18.5485 19.3487 17.4889 19.8695 16.2845C20.3904 15.0801 20.6508 13.7975 20.6508 12.4368C20.6508 11.3431 20.4783 10.2965 20.1332 9.2972C19.7882 8.29785 19.3031 7.37988 18.6781 6.54329C18.0531 5.70671 17.3207 4.98568 16.4809 4.38021C16.2661 4.21745 16.0414 4.15723 15.807 4.19954C15.5727 4.24186 15.3937 4.36068 15.2699 4.55599C15.1463 4.75781 15.1121 4.96615 15.1674 5.18099C15.2228 5.39583 15.3513 5.57812 15.5531 5.72786C16.2433 6.22265 16.8455 6.8151 17.3598 7.50521C17.8741 8.19531 18.2745 8.95866 18.5609 9.79525C18.8474 10.6318 18.9906 11.5123 18.9906 12.4368C18.9906 13.5892 18.7774 14.6683 18.351 15.6741C17.9246 16.68 17.3321 17.5621 16.5736 18.3206C15.8152 19.0791 14.933 19.6715 13.9271 20.098C12.9213 20.5244 11.8423 20.7376 10.6899 20.7376C9.53754 20.7376 8.46006 20.5244 7.45746 20.098C6.45486 19.6715 5.57432 19.0791 4.81585 18.3206C4.05739 17.5621 3.46495 16.68 3.03851 15.6741C2.61208 14.6683 2.39886 13.5892 2.39886 12.4368C2.39886 11.4473 2.55837 10.5114 2.87738 9.62923C3.19639 8.74707 3.64398 7.94792 4.22015 7.23177C4.79633 6.51562 5.47504 5.91015 6.25628 5.41536C7.03754 4.92057 7.88715 4.56901 8.80511 4.36068V5.75716C8.80511 6.10221 8.90765 6.31868 9.11273 6.40657C9.31781 6.49446 9.55382 6.44401 9.82074 6.25521L12.9359 4.06771C13.1573 3.91797 13.2696 3.73731 13.2728 3.52572C13.2761 3.31413 13.1638 3.13021 12.9359 2.97396L9.8305 0.786459C9.55707 0.591146 9.31781 0.537436 9.11273 0.625326C8.90765 0.713217 8.80511 0.932944 8.80511 1.28451V2.66146C7.66579 2.88932 6.60622 3.29785 5.6264 3.88704C4.64658 4.47623 3.79046 5.20866 3.05804 6.08431C2.32562 6.95996 1.75433 7.93816 1.34418 9.01888C0.934021 10.0996 0.728943 11.2389 0.728943 12.4368ZM7.96527 16.431C8.15407 16.431 8.30544 16.3708 8.41937 16.2503C8.53331 16.1299 8.59027 15.9655 8.59027 15.7572V9.61458C8.59027 9.3737 8.53005 9.18327 8.4096 9.04329C8.28916 8.90332 8.11827 8.83333 7.89691 8.83333C7.76019 8.83333 7.6365 8.85775 7.52582 8.90657C7.41514 8.9554 7.26866 9.03841 7.08636 9.1556L5.73871 10.0638C5.62803 10.1419 5.54665 10.2266 5.49456 10.3177C5.44248 10.4089 5.41644 10.513 5.41644 10.6302C5.41644 10.7929 5.47178 10.9329 5.58246 11.0501C5.69314 11.1673 5.8266 11.2259 5.98285 11.2259C6.07399 11.2259 6.15049 11.2145 6.21234 11.1917C6.27419 11.1689 6.35394 11.1217 6.4516 11.0501L7.3891 10.3665H7.3598V15.7572C7.3598 15.959 7.41514 16.1217 7.52582 16.2454C7.6365 16.3691 7.78298 16.431 7.96527 16.431ZM13.0531 16.5482C13.5935 16.5482 14.0655 16.3871 14.4691 16.0648C14.8728 15.7425 15.1853 15.2917 15.4066 14.7122C15.628 14.1328 15.7387 13.4525 15.7387 12.6712C15.7387 11.8835 15.628 11.1966 15.4066 10.6107C15.1853 10.0248 14.8728 9.56901 14.4691 9.24349C14.0655 8.91797 13.5935 8.75521 13.0531 8.75521C12.2459 8.75521 11.5965 9.11166 11.1049 9.82454C10.6134 10.5375 10.3676 11.4863 10.3676 12.6712C10.3676 13.8431 10.6134 14.7822 11.1049 15.4886C11.5965 16.195 12.2459 16.5482 13.0531 16.5482ZM13.0531 15.3665C12.6235 15.3665 12.28 15.1256 12.0228 14.6439C11.7657 14.1621 11.6371 13.5045 11.6371 12.6712C11.6371 11.8183 11.7641 11.1494 12.018 10.6644C12.2719 10.1794 12.6169 9.93685 13.0531 9.93685C13.4893 9.93685 13.8328 10.1777 14.0834 10.6595C14.3341 11.1413 14.4594 11.8119 14.4594 12.6712C14.4594 13.5045 14.3325 14.1621 14.0785 14.6439C13.8247 15.1256 13.4829 15.3665 13.0531 15.3665Z"
-        className="fill-white"
+        className="rv-fill-white"
       />
     </g>
     <defs>
       <clipPath id="clip0_2_14734">
         <rect
           width="19.9219"
           height="23.7146"
-          className="fill-white"
+          className="rv-fill-white"
           transform="translate(0.728943 0.584412)"
         />
       </clipPath>

packages/core/src/ui/icons/full-screen.tsx

@@ -2,31 +2,31 @@ const FullScreen = () => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      className="w-6 h-6"
+      className="rv-w-6 rv-h-6"
       viewBox="0 0 24 24"
       fill="none"
     >
       <path
         d="M22 14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22"
-        className="stroke-white"
+        className="rv-stroke-white"
         strokeWidth="1.5"
         strokeLinecap="round"
       />
       <path
         d="M10 22C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14"
-        className="stroke-white"
+        className="rv-stroke-white"
         strokeWidth="1.5"
         strokeLinecap="round"
       />
       <path
         d="M10 2C6.22876 2 4.34315 2 3.17157 3.17157C2 4.34315 2 6.22876 2 10"
-        className="stroke-white"
+        className="rv-stroke-white"
         strokeWidth="1.5"
         strokeLinecap="round"
       />
       <path
         d="M14 2C17.7712 2 19.6569 2 20.8284 3.17157C22 4.34315 22 6.22876 22 10"
-        className="stroke-white"
+        className="rv-stroke-white"
         strokeWidth="1.5"
         strokeLinecap="round"
       />