aliveicon 1.5.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-1098-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 **911 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 **1098 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';
@@ -171,6 +171,7 @@ import { CircleCheck, ChartLine, Wifi } from 'aliveicon';
 | **Q** | 2 | `Quote`, `QrCode` |
 | **R** | 76 | `Rabbit`, `Radar`, `Radio`, `Receipt`, `RefreshCw`, `Rocket`, `RotateCcw` |
 | **S** | 1 | `SquareActivity` |
+| **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` |

package/dist/cjs/icons/t/Table.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.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const Table = 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 3v18", variants: drawVariants, custom: [0.36, 0, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.rect, { width: "18", height: "18", x: "3", y: "3", rx: "2", variants: drawVariants, custom: [0, 0, 0.5], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 9h18", variants: drawVariants, custom: [0.2, 0, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 15h18", variants: drawVariants, custom: [0.28, 0, 0.4], initial: "normal", animate: controls })] }) }));
+});
+Table.displayName = 'Table';
+
+exports.Table = Table;
+//# sourceMappingURL=Table.js.map

package/dist/cjs/icons/t/Table.js.map

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

package/dist/cjs/icons/t/Table2.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.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const Table2 = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 9h18", variants: drawVariants, custom: [0.2, 0, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 3v18", variants: drawVariants, custom: [0.3, 0, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.rect, { x: "3", y: "3", width: "18", height: "18", rx: "2", variants: drawVariants, custom: [0, 0, 0.5], initial: "normal", animate: controls })] }) }));
+});
+Table2.displayName = 'Table2';
+
+exports.Table2 = Table2;
+//# sourceMappingURL=Table2.js.map

package/dist/cjs/icons/t/Table2.js.map

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

package/dist/cjs/icons/t/TableCellsMerge.js

@@ -0,0 +1,42 @@
+'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.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const riseVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const dropVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const TableCellsMerge = 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 21v-6", variants: drawVariants, custom: [0.25, 0, 0.35], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 9V3", variants: drawVariants, custom: [0.25, 1, 0.35], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 15h18", variants: riseVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 9h18", variants: dropVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" })] }) }));
+});
+TableCellsMerge.displayName = 'TableCellsMerge';
+
+exports.TableCellsMerge = TableCellsMerge;
+//# sourceMappingURL=TableCellsMerge.js.map

package/dist/cjs/icons/t/TableCellsMerge.js.map

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

package/dist/cjs/icons/t/TableCellsSplit.js

@@ -0,0 +1,42 @@
+'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.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const dropVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 1, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const riseVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const TableCellsSplit = 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 15V9", variants: drawVariants, custom: [0.1, 0.5, 0.45], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 15h18", variants: dropVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 9h18", variants: riseVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" })] }) }));
+});
+TableCellsSplit.displayName = 'TableCellsSplit';
+
+exports.TableCellsSplit = TableCellsSplit;
+//# sourceMappingURL=TableCellsSplit.js.map

package/dist/cjs/icons/t/TableCellsSplit.js.map

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

package/dist/cjs/icons/t/TableColumnsSplit.js

@@ -0,0 +1,42 @@
+'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.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const leftVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -1, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const rightVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, 1, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const TableColumnsSplit = 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: "M14 14v2", variants: drawVariants, custom: [0.26, 0, 0.25], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 20v2", variants: drawVariants, custom: [0.34, 0, 0.25], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 2v2", variants: drawVariants, custom: [0.1, 0, 0.25], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 8v2", variants: drawVariants, custom: [0.18, 0, 0.25], initial: "normal", animate: controls }), jsxRuntime.jsxs(framerMotion.motion.g, { variants: leftVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M2 15h8" }), jsxRuntime.jsx("path", { d: "M2 3h6a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H2" }), jsxRuntime.jsx("path", { d: "M2 9h8" }), jsxRuntime.jsx("path", { d: "M5 3v18" })] }), jsxRuntime.jsxs(framerMotion.motion.g, { variants: rightVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M22 15h-4" }), jsxRuntime.jsx("path", { d: "M22 3h-2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h2" }), jsxRuntime.jsx("path", { d: "M22 9h-4" })] })] }) }));
+});
+TableColumnsSplit.displayName = 'TableColumnsSplit';
+
+exports.TableColumnsSplit = TableColumnsSplit;
+//# sourceMappingURL=TableColumnsSplit.js.map

package/dist/cjs/icons/t/TableColumnsSplit.js.map

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

package/dist/cjs/icons/t/TableOfContents.js

@@ -0,0 +1,36 @@
+'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.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const popVariants = {
+    normal: { scale: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        scale: [0, 1.4, 1],
+        opacity: [0, 1, 1],
+        transition: { duration: 0.4, delay, ease: 'easeInOut' },
+    }),
+};
+const TableOfContents = 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: "M16 5H3", variants: drawVariants, custom: [0, 1, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M16 12H3", variants: drawVariants, custom: [0.12, 1, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M16 19H3", variants: drawVariants, custom: [0.24, 1, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M21 5h.01", variants: popVariants, custom: 0.3, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M21 12h.01", variants: popVariants, custom: 0.42, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M21 19h.01", variants: popVariants, custom: 0.54, initial: "normal", animate: controls })] }) }));
+});
+TableOfContents.displayName = 'TableOfContents';
+
+exports.TableOfContents = TableOfContents;
+//# sourceMappingURL=TableOfContents.js.map

package/dist/cjs/icons/t/TableOfContents.js.map

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

package/dist/cjs/icons/t/TableProperties.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.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const TableProperties = 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 3v18", variants: drawVariants, custom: [0, 0, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M21 9H3", variants: drawVariants, custom: [0.2, 1, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M21 15H3", variants: drawVariants, custom: [0.3, 1, 0.4], initial: "normal", animate: controls })] }) }));
+});
+TableProperties.displayName = 'TableProperties';
+
+exports.TableProperties = TableProperties;
+//# sourceMappingURL=TableProperties.js.map

package/dist/cjs/icons/t/TableProperties.js.map

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

package/dist/cjs/icons/t/TableRowsSplit.js

@@ -0,0 +1,42 @@
+'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.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const bottomVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 1, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const topVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const TableRowsSplit = 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: "M14 10h2", variants: drawVariants, custom: [0.26, 0, 0.25], initial: "normal", animate: controls }), jsxRuntime.jsxs(framerMotion.motion.g, { variants: bottomVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M15 22v-8" }), jsxRuntime.jsx("path", { d: "M3 19h18" }), jsxRuntime.jsx("path", { d: "M3 22v-6a2 2 135 0 1 2-2h14a2 2 45 0 1 2 2v6" }), jsxRuntime.jsx("path", { d: "M9 22v-8" })] }), jsxRuntime.jsxs(framerMotion.motion.g, { variants: topVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M15 2v4" }), jsxRuntime.jsx("path", { d: "M3 2v2a2 2 45 0 0 2 2h14a2 2 135 0 0 2-2V2" }), jsxRuntime.jsx("path", { d: "M9 2v4" })] }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M2 10h2", variants: drawVariants, custom: [0.1, 0, 0.25], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M20 10h2", variants: drawVariants, custom: [0.34, 0, 0.25], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M8 10h2", variants: drawVariants, custom: [0.18, 0, 0.25], initial: "normal", animate: controls })] }) }));
+});
+TableRowsSplit.displayName = 'TableRowsSplit';
+
+exports.TableRowsSplit = TableRowsSplit;
+//# sourceMappingURL=TableRowsSplit.js.map

package/dist/cjs/icons/t/TableRowsSplit.js.map

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

package/dist/cjs/icons/t/Tablet.js

@@ -0,0 +1,36 @@
+'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.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const popVariants = {
+    normal: { scale: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        scale: [0, 1.4, 1],
+        opacity: [0, 1, 1],
+        transition: { duration: 0.4, delay, ease: 'easeInOut' },
+    }),
+};
+const Tablet = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.rect, { width: "16", height: "20", x: "4", y: "2", rx: "2", ry: "2", variants: drawVariants, custom: [0, 0, 0.6], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "12", x2: "12.01", y1: "18", y2: "18", variants: popVariants, custom: 0.45, initial: "normal", animate: controls })] }) }));
+});
+Tablet.displayName = 'Tablet';
+
+exports.Tablet = Tablet;
+//# sourceMappingURL=Tablet.js.map

package/dist/cjs/icons/t/Tablet.js.map

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

package/dist/cjs/icons/t/TabletSmartphone.js

@@ -0,0 +1,36 @@
+'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 slideVariants = {
+    normal: { x: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        x: [-3, 0],
+        opacity: [0, 1],
+        transition: { duration: 0.5, delay, ease: 'easeInOut' },
+    }),
+};
+const drawVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const TabletSmartphone = 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%", style: { overflow: 'visible' }, children: [jsxRuntime.jsx(framerMotion.motion.rect, { width: "10", height: "14", x: "3", y: "8", rx: "2", variants: slideVariants, custom: 0.15, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M5 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-2.4", variants: drawVariants, custom: [0, 0, 0.6], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M8 18h.01", variants: slideVariants, custom: 0.15, initial: "normal", animate: controls })] }) }));
+});
+TabletSmartphone.displayName = 'TabletSmartphone';
+
+exports.TabletSmartphone = TabletSmartphone;
+//# sourceMappingURL=TabletSmartphone.js.map

package/dist/cjs/icons/t/TabletSmartphone.js.map

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

package/dist/cjs/icons/t/Tablets.js

@@ -0,0 +1,26 @@
+'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 rollVariants = {
+    normal: { rotate: 0, transition: { duration: 0 } },
+    animate: ([angle, delay]) => ({
+        rotate: [0, angle],
+        transition: { duration: 0.7, delay, ease: 'easeInOut' },
+    }),
+};
+const Tablets = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsxs(framerMotion.motion.g, { variants: rollVariants, custom: [-180, 0], initial: "normal", animate: controls, children: [jsxRuntime.jsx("circle", { cx: "7", cy: "7", r: "5" }), jsxRuntime.jsx("path", { d: "m3.46 10.54 7.08-7.08" })] }), jsxRuntime.jsxs(framerMotion.motion.g, { variants: rollVariants, custom: [180, 0.1], initial: "normal", animate: controls, children: [jsxRuntime.jsx("circle", { cx: "17", cy: "17", r: "5" }), jsxRuntime.jsx("path", { d: "M12 17h10" })] })] }) }));
+});
+Tablets.displayName = 'Tablets';
+
+exports.Tablets = Tablets;
+//# sourceMappingURL=Tablets.js.map

package/dist/cjs/icons/t/Tablets.js.map

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

package/dist/cjs/icons/t/Tag.js

@@ -0,0 +1,26 @@
+'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 swingVariants = {
+    normal: { rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        rotate: [0, -8, 6, -3, 0],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const Tag = 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%", style: { overflow: 'visible' }, children: jsxRuntime.jsxs(framerMotion.motion.g, { variants: swingVariants, style: { originX: '27%', originY: '27%' }, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })] }) }) }));
+});
+Tag.displayName = 'Tag';
+
+exports.Tag = Tag;
+//# sourceMappingURL=Tag.js.map

package/dist/cjs/icons/t/Tag.js.map

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

package/dist/cjs/icons/t/TagPlus.js

@@ -0,0 +1,35 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const swingVariants = {
+    normal: { rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        rotate: [0, -8, 6, -3, 0],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const TagPlus = 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%", style: { overflow: 'visible' }, children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M16 13h6", variants: drawVariants, custom: [0.3, 0, 0.3], initial: "normal", animate: controls }), jsxRuntime.jsxs(framerMotion.motion.g, { variants: swingVariants, style: { originX: '27%', originY: '27%' }, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "m16.5 6.5-3.914-3.914A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l1.79-1.79" }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })] }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M19 10v6", variants: drawVariants, custom: [0.4, 0, 0.3], initial: "normal", animate: controls })] }) }));
+});
+TagPlus.displayName = 'TagPlus';
+
+exports.TagPlus = TagPlus;
+//# sourceMappingURL=TagPlus.js.map

package/dist/cjs/icons/t/TagPlus.js.map

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

package/dist/cjs/icons/t/TagX.js

@@ -0,0 +1,35 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const swingVariants = {
+    normal: { rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        rotate: [0, -8, 6, -3, 0],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const drawVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const TagX = 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%", style: { overflow: 'visible' }, children: [jsxRuntime.jsxs(framerMotion.motion.g, { variants: swingVariants, style: { originX: '27%', originY: '27%' }, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "m16.5 6.5-3.914-3.914A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.43 2.43 0 0 0 3.42 0l1.79-1.79" }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })] }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m16.5 10.5 5 5", variants: drawVariants, custom: [0.3, 0, 0.3], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m21.5 10.5-5 5", variants: drawVariants, custom: [0.4, 0, 0.3], initial: "normal", animate: controls })] }) }));
+});
+TagX.displayName = 'TagX';
+
+exports.TagX = TagX;
+//# sourceMappingURL=TagX.js.map

package/dist/cjs/icons/t/TagX.js.map

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