aliveicon 1.11.0 → 1.12.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-2045-orange" alt="icon count" />
+  <img src="https://img.shields.io/badge/icons-2050-orange" alt="icon count" />
   <img src="https://img.shields.io/badge/types-included-blue" alt="typescript" />
 </p>
 
-`aliveicon` is a set of **2045 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 **2050 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 **2045 icons**, and more are being added. Import any icon by its PascalCase name:
+`aliveicon` ships **2050 icons**, and more are being added. Import any icon by its PascalCase name:
 
 ```tsx
 import { CircleCheck, ChartLine, Wifi } from 'aliveicon';
@@ -158,21 +158,23 @@ import { CircleCheck, ChartLine, Wifi } from 'aliveicon';
 | ----- | ----- | -------- |
 | **A** | 118 | `Activity`, `Airplay`, `AlarmClock`, `Anchor`, `Anvil`, `ArrowRight`, `ArrowUpRight`, `Atom`, `Award` |
 | **B** | 163 | `Battery`, `Bell`, `Bluetooth`, `Book`, `Bot`, `Brain`, `Broom`, `Bug`, `Building` |
-| **C** | 320 | `Calendar`, `Camera`, `Car`, `ChartLine`, `Check`, `Circle`, `Clock`, `Cloud`, `Cog`, `Copy` |
-| **D** | 59 | `Database`, `Dice1`, `Diamond`, `Disc`, `DoorOpen`, `Download`, `Droplet`, `Dumbbell` |
+| **C** | 321 | `Calendar`, `Camera`, `Car`, `ChartLine`, `Check`, `Circle`, `Clock`, `Cloud`, `Cog`, `Copy` |
+| **D** | 61 | `Database`, `Dice1`, `Diamond`, `Disc`, `DoorOpen`, `Download`, `Droplet`, `Dumbbell` |
 | **E** | 32 | `Earth`, `Egg`, `Eject`, `Ellipsis`, `Eraser`, `Euro`, `Expand`, `Eye` |
 | **F** | 139 | `Factory`, `Fan`, `Feather`, `File`, `Film`, `Fish`, `Flag`, `Flame`, `Flower`, `Folder`, `Forklift`, `Funnel` |
-| **G** | 63 | `Gamepad`, `Gauge`, `Gem`, `Ghost`, `Gift`, `GitBranch`, `Globe`, `Grid3x3`, `Guitar` |
+| **G** | 65 | `Gamepad`, `Gauge`, `Gem`, `Ghost`, `Gift`, `GitBranch`, `Globe`, `Grid3x3`, `Guitar` |
 | **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` |
+| **L** | 124 | `Lamp`, `Laptop`, `Layers`, `Leaf`, `Lightbulb`, `Link`, `Lock`, `LogIn` |
+| **M** | 152 | `Mail`, `Mango`, `Map`, `MapPin`, `Medal`, `Megaphone`, `Mic`, `Monitor`, `Moon`, `Mountain` |
 | **N** | 19 | `Navigation`, `Network`, `Newspaper`, `Notebook`, `NotebookDot`, `Nut` |
-| **O** | 10 | `Octagon`, `Omega`, `Option`, `Orbit`, `Origami` |
-| **P** | 114 | `Package`, `Paintbrush`, `Palette`, `PanelLeft`, `Paperclip`, `Pause`, `PawPrint`, `Pen`, `Phone`, `Plane`, `Play`, `Plus`, `Power`, `Printer`, `Puzzle` |
+| **O** | 11 | `Octagon`, `Omega`, `Opacity`, `Option`, `Orbit`, `Origami` |
+| **P** | 116 | `Package`, `Paintbrush`, `Palette`, `PanelLeft`, `Paperclip`, `Pause`, `PawPrint`, `Pen`, `Phone`, `Plane`, `Play`, `Plus`, `Power`, `Printer`, `Puzzle` |
 | **Q** | 2 | `Quote`, `QrCode` |
 | **R** | 76 | `Rabbit`, `Radar`, `Radio`, `Receipt`, `RefreshCw`, `Rocket`, `RotateCcw` |
