react-motion-gallery 1.0.0 → 2.0.0

package/package.json

@@ -1,63 +1,63 @@
 {
   "name": "react-motion-gallery",
-  "version": "1.0.0",
-  "description": "A high-performance media slider + fullscreen viewer for React/Next apps.",
-  "license": "MIT",
-  "author": "David Medero",
+  "version": "2.0.0",
+  "description": "React Motion Gallery - smooth, customizable media gallery components",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "author": "React Motion Gallery",
+  "homepage": "https://react-motion-gallery.com",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/davidmedero/react-motion-gallery.git"
+    "url": "git+https://github.com/davidmedero/react-motion-gallery.git",
+    "directory": "packages/react-motion-gallery"
   },
   "bugs": {
     "url": "https://github.com/davidmedero/react-motion-gallery/issues"
   },
-  "homepage": "https://github.com/davidmedero/react-motion-gallery#readme",
-  "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "funding": {
+    "type": "url",
+    "url": "https://react-motion-gallery.com/pricing"
+  },
+  "commercialLicense": {
+    "requiredForRevenueUse": true,
+    "url": "https://react-motion-gallery.com/license"
+  },
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
-    },
-    "./styles.css": "./dist/styles/index.css",
-    "./package.json": "./package.json"
+    }
   },
   "files": [
-    "dist",
-    "README.md",
-    "LICENSE"
+    "dist"
   ],
   "sideEffects": [
     "*.css",
     "**/*.css"
   ],
-  "scripts": {
-    "build": "tsup",
-    "prepublishOnly": "npm run build",
-    "test": "echo \"No tests yet\" && exit 0"
-  },
-  "keywords": [
-    "react",
-    "carousel",
-    "gallery",
-    "lightbox",
-    "fullscreen",
-    "slider",
-    "video",
-    "plyr"
-  ],
   "peerDependencies": {
-    "plyr-react": ">=5",
+    "plyr": "^3.8.4",
+    "plyr-react": "^6.0.0",
     "react": ">=18",
     "react-dom": ">=18"
   },
+  "peerDependenciesMeta": {
+    "plyr-react": {
+      "optional": true
+    },
+    "plyr": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup"
+  },
   "devDependencies": {
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
-    "tsup": "^8.5.0",
-    "typescript": "^5.9.3"
+    "plyr": "^3.8.4",
+    "plyr-react": "^6.0.0"
   }
 }

package/dist/Slider.module-BIDZBG7Y.module.css

@@ -1,177 +0,0 @@
-.slider_container {
-  cursor: grab;
-}
-
-.slider_container:active {
-  cursor: grabbing;
-}
-
-/* .slider_container :global(img),
-.slider_container :global(video) {
-  max-width: none !important;
-} */
-
-@media (max-width: 600px) {
-  .slider_container,
-  .fade_container {
-    height: 50vw !important;
-  }
-}
-
-.fadeInStart {
-  opacity: 0;
-  transform: translateY(8px);
-}
-.fadeInActive {
-  opacity: 1;
-  transform: translateY(0);
-  transition: opacity 420ms cubic-bezier(.2,.7,.2,1), transform 420ms cubic-bezier(.2,.7,.2,1);
-}
-
-.shimmerOverlay {
-  position: absolute;
-  inset: 0;
-  border-radius: 8px;
-  overflow: hidden;
-  background: linear-gradient(90deg, #f0f2f5 25%, #e6e9ef 37%, #f0f2f5 63%);
-  background-size: 400% 100%;
-  animation: rmgShimmer 1.2s infinite linear;
-}
-
-@keyframes rmgShimmer {
-  0%   { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .fadeInActive {
-    transition: none;
-  }
-  .shimmerOverlay {
-    animation: none;
-  }
-}
-
-.pagination_dot {
-  width: 14px;
-  height: 14px;
-  overflow: hidden;
-  border-radius: 50%;
-  margin: 5px 5px 5px 5px;
-  cursor: pointer;
-  transition: 
-    transform 0.2s ease, 
-    background-color 0.3s ease, 
-    box-shadow 0.3s ease;
-}
-
-.pagination_dot:hover {
-  transform: scale(1.2);
-}
-
-.pagination_dot.active {
-  background-color: rgb(80, 163, 255);
-  box-shadow: 0 0 8px rgba(80, 163, 255, 0.6);
-}
-
-.pagination_dot.inactive {
-  background-color: lightgray;
-}
-
-.ripple {
-  position: absolute;
-  border-radius: 50%;
-  transform: scale(0);
-  animation: ripple 600ms linear;
-  background-color: rgba(0, 0, 0, 0.3);
-  pointer-events: none;
-}
-
-@keyframes ripple {
-  to {
-    transform: scale(4);
-    opacity: 0;
-  }
-}
-
-.fullscreenOverlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;                  
-  height: 100%;
-  opacity: 0;
-  will-change: opacity;
-  pointer-events: none;
-  background-color: transparent;
-  transition: opacity 0.3s, background-color 0.3s;
-  z-index: 8999;
-}
-.open {
-  opacity: 1;
-  pointer-events: auto;
-}
-
-.duplicateImg {
-  position: fixed;
-  display: none;
-  transform-origin: top left;
-  transition: transform 0.3s cubic-bezier(.4,0,.22,1);
-  z-index: 9998;
-  will-change: transform;
-}
-
-.closeBtn,
-.leftChevron,
-.rightChevron,
-.counter {
-  position: fixed;
-  display: none;
-  opacity: 0;
-  transition: opacity 0.3s cubic-bezier(.4,0,.22,1);
-  z-index: 9999;
-}
-.closeBtn.open,
-.leftChevron.open,
-.rightChevron.open,
-.counter.open {
-  display: block;
-  opacity: 1;
-}
-
-.closeBtn {
-  top: 12px;
-  right: 12px;
-  background: transparent;
-  border: none;
-  padding: 0;
-  width: 35px;
-  height: 35px;
-  cursor: pointer;
-}
-
-.leftChevron,
-.rightChevron {
-  top: 45.5%;
-  width: 50px;
-  height: 50px;
-  cursor: pointer;
-}
-.leftChevron { left: 0; transform: rotate(180deg); }
-.rightChevron { right: 0; }
-
-.counter {
-  top: 15px;
-  left: 16px;
-  color: #fff;
-  font-size: 14px;
-  line-height: 32px;
-  user-select: none;
-  text-shadow: 1px 1px 3px #4f4f4f;
-}
-
-.dragging,
-.dragging * {
-  cursor: grabbing !important;
-  cursor: -webkit-grabbing !important;
-}

package/dist/ThumbnailSlider.module-PUTK2PEE.module.css

@@ -1,32 +0,0 @@
-.thumb {
-  position: relative;
-  border: 1px solid rgba(0,0,0,.12);
-  border-radius: 6px;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-
-.thumb::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  box-shadow: 0 0 0 2px #111 inset;
-  opacity: 0;
-  transition: opacity 120ms ease;
-  z-index: 1;
-}
-
-.thumb[data-active="true"]::after {
-  opacity: 1;
-}
-
-.thumb :global(img) {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  position: relative;
-  z-index: 0;
-}