mood-blobs 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Arnaud Manaranche
+
+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,124 @@
+# mood-blobs
+
+![screenshot](screenshot.png)
+
+Expressive SVG blob components representing different moods for React.
+
+```tsx
+<MoodBlob mood="happy" size="m" />
+<MoodBlob mood="angry" size="l" color="#FF6B6B" />
+```
+
+## Features
+
+- 10 hand-crafted moods with unique blob shapes and expressive faces
+- Fully typed with TypeScript
+- Zero dependencies (besides React)
+- Scales to any size via SVG
+- Customizable colors
+
+## Moods
+
+`happy` · `sad` · `angry` · `surprised` · `nervous` · `cool` · `love` · `disgusted` · `sleepy` · `excited`
+
+## Installation
+
+```bash
+npm install mood-blobs
+```
+
+Requires `react >= 17` as a peer dependency.
+
+## Usage
+
+```tsx
+import { MoodBlob } from 'mood-blobs';
+
+// Basic
+<MoodBlob mood="happy" />
+
+// With size
+<MoodBlob mood="sad" size="l" />
+
+// With custom color
+<MoodBlob mood="angry" size="m" color="#FF6B6B" />
+
+// With className / style
+<MoodBlob
+  mood="excited"
+  size="xl"
+  style={{ filter: 'drop-shadow(0 4px 12px rgba(0,0,0,0.15))' }}
+/>
+```
+
+## Props
+
+| Prop        | Type            | Default      | Description                              |
+|-------------|-----------------|--------------|------------------------------------------|
+| `mood`      | `Mood`          | **required** | The emotional expression to render       |
+| `size`      | `Size`          | `"m"`        | `xs`=80px · `s`=120px · `m`=160px · `l`=220px · `xl`=300px |
+| `color`     | `string`        | mood default | Any valid CSS color string               |
+| `className` | `string`        | —            | Added to the root `<svg>` element        |
+| `style`     | `CSSProperties` | —            | Inline styles on the root `<svg>`        |
+
+## Default colors
+
+```ts
+happy:     '#FFD93D'  // bright yellow
+sad:       '#74B9FF'  // sky blue
+angry:     '#FF6B6B'  // coral red
+surprised: '#A29BFE'  // lavender
+nervous:   '#55EFC4'  // mint
+cool:      '#636E72'  // slate gray
+love:      '#FD79A8'  // pink
+disgusted: '#6C5CE7'  // purple
+sleepy:    '#B2BEC3'  // light gray-blue
+excited:   '#FDCB6E'  // warm orange
+```
+
+## Project structure
+
+```
+mood-blobs/
+├── src/                    # Library source (the npm package)
+│   ├── index.ts
+│   ├── types.ts
+│   ├── constants.ts
+│   └── components/
+│       ├── MoodBlob.tsx
+│       └── moods/          # One file per mood
+│           ├── Happy.tsx
+│           ├── Sad.tsx
+│           ├── Angry.tsx
+│           ├── Surprised.tsx
+│           ├── Nervous.tsx
+│           ├── Cool.tsx
+│           ├── Love.tsx
+│           ├── Disgusted.tsx
+│           ├── Sleepy.tsx
+│           └── Excited.tsx
+├── website/                # Static documentation site
+│   ├── index.html
+│   └── styles.css
+└── README.md
+```
+
+## Running the demo
+
+```bash
+npm install
+npm run demo
+```
+
+## Building the library
+
+```bash
+npm install
+npm run build
+```
+
+This outputs CommonJS and ESM builds to `dist/`.
+
+## License
+
+MIT

package/dist/cjs/animations.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KEYFRAMES_CSS = void 0;
+exports.KEYFRAMES_CSS = `
+@keyframes mb-happy-bounce {
+  0%   { transform: translateY(0) scaleX(1) scaleY(1); }
+  20%  { transform: translateY(-30%) scaleX(0.9) scaleY(1.1); }
+  40%  { transform: translateY(0) scaleX(1.15) scaleY(0.85); }
+  55%  { transform: translateY(-15%) scaleX(0.95) scaleY(1.05); }
+  70%  { transform: translateY(0) scaleX(1.05) scaleY(0.95); }
+  85%  { transform: translateY(-5%) scaleX(1) scaleY(1); }
+  100% { transform: translateY(0) scaleX(1) scaleY(1); }
+}
+
+@keyframes mb-sad-slump {
+  0%   { transform: translateY(0) scaleX(1) scaleY(1); }
+  30%  { transform: translateY(15%) scaleX(1.1) scaleY(0.85); }
+  50%  { transform: translateY(20%) scaleX(1.15) scaleY(0.8); }
+  65%  { transform: translateY(10%) scaleX(1.05) scaleY(0.9); }
+  80%  { transform: translateY(5%) scaleX(1.02) scaleY(0.97); }
+  100% { transform: translateY(0) scaleX(1) scaleY(1); }
+}
+
+@keyframes mb-angry-shake {
+  0%   { transform: translateX(0) rotate(0deg) scale(1); }
+  10%  { transform: translateX(-8%) rotate(-3deg) scale(1.05); }
+  20%  { transform: translateX(8%) rotate(3deg) scale(1.05); }
+  30%  { transform: translateX(-8%) rotate(-3deg) scale(1.05); }
+  40%  { transform: translateX(8%) rotate(3deg) scale(1.05); }
+  50%  { transform: translateX(-6%) rotate(-2deg) scale(1.02); }
+  60%  { transform: translateX(6%) rotate(2deg) scale(1.02); }
+  70%  { transform: translateX(-4%) rotate(-1deg) scale(1); }
+  80%  { transform: translateX(4%) rotate(1deg) scale(1); }
+  90%  { transform: translateX(-2%) rotate(0deg) scale(1); }
+  100% { transform: translateX(0) rotate(0deg) scale(1); }
+}
+
+@keyframes mb-surprised-pop {
+  0%   { transform: scale(1); }
+  15%  { transform: scale(0.85); }
+  35%  { transform: scale(1.3); }
+  55%  { transform: scale(0.95); }
+  70%  { transform: scale(1.05); }
+  85%  { transform: scale(0.98); }
+  100% { transform: scale(1); }
+}
+
+@keyframes mb-nervous-jitter {
+  0%   { transform: translate(0, 0) rotate(0deg); }
+  10%  { transform: translate(-3%, 2%) rotate(-1deg); }
+  20%  { transform: translate(3%, -2%) rotate(1deg); }
+  30%  { transform: translate(-2%, -3%) rotate(-1.5deg); }
+  40%  { transform: translate(2%, 3%) rotate(1deg); }
+  50%  { transform: translate(-3%, -1%) rotate(-0.5deg); }
+  60%  { transform: translate(3%, 1%) rotate(1.5deg); }
+  70%  { transform: translate(-1%, 2%) rotate(-1deg); }
+  80%  { transform: translate(1%, -2%) rotate(0.5deg); }
+  90%  { transform: translate(-2%, 1%) rotate(-0.5deg); }
+  100% { transform: translate(0, 0) rotate(0deg); }
+}
+
+@keyframes mb-cool-swagger {
+  0%   { transform: translateX(0) rotate(0deg); }
+  25%  { transform: translateX(-8%) rotate(-4deg); }
+  50%  { transform: translateX(0) rotate(0deg); }
+  75%  { transform: translateX(8%) rotate(4deg); }
+  100% { transform: translateX(0) rotate(0deg); }
+}
+
+@keyframes mb-love-pulse {
+  0%   { transform: scale(1); }
+  15%  { transform: scale(1.15); }
+  30%  { transform: scale(1); }
+  45%  { transform: scale(1.2); }
+  60%  { transform: scale(1); }
+  80%  { transform: scale(1.02); }
+  100% { transform: scale(1); }
+}
+
+@keyframes mb-disgusted-recoil {
+  0%   { transform: translate(0, 0) rotate(0deg); }
+  20%  { transform: translate(-15%, -10%) rotate(-8deg); }
+  40%  { transform: translate(-10%, -5%) rotate(-5deg); }
+  55%  { transform: translate(-5%, 0) rotate(-2deg) scaleX(1.05); }
+  65%  { transform: translate(3%, 2%) rotate(2deg); }
+  75%  { transform: translate(-2%, -1%) rotate(-1deg); }
+  85%  { transform: translate(1%, 0) rotate(0.5deg); }
+  100% { transform: translate(0, 0) rotate(0deg); }
+}
+
+@keyframes mb-sleepy-nod {
+  0%   { transform: translateY(0) rotate(0deg); }
+  30%  { transform: translateY(10%) rotate(10deg); }
+  60%  { transform: translateY(15%) rotate(15deg); }
+  80%  { transform: translateY(8%) rotate(8deg); }
+  100% { transform: translateY(0) rotate(0deg); }
+}
+
+@keyframes mb-excited-burst {
+  0%   { transform: translateY(0) rotate(0deg) scale(1); }
+  15%  { transform: translateY(-25%) rotate(8deg) scale(1.1); }
+  30%  { transform: translateY(0) rotate(-4deg) scale(0.95); }
+  45%  { transform: translateY(-18%) rotate(6deg) scale(1.08); }
+  60%  { transform: translateY(0) rotate(-3deg) scale(0.97); }
+  75%  { transform: translateY(-10%) rotate(4deg) scale(1.04); }
+  88%  { transform: translateY(0) rotate(-2deg) scale(0.99); }
+  100% { transform: translateY(0) rotate(0deg) scale(1); }
+}
+`;

