aliveicon 1.4.0 → 1.6.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-907-orange" alt="icon count" />
+  <img src="https://img.shields.io/badge/icons-1210-orange" alt="icon count" />
   <img src="https://img.shields.io/badge/types-included-blue" alt="typescript" />
 </p>
 
-`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.
+`aliveicon` is a set of **1210 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 **907 icons**, and more are being added. Import any icon by its PascalCase name:
+`aliveicon` ships **1210 icons**, and more are being added. Import any icon by its PascalCase name:
 
 ```tsx
 import { CircleCheck, ChartLine, Wifi } from 'aliveicon';
@@ -156,22 +156,23 @@ import { CircleCheck, ChartLine, Wifi } from 'aliveicon';
 
 | Group | Count | Examples |
 | ----- | ----- | -------- |
-| **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** | 29 | `Earth`, `Egg`, `Eject`, `Ellipsis`, `Eraser`, `Euro`, `Expand`, `Eye` |
+| **A** | 118 | `Activity`, `Airplay`, `AlarmClock`, `Anchor`, `Anvil`, `ArrowRight`, `ArrowUpRight`, `Atom`, `Award` |
+| **B** | 163 | `Battery`, `Bell`, `Bluetooth`, `Book`, `Bot`, `Brain`, `Broom`, `Bug`, `Building` |
+| **C** | 319 | `Calendar`, `Camera`, `Car`, `ChartLine`, `Check`, `Circle`, `Clock`, `Cloud`, `Cog`, `Copy` |
+| **D** | 59 | `Database`, `Dice1`, `Diamond`, `Disc`, `DoorOpen`, `Download`, `Droplet`, `Dumbbell` |
+| **E** | 32 | `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` |
+| **H** | 62 | `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` |
-| **N** | 18 | `Navigation`, `Network`, `Newspaper`, `Notebook`, `NotebookDot`, `Nut` |
+| **N** | 19 | `Navigation`, `Network`, `Newspaper`, `Notebook`, `NotebookDot`, `Nut` |
 | **O** | 10 | `Octagon`, `Omega`, `Option`, `Orbit`, `Origami` |
 | **Q** | 2 | `Quote`, `QrCode` |
 | **R** | 76 | `Rabbit`, `Radar`, `Radio`, `Receipt`, `RefreshCw`, `Rocket`, `RotateCcw` |
 | **S** | 1 | `SquareActivity` |