-| **S** | 1 | `SquareActivity` |
+| **S** | 303 | `Save`, `Search`, `Send`, `Settings`, `Share`, `Shield`, `ShoppingCart`, `Sparkles`, `Star`, `Sun` |
 | **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` |
@@ -198,6 +200,26 @@ These names were misspelled in earlier versions. The old names still work but ar
 | `USB` | `Usb` |
 | `WebhooksOff` | `WebhookOff` |
 
+### Lucide aliases
+
+Lucide renamed these icons, and `aliveicon` follows the new names. The old names are kept as aliases, the same as in `lucide-react`, so they are not deprecated and will keep working.
+
+| Alias | Name |
+| ----- | ---- |
+| `BadgeAlert` | `BadgeExclamationPoint` |
+| `BatteryWarning` | `BatteryExclamationPoint` |
+| `BookAlert` | `BookExclamationPoint` |
+| `CircleAlert` | `CircleExclamationPoint` |
+| `ClockAlert` | `ClockExclamationPoint` |
+| `CloudAlert` | `CloudExclamationPoint` |
+| `MailWarning` | `MailExclamationPoint` |
+| `MessageCircleWarning` | `MessageCircleExclamationPoint` |
+| `MessageSquareWarning` | `MessageSquareExclamationPoint` |
+| `OctagonAlert` | `OctagonExclamationPoint` |
+| `SearchAlert` | `SearchExclamationPoint` |
+| `ShieldAlert` | `ShieldExclamationPoint` |
+| `TriangleAlert` | `TriangleExclamationPoint` |
+
 ---
 
 ## 🎬 How the animation works

package/dist/cjs/aliases.js

@@ -5,13 +5,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Accessibility = require('./icons/a/Accessibility.js');
 var AudioWaveform = require('./icons/a/AudioWaveform.js');
+var BadgeExclamationPoint = require('./icons/b/BadgeExclamationPoint.js');
 var BadgeIndianRupee = require('./icons/b/BadgeIndianRupee.js');
+var BatteryExclamationPoint = require('./icons/b/BatteryExclamationPoint.js');
+var BookExclamationPoint = require('./icons/b/BookExclamationPoint.js');
 var Bookmark = require('./icons/b/Bookmark.js');
 var BookmarkCheck = require('./icons/b/BookmarkCheck.js');
 var BookmarkMinus = require('./icons/b/BookmarkMinus.js');
 var Cctv = require('./icons/c/Cctv.js');
+var CircleExclamationPoint = require('./icons/c/CircleExclamationPoint.js');
+var ClockExclamationPoint = require('./icons/c/ClockExclamationPoint.js');
+var CloudExclamationPoint = require('./icons/c/CloudExclamationPoint.js');
 var LetterSUpper = require('./icons/l/LetterSUpper.js');
+var MailExclamationPoint = require('./icons/m/MailExclamationPoint.js');
+var MessageCircleExclamationPoint = require('./icons/m/MessageCircleExclamationPoint.js');
+var MessageSquareExclamationPoint = require('./icons/m/MessageSquareExclamationPoint.js');
+var OctagonExclamationPoint = require('./icons/o/OctagonExclamationPoint.js');
 var QrCode = require('./icons/q/QrCode.js');
+var SearchExclamationPoint = require('./icons/s/SearchExclamationPoint.js');
+var ShieldExclamationPoint = require('./icons/s/ShieldExclamationPoint.js');
+var TriangleExclamationPoint = require('./icons/t/TriangleExclamationPoint.js');
 var Usb = require('./icons/u/Usb.js');
 var WebhookOff = require('./icons/w/WebhookOff.js');
 
@@ -35,17 +48,43 @@ const QRCode = QrCode.QrCode;
 const USB = Usb.Usb;
 /** @deprecated use WebhookOff */
 const WebhooksOff = WebhookOff.WebhookOff;
+const BadgeAlert = BadgeExclamationPoint.BadgeExclamationPoint;
+const BatteryWarning = BatteryExclamationPoint.BatteryExclamationPoint;
+const BookAlert = BookExclamationPoint.BookExclamationPoint;
+const CircleAlert = CircleExclamationPoint.CircleExclamationPoint;
+const ClockAlert = ClockExclamationPoint.ClockExclamationPoint;
+const CloudAlert = CloudExclamationPoint.CloudExclamationPoint;
 const LetterS = LetterSUpper.LetterSUpper;
+const MailWarning = MailExclamationPoint.MailExclamationPoint;
+const MessageCircleWarning = MessageCircleExclamationPoint.MessageCircleExclamationPoint;
+const MessageSquareWarning = MessageSquareExclamationPoint.MessageSquareExclamationPoint;
+const OctagonAlert = OctagonExclamationPoint.OctagonExclamationPoint;
+const SearchAlert = SearchExclamationPoint.SearchExclamationPoint;
+const ShieldAlert = ShieldExclamationPoint.ShieldExclamationPoint;
+const TriangleAlert = TriangleExclamationPoint.TriangleExclamationPoint;
 
 exports.AccessibilityActivity = AccessibilityActivity;
 exports.AudioWaveForm = AudioWaveForm;
+exports.BadgeAlert = BadgeAlert;
 exports.BadgeIndianRuppee = BadgeIndianRuppee;
+exports.BatteryWarning = BatteryWarning;
+exports.BookAlert = BookAlert;
 exports.BookMark = BookMark;
 exports.BookMarkCheck = BookMarkCheck;
 exports.BookMarkMinus = BookMarkMinus;
 exports.CCTV = CCTV;
+exports.CircleAlert = CircleAlert;
+exports.ClockAlert = ClockAlert;
+exports.CloudAlert = CloudAlert;
 exports.LetterS = LetterS;
+exports.MailWarning = MailWarning;
+exports.MessageCircleWarning = MessageCircleWarning;
+exports.MessageSquareWarning = MessageSquareWarning;
+exports.OctagonAlert = OctagonAlert;
 exports.QRCode = QRCode;
+exports.SearchAlert = SearchAlert;
+exports.ShieldAlert = ShieldAlert;
+exports.TriangleAlert = TriangleAlert;
 exports.USB = USB;
 exports.WebhooksOff = WebhooksOff;
 //# sourceMappingURL=aliases.js.map

package/dist/cjs/aliases.js.map

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

package/dist/cjs/icons/b/{BadgeAlert.js → BadgeExclamationPoint.js}

@@ -30,11 +30,11 @@ const tiltVariants = {
         transition: { duration: 0.6, ease: 'easeInOut' },
     },
 };
-const BadgeAlert = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const BadgeExclamationPoint = 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: tiltVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z", custom: 0, variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "12", y1: "8", x2: "12", y2: "12", custom: 0.15, variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "12", y1: "16", x2: "12.01", y2: "16", custom: 0.25, variants: pathVariants, initial: "normal", animate: controls })] }) }) }));
 });
-BadgeAlert.displayName = 'BadgeAlert';
+BadgeExclamationPoint.displayName = 'BadgeExclamationPoint';
 
-exports.BadgeAlert = BadgeAlert;
-//# sourceMappingURL=BadgeAlert.js.map
+exports.BadgeExclamationPoint = BadgeExclamationPoint;
+//# sourceMappingURL=BadgeExclamationPoint.js.map

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

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

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

@@ -28,7 +28,7 @@ const pathVariants = {
 };
 const Battery = 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, { x: "2", y: "7", width: "16", height: "10", rx: "2", ry: "2", variants: pathVariants, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "22", y1: "11", x2: "22", y2: "13", variants: pathVariants, animate: controls, initial: "normal" })] }) }));
+    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, { x: "2", y: "6", width: "16", height: "12", rx: "2", variants: pathVariants, animate: controls, initial: "normal" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M22 14v-4", variants: pathVariants, animate: controls, initial: "normal" })] }) }));
 });
 Battery.displayName = 'Battery';
 

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

@@ -33,7 +33,7 @@ const boltVariants = {
 };
 const BatteryCharging = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
     const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, { cycleMs: 800 });
-    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 7h1a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-2", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 7H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h1", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m11 7-3 5h4l-3 5", variants: boltVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "22", y1: "11", x2: "22", y2: "13", variants: pathVariants, initial: "normal", animate: controls })] }) }));
+    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: "M14.856 6H16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.935", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M5.14 18H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2.936", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m11 7-3 5h4l-3 5", variants: boltVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M22 14v-4", variants: pathVariants, initial: "normal", animate: controls })] }) }));
 });
 BatteryCharging.displayName = 'BatteryCharging';
 

package/dist/cjs/icons/b/{BatteryWarning.js → BatteryExclamationPoint.js}

@@ -25,11 +25,11 @@ const warningVariants = {
         transition: { duration: 0.4, ease: 'easeOut' },
     },
 };
-const BatteryWarning = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const BatteryExclamationPoint = 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 17h.01", variants: warningVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M10 7v6", variants: warningVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 7h2a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-2", variants: outlineVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M22 11v2", variants: outlineVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 7H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2", variants: outlineVariants, initial: "normal", animate: controls })] }) }));
+    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 17h.01", variants: warningVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M10 7v6", variants: warningVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 6h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2", variants: outlineVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M22 14v-4", variants: outlineVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 18H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2", variants: outlineVariants, initial: "normal", animate: controls })] }) }));
 });
-BatteryWarning.displayName = 'BatteryWarning';
+BatteryExclamationPoint.displayName = 'BatteryExclamationPoint';
 
-exports.BatteryWarning = BatteryWarning;
-//# sourceMappingURL=BatteryWarning.js.map
+exports.BatteryExclamationPoint = BatteryExclamationPoint;
+//# sourceMappingURL=BatteryExclamationPoint.js.map

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

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

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

@@ -29,7 +29,7 @@ const barVariants = {
 };
 const BatteryFull = 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, { x: "2", y: "7", width: "16", height: "10", rx: "2", ry: "2", variants: shellVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "22", y1: "11", x2: "22", y2: "13", variants: shellVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "6", y1: "11", x2: "6", y2: "13", custom: 0, variants: barVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "10", y1: "11", x2: "10", y2: "13", custom: 1, variants: barVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "14", y1: "11", x2: "14", y2: "13", custom: 2, variants: barVariants, initial: "normal", animate: controls })] }) }));
+    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, { x: "2", y: "6", width: "16", height: "12", rx: "2", variants: shellVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M22 14v-4", variants: shellVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 10v4", custom: 0, variants: barVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M10 10v4", custom: 1, variants: barVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 10v4", custom: 2, variants: barVariants, initial: "normal", animate: controls })] }) }));
 });
 BatteryFull.displayName = 'BatteryFull';
 

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

@@ -29,7 +29,7 @@ const barVariants = {
 };
 const BatteryLow = 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, { x: "2", y: "7", width: "16", height: "10", rx: "2", ry: "2", variants: shellVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "22", y1: "11", x2: "22", y2: "13", variants: shellVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "6", y1: "11", x2: "6", y2: "13", custom: 0, variants: barVariants, initial: "normal", animate: controls })] }) }));
+    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, { x: "2", y: "6", width: "16", height: "12", rx: "2", variants: shellVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M22 14v-4", variants: shellVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 14v-4", custom: 0, variants: barVariants, initial: "normal", animate: controls })] }) }));
 });
 BatteryLow.displayName = 'BatteryLow';
 

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

@@ -29,7 +29,7 @@ const barVariants = {
 };
 const BatteryMedium = 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, { x: "2", y: "7", width: "16", height: "10", rx: "2", ry: "2", variants: shellVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "22", y1: "11", x2: "22", y2: "13", variants: shellVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "6", y1: "11", x2: "6", y2: "13", custom: 0, variants: barVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "10", y1: "11", x2: "10", y2: "13", custom: 1, variants: barVariants, initial: "normal", animate: controls })] }) }));
+    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, { x: "2", y: "6", width: "16", height: "12", rx: "2", variants: shellVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M22 14v-4", variants: shellVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 14v-4", custom: 0, variants: barVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M10 14v-4", custom: 1, variants: barVariants, initial: "normal", animate: controls })] }) }));
 });
 BatteryMedium.displayName = 'BatteryMedium';
 

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

@@ -27,7 +27,7 @@ const plusVariants = {
 };
 const BatteryPlus = 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 9v6", variants: plusVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M13.5 7H16a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-2.5", variants: outlineVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M22 11v2", variants: outlineVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6.5 17H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h2.5", variants: outlineVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M7 12h6", variants: plusVariants, initial: "normal", animate: controls })] }) }));
+    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 9v6", variants: plusVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12.543 6H16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-3.605", variants: outlineVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M22 14v-4", variants: outlineVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M7.606 18H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3.606", variants: outlineVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M7 12h6", variants: plusVariants, initial: "normal", animate: controls })] }) }));
 });
 BatteryPlus.displayName = 'BatteryPlus';
 

package/dist/cjs/icons/b/{BookAlert.js → BookExclamationPoint.js}

@@ -24,11 +24,11 @@ const drawVariants = {
         transition: { duration: 0.5, delay: i * 0.1, ease: 'easeInOut' },
     }),
 };
-const BookAlert = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const BookExclamationPoint = 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: "M12 13h.01", variants: popVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 6v3", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx("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" })] }) }));
 });
-BookAlert.displayName = 'BookAlert';
+BookExclamationPoint.displayName = 'BookExclamationPoint';
 
-exports.BookAlert = BookAlert;
-//# sourceMappingURL=BookAlert.js.map
+exports.BookExclamationPoint = BookExclamationPoint;
+//# sourceMappingURL=BookExclamationPoint.js.map

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

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

package/dist/cjs/icons/c/{CircleAlert.js → CircleExclamationPoint.js}

@@ -25,11 +25,11 @@ const pathVariants = {
         },
     },
 };
-const CircleAlert = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const CircleExclamationPoint = 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.circle, { cx: "12", cy: "12", r: "10", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "12", y1: "8", x2: "12", y2: "12", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "12", y1: "16", x2: "12.01", y2: "16", variants: pathVariants, initial: "normal", animate: controls })] }) }));
 });
-CircleAlert.displayName = 'CircleAlert';
+CircleExclamationPoint.displayName = 'CircleExclamationPoint';
 
-exports.CircleAlert = CircleAlert;
-//# sourceMappingURL=CircleAlert.js.map
+exports.CircleExclamationPoint = CircleExclamationPoint;
+//# sourceMappingURL=CircleExclamationPoint.js.map

package/dist/cjs/icons/c/CircleExclamationPoint.js.map

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

package/dist/cjs/icons/c/CircleFadingCheck.js

@@ -0,0 +1,28 @@
+'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 pathVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.3 } },
+    animate: {
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        opacity: [0, 1],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const CircleFadingCheck = 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: "M12 2a10 10 0 017.38 16.75", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m16 9-5.5 5.5L8 12", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M2.5 8.875a10 10 0 00-.5 3", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M2.83 16a10 10 0 002.43 3.4", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M4.636 5.235a10 10 0 01.891-.857", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M8.644 21.42a10 10 0 007.631-.38", variants: pathVariants, initial: "normal", animate: controls })] }) }));
+});
+CircleFadingCheck.displayName = 'CircleFadingCheck';
+
+exports.CircleFadingCheck = CircleFadingCheck;
+//# sourceMappingURL=CircleFadingCheck.js.map

package/dist/cjs/icons/c/CircleFadingCheck.js.map

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

package/dist/cjs/icons/c/{ClockAlert.js → ClockExclamationPoint.js}

@@ -25,11 +25,11 @@ const dotVariants = {
         transition: { duration: 0.35, delay: 0.45, ease: 'easeOut' },
     },
 };
-const ClockAlert = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const ClockExclamationPoint = 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: "M12 6v6l4 2", custom: 0, variants: drawVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M20 12v5", custom: 1, variants: drawVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M20 21h.01", variants: dotVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M21.25 8.2A10 10 0 1 0 16 21.16" })] }) }));
 });
-ClockAlert.displayName = 'ClockAlert';
+ClockExclamationPoint.displayName = 'ClockExclamationPoint';
 
-exports.ClockAlert = ClockAlert;
-//# sourceMappingURL=ClockAlert.js.map
+exports.ClockExclamationPoint = ClockExclamationPoint;
+//# sourceMappingURL=ClockExclamationPoint.js.map

package/dist/cjs/icons/c/ClockExclamationPoint.js.map

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

package/dist/cjs/icons/c/{CloudAlert.js → CloudExclamationPoint.js}

@@ -25,11 +25,11 @@ const dotVariants = {
         transition: { duration: 0.35, delay: 0.3, ease: 'easeOut' },
     },
 };
-const CloudAlert = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const CloudExclamationPoint = 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: "M12 12v4", variants: barVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 20h.01", variants: dotVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M8.128 16.949A7 7 0 1 1 15.71 8h1.79a1 1 0 0 1 0 9h-1.642" })] }) }));
 });
-CloudAlert.displayName = 'CloudAlert';
+CloudExclamationPoint.displayName = 'CloudExclamationPoint';
 
-exports.CloudAlert = CloudAlert;
-//# sourceMappingURL=CloudAlert.js.map
+exports.CloudExclamationPoint = CloudExclamationPoint;
+//# sourceMappingURL=CloudExclamationPoint.js.map

package/dist/cjs/icons/c/CloudExclamationPoint.js.map

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

package/dist/cjs/icons/m/{MailWarning.js → MailExclamationPoint.js}

@@ -16,11 +16,11 @@ const wiggleVariants = {
         transition: { duration: 0.5, ease: 'easeInOut' },
     },
 };
-const MailWarning = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const MailExclamationPoint = 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, style: { originX: '50%', originY: '50%' }, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M22 10.5V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12.5" }), jsxRuntime.jsx("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" }), jsxRuntime.jsx("path", { d: "M20 14v4" }), jsxRuntime.jsx("path", { d: "M20 22v.01" })] }) }) }));
 });
-MailWarning.displayName = 'MailWarning';
+MailExclamationPoint.displayName = 'MailExclamationPoint';
 
-exports.MailWarning = MailWarning;
-//# sourceMappingURL=MailWarning.js.map
+exports.MailExclamationPoint = MailExclamationPoint;
+//# sourceMappingURL=MailExclamationPoint.js.map

package/dist/cjs/icons/m/MailExclamationPoint.js.map

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

package/dist/cjs/icons/m/Mango.js

@@ -0,0 +1,28 @@
+'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, pathOffset: 0, opacity: 1, transition: { duration: 0.3 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const Mango = 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 6 3-3", variants: drawVariants, custom: [0.5, 0, 0.3], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M7 22a4 4 0 01-2.62-7.023A2 2 0 005 13.383V10a8 8 0 1116 0A12 12 0 019 22z", variants: drawVariants, custom: [0, 1, 0.7], initial: "normal", animate: controls })] }) }));
+});
+Mango.displayName = 'Mango';
+
+exports.Mango = Mango;
+//# sourceMappingURL=Mango.js.map

package/dist/cjs/icons/m/Mango.js.map

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

package/dist/cjs/icons/m/{MessageCircleWarning.js → MessageCircleExclamationPoint.js}

@@ -16,11 +16,11 @@ const bounceVariants = {
         transition: { duration: 0.6, ease: 'easeOut' },
     },
 };
-const MessageCircleWarning = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const MessageCircleExclamationPoint = 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: bounceVariants, style: { originX: '50%', originY: '50%' }, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719" }), jsxRuntime.jsx("path", { d: "M12 8v4" }), jsxRuntime.jsx("path", { d: "M12 16h.01" })] }) }) }));
 });
-MessageCircleWarning.displayName = 'MessageCircleWarning';
+MessageCircleExclamationPoint.displayName = 'MessageCircleExclamationPoint';
 
-exports.MessageCircleWarning = MessageCircleWarning;
-//# sourceMappingURL=MessageCircleWarning.js.map
+exports.MessageCircleExclamationPoint = MessageCircleExclamationPoint;
+//# sourceMappingURL=MessageCircleExclamationPoint.js.map

package/dist/cjs/icons/m/MessageCircleExclamationPoint.js.map

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

package/dist/cjs/icons/m/{MessageSquareWarning.js → MessageSquareExclamationPoint.js}

@@ -25,11 +25,11 @@ const detailVariants = {
         transition: { duration: 0.4, delay: 0.15 + i * 0.1, ease: 'easeInOut' },
     }),
 };
-const MessageSquareWarning = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const MessageSquareExclamationPoint = 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.g, { variants: bodyVariants, style: { originX: '50%', originY: '50%' }, initial: "normal", animate: controls, children: jsxRuntime.jsx("path", { d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" }) }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 15h.01", variants: detailVariants, custom: 0, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 7v4", variants: detailVariants, custom: 1, initial: "normal", animate: controls })] }) }));
 });
-MessageSquareWarning.displayName = 'MessageSquareWarning';
+MessageSquareExclamationPoint.displayName = 'MessageSquareExclamationPoint';
 
-exports.MessageSquareWarning = MessageSquareWarning;
-//# sourceMappingURL=MessageSquareWarning.js.map
+exports.MessageSquareExclamationPoint = MessageSquareExclamationPoint;
+//# sourceMappingURL=MessageSquareExclamationPoint.js.map

package/dist/cjs/icons/m/MessageSquareExclamationPoint.js.map

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

package/dist/cjs/icons/o/{OctagonAlert.js → OctagonExclamationPoint.js}

@@ -26,11 +26,11 @@ const pathVariants = {
         },
     },
 };
-const OctagonAlert = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+const OctagonExclamationPoint = 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: "M12 16h.01", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 8v4", variants: pathVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z", variants: pathVariants, initial: "normal", animate: controls })] }) }));
 });
-OctagonAlert.displayName = 'OctagonAlert';
+OctagonExclamationPoint.displayName = 'OctagonExclamationPoint';
 
-exports.OctagonAlert = OctagonAlert;
-//# sourceMappingURL=OctagonAlert.js.map
+exports.OctagonExclamationPoint = OctagonExclamationPoint;
+//# sourceMappingURL=OctagonExclamationPoint.js.map

package/dist/cjs/icons/o/OctagonExclamationPoint.js.map

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

package/dist/cjs/icons/o/Opacity.js

@@ -0,0 +1,49 @@
+'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 cornerVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.3 } },
+    animate: {
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        opacity: [0, 1],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const dotVariants = {
+    normal: { opacity: 1, transition: { duration: 0.2 } },
+    animate: (band) => ({
+        opacity: [1, 0.15, 1],
+        transition: { duration: 0.6, delay: band * 0.12, ease: 'easeInOut' },
+    }),
+};
+const dots = [
+    ['M12 3h.01', 1],
+    ['M12 9h.01', 2],
+    ['M15 6h.01', 2],
+    ['M18 3h.01', 2],
+    ['M3 12h.01', 1],
+    ['M3 18h.01', 2],
+    ['M3 6h.01', 0],
+    ['M6 15h.01', 2],
+    ['M6 3h.01', 0],
+    ['M6 9h.01', 1],
+    ['M9 12h.01', 2],
+    ['M9 6h.01', 1],
+];
+const Opacity = 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 6v13a2 2 0 0 1-2 2H6", variants: cornerVariants, initial: "normal", animate: controls }), dots.map(([d, band]) => (jsxRuntime.jsx(framerMotion.motion.path, { d: d, variants: dotVariants, custom: band, initial: "normal", animate: controls }, d)))] }) }));
+});
+Opacity.displayName = 'Opacity';
+
+exports.Opacity = Opacity;
+//# sourceMappingURL=Opacity.js.map

package/dist/cjs/icons/o/Opacity.js.map

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