package/dist/cjs/components/MoodBlob.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MoodBlob = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const constants_1 = require("../constants");
+const animations_1 = require("../animations");
+const moods_1 = require("./moods");
+let stylesInjected = false;
+const MoodBlob = ({ mood, size = 'm', color, className, style, onClick, }) => {
+    const [isAnimating, setIsAnimating] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (typeof document === 'undefined' || stylesInjected)
+            return;
+        stylesInjected = true;
+        const el = document.createElement('style');
+        el.setAttribute('data-mood-blobs', '');
+        el.textContent = animations_1.KEYFRAMES_CSS;
+        document.head.appendChild(el);
+    }, []);
+    const handleClick = (e) => {
+        if (!isAnimating) {
+            setIsAnimating(true);
+            setTimeout(() => setIsAnimating(false), constants_1.ANIMATION_DURATIONS[mood]);
+        }
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    };
+    const pixelSize = constants_1.SIZES[size];
+    const blobColor = color !== null && color !== void 0 ? color : constants_1.DEFAULT_COLORS[mood];
+    const MoodComponent = moods_1.moods[mood];
+    return ((0, jsx_runtime_1.jsx)(MoodComponent, { color: blobColor, size: pixelSize, className: className, style: style, isAnimating: isAnimating, onClick: handleClick }));
+};
+exports.MoodBlob = MoodBlob;

package/dist/cjs/components/moods/Angry.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Angry = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Angry = ({ color, size, className, style, isAnimating, onClick }) => ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-angry-shake 600ms linear both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M 100 26 C 136 22 174 46 178 82 C 182 118 162 158 128 172 C 116 178 100 180 82 172 C 46 156 20 114 20 78 C 20 44 64 30 100 26 Z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M 50 70 L 86 84", stroke: "#1a1a1a", strokeWidth: "7.5", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M 114 84 L 150 70", stroke: "#1a1a1a", strokeWidth: "7.5", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M 54 94 L 88 90", stroke: "#1a1a1a", strokeWidth: "7", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M 112 90 L 146 94", stroke: "#1a1a1a", strokeWidth: "7", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M 68 138 Q 100 122 132 138", stroke: "#1a1a1a", strokeWidth: "7", strokeLinecap: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M 91 56 L 88 44", stroke: "#1a1a1a", strokeWidth: "4", strokeLinecap: "round", opacity: "0.65" }), (0, jsx_runtime_1.jsx)("path", { d: "M 109 56 L 112 44", stroke: "#1a1a1a", strokeWidth: "4", strokeLinecap: "round", opacity: "0.65" })] }));
+exports.Angry = Angry;

package/dist/cjs/components/moods/Cool.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cool = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Cool = ({ color, size, className, style, isAnimating, onClick }) => ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-cool-swagger 900ms ease-in-out both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M 100 22 C 140 18 180 52 182 92 C 184 134 158 174 118 184 C 108 188 92 188 82 184 C 42 174 16 134 18 92 C 20 52 60 26 100 22 Z", fill: color }), (0, jsx_runtime_1.jsx)("rect", { x: "44", y: "78", width: "50", height: "30", rx: "10", fill: "#1a1a1a" }), (0, jsx_runtime_1.jsx)("rect", { x: "106", y: "78", width: "50", height: "30", rx: "10", fill: "#1a1a1a" }), (0, jsx_runtime_1.jsx)("line", { x1: "94", y1: "93", x2: "106", y2: "93", stroke: "#1a1a1a", strokeWidth: "4" }), (0, jsx_runtime_1.jsx)("line", { x1: "44", y1: "93", x2: "30", y2: "89", stroke: "#1a1a1a", strokeWidth: "4", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("line", { x1: "156", y1: "93", x2: "170", y2: "89", stroke: "#1a1a1a", strokeWidth: "4", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("line", { x1: "52", y1: "84", x2: "58", y2: "90", stroke: "white", strokeWidth: "3", strokeLinecap: "round", opacity: "0.45" }), (0, jsx_runtime_1.jsx)("line", { x1: "114", y1: "84", x2: "120", y2: "90", stroke: "white", strokeWidth: "3", strokeLinecap: "round", opacity: "0.45" }), (0, jsx_runtime_1.jsx)("path", { d: "M 78 132 Q 108 150 128 132", stroke: "#1a1a1a", strokeWidth: "6", strokeLinecap: "round", fill: "none" })] }));
+exports.Cool = Cool;