-| **U** | 48 | `Umbrella`, `Undo`, `Unplug`, `Upload`, `User`, `UserGroup`, `Users`, `Utensils` |
+| **T** | 112 | `Table`, `Tag`, `Target`, `Telescope`, `Tent`, `Terminal`, `Thermometer`, `ThumbsUp`, `Ticket`, `Timer`, `Trash`, `Trophy`, `Truck`, `Type` |
+| **U** | 49 | `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/AArrowDown.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
 var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
@@ -63,7 +63,7 @@ const bouncePathVariants = {
     }),
 };
 const paths = ['M3.5 13h6', 'm2 16 4.5-9 4.5 9', 'M18 7v9', 'm14 12 4 4 4-4'];
-const AArrowDown = React.forwardRef(({ className, size = 28, style, isBounce = false, ...props }, ref) => {
+const AArrowDown = react.forwardRef(({ className, size = 28, style, isBounce = false, ...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(framerMotion.motion.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%", variants: isBounce ? bounceVariant : undefined, animate: isBounce ? controls : undefined, initial: isBounce ? 'normal' : undefined, children: paths.map((d, i) => (jsxRuntime.jsx(framerMotion.motion.path, { d: d, variants: isBounce ? bouncePathVariants : lineVariants, initial: isBounce ? 'hidden' : 'normal', animate: isBounce ? 'visible' : controls, custom: i }, i))) }) }));
 });

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
 var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
@@ -63,7 +63,7 @@ const bouncePathVariants = {
     }),
 };
 const paths = ['M3.5 13h6', 'm2 16 4.5-9 4.5 9', 'M18 16V7', 'm22 12-4-4-4 4'];
-const AArrowUp = React.forwardRef(({ className, size = 28, style, isBounce = false, ...props }, ref) => {
+const AArrowUp = react.forwardRef(({ className, size = 28, style, isBounce = false, ...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(framerMotion.motion.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%", variants: isBounce ? bounceVariant : undefined, animate: isBounce ? controls : undefined, initial: isBounce ? 'normal' : undefined, children: paths.map((d, i) => (jsxRuntime.jsx(framerMotion.motion.path, { d: d, variants: isBounce ? bouncePathVariants : lineVariants, initial: isBounce ? 'hidden' : 'normal', animate: isBounce ? 'visible' : controls, custom: i }, i))) }) }));
 });

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
 var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
@@ -17,7 +17,7 @@ const drawVariants = {
         transition: { duration: 0.4, delay: i * 0.15, ease: 'easeInOut' },
     }),
 };
-const ALargeSmall = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const ALargeSmall = 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: "m15 16 2.536-7.328a1.02 1.02 1 0 1 1.928 0L22 16", variants: drawVariants, custom: 2, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15.697 14h5.606", variants: drawVariants, custom: 3, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16", variants: drawVariants, custom: 0, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3.304 13h6.392", variants: drawVariants, custom: 1, initial: "normal", animate: controls })] }) }));
 });

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
 var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
@@ -46,14 +46,14 @@ const pathVariants = {
         },
     },
 };
-const Accessibility = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const Accessibility = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
     const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
     return (jsxRuntime.jsx("div", { className: cn.cn('rounded-md', className), style: {
             width: size,
             height: size,
             display: 'inline-block',
             ...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.circle, { cx: "16", cy: "4", r: "1", variants: circleVariants, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m18 19 1-7-6 1", variants: pathVariants, animate: controls, initial: "normal", style: { strokeDasharray: 1 } }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m5 8 3-3 5.5 3-2.36 3.5", variants: pathVariants, animate: controls, initial: "normal", style: { strokeDasharray: 1 } }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M4.24 14.5a5 5 0 0 0 6.88 6", variants: pathVariants, animate: controls, initial: "normal", style: { strokeDasharray: 1 } }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M13.76 17.5a5 5 0 0 0-6.88-6", variants: pathVariants, animate: controls, initial: "normal", style: { strokeDasharray: 1 } })] }) }));
+        }, ...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.circle, { cx: "16", cy: "4", r: "1", variants: circleVariants, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m18 19 1-7-6 1", variants: pathVariants, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m5 8 3-3 5.5 3-2.36 3.5", variants: pathVariants, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M4.24 14.5a5 5 0 0 0 6.88 6", variants: pathVariants, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M13.76 17.5a5 5 0 0 0-6.88-6", variants: pathVariants, animate: controls, initial: "normal" })] }) }));
 });
 Accessibility.displayName = 'Accessibility';
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
 var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
@@ -30,14 +30,14 @@ const pathVariants = {
         },
     },
 };
-const Activity = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const Activity = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
     const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
     return (jsxRuntime.jsx("div", { className: cn.cn('rounded-md', className), style: {
             width: size,
             height: size,
             display: 'inline-block',
             ...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.jsx(framerMotion.motion.path, { d: "M17 12h-2l-2 5-2-10-2 5H7", variants: pathVariants, animate: controls, initial: "normal", style: { strokeDasharray: 1 } }) }) }));
+        }, ...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.jsx(framerMotion.motion.path, { d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2", variants: pathVariants, animate: controls, initial: "normal" }) }) }));
 });
 Activity.displayName = 'Activity';
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
 var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
@@ -17,7 +17,7 @@ const drawVariants = {
         transition: { duration: 0.4, delay: i * 0.15, ease: 'easeInOut' },
     }),
 };
-const Ad = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const Ad = 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 13H6", variants: drawVariants, custom: 1, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M10 15v-4a2 2 0 0 0-4 0v4", variants: drawVariants, custom: 0, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 14.5a.5.5 0 0 0 .5.5h1a2.5 2.5 0 0 0 2.5-2.5v-1A2.5 2.5 0 0 0 15.5 9h-1a.5.5 0 0 0-.5.5z", variants: drawVariants, custom: 2, initial: "normal", animate: controls }), jsxRuntime.jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" })] }) }));
 });

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
 var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
@@ -31,9 +31,9 @@ const windVariants = {
         },
     }),
 };
-const AirVent = React.forwardRef(({ className, size = 28, ...props }, ref) => {
+const AirVent = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
     const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
-    return (jsxRuntime.jsx("div", { className: cn.cn(className), ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsxRuntime.jsx("path", { d: "M6 12H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 8h12", variants: windVariants, initial: "normal", animate: controls, custom: 0.1 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M18.3 17.7a2.5 2.5 0 0 1-3.16 3.83 2.53 2.53 0 0 1-1.14-2V12", variants: windVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6.6 15.6A2 2 0 1 0 10 17v-5", variants: windVariants, initial: "normal", animate: controls, custom: 0.2 })] }) }));
+    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("path", { d: "M6 12H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 8h12", variants: windVariants, initial: "normal", animate: controls, custom: 0.1 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M18.3 17.7a2.5 2.5 0 0 1-3.16 3.83 2.53 2.53 0 0 1-1.14-2V12", variants: windVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6.6 15.6A2 2 0 1 0 10 17v-5", variants: windVariants, initial: "normal", animate: controls, custom: 0.2 })] }) }));
 });
 AirVent.displayName = 'AirVent';
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
 var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
@@ -43,7 +43,7 @@ const triangleVariants = {
         },
     },
 };
-const Airplay = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const Airplay = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
     const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
     return (jsxRuntime.jsx("div", { className: cn.cn(className), style: {
             width: size,

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
 var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
@@ -39,9 +39,9 @@ const secondaryPathVariants = {
         },
     },
 };
-const AlarmClock = React.forwardRef(({ className, size = 28, ...props }, ref) => {
+const AlarmClock = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
     const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, { cycleMs: 700 });
-    return (jsxRuntime.jsx("div", { className: cn.cn(className), ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { overflow: 'visible' }, children: [jsxRuntime.jsx(framerMotion.motion.path, { variants: pathVariants, initial: "normal", animate: controls, d: "M18 20.5L19.5 22" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: pathVariants, initial: "normal", animate: controls, d: "M6 20.5L4.5 22" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: pathVariants, initial: "normal", animate: controls, d: "M21 13C21 17.968 16.968 22 12 22C7.032 22 3 17.968 3 13C3 8.032 7.032 4 12 4C16.968 4 21 8.032 21 13Z" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: pathVariants, initial: "normal", animate: controls, d: "M15.339 15.862L12.549 14.197C12.063 13.909 11.667 13.216 11.667 12.649V8.95898" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: secondaryPathVariants, initial: "normal", animate: controls, d: "M18 2L21.747 5.31064" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: secondaryPathVariants, initial: "normal", animate: controls, d: "M6 2L2.25304 5.31064" })] }) }));
+    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%", style: { overflow: 'visible' }, children: [jsxRuntime.jsx(framerMotion.motion.path, { variants: pathVariants, initial: "normal", animate: controls, d: "M18 20.5L19.5 22" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: pathVariants, initial: "normal", animate: controls, d: "M6 20.5L4.5 22" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: pathVariants, initial: "normal", animate: controls, d: "M21 13C21 17.968 16.968 22 12 22C7.032 22 3 17.968 3 13C3 8.032 7.032 4 12 4C16.968 4 21 8.032 21 13Z" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: pathVariants, initial: "normal", animate: controls, d: "M15.339 15.862L12.549 14.197C12.063 13.909 11.667 13.216 11.667 12.649V8.95898" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: secondaryPathVariants, initial: "normal", animate: controls, d: "M18 2L21.747 5.31064" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: secondaryPathVariants, initial: "normal", animate: controls, d: "M6 2L2.25304 5.31064" })] }) }));
 });
 AlarmClock.displayName = 'AlarmClock';
 

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
 const pathVariants = {
     normal: {
@@ -38,64 +39,9 @@ const secondaryPathVariants = {
         },
     },
 };
-const AlarmClockCheck = React.forwardRef(({ className, size = 28, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
-    const controls = framerMotion.useAnimation();
-    const isControlledRef = React.useRef(false);
-    const timeoutRef = React.useRef(null);
-    const startAnimation = React.useCallback(() => {
-        controls.start('animate');
-    }, [controls]);
-    const stopAnimation = React.useCallback(() => {
-        controls.start('normal');
-    }, [controls]);
-    const startTimedAnimation = React.useCallback(() => {
-        startAnimation();
-        if (timeoutRef.current)
-            clearTimeout(timeoutRef.current);
-        timeoutRef.current = setTimeout(() => {
-            stopAnimation();
-        }, 700);
-    }, [startAnimation, stopAnimation]);
-    React.useImperativeHandle(ref, () => {
-        isControlledRef.current = true;
-        return {
-            startAnimation: () => startTimedAnimation(),
-            stopAnimation: () => stopAnimation(),
-        };
-    });
-    const handleMouseEnter = React.useCallback((e) => {
-        if (!isControlledRef.current && hoverable) {
-            if (loopOnHover) {
-                startAnimation();
-            }
-            else {
-                startTimedAnimation();
-            }
-        }
-        onMouseEnter?.(e);
-    }, [hoverable, loopOnHover, onMouseEnter, startAnimation, startTimedAnimation]);
-    const handleMouseLeave = React.useCallback((e) => {
-        if (!isControlledRef.current && hoverable && loopOnHover) {
-            stopAnimation();
-        }
-        onMouseLeave?.(e);
-    }, [hoverable, loopOnHover, onMouseLeave, stopAnimation]);
-    const handleClick = React.useCallback((e) => {
-        if (!isControlledRef.current && animateOnClick) {
-            startTimedAnimation();
-        }
-        onClick?.(e);
-    }, [animateOnClick, onClick, startTimedAnimation]);
-    React.useEffect(() => {
-        if (autoAnimateOnLoad) {
-            startTimedAnimation();
-        }
-        return () => {
-            if (timeoutRef.current)
-                clearTimeout(timeoutRef.current);
-        };
-    }, [autoAnimateOnLoad, startTimedAnimation]);
-    return (jsxRuntime.jsx("div", { className: cn.cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { overflow: 'visible' }, children: [jsxRuntime.jsx(framerMotion.motion.circle, { variants: pathVariants, initial: "normal", animate: controls, cx: "12", cy: "13", r: "8" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: secondaryPathVariants, initial: "normal", animate: controls, d: "M5 3 2 6" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: secondaryPathVariants, initial: "normal", animate: controls, d: "m22 6-3-3" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: pathVariants, initial: "normal", animate: controls, d: "M6.38 18.7 4 21" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: pathVariants, initial: "normal", animate: controls, d: "M17.64 18.67 20 21" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: pathVariants, initial: "normal", animate: controls, d: "m9 13 2 2 4-4" })] }) }));
+const AlarmClockCheck = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, { cycleMs: 700 });
+    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%", style: { overflow: 'visible' }, children: [jsxRuntime.jsx(framerMotion.motion.circle, { cx: "12", cy: "13", r: "8", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M5 3 2 6", variants: secondaryPathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m22 6-3-3", variants: secondaryPathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6.38 18.7 4 21", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M17.64 18.67 20 21", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m9 13 2 2 4-4", variants: pathVariants, initial: "normal", animate: controls })] }) }));
 });
 AlarmClockCheck.displayName = 'AlarmClockCheck';
 

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

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

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
 const pathVariants = {
     normal: {
@@ -38,64 +39,9 @@ const secondaryPathVariants = {
         },
     },
 };
-const AlarmClockMinus = React.forwardRef(({ className, size = 28, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
-    const controls = framerMotion.useAnimation();
-    const isControlledRef = React.useRef(false);
-    const timeoutRef = React.useRef(null);
-    const startAnimation = React.useCallback(() => {
-        controls.start('animate');
-    }, [controls]);
-    const stopAnimation = React.useCallback(() => {
-        controls.start('normal');
-    }, [controls]);
-    const startTimedAnimation = React.useCallback(() => {
-        startAnimation();
-        if (timeoutRef.current)
-            clearTimeout(timeoutRef.current);
-        timeoutRef.current = setTimeout(() => {
-            stopAnimation();
-        }, 700);
-    }, [startAnimation, stopAnimation]);
-    React.useImperativeHandle(ref, () => {
-        isControlledRef.current = true;
-        return {
-            startAnimation: () => startTimedAnimation(),
-            stopAnimation: () => stopAnimation(),
-        };
-    });
-    const handleMouseEnter = React.useCallback((e) => {
-        if (!isControlledRef.current && hoverable) {
-            if (loopOnHover) {
-                startAnimation();
-            }
-            else {
-                startTimedAnimation();
-            }
-        }
-        onMouseEnter?.(e);
-    }, [hoverable, loopOnHover, onMouseEnter, startAnimation, startTimedAnimation]);
-    const handleMouseLeave = React.useCallback((e) => {
-        if (!isControlledRef.current && hoverable && loopOnHover) {
-            stopAnimation();
-        }
-        onMouseLeave?.(e);
-    }, [hoverable, loopOnHover, onMouseLeave, stopAnimation]);
-    const handleClick = React.useCallback((e) => {
-        if (!isControlledRef.current && animateOnClick) {
-            startTimedAnimation();
-        }
-        onClick?.(e);
-    }, [animateOnClick, onClick, startTimedAnimation]);
-    React.useEffect(() => {
-        if (autoAnimateOnLoad) {
-            startTimedAnimation();
-        }
-        return () => {
-            if (timeoutRef.current)
-                clearTimeout(timeoutRef.current);
-        };
-    }, [autoAnimateOnLoad, startTimedAnimation]);
-    return (jsxRuntime.jsx("div", { className: cn.cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { overflow: 'visible' }, children: [jsxRuntime.jsx(framerMotion.motion.circle, { variants: pathVariants, initial: "normal", animate: controls, cx: "12", cy: "13", r: "8" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: secondaryPathVariants, initial: "normal", animate: controls, d: "M5 3 2 6" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: secondaryPathVariants, initial: "normal", animate: controls, d: "m22 6-3-3" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: pathVariants, initial: "normal", animate: controls, d: "M6.38 18.7 4 21" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: pathVariants, initial: "normal", animate: controls, d: "M17.64 18.67 20 21" }), jsxRuntime.jsx(framerMotion.motion.line, { variants: pathVariants, initial: "normal", animate: controls, x1: "9", y1: "13", x2: "15", y2: "13" })] }) }));
+const AlarmClockMinus = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, { cycleMs: 700 });
+    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%", style: { overflow: 'visible' }, children: [jsxRuntime.jsx(framerMotion.motion.circle, { cx: "12", cy: "13", r: "8", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M5 3 2 6", variants: secondaryPathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m22 6-3-3", variants: secondaryPathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6.38 18.7 4 21", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M17.64 18.67 20 21", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "9", y1: "13", x2: "15", y2: "13", variants: pathVariants, initial: "normal", animate: controls })] }) }));
 });
 AlarmClockMinus.displayName = 'AlarmClockMinus';
 

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

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

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
 var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
@@ -24,7 +24,7 @@ const slashVariants = {
         transition: { duration: 0.4, delay: 0.3, ease: 'easeInOut' },
     },
 };
-const AlarmClockOff = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const AlarmClockOff = 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.87 6.87a8 8 0 1 0 11.26 11.26", variants: shakeVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M19.9 14.25a8 8 0 0 0-9.15-9.15", variants: shakeVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m22 6-3-3", variants: shakeVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6.26 18.67 4 21", variants: shakeVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m2 2 20 20", variants: slashVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M4 4 2 6", variants: shakeVariants, initial: "normal", animate: controls })] }) }));
 });

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
 const pathVariants = {
     normal: {
@@ -38,64 +39,9 @@ const secondaryPathVariants = {
         },
     },
 };
-const AlarmClockPlus = React.forwardRef(({ className, size = 28, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
-    const controls = framerMotion.useAnimation();
-    const isControlledRef = React.useRef(false);
-    const timeoutRef = React.useRef(null);
-    const startAnimation = React.useCallback(() => {
-        controls.start('animate');
-    }, [controls]);
-    const stopAnimation = React.useCallback(() => {
-        controls.start('normal');
-    }, [controls]);
-    const startTimedAnimation = React.useCallback(() => {
-        startAnimation();
-        if (timeoutRef.current)
-            clearTimeout(timeoutRef.current);
-        timeoutRef.current = setTimeout(() => {
-            stopAnimation();
-        }, 700);
-    }, [startAnimation, stopAnimation]);
-    React.useImperativeHandle(ref, () => {
-        isControlledRef.current = true;
-        return {
-            startAnimation: () => startTimedAnimation(),
-            stopAnimation: () => stopAnimation(),
-        };
-    });
-    const handleMouseEnter = React.useCallback((e) => {
-        if (!isControlledRef.current && hoverable) {
-            if (loopOnHover) {
-                startAnimation();
-            }
-            else {
-                startTimedAnimation();
-            }
-        }
-        onMouseEnter?.(e);
-    }, [hoverable, loopOnHover, onMouseEnter, startAnimation, startTimedAnimation]);
-    const handleMouseLeave = React.useCallback((e) => {
-        if (!isControlledRef.current && hoverable && loopOnHover) {
-            stopAnimation();
-        }
-        onMouseLeave?.(e);
-    }, [hoverable, loopOnHover, onMouseLeave, stopAnimation]);
-    const handleClick = React.useCallback((e) => {
-        if (!isControlledRef.current && animateOnClick) {
-            startTimedAnimation();
-        }
-        onClick?.(e);
-    }, [animateOnClick, onClick, startTimedAnimation]);
-    React.useEffect(() => {
-        if (autoAnimateOnLoad) {
-            startTimedAnimation();
-        }
-        return () => {
-            if (timeoutRef.current)
-                clearTimeout(timeoutRef.current);
-        };
-    }, [autoAnimateOnLoad, startTimedAnimation]);
-    return (jsxRuntime.jsx("div", { className: cn.cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { overflow: 'visible' }, children: [jsxRuntime.jsx(framerMotion.motion.circle, { variants: pathVariants, initial: "normal", animate: controls, cx: "12", cy: "13", r: "8" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: secondaryPathVariants, initial: "normal", animate: controls, d: "M5 3 2 6" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: secondaryPathVariants, initial: "normal", animate: controls, d: "m22 6-3-3" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: pathVariants, initial: "normal", animate: controls, d: "M6.38 18.7 4 21" }), jsxRuntime.jsx(framerMotion.motion.path, { variants: pathVariants, initial: "normal", animate: controls, d: "M17.64 18.67 20 21" }), jsxRuntime.jsx(framerMotion.motion.line, { variants: pathVariants, initial: "normal", animate: controls, x1: "9", y1: "13", x2: "15", y2: "13" }), jsxRuntime.jsx(framerMotion.motion.line, { variants: pathVariants, initial: "normal", animate: controls, y1: "10", x1: "12", y2: "16", x2: "12" })] }) }));
+const AlarmClockPlus = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, { cycleMs: 700 });
+    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%", style: { overflow: 'visible' }, children: [jsxRuntime.jsx(framerMotion.motion.circle, { cx: "12", cy: "13", r: "8", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M5 3 2 6", variants: secondaryPathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m22 6-3-3", variants: secondaryPathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6.38 18.7 4 21", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M17.64 18.67 20 21", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "9", y1: "13", x2: "15", y2: "13", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { y1: "10", x1: "12", y2: "16", x2: "12", variants: pathVariants, initial: "normal", animate: controls })] }) }));
 });
 AlarmClockPlus.displayName = 'AlarmClockPlus';
 

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

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

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
 var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
@@ -17,7 +17,7 @@ const smokeVariants = {
         transition: { duration: 0.4, delay: i * 0.15, ease: 'easeOut' },
     }),
 };
-const AlarmSmoke = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const AlarmSmoke = 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: "M11 21c0-2.5 2-2.5 2-5", variants: smokeVariants, custom: 1, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M16 21c0-2.5 2-2.5 2-5", variants: smokeVariants, custom: 2, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "m19 8-.8 3a1.25 1.25 0 0 1-1.2 1H7a1.25 1.25 0 0 1-1.2-1L5 8" }), jsxRuntime.jsx("path", { d: "M21 3a1 1 0 0 1 1 1v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a1 1 0 0 1 1-1z" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 21c0-2.5 2-2.5 2-5", variants: smokeVariants, custom: 0, initial: "normal", animate: controls })] }) }));
 });

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
 var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
@@ -42,14 +42,14 @@ const pathVariants = {
         },
     },
 };
-const Album = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const Album = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
     const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
     return (jsxRuntime.jsx("div", { className: cn.cn('rounded-md', className), style: {
             width: size,
             height: size,
             display: 'inline-block',
             ...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: "18", x: "3", y: "3", rx: "2", ry: "2", variants: squareVariants, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.polyline, { points: "11 3 11 11 14 8 17 11 17 3", variants: pathVariants, animate: controls, initial: "normal", style: { strokeDasharray: 1 } })] }) }));
+        }, ...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: "18", x: "3", y: "3", rx: "2", ry: "2", variants: squareVariants, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.polyline, { points: "11 3 11 11 14 8 17 11 17 3", variants: pathVariants, animate: controls, initial: "normal" })] }) }));
 });
 Album.displayName = 'Album';
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
-var React = require('react');
+var react = require('react');
 var cn = require('../../lib/cn.js');
 var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
@@ -21,7 +21,7 @@ const pathMotion = {
         },
     },
 };
-const AlignCenter = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const AlignCenter = 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: "M17 12H7", variants: pathMotion, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M19 18H5", animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M21 6H3", animate: controls, initial: "normal" })] }) }));
 });