react-beauty-calendar 0.1.0

package/LICENSE

@@ -0,0 +1,7 @@
+Copyright 2025 Diego Kennedy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+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.

package/README.md

@@ -0,0 +1,123 @@
+<p align="center">
+  <a href="/">
+    <img src="public/logo.png" alt="Kaneo's logo" width="200" />
+  </a>
+</p>
+
+<h1 align="center">React Beauty Calendar - RBC </h1> 
+
+<div>
+
+🇬🇧 [English](README.md)
+🇧🇷 [Portuguese](README-PT.md)
+
+</div>
+
+With the need to implement an efficient scheduling system, I decided to create a library inspired by Google Calendar and Outlook. This library offers features such as appointment creation, drag and drop, resizing, and much more. ✨
+
+> **Note:** The current focus is on fixing performance issues.
+
+<div align="center">
+
+[![license](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
+
+</div>
+
+<p align="center">An open source react calendar focused on simplicity and efficiency.</p>
+
+## Features
+
+- **Simple & Fast**: Minimalist interface with powerful features
+- **Drag & Drop**: Advanced appointment creation
+- **Open Source**: MIT licensed, free forever
+- Storybook available.
+
+<!-- Disabled for now -->
+<!-- ## Installation
+Install @RBC/react in your project with your package manager of choice:
+
+```sh
+  npm install @RBC/react
+```
+
+```sh
+  yarn add @RBC/react 
+```
+-->
+
+## Running the App
+
+To run the app locally, follow these steps:
+
+1. Clone the repository:
+
+```sh
+  git clone https://github.com/Dikendev/react-beauty-calendar.git
+```
+
+2. Navigate to the project directory:
+
+```sh
+  cd react-beauty-calendar
+```
+
+3. Install the dependencies:
+
+```sh
+  npm install
+```
+or
+```sh
+yarn install
+```
+4. Start the development server:
+
+```sh
+npm run dev
+```
+
+or
+
+```sh
+yarn dev
+```
+
+The app should now be running at http://localhost:5173.
+
+### Running Storybook
+
+To run Storybook locally, follow these steps:
+
+1. Ensure you are in the project directory:
+
+```sh
+cd react-beauty-calendar
+```
+
+2. Start Storybook:
+
+```sh
+npm run storybook
+```
+or
+
+```sh
+yarn storybook
+```
+Storybook should now be running at http://localhost:6006.
+
+## Contributing
+
+We welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) for details.
+
+## New Component Proposals
+
+Feel free to open a issue for new ideas and contributions.
+
+## Contact
+  
+For bug reports and feature requests, please use the issue tracker of this repository.
+
+## License
+
+This project is licensed under the [MIT License](LICENSE) 2025.

package/dist/build/assets/react-beauty-calendar.css

@@ -0,0 +1 @@
+._calendarHeader_1dbzv_1{max-width:4.85rem;min-width:4.85rem}@media screen and (max-width: 1189px){._calendarHeader_1dbzv_1{max-width:4rem;min-width:4rem}}@property --progress{syntax: "<number>"; initial-value: 0; inherits: false;}._Draggable_1rwnc_7{position:relative;transition:transform .25s ease}._Draggable_1rwnc_7>div{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:0;border-radius:5px;box-shadow:var(--box-shadow);transform:translate3d(var(--translate-x, 0),var(--translate-y, 0),0) scale(var(--scale, 1));transition:box-shadow .3s ease}._Draggable_1rwnc_7._pendingDelay_1rwnc_22{animation:_pending_1rwnc_22 linear;background-image:linear-gradient(90deg,rgb(0,47,255) calc(var(--progress)* 1%),transparent calc(var(--progress)* 1% + 1%))}._Draggable_1rwnc_7:not(._handle_1rwnc_29)>div{touch-action:none;cursor:grab}._Draggable_1rwnc_7:not(._handle_1rwnc_29)>div:focus-visible:not(._active_1rwnc_34 :is(._Draggable_1rwnc_7:not(._handle_1rwnc_29)>div)){box-shadow:0 0 0 3px #4c9ffe}._Draggable_1rwnc_7._handle_1rwnc_29>div{--action-background: rgba(255, 255, 255, .1)}._Draggable_1rwnc_7._handle_1rwnc_29>div>svg{margin-right:5px}._Draggable_1rwnc_7._handle_1rwnc_29>div>div{margin-right:-10px}._Draggable_1rwnc_7 img{-webkit-user-select:none;user-select:none;pointer-events:none}._Draggable_1rwnc_7._dragging_1rwnc_59{z-index:1;transition:none}._Draggable_1rwnc_7._dragging_1rwnc_59 *{cursor:grabbing}._Draggable_1rwnc_7._dragging_1rwnc_59>div{--scale: 1.06;--box-shadow: -1px 0 15px 0 rgba(34, 33, 81, .01), 0px 15px 15px 0 rgba(34, 33, 81, .25)}._Draggable_1rwnc_7._dragging_1rwnc_59>div:focus-visible{--box-shadow: 0 0px 10px 2px #4c9ffe}._Draggable_1rwnc_7._dragging_1rwnc_59 label{animation:none;opacity:0}._Draggable_1rwnc_7._dragOverlay_1rwnc_83>div,._Draggable_1rwnc_7._dragging_1rwnc_59>div{animation:_pop_1rwnc_1 .25s cubic-bezier(.18,.67,.6,1.22)}@keyframes _pulse_1rwnc_1{0%{opacity:0}to{opacity:1}}@keyframes _pop_1rwnc_1{0%{transform:translate3d(var(--translate-x, 0),var(--translate-y, 0),0) scale(1)}to{transform:translate3d(var(--translate-x, 0),var(--translate-y, 0),0) scale(var(--scale));box-shadow:var(--box-shadow)}}@keyframes _pending_1rwnc_22{to{--progress: 100}}#root{margin:0 auto;text-align:center}.react-resizable{position:relative}.react-resizable:hover .react-resizable-handle-s{display:inline}.dragging-effect{border:2px solid rgba(255,21,0,.682)}.show-handle.react-resizable .react-resizable-handle-s{display:inline}.react-resizable.slot-resizable>.react-resizable-handle{width:100%;height:100%}.react-resizable.slot-resizable>.react-resizable-handle.react-resizable-handle-se{cursor:default;background-image:none}.react-resizable.slot-resizable>.react-resizable-handle.react-resizable-handle-se:hover{cursor:default;background-image:none}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E %3Cpath d='M5 14H19M5 10H19' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E %3C/g%3E%3C/svg%3E");background-position:bottom right}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;left:0;cursor:se-resize;z-index:100}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:-5px;z-index:100}.react-resizable-handle-s{display:none;bottom:-5px;z-index:100}.rdp-day:hover{background-color:#edecec!important;color:#1f1f1f!important;border-radius:50%!important}.rdp-chevron{fill:#5403d6!important}.rdp-day.rdp-today{color:#fff!important;border-radius:50%;background-color:#8574e5!important}.rdp-day::selection{background-color:#8574e5!important;color:red!important}.rdp-day.rdp-selected>.rdp-day_button{background:#d5d0f7;color:#322290;border:none}.shadow{box-shadow:2px 2px 6px 1px #0000004d}@keyframes spinBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-spin-border{animation:spinBorder 3s linear infinite;background-size:200% 200%}.disableVisibilityTime{display:none}.activateVisibilityTime{display:block}