react-motion-gallery 1.0.0 → 2.0.0

package/LICENSE.md

@@ -0,0 +1,94 @@
+# React Motion Gallery License
+
+Copyright © 2026 React Motion Gallery  
+All rights reserved.
+
+---
+
+## 1. Definitions
+
+**"Software"** refers to the React Motion Gallery library, including all source code, documentation, examples, demos, Storybook content, and any associated assets provided in this repository or distributed via npm.
+
+**"Non-Commercial Use"** means use of the Software:
+- for personal projects,
+- for learning, experimentation, evaluation,
+- for internal tools not generating revenue,
+- for open-source projects that do not generate revenue,
+- for demo, prototype, or proof-of-concept purposes.
+
+**"Commercial Use"** means use of the Software:
+- in any product, service, or application that generates revenue,
+- in SaaS products, paid websites, paid mobile or desktop apps,
+- in client work, consulting, agency work, or freelance projects,
+- in internal business software used by a for-profit entity,
+- in any product or service offered in exchange for money or other consideration.
+
+---
+
+## 2. License Grant (Non-Commercial Use)
+
+Subject to the terms of this License, permission is hereby granted to any individual or organization to use, copy, modify, and distribute the Software **for Non-Commercial Use only**, free of charge.
+
+You may:
+- view and study the source code,
+- modify the Software for Non-Commercial Use,
+- distribute modified versions for Non-Commercial Use,
+- use the Software in personal, educational, or evaluation projects.
+
+---
+
+## 3. Commercial Use Requires a Paid License
+
+Any **Commercial Use** of the Software **requires a valid commercial license** obtained from React Motion Gallery.
+
+Commercial licenses can be purchased at:
+
+👉 **https://react-motion-gallery.com/pricing**
+
+Without a commercial license, you **may not**:
+- use the Software in revenue-generating products or services,
+- include the Software in client deliverables,
+- deploy the Software in production for commercial purposes.
+
+---
+
+## 4. Redistribution Restrictions
+
+You may **not**:
+- sell, sublicense, or commercially distribute the Software without a commercial license,
+- remove or alter copyright notices,
+- represent the Software as your own proprietary work,
+- offer the Software as a competing gallery or component library.
+
+---
+
+## 5. No Warranty
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NONINFRINGEMENT.
+
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT, OR OTHERWISE, ARISING FROM, OUT OF, OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+---
+
+## 6. Termination
+
+This license is automatically terminated if you violate any of its terms.
+
+Upon termination, you must cease all use and distribution of the Software and destroy all copies in your possession.
+
+---
+
+## 7. Contact
+
+For commercial licensing, enterprise plans, or other inquiries, contact:
+
+📧 **support@react-motion-gallery.com**  
+🌐 **https://react-motion-gallery.com**
+
+---
+
+## 8. Summary (Non-Legal)
+
+- ✅ Free for personal and non-commercial use  
+- 💼 Paid license required for commercial or revenue-generating use  
+- 🔒 Source is visible, but not open source under an OSI license

package/README.md

@@ -1 +1,46 @@
-# react-motion-gallery
+# React Motion Gallery (RMG)
+
+A flexible React gallery component with four layouts:
+
+- **Slider** (default)
+- **Grid**
+- **Masonry**
+- **Entries** (data-driven cards with media + overlays)
+
+Includes optional **Fullscreen mode**, **Thumbnails**, customizable **controls**, and an imperative **GalleryApi** for programmatic control.
+
+---
+
+## Installation
+
+```bash
+npm i react-motion-gallery
+# or
+yarn add react-motion-gallery
+# or
+pnpm add react-motion-gallery
+```
+
+## Core rule: wrap every item in a div
+
+RMG treats each direct child wrapper as an item.
+That means every image/video must be inside a <div>:
+
+```tsx
+import * as React from "react";
+import { Gallery } from "react-motion-gallery";
+
+export function WrapperRuleExample() {
+  return (
+    <Gallery>
+      <div>
+        <img src="https://picsum.photos/seed/1/900/500" alt="" />
+      </div>
+
+      <div>
+        <img src="https://picsum.photos/seed/2/900/500" alt="" />
+      </div>
+    </Gallery>
+  );
+}
+```