aliveicon 1.3.0 → 1.4.0

package/README.md

@@ -6,11 +6,11 @@
   <a href="https://www.npmjs.com/package/aliveicon"><img src="https://img.shields.io/npm/v/aliveicon.svg?color=blue" alt="npm version" /></a>
   <a href="https://www.npmjs.com/package/aliveicon"><img src="https://img.shields.io/npm/dm/aliveicon.svg?color=blue" alt="npm downloads" /></a>
   <a href="https://github.com/Hemang-patel-9/aliveicon/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/aliveicon.svg?color=green" alt="license" /></a>
-  <img src="https://img.shields.io/badge/icons-834-orange" alt="icon count" />
+  <img src="https://img.shields.io/badge/icons-907-orange" alt="icon count" />
   <img src="https://img.shields.io/badge/types-included-blue" alt="typescript" />
 </p>
 
-`aliveicon` is a set of **834 animated SVG icons** for React. Each icon is a component that animates its strokes with [Framer Motion](https://motion.dev). Drop one in and it comes alive on hover, on click, or as soon as it mounts.
+`aliveicon` is a set of **907 animated SVG icons** for React. Each icon is a component that animates its strokes with [Framer Motion](https://motion.dev). Drop one in and it comes alive on hover, on click, or as soon as it mounts.
 
 ---
 
@@ -148,7 +148,7 @@ The SVG inside each icon has `aria-hidden="true"`, so screen readers skip decora
 
 ## 📚 Available icons
 
-`aliveicon` ships **834 icons**, and more are being added. Import any icon by its PascalCase name:
+`aliveicon` ships **907 icons**, and more are being added. Import any icon by its PascalCase name:
 
 ```tsx
 import { CircleCheck, ChartLine, Wifi } from 'aliveicon';
@@ -156,12 +156,13 @@ import { CircleCheck, ChartLine, Wifi } from 'aliveicon';
 
 | Group | Count | Examples |
 | ----- | ----- | -------- |
-| **A** | 114 | `Activity`, `Airplay`, `AlarmClock`, `Anchor`, `Anvil`, `ArrowRight`, `ArrowUpRight`, `Atom`, `Award` |
-| **B** | 158 | `Battery`, `Bell`, `Bluetooth`, `Book`, `Bot`, `Brain`, `Broom`, `Bug`, `Building` |
+| **A** | 115 | `Activity`, `Airplay`, `AlarmClock`, `Anchor`, `Anvil`, `ArrowRight`, `ArrowUpRight`, `Atom`, `Award` |
+| **B** | 161 | `Battery`, `Bell`, `Bluetooth`, `Book`, `Bot`, `Brain`, `Broom`, `Bug`, `Building` |
 | **C** | 140 | `Calendar`, `Camera`, `Car`, `ChartLine`, `Check`, `ChevronDown`, `Circle`, `Clock` |
 | **D** | 58 | `Database`, `Dice1`, `Diamond`, `Disc`, `DoorOpen`, `Download`, `Droplet`, `Dumbbell` |
-| **E** | 27 | `Earth`, `Egg`, `Eject`, `Ellipsis`, `Eraser`, `Euro`, `Expand`, `Eye` |
-| **H** | 59 | `Hammer`, `Hand`, `Hash`, `Headphones`, `Heart`, `Hourglass`, `House` |
+| **E** | 29 | `Earth`, `Egg`, `Eject`, `Ellipsis`, `Eraser`, `Euro`, `Expand`, `Eye` |
+| **G** | 63 | `Gamepad`, `Gauge`, `Gem`, `Ghost`, `Gift`, `GitBranch`, `Globe`, `Grid3x3`, `Guitar` |
+| **H** | 61 | `Hammer`, `Hand`, `Hash`, `Headphones`, `Heart`, `Hourglass`, `House` |
 | **I** | 23 | `IceCreamCone`, `IdCard`, `Image`, `Import`, `Inbox`, `Info`, `Italic` |
 | **J** | 2 | `JapaneseYen`, `Joystick` |
 | **K** | 9 | `Kanban`, `Kayak`, `Key`, `KeyRound`, `Keyboard`, `KeyboardMusic` |
@@ -170,7 +171,7 @@ import { CircleCheck, ChartLine, Wifi } from 'aliveicon';
 | **Q** | 2 | `Quote`, `QrCode` |
 | **R** | 76 | `Rabbit`, `Radar`, `Radio`, `Receipt`, `RefreshCw`, `Rocket`, `RotateCcw` |
 | **S** | 1 | `SquareActivity` |
-| **U** | 46 | `Umbrella`, `Undo`, `Unplug`, `Upload`, `User`, `UserGroup`, `Users`, `Utensils` |
+| **U** | 48 | `Umbrella`, `Undo`, `Unplug`, `Upload`, `User`, `UserGroup`, `Users`, `Utensils` |
 | **V** | 25 | `Van`, `Variable`, `Vault`, `Video`, `Virus`, `Volume`, `Vote` |
 | **W** | 45 | `Wallet`, `Wand`, `Watch`, `Waves`, `Webcam`, `Whistle`, `Wifi`, `Wind`, `Wrench` |
 | **X** | 3 | `X`, `XLineTop`, `XTwitter` |

package/dist/cjs/icons/a/Ambulance.js

@@ -19,7 +19,10 @@ const draw = {
 };
 const Ambulance = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
     const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
-    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M10 10H6", variants: draw, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2", variants: draw, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M19 18h2a1 1 0 0 0 1-1v-3.28a1 1 0 0 0-.684-.948l-1.923-.641a1 1 0 0 1-.578-.502l-1.539-3.076A1 1 0 0 0 16.382 8H14", variants: draw, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M8 8v4", variants: draw, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 18h6", variants: draw, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "17", cy: "18", r: "2", animate: { scale: [1, 1.2, 1], fill: ['#000', '#000', '#000'] }, transition: { repeat: Infinity, duration: 1 } }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "7", cy: "18", r: "2", animate: { scale: [1, 1.2, 1], fill: ['#000', '#000', '#000'] }, transition: { repeat: Infinity, duration: 1, delay: 0.3 } })] }) }));
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M10 10H6", variants: draw, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2", variants: draw, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M19 18h2a1 1 0 0 0 1-1v-3.28a1 1 0 0 0-.684-.948l-1.923-.641a1 1 0 0 1-.578-.502l-1.539-3.076A1 1 0 0 0 16.382 8H14", variants: draw, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M8 8v4", variants: draw, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 18h6", variants: draw, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "17", cy: "18", r: "2", animate: controls, variants: { normal: { scale: 1 }, animate: { scale: [1, 1.2, 1] } } }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "7", cy: "18", r: "2", animate: controls, variants: {
+                        normal: { scale: 1 },
+                        animate: { scale: [1, 1.2, 1], transition: { delay: 0.3 } },
+                    } })] }) }));
 });
 Ambulance.displayName = 'Ambulance';
 

package/dist/cjs/icons/a/Ambulance.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ambulance.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Ambulance.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/a/AppWindowMac.js

@@ -35,6 +35,7 @@ const blinkTransition = {
 };
 const AppWindowMac = React.forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
     const controls = framerMotion.useAnimation();
+    const shouldReduceMotion = framerMotion.useReducedMotion();
     const loopRef = React.useRef(loopOnHover);
     const isControlledRef = React.useRef(false);
     const triggerAnimation = React.useCallback(async () => {
@@ -74,7 +75,7 @@ const AppWindowMac = React.forwardRef(({ size = 28, className, style, autoAnimat
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsxRuntime.jsx(framerMotion.motion.rect, { x: "2", y: "4", width: "20", height: "16", rx: "2", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 8h.01", initial: { opacity: 1 }, animate: { opacity: [1, 0, 1] }, transition: { ...blinkTransition, delay: 0 } }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M10 8h.01", initial: { opacity: 1 }, animate: { opacity: [1, 0, 1] }, transition: { ...blinkTransition, delay: 0.5 } }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 8h.01", initial: { opacity: 1 }, animate: { opacity: [1, 0, 1] }, transition: { ...blinkTransition, delay: 1 } })] }) }));
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsxRuntime.jsx(framerMotion.motion.rect, { x: "2", y: "4", width: "20", height: "16", rx: "2", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 8h.01", initial: { opacity: 1 }, animate: shouldReduceMotion ? { opacity: 1 } : { opacity: [1, 0, 1] }, transition: { ...blinkTransition, delay: 0 } }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M10 8h.01", initial: { opacity: 1 }, animate: shouldReduceMotion ? { opacity: 1 } : { opacity: [1, 0, 1] }, transition: { ...blinkTransition, delay: 0.5 } }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 8h.01", initial: { opacity: 1 }, animate: shouldReduceMotion ? { opacity: 1 } : { opacity: [1, 0, 1] }, transition: { ...blinkTransition, delay: 1 } })] }) }));
 });
 AppWindowMac.displayName = 'AppWindowMac';
 

package/dist/cjs/icons/a/AppWindowMac.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppWindowMac.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AppWindowMac.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/a/Avocado.js

@@ -0,0 +1,35 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const bodyVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.3 } },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const pitVariants = {
+    normal: { scale: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: {
+        scale: [0, 1.2, 1],
+        opacity: [0, 1, 1],
+        transition: { duration: 0.5, delay: 0.35, ease: 'easeOut' },
+    },
+};
+const Avocado = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M13.465 3.464a5 5 0 017.07 0 5 5 0 010 7.072c-1.204 1.203-2.38 2.89-2.614 4.577A8 8 0 118.886 6.08c1.687-.235 3.375-1.41 4.579-2.615", variants: bodyVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "10", cy: "14", r: "3", variants: pitVariants, initial: "normal", animate: controls, style: { originX: '50%', originY: '50%' } })] }) }));
+});
+Avocado.displayName = 'Avocado';
+
+exports.Avocado = Avocado;
+//# sourceMappingURL=Avocado.js.map

package/dist/cjs/icons/a/Avocado.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avocado.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/b/Bacon.js

@@ -0,0 +1,34 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const wiggleVariants = {
+    normal: { rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        rotate: [0, -6, 5, -3, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const stripeVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.5, delay: 0.2, ease: 'easeInOut' },
+    },
+};
+const Bacon = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsx("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: jsxRuntime.jsxs(framerMotion.motion.g, { variants: wiggleVariants, initial: "normal", animate: controls, style: { originX: '50%', originY: '50%' }, children: [jsxRuntime.jsx("path", { d: "M2.795 16.804c-.789-.79-1.09-2.018-.442-2.928 1.933-2.713 4.414-1.05 6.145-5.378 1.868-4.67 4.608-2.366 6.592-6.107.218-.412.78-.53 1.11-.2l5.005 5.005c.789.79 1.09 2.018.442 2.928-1.933 2.713-4.414 1.05-6.145 5.378-1.868 4.67-4.608 2.366-6.591 6.107-.22.412-.78.53-1.11.2z" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M4.5 18.5c2-5 5-2 7-7s5-2 7-7", variants: stripeVariants, initial: "normal", animate: controls })] }) }) }));
+});
+Bacon.displayName = 'Bacon';
+
+exports.Bacon = Bacon;
+//# sourceMappingURL=Bacon.js.map

package/dist/cjs/icons/b/Bacon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bacon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/b/BelarusianRuble.js

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.3 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.5, delay: i * 0.25, ease: 'easeInOut' },
+    }),
+};
+const BelarusianRuble = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7", variants: drawVariants, custom: 0, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 16 L13 16", variants: drawVariants, custom: 1, initial: "normal", animate: controls })] }) }));
+});
+BelarusianRuble.displayName = 'BelarusianRuble';
+
+exports.BelarusianRuble = BelarusianRuble;
+//# sourceMappingURL=BelarusianRuble.js.map

package/dist/cjs/icons/b/BelarusianRuble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BelarusianRuble.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/b/BookAudio.js

@@ -7,6 +7,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
 var React = require('react');
 var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
 const pathVariants = {
     normal: {
@@ -26,7 +27,7 @@ const pathVariants = {
     },
 };
 const audioPulseVariants = {
-    initial: { opacity: 0.6, scaleY: 1 },
+    normal: { opacity: 0.6, scaleY: 1 },
     animate: {
         opacity: [0.6, 1, 0.6],
         scaleY: [1, 1.5, 1],
@@ -37,48 +38,9 @@ const audioPulseVariants = {
         },
     },
 };
-const BookAudio = React.forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
-    const controls = framerMotion.useAnimation();
-    const loopRef = React.useRef(loopOnHover);
-    const isControlledRef = React.useRef(false);
-    const triggerAnimation = React.useCallback(async () => {
-        await controls.start('animate');
-        await controls.start('normal');
-        if (loopRef.current)
-            triggerAnimation();
-    }, [controls]);
-    React.useEffect(() => {
-        loopRef.current = loopOnHover;
-    }, [loopOnHover]);
-    React.useEffect(() => {
-        if (autoAnimateOnLoad)
-            triggerAnimation();
-    }, [autoAnimateOnLoad, triggerAnimation]);
-    React.useImperativeHandle(ref, () => {
-        isControlledRef.current = true;
-        return {
-            startAnimation: () => controls.start('animate'),
-            stopAnimation: () => controls.start('normal'),
-        };
-    });
-    const handleMouseEnter = (e) => {
-        loopRef.current = loopOnHover;
-        if (!isControlledRef.current && hoverable)
-            triggerAnimation();
-        onMouseEnter?.(e);
-    };
-    const handleMouseLeave = (e) => {
-        loopRef.current = false;
-        if (!isControlledRef.current && hoverable)
-            controls.start('normal');
-        onMouseLeave?.(e);
-    };
-    const handleClick = (e) => {
-        if (animateOnClick)
-            triggerAnimation();
-        onClick?.(e);
-    };
-    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20", variants: pathVariants, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 6v7", variants: audioPulseVariants, initial: "initial", animate: "animate" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M16 8v3", variants: audioPulseVariants, initial: "initial", animate: "animate", transition: { delay: 0.2, repeat: Infinity, duration: 1.2 } }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M8 8v3", variants: audioPulseVariants, initial: "initial", animate: "animate", transition: { delay: 0.4, repeat: Infinity, duration: 1.2 } })] }) }));
+const BookAudio = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, { cycleMs: 1200 });
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20", variants: pathVariants, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 6v7", variants: audioPulseVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M16 8v3", variants: audioPulseVariants, initial: "normal", animate: controls, transition: { delay: 0.2, repeat: Infinity, duration: 1.2 } }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M8 8v3", variants: audioPulseVariants, initial: "normal", animate: controls, transition: { delay: 0.4, repeat: Infinity, duration: 1.2 } })] }) }));
 });
 BookAudio.displayName = 'BookAudio';
 

package/dist/cjs/icons/b/BookAudio.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookAudio.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BookAudio.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/b/BrainOff.js

@@ -0,0 +1,46 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.4, delay: i * 0.05, ease: 'easeInOut' },
+    }),
+};
+const slashVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.4, delay: 0.5, ease: 'easeInOut' },
+    },
+};
+const BrainOff = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    const paths = [
+        'M12 18v-6',
+        'M12 5v1.344',
+        'M17.707 6.293A3 3 0 1012 5a3 3 0 00-4.124-2.781',
+        'M17.997 5.125a4 4 0 012.526 5.77',
+        'M19.644 19.644A4 4 0 0112 18a4 4 0 11-7.967-.517',
+        'M20 10.536a4 4 0 011.533 5.34',
+        'M3.477 10.895a4 4 0 011.876-5.542',
+        'M6 18a4 4 0 01-2-7.464',
+        'M9 13a4.17 4.17 0 002.166-1.5 4 4 0 00.138-.196',
+    ];
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [paths.map((d, i) => (jsxRuntime.jsx(framerMotion.motion.path, { d: d, variants: drawVariants, custom: i, initial: "normal", animate: controls }, i))), jsxRuntime.jsx(framerMotion.motion.path, { d: "m2 2 20 20", variants: slashVariants, initial: "normal", animate: controls })] }) }));
+});
+BrainOff.displayName = 'BrainOff';
+
+exports.BrainOff = BrainOff;
+//# sourceMappingURL=BrainOff.js.map

package/dist/cjs/icons/b/BrainOff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrainOff.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/e/EighthNote.js

@@ -0,0 +1,35 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const bobVariants = {
+    normal: { y: 0, rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -2, 1, 0],
+        rotate: [0, -5, 3, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const flagVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.5, delay: 0.1, ease: 'easeInOut' },
+    },
+};
+const EighthNote = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsx("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: jsxRuntime.jsxs(framerMotion.motion.g, { variants: bobVariants, initial: "normal", animate: controls, style: { originX: '50%', originY: '50%' }, children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "m19 6-5.2-3.9a.5.5 0 0 0-.8.4V18", variants: flagVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("circle", { cx: "9", cy: "18", r: "4" })] }) }) }));
+});
+EighthNote.displayName = 'EighthNote';
+
+exports.EighthNote = EighthNote;
+//# sourceMappingURL=EighthNote.js.map

package/dist/cjs/icons/e/EighthNote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EighthNote.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/e/EighthNotes.js

@@ -0,0 +1,34 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const beamVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.5, delay: 0.2, ease: 'easeInOut' },
+    },
+};
+const headVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        scale: [1, 1.3, 1],
+        transition: { duration: 0.4, delay: i * 0.15, ease: 'easeInOut' },
+    }),
+};
+const EighthNotes = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M21 16V3a1 1 0 0 0-1.28-.96l-10 2.917a1 1 0 0 0-.72.96V19", variants: beamVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "18", cy: "16", r: "3", variants: headVariants, custom: 0, initial: "normal", animate: controls, style: { originX: '50%', originY: '50%' } }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "6", cy: "19", r: "3", variants: headVariants, custom: 1, initial: "normal", animate: controls, style: { originX: '50%', originY: '50%' } })] }) }));
+});
+EighthNotes.displayName = 'EighthNotes';
+
+exports.EighthNotes = EighthNotes;
+//# sourceMappingURL=EighthNotes.js.map

package/dist/cjs/icons/e/EighthNotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EighthNotes.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/g/Galaxy.js

@@ -0,0 +1,33 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const spinVariants = {
+    normal: { rotate: 0, transition: { duration: 0 } },
+    animate: {
+        rotate: [0, 360],
+        transition: { duration: 0.9, ease: 'easeInOut' },
+    },
+};
+const popVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        scale: [1, 1.5, 1],
+        transition: { duration: 0.4, delay, ease: 'easeInOut' },
+    }),
+};
+const Galaxy = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsxs(framerMotion.motion.g, { variants: spinVariants, initial: "normal", animate: controls, style: { originX: '50%', originY: '50%' }, children: [jsxRuntime.jsx("path", { d: "M16.005 15.108a5.041 6.52 28.25 00-8.008-6.217 5.041 6.52 28.25 008.008 6.217A11.884 7.288-60.76 014.029 7.001" }), jsxRuntime.jsx("path", { d: "M7.997 8.891a11.885 7.288-60.756 0111.977 8.107" })] }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M17 21h.01", variants: popVariants, custom: 0.4, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M7 3h.01", variants: popVariants, custom: 0.3, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "12", cy: "12", r: "1", fill: "currentColor", variants: popVariants, custom: 0, initial: "normal", animate: controls })] }) }));
+});
+Galaxy.displayName = 'Galaxy';
+
+exports.Galaxy = Galaxy;
+//# sourceMappingURL=Galaxy.js.map

package/dist/cjs/icons/g/Galaxy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Galaxy.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/g/GalleryHorizontal.js

@@ -0,0 +1,34 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.4, delay, ease: 'easeInOut' },
+    }),
+};
+const swipeVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -2, 2, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const GalleryHorizontal = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M2 3v18", variants: drawVariants, custom: 0.1, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.rect, { width: "12", height: "18", x: "6", y: "3", rx: "2", variants: swipeVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M22 3v18", variants: drawVariants, custom: 0.2, initial: "normal", animate: controls })] }) }));
+});
+GalleryHorizontal.displayName = 'GalleryHorizontal';
+
+exports.GalleryHorizontal = GalleryHorizontal;
+//# sourceMappingURL=GalleryHorizontal.js.map

package/dist/cjs/icons/g/GalleryHorizontal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryHorizontal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/g/GalleryHorizontalEnd.js

@@ -0,0 +1,34 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.4, delay, ease: 'easeInOut' },
+    }),
+};
+const cardVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const GalleryHorizontalEnd = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M2 7v10", variants: drawVariants, custom: 0.2, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 5v14", variants: drawVariants, custom: 0.1, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.rect, { width: "12", height: "18", x: "10", y: "3", rx: "2", variants: cardVariants, initial: "normal", animate: controls })] }) }));
+});
+GalleryHorizontalEnd.displayName = 'GalleryHorizontalEnd';
+
+exports.GalleryHorizontalEnd = GalleryHorizontalEnd;
+//# sourceMappingURL=GalleryHorizontalEnd.js.map

package/dist/cjs/icons/g/GalleryHorizontalEnd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryHorizontalEnd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/g/GalleryThumbnails.js

@@ -0,0 +1,33 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const frameVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: {
+        scale: [1, 0.95, 1],
+        transition: { duration: 0.4, ease: 'easeInOut' },
+    },
+};
+const popVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        scale: [1, 1.5, 1],
+        transition: { duration: 0.35, delay, ease: 'easeInOut' },
+    }),
+};
+const GalleryThumbnails = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.rect, { width: "18", height: "14", x: "3", y: "3", rx: "2", variants: frameVariants, initial: "normal", animate: controls, style: { originX: '50%', originY: '50%' } }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M4 21h1", variants: popVariants, custom: 0.1, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 21h1", variants: popVariants, custom: 0.18, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 21h1", variants: popVariants, custom: 0.26, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M19 21h1", variants: popVariants, custom: 0.34, initial: "normal", animate: controls })] }) }));
+});
+GalleryThumbnails.displayName = 'GalleryThumbnails';
+
+exports.GalleryThumbnails = GalleryThumbnails;
+//# sourceMappingURL=GalleryThumbnails.js.map

package/dist/cjs/icons/g/GalleryThumbnails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryThumbnails.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/g/GalleryVertical.js

@@ -0,0 +1,34 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.4, delay, ease: 'easeInOut' },
+    }),
+};
+const swipeVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -2, 2, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const GalleryVertical = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 2h18", variants: drawVariants, custom: 0.1, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.rect, { width: "18", height: "12", x: "3", y: "6", rx: "2", variants: swipeVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 22h18", variants: drawVariants, custom: 0.2, initial: "normal", animate: controls })] }) }));
+});
+GalleryVertical.displayName = 'GalleryVertical';
+
+exports.GalleryVertical = GalleryVertical;
+//# sourceMappingURL=GalleryVertical.js.map

package/dist/cjs/icons/g/GalleryVertical.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryVertical.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}