package/dist/cjs/components/moods/Disgusted.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Disgusted = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Disgusted = ({ color, size, className, style, isAnimating, onClick }) => ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-disgusted-recoil 700ms ease-out both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M 104 22 C 140 16 180 44 182 82 C 184 122 162 164 126 178 C 114 184 86 182 70 172 C 34 152 16 110 20 72 C 24 34 68 28 104 22 Z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M 52 62 Q 70 54 88 62", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M 112 76 Q 128 72 146 76", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("circle", { cx: "70", cy: "86", r: "10", fill: "#1a1a1a" }), (0, jsx_runtime_1.jsx)("circle", { cx: "74", cy: "82", r: "3.5", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M 114 90 Q 129 80 144 90", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M 64 128 Q 76 116 88 130 Q 100 116 112 130 Q 124 116 136 128", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("ellipse", { cx: "100", cy: "140", rx: "14", ry: "10", fill: "#FF8FAB" }), (0, jsx_runtime_1.jsx)("line", { x1: "100", y1: "132", x2: "100", y2: "140", stroke: "#E05C8A", strokeWidth: "2", opacity: "0.5" })] }));
+exports.Disgusted = Disgusted;

package/dist/cjs/components/moods/Excited.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Excited = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Excited = ({ color, size, className, style, isAnimating, onClick }) => ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-excited-burst 700ms cubic-bezier(0.36,0.07,0.19,0.97) both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M 100 14 C 140 10 182 42 186 82 C 190 124 168 166 132 180 C 118 188 82 188 68 180 C 32 166 10 124 14 82 C 18 42 60 18 100 14 Z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M 72 70 L 75.5 81 L 87 81 L 77.5 88 L 81 99 L 72 92 L 63 99 L 66.5 88 L 57 81 L 68.5 81 Z", fill: "#1a1a1a" }), (0, jsx_runtime_1.jsx)("path", { d: "M 128 70 L 131.5 81 L 143 81 L 133.5 88 L 137 99 L 128 92 L 119 99 L 122.5 88 L 113 81 L 124.5 81 Z", fill: "#1a1a1a" }), (0, jsx_runtime_1.jsx)("path", { d: "M 52 124 Q 100 170 148 124 Z", fill: "#1a1a1a" }), (0, jsx_runtime_1.jsx)("line", { x1: "58", y1: "130", x2: "142", y2: "130", stroke: "white", strokeWidth: "10", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M 30 56 L 32 44 L 34 56 L 46 58 L 34 60 L 32 72 L 30 60 L 18 58 Z", fill: "white", opacity: "0.8" }), (0, jsx_runtime_1.jsx)("path", { d: "M 170 42 L 172 32 L 174 42 L 184 44 L 174 46 L 172 56 L 170 46 L 160 44 Z", fill: "white", opacity: "0.7" })] }));
+exports.Excited = Excited;

package/dist/cjs/components/moods/Happy.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Happy = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Happy = ({ color, size, className, style, isAnimating, onClick }) => ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-happy-bounce 650ms cubic-bezier(0.36,0.07,0.19,0.97) both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M 100 18 C 142 16 182 56 182 100 C 182 144 143 184 100 184 C 57 184 18 144 18 100 C 18 56 58 20 100 18 Z", fill: color }), (0, jsx_runtime_1.jsx)("ellipse", { cx: "57", cy: "118", rx: "17", ry: "12", fill: "#FF8FAB", opacity: "0.45" }), (0, jsx_runtime_1.jsx)("ellipse", { cx: "143", cy: "118", rx: "17", ry: "12", fill: "#FF8FAB", opacity: "0.45" }), (0, jsx_runtime_1.jsx)("path", { d: "M 58 92 Q 72 76 86 92", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M 114 92 Q 128 76 142 92", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M 62 118 Q 100 155 138 118", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" })] }));
+exports.Happy = Happy;

package/dist/cjs/components/moods/Love.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Love = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Love = ({ color, size, className, style, isAnimating, onClick }) => ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-love-pulse 850ms ease-in-out both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M 100 30 C 100 18 118 12 134 20 C 158 32 178 62 178 96 C 178 136 152 172 120 184 C 110 190 90 190 80 184 C 48 172 22 136 22 96 C 22 62 42 32 66 20 C 82 12 100 18 100 30 Z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M 72 98 C 58 92 52 80 56 70 C 58 64 66 62 72 68 C 78 62 86 64 88 70 C 92 80 86 92 72 98 Z", fill: "#FF4081" }), (0, jsx_runtime_1.jsx)("circle", { cx: "65", cy: "70", r: "2.5", fill: "white", opacity: "0.6" }), (0, jsx_runtime_1.jsx)("path", { d: "M 128 98 C 114 92 108 80 112 70 C 114 64 122 62 128 68 C 134 62 142 64 144 70 C 148 80 142 92 128 98 Z", fill: "#FF4081" }), (0, jsx_runtime_1.jsx)("circle", { cx: "121", cy: "70", r: "2.5", fill: "white", opacity: "0.6" }), (0, jsx_runtime_1.jsx)("path", { d: "M 64 130 Q 100 158 136 130", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M 158 54 C 158 50 154 48 152 52 C 150 48 146 50 146 54 C 146 58 152 64 158 68 C 164 64 170 58 170 54 C 170 50 166 48 164 52 C 162 48 158 50 158 54 Z", fill: "#FF4081", opacity: "0.7" }), (0, jsx_runtime_1.jsx)("path", { d: "M 42 60 C 42 57 39 55 37 58 C 35 55 32 57 32 60 C 32 63 37 68 42 72 C 47 68 52 63 52 60 C 52 57 49 55 47 58 C 45 55 42 57 42 60 Z", fill: "#FF4081", opacity: "0.55" })] }));
+exports.Love = Love;

package/dist/cjs/components/moods/Nervous.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Nervous = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Nervous = ({ color, size, className, style, isAnimating, onClick }) => ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-nervous-jitter 750ms linear both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M 100 20 C 132 14 174 38 180 78 C 186 118 166 162 128 178 C 116 184 84 184 72 178 C 34 162 14 118 20 78 C 26 38 68 26 100 20 Z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M 55 68 Q 72 62 89 70", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M 111 70 Q 128 62 145 68", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("circle", { cx: "72", cy: "92", r: "11", fill: "#1a1a1a" }), (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "88", r: "3.5", fill: "white" }), (0, jsx_runtime_1.jsx)("circle", { cx: "128", cy: "92", r: "11", fill: "#1a1a1a" }), (0, jsx_runtime_1.jsx)("circle", { cx: "132", cy: "88", r: "3.5", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M 66 132 C 78 124 88 142 100 132 C 112 122 122 140 134 132", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M 158 62 C 163 54 172 62 168 70 C 165 76 157 76 154 70 C 152 64 156 56 158 62 Z", fill: "#74B9FF", opacity: "0.85" })] }));
+exports.Nervous = Nervous;

