placer-toolkit 0.5.1

package/LICENSE.md

@@ -0,0 +1,9 @@
+# Licence (MIT License)
+
+Copyright © 2025 Placer and its contributors
+
+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,66 @@
+# <picture><source media="(prefers-color-scheme: dark)" srcset="https://github.com/randomguy-2650/placer-toolkit/blob/main/public/logo-wordmark-dark.svg"></source><source media="(prefers-color-scheme: light)" srcset="https://github.com/randomguy-2650/placer-toolkit/blob/main/public/logo-wordmark-light.svg"></source><img src="https://github.com/randomguy-2650/placer-toolkit/blob/main/public/logo-wordmark-light.svg" alt="Placer Toolkit" width="50%" /></picture>
+
+### The go‐to web component library for the web! 🛠️
+
+[![Netlify status](https://api.netlify.com/api/v1/badges/b854c7b0-7765-4fe0-a1a7-06e300c4e164/deploy-status)](https://app.netlify.com/projects/whimsical-cheesecake-9c86fe/deploys)
+
+> ![NOTE]
+> 📦 This is a **monorepo** containing the Placer Toolkit core and its documentation site.
+
+## 🚧 Pre‐release notice
+
+This is a **pre‐release** version of Placer Toolkit. There may be instabilities and bugs in pre‐release versions of Placer Toolkit, feel free to create an issue about the bug or if you know how to fix it, then create a PR instead. We **don’t recommend** using pre‐release software in production _just_ yet.
+
+## 🛠️ Custom Placer Toolkit builds
+
+If you want to create custom builds of Placer Toolkit, you can use this documentation to learn how to build Placer Toolkit from source. You will need Node.js ≥18 to build and run the project locally.
+
+You don’t need any of this to use Placer Toolkit. This section is for contributors or anyone who wants to tinker with the source or create custom builds of Placer Toolkit.
+
+1. Start by [forking the repo](https://github.com/randomguy-2650/placer-toolkit/fork) on GitHub, then clone it locally and install dependencies.
+
+```shell
+git clone https://github.com/[GITHUB_USERNAME]/placer-toolkit
+cd placer-toolkit # Navigate into your clone
+npm install # Installs dependencies for Placer Toolkit
+cd docs
+npm install # Installs dependencies for Placer Toolkit’s docs
+```
+
+2. Once you’ve cloned the repo, you can run the following command to spin up the development server for the docs. Make sure you’re in the `docs` folder of the project.
+
+```shell
+npm run dev # To spin up the dev server provided by Astro
+npx astro dev --host # If you want to expose the server on your network
+```
+
+This will spin up the dev server on `localhost:4321`. There is hot module reloading (HMR) as the docs are powered by [Astro](https://astro.build), which uses [Vite](https://vite.dev).
+
+3. To build the docs, run this command in the `docs` folder.
+
+```shell
+npm run build # Builds the project. Also initialises Pagefind on‐the‐go
+npm run preview # To spin up the production server provided by Astro
+```
+
+### 🧱 Creating new components
+
+See [CREATING_A_NEW_COMPONENT.md](https://github.com/randomguy-2650/placer-toolkit/blob/main/CREATING_A_NEW_COMPONENT.md) for more info.
+
+## 📄 Licence
+
+This project is licenced under the [MIT Licence](LICENSE.md).
+
+## 💖 Special thanks
+
+Placer Toolkit was built with the help of these fantastic libraries:
+
+-   [Lit](https://lit.dev)
+-   [Astro](https://astro.build)
+-   [Floating UI](https://floating-ui.com)
+-   [Custom Elements Manifest](https://custom-elements-manifest.open-wc.org)
+-   [Pagefind](https://pagefind.app)
+
+Additionally, Placer Toolkit is heavily inspired by [Shoelace](https://shoelace.style)—a forward‐thinking library of web components. Shoelace is licenced under the [MIT Licence](https://github.com/shoelace-style/shoelace/blob/next/LICENSE.md).
+
+© 2025 Placer and its contributors. All rights reserved.

package/dist/animations/attention_seekers/bounce.d.ts

@@ -0,0 +1,16 @@
+export declare const bounce: ({
+    offset: number;
+    easing: string;
+    transform: string;
+    "transition-timing-function"?: undefined;
+} | {
+    offset: number;
+    "transition-timing-function": string;
+    transform: string;
+    easing?: undefined;
+} | {
+    offset: number;
+    transform: string;
+    easing?: undefined;
+    "transition-timing-function"?: undefined;
+})[];

package/dist/animations/attention_seekers/bounce.js

@@ -0,0 +1,45 @@
+const bounce = [
+    {
+        offset: 0,
+        easing: "cubic-bezier(0.215, 0.61, 0.355, 1)",
+        transform: "translate3d(0, 0, 0)",
+    },
+    {
+        offset: 0.2,
+        easing: "cubic-bezier(0.215, 0.61, 0.355, 1)",
+        transform: "translate3d(0, 0, 0)",
+    },
+    {
+        offset: 0.4,
+        easing: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
+        transform: "translate3d(0, -30px, 0) scaleY(1.1)",
+    },
+    {
+        offset: 0.43,
+        easing: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
+        transform: "translate3d(0, -30px, 0) scaleY(1.1)",
+    },
+    {
+        offset: 0.53,
+        easing: "cubic-bezier(0.215, 0.61, 0.355, 1)",
+        transform: "translate3d(0, 0, 0)",
+    },
+    {
+        offset: 0.7,
+        easing: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
+        transform: "translate3d(0, -15px, 0) scaleY(1.05)",
+    },
+    {
+        "offset": 0.8,
+        "transition-timing-function": "cubic-bezier(0.215, 0.61, 0.355, 1)",
+        "transform": "translate3d(0, 0, 0) scaleY(0.95)",
+    },
+    { offset: 0.9, transform: "translate3d(0, -4px, 0) scaleY(1.02)" },
+    {
+        offset: 1,
+        easing: "cubic-bezier(0.215, 0.61, 0.355, 1)",
+        transform: "translate3d(0, 0, 0)",
+    },
+];
+
+export { bounce };

package/dist/animations/attention_seekers/flash.d.ts

@@ -0,0 +1,4 @@
+export declare const flash: {
+    offset: number;
+    opacity: string;
+}[];

package/dist/animations/attention_seekers/flash.js

@@ -0,0 +1,9 @@
+const flash = [
+    { offset: 0, opacity: "1" },
+    { offset: 0.25, opacity: "0" },
+    { offset: 0.5, opacity: "1" },
+    { offset: 0.75, opacity: "0" },
+    { offset: 1, opacity: "1" },
+];
+
+export { flash };

package/dist/animations/attention_seekers/headShake.d.ts

@@ -0,0 +1,4 @@
+export declare const headShake: {
+    offset: number;
+    transform: string;
+}[];

package/dist/animations/attention_seekers/headShake.js

@@ -0,0 +1,10 @@
+const headShake = [
+    { offset: 0, transform: "translateX(0)" },
+    { offset: 0.065, transform: "translateX(-6px) rotateY(-9deg)" },
+    { offset: 0.185, transform: "translateX(5px) rotateY(7deg)" },
+    { offset: 0.315, transform: "translateX(-3px) rotateY(-5deg)" },
+    { offset: 0.435, transform: "translateX(2px) rotateY(3deg)" },
+    { offset: 0.5, transform: "translateX(0)" },
+];
+
+export { headShake };

package/dist/animations/attention_seekers/heartBeat.d.ts

@@ -0,0 +1,4 @@
+export declare const heartBeat: {
+    offset: number;
+    transform: string;
+}[];

package/dist/animations/attention_seekers/heartBeat.js

@@ -0,0 +1,9 @@
+const heartBeat = [
+    { offset: 0, transform: "scale(1)" },
+    { offset: 0.14, transform: "scale(1.3)" },
+    { offset: 0.28, transform: "scale(1)" },
+    { offset: 0.42, transform: "scale(1.3)" },
+    { offset: 0.7, transform: "scale(1)" },
+];
+
+export { heartBeat };

package/dist/animations/attention_seekers/jello.d.ts

@@ -0,0 +1,4 @@
+export declare const jello: {
+    offset: number;
+    transform: string;
+}[];

package/dist/animations/attention_seekers/jello.js

@@ -0,0 +1,17 @@
+const jello = [
+    { offset: 0, transform: "translate3d(0, 0, 0)" },
+    { offset: 0.111, transform: "translate3d(0, 0, 0)" },
+    { offset: 0.222, transform: "skewX(-12.5deg) skewY(-12.5deg)" },
+    { offset: 0.33299999999999996, transform: "skewX(6.25deg) skewY(6.25deg)" },
+    { offset: 0.444, transform: "skewX(-3.125deg) skewY(-3.125deg)" },
+    { offset: 0.555, transform: "skewX(1.5625deg) skewY(1.5625deg)" },
+    {
+        offset: 0.6659999999999999,
+        transform: "skewX(-0.78125deg) skewY(-0.78125deg)",
+    },
+    { offset: 0.777, transform: "skewX(0.390625deg) skewY(0.390625deg)" },
+    { offset: 0.888, transform: "skewX(-0.1953125deg) skewY(-0.1953125deg)" },
+    { offset: 1, transform: "translate3d(0, 0, 0)" },
+];
+
+export { jello };

package/dist/animations/attention_seekers/pulse.d.ts

@@ -0,0 +1,4 @@
+export declare const pulse: {
+    offset: number;
+    transform: string;
+}[];

package/dist/animations/attention_seekers/pulse.js

@@ -0,0 +1,7 @@
+const pulse = [
+    { offset: 0, transform: "scale3d(1, 1, 1)" },
+    { offset: 0.5, transform: "scale3d(1.05, 1.05, 1.05)" },
+    { offset: 1, transform: "scale3d(1, 1, 1)" },
+];
+
+export { pulse };

package/dist/animations/attention_seekers/rubberBand.d.ts

@@ -0,0 +1,4 @@
+export declare const rubberBand: {
+    offset: number;
+    transform: string;
+}[];

package/dist/animations/attention_seekers/rubberBand.js

@@ -0,0 +1,11 @@
+const rubberBand = [
+    { offset: 0, transform: "scale3d(1, 1, 1)" },
+    { offset: 0.3, transform: "scale3d(1.25, 0.75, 1)" },
+    { offset: 0.4, transform: "scale3d(0.75, 1.25, 1)" },
+    { offset: 0.5, transform: "scale3d(1.15, 0.85, 1)" },
+    { offset: 0.65, transform: "scale3d(0.95, 1.05, 1)" },
+    { offset: 0.75, transform: "scale3d(1.05, 0.95, 1)" },
+    { offset: 1, transform: "scale3d(1, 1, 1)" },
+];
+
+export { rubberBand };

package/dist/animations/attention_seekers/shake.d.ts

@@ -0,0 +1,4 @@
+export declare const shake: {
+    offset: number;
+    transform: string;
+}[];

package/dist/animations/attention_seekers/shake.js

@@ -0,0 +1,15 @@
+const shake = [
+    { offset: 0, transform: "translate3d(0, 0, 0)" },
+    { offset: 0.1, transform: "translate3d(-10px, 0, 0)" },
+    { offset: 0.2, transform: "translate3d(10px, 0, 0)" },
+    { offset: 0.3, transform: "translate3d(-10px, 0, 0)" },
+    { offset: 0.4, transform: "translate3d(10px, 0, 0)" },
+    { offset: 0.5, transform: "translate3d(-10px, 0, 0)" },
+    { offset: 0.6, transform: "translate3d(10px, 0, 0)" },
+    { offset: 0.7, transform: "translate3d(-10px, 0, 0)" },
+    { offset: 0.8, transform: "translate3d(10px, 0, 0)" },
+    { offset: 0.9, transform: "translate3d(-10px, 0, 0)" },
+    { offset: 1, transform: "translate3d(0, 0, 0)" },
+];
+
+export { shake };

package/dist/animations/attention_seekers/shakeX.d.ts

@@ -0,0 +1,4 @@
+export declare const shakeX: {
+    offset: number;
+    transform: string;
+}[];

package/dist/animations/attention_seekers/shakeX.js

@@ -0,0 +1,15 @@
+const shakeX = [
+    { offset: 0, transform: "translate3d(0, 0, 0)" },
+    { offset: 0.1, transform: "translate3d(-10px, 0, 0)" },
+    { offset: 0.2, transform: "translate3d(10px, 0, 0)" },
+    { offset: 0.3, transform: "translate3d(-10px, 0, 0)" },
+    { offset: 0.4, transform: "translate3d(10px, 0, 0)" },
+    { offset: 0.5, transform: "translate3d(-10px, 0, 0)" },
+    { offset: 0.6, transform: "translate3d(10px, 0, 0)" },
+    { offset: 0.7, transform: "translate3d(-10px, 0, 0)" },
+    { offset: 0.8, transform: "translate3d(10px, 0, 0)" },
+    { offset: 0.9, transform: "translate3d(-10px, 0, 0)" },
+    { offset: 1, transform: "translate3d(0, 0, 0)" },
+];
+
+export { shakeX };

package/dist/animations/attention_seekers/shakeY.d.ts

@@ -0,0 +1,4 @@
+export declare const shakeY: {
+    offset: number;
+    transform: string;
+}[];

package/dist/animations/attention_seekers/shakeY.js

@@ -0,0 +1,15 @@
+const shakeY = [
+    { offset: 0, transform: "translate3d(0, 0, 0)" },
+    { offset: 0.1, transform: "translate3d(0, -10px, 0)" },
+    { offset: 0.2, transform: "translate3d(0, 10px, 0)" },
+    { offset: 0.3, transform: "translate3d(0, -10px, 0)" },
+    { offset: 0.4, transform: "translate3d(0, 10px, 0)" },
+    { offset: 0.5, transform: "translate3d(0, -10px, 0)" },
+    { offset: 0.6, transform: "translate3d(0, 10px, 0)" },
+    { offset: 0.7, transform: "translate3d(0, -10px, 0)" },
+    { offset: 0.8, transform: "translate3d(0, 10px, 0)" },
+    { offset: 0.9, transform: "translate3d(0, -10px, 0)" },
+    { offset: 1, transform: "translate3d(0, 0, 0)" },
+];
+
+export { shakeY };

package/dist/animations/attention_seekers/swing.d.ts

@@ -0,0 +1,4 @@
+export declare const swing: {
+    offset: number;
+    transform: string;
+}[];

package/dist/animations/attention_seekers/swing.js

@@ -0,0 +1,9 @@
+const swing = [
+    { offset: 0.2, transform: "rotate3d(0, 0, 1, 15deg)" },
+    { offset: 0.4, transform: "rotate3d(0, 0, 1, -10deg)" },
+    { offset: 0.6, transform: "rotate3d(0, 0, 1, 5deg)" },
+    { offset: 0.8, transform: "rotate3d(0, 0, 1, -5deg)" },
+    { offset: 1, transform: "rotate3d(0, 0, 1, 0deg)" },
+];
+
+export { swing };

package/dist/animations/attention_seekers/tada.d.ts

@@ -0,0 +1,4 @@
+export declare const tada: {
+    offset: number;
+    transform: string;
+}[];

package/dist/animations/attention_seekers/tada.js

@@ -0,0 +1,42 @@
+const tada = [
+    { offset: 0, transform: "scale3d(1, 1, 1)" },
+    {
+        offset: 0.1,
+        transform: "scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)",
+    },
+    {
+        offset: 0.2,
+        transform: "scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)",
+    },
+    {
+        offset: 0.3,
+        transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)",
+    },
+    {
+        offset: 0.4,
+        transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)",
+    },
+    {
+        offset: 0.5,
+        transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)",
+    },
+    {
+        offset: 0.6,
+        transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)",
+    },
+    {
+        offset: 0.7,
+        transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)",
+    },
+    {
+        offset: 0.8,
+        transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)",
+    },
+    {
+        offset: 0.9,
+        transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)",
+    },
+    { offset: 1, transform: "scale3d(1, 1, 1)" },
+];
+
+export { tada };

package/dist/animations/attention_seekers/wobble.d.ts

@@ -0,0 +1,4 @@
+export declare const wobble: {
+    offset: number;
+    transform: string;
+}[];

package/dist/animations/attention_seekers/wobble.js

@@ -0,0 +1,26 @@
+const wobble = [
+    { offset: 0, transform: "translate3d(0, 0, 0)" },
+    {
+        offset: 0.15,
+        transform: "translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)",
+    },
+    {
+        offset: 0.3,
+        transform: "translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)",
+    },
+    {
+        offset: 0.45,
+        transform: "translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)",
+    },
+    {
+        offset: 0.6,
+        transform: "translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)",
+    },
+    {
+        offset: 0.75,
+        transform: "translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)",
+    },
+    { offset: 1, transform: "translate3d(0, 0, 0)" },
+];
+
+export { wobble };

package/dist/animations/back_entrances/backInDown.d.ts

@@ -0,0 +1,5 @@
+export declare const backInDown: {
+    offset: number;
+    transform: string;
+    opacity: string;
+}[];

package/dist/animations/back_entrances/backInDown.js

@@ -0,0 +1,7 @@
+const backInDown = [
+    { offset: 0, transform: "translateY(-1200px) scale(0.7)", opacity: "0.7" },
+    { offset: 0.8, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
+    { offset: 1, transform: "scale(1)", opacity: "1" },
+];
+
+export { backInDown };

package/dist/animations/back_entrances/backInLeft.d.ts

@@ -0,0 +1,5 @@
+export declare const backInLeft: {
+    offset: number;
+    transform: string;
+    opacity: string;
+}[];

package/dist/animations/back_entrances/backInLeft.js

@@ -0,0 +1,7 @@
+const backInLeft = [
+    { offset: 0, transform: "translateX(-2000px) scale(0.7)", opacity: "0.7" },
+    { offset: 0.8, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
+    { offset: 1, transform: "scale(1)", opacity: "1" },
+];
+
+export { backInLeft };

package/dist/animations/back_entrances/backInRight.d.ts

@@ -0,0 +1,5 @@
+export declare const backInRight: {
+    offset: number;
+    transform: string;
+    opacity: string;
+}[];

package/dist/animations/back_entrances/backInRight.js

@@ -0,0 +1,7 @@
+const backInRight = [
+    { offset: 0, transform: "translateX(2000px) scale(0.7)", opacity: "0.7" },
+    { offset: 0.8, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
+    { offset: 1, transform: "scale(1)", opacity: "1" },
+];
+
+export { backInRight };

package/dist/animations/back_entrances/backInUp.d.ts

@@ -0,0 +1,5 @@
+export declare const backInUp: {
+    offset: number;
+    transform: string;
+    opacity: string;
+}[];

package/dist/animations/back_entrances/backInUp.js

@@ -0,0 +1,7 @@
+const backInUp = [
+    { offset: 0, transform: "translateY(1200px) scale(0.7)", opacity: "0.7" },
+    { offset: 0.8, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
+    { offset: 1, transform: "scale(1)", opacity: "1" },
+];
+
+export { backInUp };

package/dist/animations/back_exits/backOutDown.d.ts

@@ -0,0 +1,5 @@
+export declare const backOutDown: {
+    offset: number;
+    transform: string;
+    opacity: string;
+}[];

package/dist/animations/back_exits/backOutDown.js

@@ -0,0 +1,7 @@
+const backOutDown = [
+    { offset: 0, transform: "scale(1)", opacity: "1" },
+    { offset: 0.2, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
+    { offset: 1, transform: "translateY(700px) scale(0.7)", opacity: "0.7" },
+];
+
+export { backOutDown };

package/dist/animations/back_exits/backOutLeft.d.ts

@@ -0,0 +1,5 @@
+export declare const backOutLeft: {
+    offset: number;
+    transform: string;
+    opacity: string;
+}[];

package/dist/animations/back_exits/backOutLeft.js

@@ -0,0 +1,7 @@
+const backOutLeft = [
+    { offset: 0, transform: "scale(1)", opacity: "1" },
+    { offset: 0.2, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
+    { offset: 1, transform: "translateX(-2000px) scale(0.7)", opacity: "0.7" },
+];
+
+export { backOutLeft };

package/dist/animations/back_exits/backOutRight.d.ts

@@ -0,0 +1,5 @@
+export declare const backOutRight: {
+    offset: number;
+    transform: string;
+    opacity: string;
+}[];

package/dist/animations/back_exits/backOutRight.js

@@ -0,0 +1,7 @@
+const backOutRight = [
+    { offset: 0, transform: "scale(1)", opacity: "1" },
+    { offset: 0.2, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
+    { offset: 1, transform: "translateX(2000px) scale(0.7)", opacity: "0.7" },
+];
+
+export { backOutRight };

package/dist/animations/back_exits/backOutUp.d.ts

@@ -0,0 +1,5 @@
+export declare const backOutUp: {
+    offset: number;
+    transform: string;
+    opacity: string;
+}[];

package/dist/animations/back_exits/backOutUp.js

@@ -0,0 +1,7 @@
+const backOutUp = [
+    { offset: 0, transform: "scale(1)", opacity: "1" },
+    { offset: 0.2, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
+    { offset: 1, transform: "translateY(-700px) scale(0.7)", opacity: "0.7" },
+];
+
+export { backOutUp };

package/dist/animations/bouncing_entrances/bounceIn.d.ts

@@ -0,0 +1,16 @@
+export declare const bounceIn: ({
+    offset: number;
+    opacity: string;
+    transform: string;
+    easing?: undefined;
+} | {
+    offset: number;
+    easing: string;
+    opacity?: undefined;
+    transform?: undefined;
+} | {
+    offset: number;
+    transform: string;
+    opacity?: undefined;
+    easing?: undefined;
+})[];

package/dist/animations/bouncing_entrances/bounceIn.js

@@ -0,0 +1,16 @@
+const bounceIn = [
+    { offset: 0, opacity: "0", transform: "scale3d(0.3, 0.3, 0.3)" },
+    { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+    { offset: 0.2, transform: "scale3d(1.1, 1.1, 1.1)" },
+    { offset: 0.2, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+    { offset: 0.4, transform: "scale3d(0.9, 0.9, 0.9)" },
+    { offset: 0.4, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+    { offset: 0.6, opacity: "1", transform: "scale3d(1.03, 1.03, 1.03)" },
+    { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+    { offset: 0.8, transform: "scale3d(0.97, 0.97, 0.97)" },
+    { offset: 0.8, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+    { offset: 1, opacity: "1", transform: "scale3d(1, 1, 1)" },
+    { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+];
+
+export { bounceIn };

package/dist/animations/bouncing_entrances/bounceInDown.d.ts

@@ -0,0 +1,16 @@
+export declare const bounceInDown: ({
+    offset: number;
+    opacity: string;
+    transform: string;
+    easing?: undefined;
+} | {
+    offset: number;
+    easing: string;
+    opacity?: undefined;
+    transform?: undefined;
+} | {
+    offset: number;
+    transform: string;
+    opacity?: undefined;
+    easing?: undefined;
+})[];

package/dist/animations/bouncing_entrances/bounceInDown.js

@@ -0,0 +1,22 @@
+const bounceInDown = [
+    {
+        offset: 0,
+        opacity: "0",
+        transform: "translate3d(0, -3000px, 0) scaleY(3)",
+    },
+    { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+    {
+        offset: 0.6,
+        opacity: "1",
+        transform: "translate3d(0, 25px, 0) scaleY(0.9)",
+    },
+    { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+    { offset: 0.75, transform: "translate3d(0, -10px, 0) scaleY(0.95)" },
+    { offset: 0.75, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+    { offset: 0.9, transform: "translate3d(0, 5px, 0) scaleY(0.985)" },
+    { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+    { offset: 1, transform: "translate3d(0, 0, 0)" },
+    { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
+];
+
+export { bounceInDown };

package/dist/animations/bouncing_entrances/bounceInLeft.d.ts

@@ -0,0 +1,16 @@
+export declare const bounceInLeft: ({
+    offset: number;
+    opacity: string;
+    transform: string;
+    easing?: undefined;
+} | {
+    offset: number;
+    easing: string;
+    opacity?: undefined;
+    transform?: undefined;
+} | {
+    offset: number;
+    transform: string;
+    opacity?: undefined;
+    easing?: undefined;
+})[];