package/dist/cjs/components/moods/Sad.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sad = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Sad = ({ color, size, className, style, isAnimating, onClick }) => ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-sad-slump 900ms ease-in-out both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M 100 24 C 138 20 174 54 176 94 C 178 134 156 174 116 188 C 106 192 94 192 84 188 C 44 174 22 134 24 94 C 26 54 62 28 100 24 Z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M 57 68 Q 72 78 87 70", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M 113 70 Q 128 78 143 68", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("circle", { cx: "72", cy: "94", r: "9", fill: "#1a1a1a" }), (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "90", r: "3", fill: "white" }), (0, jsx_runtime_1.jsx)("circle", { cx: "128", cy: "94", r: "9", fill: "#1a1a1a" }), (0, jsx_runtime_1.jsx)("circle", { cx: "132", cy: "90", r: "3", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M 68 104 C 65 112 63 118 66 122 C 68 126 72 124 72 120 C 72 116 70 110 68 104 Z", fill: "#74B9FF", opacity: "0.8" }), (0, jsx_runtime_1.jsx)("path", { d: "M 130 104 C 127 112 125 118 128 122 C 130 126 134 124 134 120 C 134 116 132 110 130 104 Z", fill: "#74B9FF", opacity: "0.8" }), (0, jsx_runtime_1.jsx)("path", { d: "M 68 140 Q 100 124 132 140", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" })] }));
+exports.Sad = Sad;

package/dist/cjs/components/moods/Sleepy.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sleepy = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Sleepy = ({ color, size, className, style, isAnimating, onClick }) => ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-sleepy-nod 1100ms ease-in-out both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M 100 24 C 134 20 172 48 177 86 C 182 128 162 168 128 180 C 114 186 82 186 66 176 C 30 156 16 110 20 70 C 24 34 66 28 100 24 Z", fill: color }), (0, jsx_runtime_1.jsx)("line", { x1: "56", y1: "90", x2: "86", y2: "90", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M 56 90 Q 71 106 86 90", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("line", { x1: "114", y1: "90", x2: "144", y2: "90", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M 114 90 Q 129 106 144 90", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("ellipse", { cx: "100", cy: "140", rx: "10", ry: "13", fill: "#1a1a1a" }), (0, jsx_runtime_1.jsx)("ellipse", { cx: "100", cy: "144", rx: "6", ry: "8", fill: "#7B1818" }), (0, jsx_runtime_1.jsx)("text", { x: "150", y: "62", fontSize: "22", fontWeight: "bold", fill: "#1a1a1a", opacity: "0.55", fontFamily: "sans-serif", children: "z" }), (0, jsx_runtime_1.jsx)("text", { x: "163", y: "46", fontSize: "16", fontWeight: "bold", fill: "#1a1a1a", opacity: "0.38", fontFamily: "sans-serif", children: "z" }), (0, jsx_runtime_1.jsx)("text", { x: "172", y: "33", fontSize: "11", fontWeight: "bold", fill: "#1a1a1a", opacity: "0.22", fontFamily: "sans-serif", children: "z" })] }));
+exports.Sleepy = Sleepy;

package/dist/cjs/components/moods/Surprised.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Surprised = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Surprised = ({ color, size, className, style, isAnimating, onClick }) => ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-surprised-pop 550ms cubic-bezier(0.36,0.07,0.19,0.97) both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M 100 12 C 138 10 178 44 182 86 C 186 130 164 176 122 190 C 112 194 88 194 78 190 C 36 176 14 130 18 86 C 22 44 62 14 100 12 Z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M 52 60 Q 72 50 92 58", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M 108 58 Q 128 50 148 60", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), (0, jsx_runtime_1.jsx)("circle", { cx: "72", cy: "92", r: "17", fill: "#1a1a1a" }), (0, jsx_runtime_1.jsx)("circle", { cx: "79", cy: "86", r: "5.5", fill: "white" }), (0, jsx_runtime_1.jsx)("circle", { cx: "128", cy: "92", r: "17", fill: "#1a1a1a" }), (0, jsx_runtime_1.jsx)("circle", { cx: "135", cy: "86", r: "5.5", fill: "white" }), (0, jsx_runtime_1.jsx)("ellipse", { cx: "100", cy: "148", rx: "20", ry: "24", fill: "#1a1a1a" }), (0, jsx_runtime_1.jsx)("ellipse", { cx: "100", cy: "152", rx: "13", ry: "16", fill: "#7B1818" })] }));
+exports.Surprised = Surprised;

package/dist/cjs/components/moods/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Excited = exports.Sleepy = exports.Disgusted = exports.Love = exports.Cool = exports.Nervous = exports.Surprised = exports.Angry = exports.Sad = exports.Happy = exports.moods = void 0;
+const Happy_1 = require("./Happy");
+Object.defineProperty(exports, "Happy", { enumerable: true, get: function () { return Happy_1.Happy; } });
+const Sad_1 = require("./Sad");
+Object.defineProperty(exports, "Sad", { enumerable: true, get: function () { return Sad_1.Sad; } });
+const Angry_1 = require("./Angry");
+Object.defineProperty(exports, "Angry", { enumerable: true, get: function () { return Angry_1.Angry; } });
+const Surprised_1 = require("./Surprised");
+Object.defineProperty(exports, "Surprised", { enumerable: true, get: function () { return Surprised_1.Surprised; } });
+const Nervous_1 = require("./Nervous");
+Object.defineProperty(exports, "Nervous", { enumerable: true, get: function () { return Nervous_1.Nervous; } });
+const Cool_1 = require("./Cool");
+Object.defineProperty(exports, "Cool", { enumerable: true, get: function () { return Cool_1.Cool; } });
+const Love_1 = require("./Love");
+Object.defineProperty(exports, "Love", { enumerable: true, get: function () { return Love_1.Love; } });
+const Disgusted_1 = require("./Disgusted");
+Object.defineProperty(exports, "Disgusted", { enumerable: true, get: function () { return Disgusted_1.Disgusted; } });
+const Sleepy_1 = require("./Sleepy");
+Object.defineProperty(exports, "Sleepy", { enumerable: true, get: function () { return Sleepy_1.Sleepy; } });
+const Excited_1 = require("./Excited");
+Object.defineProperty(exports, "Excited", { enumerable: true, get: function () { return Excited_1.Excited; } });
+exports.moods = {
+    happy: Happy_1.Happy,
+    sad: Sad_1.Sad,
+    angry: Angry_1.Angry,
+    surprised: Surprised_1.Surprised,
+    nervous: Nervous_1.Nervous,
+    cool: Cool_1.Cool,
+    love: Love_1.Love,
+    disgusted: Disgusted_1.Disgusted,
+    sleepy: Sleepy_1.Sleepy,
+    excited: Excited_1.Excited,
+};

package/dist/cjs/constants.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ANIMATION_DURATIONS = exports.DEFAULT_COLORS = exports.SIZES = void 0;
+exports.SIZES = {
+    xs: 80,
+    s: 120,
+    m: 160,
+    l: 220,
+    xl: 300,
+};
+exports.DEFAULT_COLORS = {
+    happy: '#FFD93D',
+    sad: '#74B9FF',
+    angry: '#FF6B6B',
+    surprised: '#A29BFE',
+    nervous: '#55EFC4',
+    cool: '#636E72',
+    love: '#FD79A8',
+    disgusted: '#6C5CE7',
+    sleepy: '#B2BEC3',
+    excited: '#FDCB6E',
+};
+exports.ANIMATION_DURATIONS = {
+    happy: 650,
+    sad: 900,
+    angry: 600,
+    surprised: 550,
+    nervous: 750,
+    cool: 900,
+    love: 850,
+    disgusted: 700,
+    sleepy: 1100,
+    excited: 700,
+};

package/dist/cjs/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SIZES = exports.DEFAULT_COLORS = exports.MoodBlob = void 0;
+var MoodBlob_1 = require("./components/MoodBlob");
+Object.defineProperty(exports, "MoodBlob", { enumerable: true, get: function () { return MoodBlob_1.MoodBlob; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "DEFAULT_COLORS", { enumerable: true, get: function () { return constants_1.DEFAULT_COLORS; } });
+Object.defineProperty(exports, "SIZES", { enumerable: true, get: function () { return constants_1.SIZES; } });

package/dist/cjs/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/esm/animations.js

@@ -0,0 +1,106 @@
+export const KEYFRAMES_CSS = `
+@keyframes mb-happy-bounce {
+  0%   { transform: translateY(0) scaleX(1) scaleY(1); }
+  20%  { transform: translateY(-30%) scaleX(0.9) scaleY(1.1); }
+  40%  { transform: translateY(0) scaleX(1.15) scaleY(0.85); }
+  55%  { transform: translateY(-15%) scaleX(0.95) scaleY(1.05); }
+  70%  { transform: translateY(0) scaleX(1.05) scaleY(0.95); }
+  85%  { transform: translateY(-5%) scaleX(1) scaleY(1); }
+  100% { transform: translateY(0) scaleX(1) scaleY(1); }
+}
+
+@keyframes mb-sad-slump {
+  0%   { transform: translateY(0) scaleX(1) scaleY(1); }
+  30%  { transform: translateY(15%) scaleX(1.1) scaleY(0.85); }
+  50%  { transform: translateY(20%) scaleX(1.15) scaleY(0.8); }
+  65%  { transform: translateY(10%) scaleX(1.05) scaleY(0.9); }
+  80%  { transform: translateY(5%) scaleX(1.02) scaleY(0.97); }
+  100% { transform: translateY(0) scaleX(1) scaleY(1); }
+}
+
+@keyframes mb-angry-shake {
+  0%   { transform: translateX(0) rotate(0deg) scale(1); }
+  10%  { transform: translateX(-8%) rotate(-3deg) scale(1.05); }
+  20%  { transform: translateX(8%) rotate(3deg) scale(1.05); }
+  30%  { transform: translateX(-8%) rotate(-3deg) scale(1.05); }
+  40%  { transform: translateX(8%) rotate(3deg) scale(1.05); }
+  50%  { transform: translateX(-6%) rotate(-2deg) scale(1.02); }
+  60%  { transform: translateX(6%) rotate(2deg) scale(1.02); }
+  70%  { transform: translateX(-4%) rotate(-1deg) scale(1); }
+  80%  { transform: translateX(4%) rotate(1deg) scale(1); }
+  90%  { transform: translateX(-2%) rotate(0deg) scale(1); }
+  100% { transform: translateX(0) rotate(0deg) scale(1); }
+}
+
+@keyframes mb-surprised-pop {
+  0%   { transform: scale(1); }
+  15%  { transform: scale(0.85); }
+  35%  { transform: scale(1.3); }
+  55%  { transform: scale(0.95); }
+  70%  { transform: scale(1.05); }
+  85%  { transform: scale(0.98); }
+  100% { transform: scale(1); }
+}
+
+@keyframes mb-nervous-jitter {
+  0%   { transform: translate(0, 0) rotate(0deg); }
+  10%  { transform: translate(-3%, 2%) rotate(-1deg); }
+  20%  { transform: translate(3%, -2%) rotate(1deg); }
+  30%  { transform: translate(-2%, -3%) rotate(-1.5deg); }
+  40%  { transform: translate(2%, 3%) rotate(1deg); }
+  50%  { transform: translate(-3%, -1%) rotate(-0.5deg); }
+  60%  { transform: translate(3%, 1%) rotate(1.5deg); }
+  70%  { transform: translate(-1%, 2%) rotate(-1deg); }
+  80%  { transform: translate(1%, -2%) rotate(0.5deg); }
+  90%  { transform: translate(-2%, 1%) rotate(-0.5deg); }
+  100% { transform: translate(0, 0) rotate(0deg); }
+}
+
+@keyframes mb-cool-swagger {
+  0%   { transform: translateX(0) rotate(0deg); }
+  25%  { transform: translateX(-8%) rotate(-4deg); }
+  50%  { transform: translateX(0) rotate(0deg); }
+  75%  { transform: translateX(8%) rotate(4deg); }
+  100% { transform: translateX(0) rotate(0deg); }
+}
+
+@keyframes mb-love-pulse {
+  0%   { transform: scale(1); }
+  15%  { transform: scale(1.15); }
+  30%  { transform: scale(1); }
+  45%  { transform: scale(1.2); }
+  60%  { transform: scale(1); }
+  80%  { transform: scale(1.02); }
+  100% { transform: scale(1); }
+}
+
+@keyframes mb-disgusted-recoil {
+  0%   { transform: translate(0, 0) rotate(0deg); }
+  20%  { transform: translate(-15%, -10%) rotate(-8deg); }
+  40%  { transform: translate(-10%, -5%) rotate(-5deg); }
+  55%  { transform: translate(-5%, 0) rotate(-2deg) scaleX(1.05); }
+  65%  { transform: translate(3%, 2%) rotate(2deg); }
+  75%  { transform: translate(-2%, -1%) rotate(-1deg); }
+  85%  { transform: translate(1%, 0) rotate(0.5deg); }
+  100% { transform: translate(0, 0) rotate(0deg); }
+}
+
+@keyframes mb-sleepy-nod {
+  0%   { transform: translateY(0) rotate(0deg); }
+  30%  { transform: translateY(10%) rotate(10deg); }
+  60%  { transform: translateY(15%) rotate(15deg); }
+  80%  { transform: translateY(8%) rotate(8deg); }
+  100% { transform: translateY(0) rotate(0deg); }
+}
+
+@keyframes mb-excited-burst {
+  0%   { transform: translateY(0) rotate(0deg) scale(1); }
+  15%  { transform: translateY(-25%) rotate(8deg) scale(1.1); }
+  30%  { transform: translateY(0) rotate(-4deg) scale(0.95); }
+  45%  { transform: translateY(-18%) rotate(6deg) scale(1.08); }
+  60%  { transform: translateY(0) rotate(-3deg) scale(0.97); }
+  75%  { transform: translateY(-10%) rotate(4deg) scale(1.04); }
+  88%  { transform: translateY(0) rotate(-2deg) scale(0.99); }
+  100% { transform: translateY(0) rotate(0deg) scale(1); }
+}
+`;

package/dist/esm/components/MoodBlob.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { SIZES, DEFAULT_COLORS, ANIMATION_DURATIONS } from '../constants';
+import { KEYFRAMES_CSS } from '../animations';
+import { moods } from './moods';
+let stylesInjected = false;
+export const MoodBlob = ({ mood, size = 'm', color, className, style, onClick, }) => {
+    const [isAnimating, setIsAnimating] = useState(false);
+    useEffect(() => {
+        if (typeof document === 'undefined' || stylesInjected)
+            return;
+        stylesInjected = true;
+        const el = document.createElement('style');
+        el.setAttribute('data-mood-blobs', '');
+        el.textContent = KEYFRAMES_CSS;
+        document.head.appendChild(el);
+    }, []);
+    const handleClick = (e) => {
+        if (!isAnimating) {
+            setIsAnimating(true);
+            setTimeout(() => setIsAnimating(false), ANIMATION_DURATIONS[mood]);
+        }
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    };
+    const pixelSize = SIZES[size];
+    const blobColor = color !== null && color !== void 0 ? color : DEFAULT_COLORS[mood];
+    const MoodComponent = moods[mood];
+    return (_jsx(MoodComponent, { color: blobColor, size: pixelSize, className: className, style: style, isAnimating: isAnimating, onClick: handleClick }));
+};

package/dist/esm/components/moods/Angry.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Angry = ({ color, size, className, style, isAnimating, onClick }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-angry-shake 600ms linear both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [_jsx("path", { d: "M 100 26 C 136 22 174 46 178 82 C 182 118 162 158 128 172 C 116 178 100 180 82 172 C 46 156 20 114 20 78 C 20 44 64 30 100 26 Z", fill: color }), _jsx("path", { d: "M 50 70 L 86 84", stroke: "#1a1a1a", strokeWidth: "7.5", strokeLinecap: "round" }), _jsx("path", { d: "M 114 84 L 150 70", stroke: "#1a1a1a", strokeWidth: "7.5", strokeLinecap: "round" }), _jsx("path", { d: "M 54 94 L 88 90", stroke: "#1a1a1a", strokeWidth: "7", strokeLinecap: "round" }), _jsx("path", { d: "M 112 90 L 146 94", stroke: "#1a1a1a", strokeWidth: "7", strokeLinecap: "round" }), _jsx("path", { d: "M 68 138 Q 100 122 132 138", stroke: "#1a1a1a", strokeWidth: "7", strokeLinecap: "round", fill: "none" }), _jsx("path", { d: "M 91 56 L 88 44", stroke: "#1a1a1a", strokeWidth: "4", strokeLinecap: "round", opacity: "0.65" }), _jsx("path", { d: "M 109 56 L 112 44", stroke: "#1a1a1a", strokeWidth: "4", strokeLinecap: "round", opacity: "0.65" })] }));

package/dist/esm/components/moods/Cool.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Cool = ({ color, size, className, style, isAnimating, onClick }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-cool-swagger 900ms ease-in-out both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [_jsx("path", { d: "M 100 22 C 140 18 180 52 182 92 C 184 134 158 174 118 184 C 108 188 92 188 82 184 C 42 174 16 134 18 92 C 20 52 60 26 100 22 Z", fill: color }), _jsx("rect", { x: "44", y: "78", width: "50", height: "30", rx: "10", fill: "#1a1a1a" }), _jsx("rect", { x: "106", y: "78", width: "50", height: "30", rx: "10", fill: "#1a1a1a" }), _jsx("line", { x1: "94", y1: "93", x2: "106", y2: "93", stroke: "#1a1a1a", strokeWidth: "4" }), _jsx("line", { x1: "44", y1: "93", x2: "30", y2: "89", stroke: "#1a1a1a", strokeWidth: "4", strokeLinecap: "round" }), _jsx("line", { x1: "156", y1: "93", x2: "170", y2: "89", stroke: "#1a1a1a", strokeWidth: "4", strokeLinecap: "round" }), _jsx("line", { x1: "52", y1: "84", x2: "58", y2: "90", stroke: "white", strokeWidth: "3", strokeLinecap: "round", opacity: "0.45" }), _jsx("line", { x1: "114", y1: "84", x2: "120", y2: "90", stroke: "white", strokeWidth: "3", strokeLinecap: "round", opacity: "0.45" }), _jsx("path", { d: "M 78 132 Q 108 150 128 132", stroke: "#1a1a1a", strokeWidth: "6", strokeLinecap: "round", fill: "none" })] }));

package/dist/esm/components/moods/Disgusted.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Disgusted = ({ color, size, className, style, isAnimating, onClick }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-disgusted-recoil 700ms ease-out both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [_jsx("path", { d: "M 104 22 C 140 16 180 44 182 82 C 184 122 162 164 126 178 C 114 184 86 182 70 172 C 34 152 16 110 20 72 C 24 34 68 28 104 22 Z", fill: color }), _jsx("path", { d: "M 52 62 Q 70 54 88 62", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), _jsx("path", { d: "M 112 76 Q 128 72 146 76", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), _jsx("circle", { cx: "70", cy: "86", r: "10", fill: "#1a1a1a" }), _jsx("circle", { cx: "74", cy: "82", r: "3.5", fill: "white" }), _jsx("path", { d: "M 114 90 Q 129 80 144 90", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" }), _jsx("path", { d: "M 64 128 Q 76 116 88 130 Q 100 116 112 130 Q 124 116 136 128", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), _jsx("ellipse", { cx: "100", cy: "140", rx: "14", ry: "10", fill: "#FF8FAB" }), _jsx("line", { x1: "100", y1: "132", x2: "100", y2: "140", stroke: "#E05C8A", strokeWidth: "2", opacity: "0.5" })] }));

package/dist/esm/components/moods/Excited.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Excited = ({ color, size, className, style, isAnimating, onClick }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-excited-burst 700ms cubic-bezier(0.36,0.07,0.19,0.97) both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [_jsx("path", { d: "M 100 14 C 140 10 182 42 186 82 C 190 124 168 166 132 180 C 118 188 82 188 68 180 C 32 166 10 124 14 82 C 18 42 60 18 100 14 Z", fill: color }), _jsx("path", { d: "M 72 70 L 75.5 81 L 87 81 L 77.5 88 L 81 99 L 72 92 L 63 99 L 66.5 88 L 57 81 L 68.5 81 Z", fill: "#1a1a1a" }), _jsx("path", { d: "M 128 70 L 131.5 81 L 143 81 L 133.5 88 L 137 99 L 128 92 L 119 99 L 122.5 88 L 113 81 L 124.5 81 Z", fill: "#1a1a1a" }), _jsx("path", { d: "M 52 124 Q 100 170 148 124 Z", fill: "#1a1a1a" }), _jsx("line", { x1: "58", y1: "130", x2: "142", y2: "130", stroke: "white", strokeWidth: "10", strokeLinecap: "round" }), _jsx("path", { d: "M 30 56 L 32 44 L 34 56 L 46 58 L 34 60 L 32 72 L 30 60 L 18 58 Z", fill: "white", opacity: "0.8" }), _jsx("path", { d: "M 170 42 L 172 32 L 174 42 L 184 44 L 174 46 L 172 56 L 170 46 L 160 44 Z", fill: "white", opacity: "0.7" })] }));

package/dist/esm/components/moods/Happy.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Happy = ({ color, size, className, style, isAnimating, onClick }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-happy-bounce 650ms cubic-bezier(0.36,0.07,0.19,0.97) both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [_jsx("path", { d: "M 100 18 C 142 16 182 56 182 100 C 182 144 143 184 100 184 C 57 184 18 144 18 100 C 18 56 58 20 100 18 Z", fill: color }), _jsx("ellipse", { cx: "57", cy: "118", rx: "17", ry: "12", fill: "#FF8FAB", opacity: "0.45" }), _jsx("ellipse", { cx: "143", cy: "118", rx: "17", ry: "12", fill: "#FF8FAB", opacity: "0.45" }), _jsx("path", { d: "M 58 92 Q 72 76 86 92", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" }), _jsx("path", { d: "M 114 92 Q 128 76 142 92", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" }), _jsx("path", { d: "M 62 118 Q 100 155 138 118", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" })] }));

package/dist/esm/components/moods/Love.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Love = ({ color, size, className, style, isAnimating, onClick }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-love-pulse 850ms ease-in-out both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [_jsx("path", { d: "M 100 30 C 100 18 118 12 134 20 C 158 32 178 62 178 96 C 178 136 152 172 120 184 C 110 190 90 190 80 184 C 48 172 22 136 22 96 C 22 62 42 32 66 20 C 82 12 100 18 100 30 Z", fill: color }), _jsx("path", { d: "M 72 98 C 58 92 52 80 56 70 C 58 64 66 62 72 68 C 78 62 86 64 88 70 C 92 80 86 92 72 98 Z", fill: "#FF4081" }), _jsx("circle", { cx: "65", cy: "70", r: "2.5", fill: "white", opacity: "0.6" }), _jsx("path", { d: "M 128 98 C 114 92 108 80 112 70 C 114 64 122 62 128 68 C 134 62 142 64 144 70 C 148 80 142 92 128 98 Z", fill: "#FF4081" }), _jsx("circle", { cx: "121", cy: "70", r: "2.5", fill: "white", opacity: "0.6" }), _jsx("path", { d: "M 64 130 Q 100 158 136 130", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" }), _jsx("path", { d: "M 158 54 C 158 50 154 48 152 52 C 150 48 146 50 146 54 C 146 58 152 64 158 68 C 164 64 170 58 170 54 C 170 50 166 48 164 52 C 162 48 158 50 158 54 Z", fill: "#FF4081", opacity: "0.7" }), _jsx("path", { d: "M 42 60 C 42 57 39 55 37 58 C 35 55 32 57 32 60 C 32 63 37 68 42 72 C 47 68 52 63 52 60 C 52 57 49 55 47 58 C 45 55 42 57 42 60 Z", fill: "#FF4081", opacity: "0.55" })] }));

package/dist/esm/components/moods/Nervous.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Nervous = ({ color, size, className, style, isAnimating, onClick }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-nervous-jitter 750ms linear both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [_jsx("path", { d: "M 100 20 C 132 14 174 38 180 78 C 186 118 166 162 128 178 C 116 184 84 184 72 178 C 34 162 14 118 20 78 C 26 38 68 26 100 20 Z", fill: color }), _jsx("path", { d: "M 55 68 Q 72 62 89 70", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), _jsx("path", { d: "M 111 70 Q 128 62 145 68", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), _jsx("circle", { cx: "72", cy: "92", r: "11", fill: "#1a1a1a" }), _jsx("circle", { cx: "76", cy: "88", r: "3.5", fill: "white" }), _jsx("circle", { cx: "128", cy: "92", r: "11", fill: "#1a1a1a" }), _jsx("circle", { cx: "132", cy: "88", r: "3.5", fill: "white" }), _jsx("path", { d: "M 66 132 C 78 124 88 142 100 132 C 112 122 122 140 134 132", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), _jsx("path", { d: "M 158 62 C 163 54 172 62 168 70 C 165 76 157 76 154 70 C 152 64 156 56 158 62 Z", fill: "#74B9FF", opacity: "0.85" })] }));

package/dist/esm/components/moods/Sad.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Sad = ({ color, size, className, style, isAnimating, onClick }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-sad-slump 900ms ease-in-out both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [_jsx("path", { d: "M 100 24 C 138 20 174 54 176 94 C 178 134 156 174 116 188 C 106 192 94 192 84 188 C 44 174 22 134 24 94 C 26 54 62 28 100 24 Z", fill: color }), _jsx("path", { d: "M 57 68 Q 72 78 87 70", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), _jsx("path", { d: "M 113 70 Q 128 78 143 68", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), _jsx("circle", { cx: "72", cy: "94", r: "9", fill: "#1a1a1a" }), _jsx("circle", { cx: "76", cy: "90", r: "3", fill: "white" }), _jsx("circle", { cx: "128", cy: "94", r: "9", fill: "#1a1a1a" }), _jsx("circle", { cx: "132", cy: "90", r: "3", fill: "white" }), _jsx("path", { d: "M 68 104 C 65 112 63 118 66 122 C 68 126 72 124 72 120 C 72 116 70 110 68 104 Z", fill: "#74B9FF", opacity: "0.8" }), _jsx("path", { d: "M 130 104 C 127 112 125 118 128 122 C 130 126 134 124 134 120 C 134 116 132 110 130 104 Z", fill: "#74B9FF", opacity: "0.8" }), _jsx("path", { d: "M 68 140 Q 100 124 132 140", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" })] }));

package/dist/esm/components/moods/Sleepy.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Sleepy = ({ color, size, className, style, isAnimating, onClick }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-sleepy-nod 1100ms ease-in-out both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [_jsx("path", { d: "M 100 24 C 134 20 172 48 177 86 C 182 128 162 168 128 180 C 114 186 82 186 66 176 C 30 156 16 110 20 70 C 24 34 66 28 100 24 Z", fill: color }), _jsx("line", { x1: "56", y1: "90", x2: "86", y2: "90", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round" }), _jsx("path", { d: "M 56 90 Q 71 106 86 90", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" }), _jsx("line", { x1: "114", y1: "90", x2: "144", y2: "90", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round" }), _jsx("path", { d: "M 114 90 Q 129 106 144 90", stroke: "#1a1a1a", strokeWidth: "6.5", strokeLinecap: "round", fill: "none" }), _jsx("ellipse", { cx: "100", cy: "140", rx: "10", ry: "13", fill: "#1a1a1a" }), _jsx("ellipse", { cx: "100", cy: "144", rx: "6", ry: "8", fill: "#7B1818" }), _jsx("text", { x: "150", y: "62", fontSize: "22", fontWeight: "bold", fill: "#1a1a1a", opacity: "0.55", fontFamily: "sans-serif", children: "z" }), _jsx("text", { x: "163", y: "46", fontSize: "16", fontWeight: "bold", fill: "#1a1a1a", opacity: "0.38", fontFamily: "sans-serif", children: "z" }), _jsx("text", { x: "172", y: "33", fontSize: "11", fontWeight: "bold", fill: "#1a1a1a", opacity: "0.22", fontFamily: "sans-serif", children: "z" })] }));

package/dist/esm/components/moods/Surprised.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Surprised = ({ color, size, className, style, isAnimating, onClick }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, onClick: onClick, style: {
+        cursor: 'pointer',
+        transformOrigin: '50% 50%',
+        overflow: 'visible',
+        animation: isAnimating ? 'mb-surprised-pop 550ms cubic-bezier(0.36,0.07,0.19,0.97) both' : undefined,
+        ...(style !== null && style !== void 0 ? style : {}),
+    }, children: [_jsx("path", { d: "M 100 12 C 138 10 178 44 182 86 C 186 130 164 176 122 190 C 112 194 88 194 78 190 C 36 176 14 130 18 86 C 22 44 62 14 100 12 Z", fill: color }), _jsx("path", { d: "M 52 60 Q 72 50 92 58", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), _jsx("path", { d: "M 108 58 Q 128 50 148 60", stroke: "#1a1a1a", strokeWidth: "5.5", strokeLinecap: "round", fill: "none" }), _jsx("circle", { cx: "72", cy: "92", r: "17", fill: "#1a1a1a" }), _jsx("circle", { cx: "79", cy: "86", r: "5.5", fill: "white" }), _jsx("circle", { cx: "128", cy: "92", r: "17", fill: "#1a1a1a" }), _jsx("circle", { cx: "135", cy: "86", r: "5.5", fill: "white" }), _jsx("ellipse", { cx: "100", cy: "148", rx: "20", ry: "24", fill: "#1a1a1a" }), _jsx("ellipse", { cx: "100", cy: "152", rx: "13", ry: "16", fill: "#7B1818" })] }));

package/dist/esm/components/moods/index.js

@@ -0,0 +1,23 @@
+import { Happy } from './Happy';
+import { Sad } from './Sad';
+import { Angry } from './Angry';
+import { Surprised } from './Surprised';
+import { Nervous } from './Nervous';
+import { Cool } from './Cool';
+import { Love } from './Love';
+import { Disgusted } from './Disgusted';
+import { Sleepy } from './Sleepy';
+import { Excited } from './Excited';
+export const moods = {
+    happy: Happy,
+    sad: Sad,
+    angry: Angry,
+    surprised: Surprised,
+    nervous: Nervous,
+    cool: Cool,
+    love: Love,
+    disgusted: Disgusted,
+    sleepy: Sleepy,
+    excited: Excited,
+};
+export { Happy, Sad, Angry, Surprised, Nervous, Cool, Love, Disgusted, Sleepy, Excited, };

package/dist/esm/constants.js

@@ -0,0 +1,31 @@
+export const SIZES = {
+    xs: 80,
+    s: 120,
+    m: 160,
+    l: 220,
+    xl: 300,
+};
+export const DEFAULT_COLORS = {
+    happy: '#FFD93D',
+    sad: '#74B9FF',
+    angry: '#FF6B6B',
+    surprised: '#A29BFE',
+    nervous: '#55EFC4',
+    cool: '#636E72',
+    love: '#FD79A8',
+    disgusted: '#6C5CE7',
+    sleepy: '#B2BEC3',
+    excited: '#FDCB6E',
+};
+export const ANIMATION_DURATIONS = {
+    happy: 650,
+    sad: 900,
+    angry: 600,
+    surprised: 550,
+    nervous: 750,
+    cool: 900,
+    love: 850,
+    disgusted: 700,
+    sleepy: 1100,
+    excited: 700,
+};

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export { MoodBlob } from './components/MoodBlob';
+export { DEFAULT_COLORS, SIZES } from './constants';

package/dist/esm/types.js

@@ -0,0 +1 @@
+export {};

package/dist/types/animations.d.ts

@@ -0,0 +1 @@
+export declare const KEYFRAMES_CSS: string;

package/dist/types/components/MoodBlob.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MoodBlobProps } from '../types';
+export declare const MoodBlob: React.FC<MoodBlobProps>;

package/dist/types/components/moods/Angry.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MoodComponentProps } from '../../types';
+export declare const Angry: React.FC<MoodComponentProps>;

package/dist/types/components/moods/Cool.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MoodComponentProps } from '../../types';
+export declare const Cool: React.FC<MoodComponentProps>;

package/dist/types/components/moods/Disgusted.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MoodComponentProps } from '../../types';
+export declare const Disgusted: React.FC<MoodComponentProps>;

package/dist/types/components/moods/Excited.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MoodComponentProps } from '../../types';
+export declare const Excited: React.FC<MoodComponentProps>;

package/dist/types/components/moods/Happy.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MoodComponentProps } from '../../types';
+export declare const Happy: React.FC<MoodComponentProps>;

package/dist/types/components/moods/Love.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MoodComponentProps } from '../../types';
+export declare const Love: React.FC<MoodComponentProps>;

package/dist/types/components/moods/Nervous.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MoodComponentProps } from '../../types';
+export declare const Nervous: React.FC<MoodComponentProps>;

package/dist/types/components/moods/Sad.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MoodComponentProps } from '../../types';
+export declare const Sad: React.FC<MoodComponentProps>;

package/dist/types/components/moods/Sleepy.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MoodComponentProps } from '../../types';
+export declare const Sleepy: React.FC<MoodComponentProps>;

package/dist/types/components/moods/Surprised.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MoodComponentProps } from '../../types';
+export declare const Surprised: React.FC<MoodComponentProps>;

package/dist/types/components/moods/index.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { Mood, MoodComponentProps } from '../../types';
+import { Happy } from './Happy';
+import { Sad } from './Sad';
+import { Angry } from './Angry';
+import { Surprised } from './Surprised';
+import { Nervous } from './Nervous';
+import { Cool } from './Cool';
+import { Love } from './Love';
+import { Disgusted } from './Disgusted';
+import { Sleepy } from './Sleepy';
+import { Excited } from './Excited';
+export declare const moods: Record<Mood, FC<MoodComponentProps>>;
+export { Happy, Sad, Angry, Surprised, Nervous, Cool, Love, Disgusted, Sleepy, Excited, };

package/dist/types/constants.d.ts

@@ -0,0 +1,4 @@
+import { Mood, Size } from './types';
+export declare const SIZES: Record<Size, number>;
+export declare const DEFAULT_COLORS: Record<Mood, string>;
+export declare const ANIMATION_DURATIONS: Record<Mood, number>;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { MoodBlob } from './components/MoodBlob';
+export type { MoodBlobProps, Mood, Size } from './types';
+export { DEFAULT_COLORS, SIZES } from './constants';

package/dist/types/types.d.ts

@@ -0,0 +1,19 @@
+import { CSSProperties, MouseEventHandler } from 'react';
+export type Mood = 'happy' | 'sad' | 'angry' | 'surprised' | 'nervous' | 'cool' | 'love' | 'disgusted' | 'sleepy' | 'excited';
+export type Size = 'xs' | 's' | 'm' | 'l' | 'xl';
+export interface MoodBlobProps {
+    mood: Mood;
+    size?: Size;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: MouseEventHandler<SVGSVGElement>;
+}
+export interface MoodComponentProps {
+    color: string;
+    size: number;
+    className?: string;
+    style?: CSSProperties;
+    isAnimating: boolean;
+    onClick: MouseEventHandler<SVGSVGElement>;
+}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "mood-blobs",
+  "version": "0.1.0",
+  "description": "Expressive SVG blob components representing different moods for React",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "files": ["dist"],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsc -p tsconfig.json && tsc -p tsconfig.esm.json",
+    "build:watch": "tsc -p tsconfig.json --watch",
+    "type-check": "tsc --noEmit",
+    "demo": "npx serve website"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "typescript": "^5.4.0"
+  },
+  "keywords": ["react", "svg", "blob", "mood", "emotion", "animation", "components", "ui"],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/arnaudmanaranche/mood-blobs"
+  }
+}