elementa-icons 1.3.0 → 1.4.1

package/dist/icons/nav/ArrowDown.js

@@ -1,27 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Import global from third party libraries.
-// Import custom components.
-// Import custom utilities.
-// Import custom types.
-// Import styles.
 /**
  * This function renders an SVG icon of an arrow pointing downwards.
  *
- * @version 1.0.0
+ * @version 1.2.0
  * @author Aayush Goyal
  * @created 2025-06-22
- * @modifier
- * @modified
+ * @modifier Aayush Goyal
+ * @modified 2025-07-13
  * @since 1.1.0
  */
-const ArrowDown = (props) => {
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", style: {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            strokeLinejoin: "round",
-            strokeMiterlimit: 2,
-        }, viewBox: "0 0 25 29", ...props, children: [_jsx("path", { d: "M278.127 405.694h24.487v28.348h-24.487z", style: {
-                    fill: "none",
-                }, transform: "matrix(1.0005 0 0 1.00049 -278.151 -405.516)" }), _jsx("path", { d: "M24.185 14.28s-3.77 3.822-7.172 7.4c-.826.867-1.623 1.725-2.34 2.508-.948 1.03-1.749 1.934-2.3 2.545l-.004-.002-.005.003c-.983-1.064-2.746-3.022-4.654-5.042A552.286 552.286 0 0 0 .552 14.28a.244.244 0 0 0-.367.32s3.258 4.267 6.337 8.123c1.734 2.173 3.424 4.192 4.341 5.315a1.988 1.988 0 0 0 3.012 0c.528-.631 1.311-1.551 2.2-2.632.673-.821 1.411-1.73 2.155-2.67 3.066-3.868 6.322-8.136 6.322-8.136a.244.244 0 0 0-.367-.32Z" }), _jsx("path", { d: "M12.612 23.65s.113-1.067.26-2.763c.1-1.15.225-2.572.325-4.144.057-.887.103-1.815.135-2.763.021-.61.038-1.225.036-1.842a51.027 51.027 0 0 0-.042-1.842 164.88 164.88 0 0 0-.349-5.526C12.78 2.3 12.612.625 12.612.625a.243.243 0 0 0-.487 0S11.96 2.3 11.761 4.77c-.068.844-.137 1.773-.2 2.763-.056.887-.113 1.814-.149 2.763a48.819 48.819 0 0 0-.043 1.842c0 .617.015 1.233.036 1.842.033.948.078 1.876.135 2.763.1 1.572.226 2.994.326 4.144.146 1.696.26 2.763.26 2.763a.243.243 0 0 0 .486 0Z" })] }));
+const ArrowDown = ({ color = '#000000', height = '1em', strokeWidth = 1, width = '1em' }) => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", viewBox: "0 0 25 29", stroke: color, strokeWidth: strokeWidth, width: width, height: height, fill: color, children: [_jsx("path", { d: "M24.185 14.28s-3.77 3.822-7.172 7.4c-.826.867-1.623 1.725-2.34 2.508-.948 1.03-1.749 1.934-2.3 2.545l-.004-.002-.005.003c-.983-1.064-2.746-3.022-4.654-5.042A552.286 552.286 0 0 0 .552 14.28a.244.244 0 0 0-.367.32s3.258 4.267 6.337 8.123c1.734 2.173 3.424 4.192 4.341 5.315a1.988 1.988 0 0 0 3.012 0c.528-.631 1.311-1.551 2.2-2.632.673-.821 1.411-1.73 2.155-2.67 3.066-3.868 6.322-8.136 6.322-8.136a.244.244 0 0 0-.367-.32Z" }), _jsx("path", { d: "M12.612 23.65s.113-1.067.26-2.763c.1-1.15.225-2.572.325-4.144.057-.887.103-1.815.135-2.763.021-.61.038-1.225.036-1.842a51.027 51.027 0 0 0-.042-1.842 164.88 164.88 0 0 0-.349-5.526C12.78 2.3 12.612.625 12.612.625a.243.243 0 0 0-.487 0S11.96 2.3 11.761 4.77c-.068.844-.137 1.773-.2 2.763-.056.887-.113 1.814-.149 2.763a48.819 48.819 0 0 0-.043 1.842c0 .617.015 1.233.036 1.842.033.948.078 1.876.135 2.763.1 1.572.226 2.994.326 4.144.146 1.696.26 2.763.26 2.763a.243.243 0 0 0 .486 0Z" })] }));
 };
 export default ArrowDown;

package/dist/icons/nav/ArrowLeft.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * This function renders an SVG icon of a left arrow.
+ *
+ * @version 1.0.0
+ * @author Aayush Goyal
+ * @created 2025-07-13
+ * @modifier
+ * @modified
+ * @since 1.3.0
+ */
+const ArrowLeft = ({ color = '#000000', height = '1em', strokeWidth = 1, width = '1em' }) => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", style: {
+            fillRule: 'evenodd',
+            clipRule: 'evenodd',
+            strokeLinejoin: 'round',
+            strokeMiterlimit: 2
+        }, viewBox: "0 0 29 25", height: height, stroke: color, strokeWidth: strokeWidth, width: width, fill: color, children: [_jsx("path", { d: "M14.898 24.549s-3.822-3.77-7.4-7.172a188 188 0 0 0-2.508-2.341c-1.03-.947-1.934-1.748-2.545-2.3l.002-.003-.003-.005c1.065-.983 3.022-2.746 5.042-4.654C11.075 4.686 14.898.916 14.898.916a.244.244 0 0 0-.32-.367s-4.267 3.258-8.123 6.337C4.282 8.62 2.263 10.31 1.14 11.226a1.988 1.988 0 0 0 0 3.013c.631.528 1.551 1.31 2.632 2.199.821.674 1.73 1.412 2.67 2.156a648 648 0 0 0 8.136 6.322.244.244 0 0 0 .32-.367" }), _jsx("path", { d: "M5.528 12.976s1.067.113 2.763.26c1.15.099 2.572.225 4.145.325a91 91 0 0 0 2.763.135c.609.02 1.225.038 1.842.036a51 51 0 0 0 1.842-.042 164.882 164.882 0 0 0 5.526-.349c2.47-.198 4.144-.365 4.144-.365a.243.243 0 0 0 0-.487s-1.674-.166-4.144-.364c-.844-.068-1.773-.137-2.763-.2-.888-.056-1.815-.113-2.763-.15a49 49 0 0 0-1.842-.042 51 51 0 0 0-1.842.036c-.95.033-1.877.078-2.763.135-1.573.1-2.995.226-4.145.326-1.696.146-2.763.259-2.763.259a.243.243 0 0 0 0 .487" })] }));
+};
+export default ArrowLeft;

package/dist/icons/nav/ArrowUp.js

@@ -1,27 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Import global from third party libraries.
-// Import custom components.
-// Import custom utilities.
-// Import custom types.
-// Import styles.
 /**
  * This function renders an SVG icon of an arrow pointing downwards.
  *
- * @version 1.0.0
+ * @version 1.1.0
  * @author Aayush Goyal
  * @created 2025-06-22
- * @modifier
- * @modified
+ * @modifier Aayush Goyal
+ * @modified 2025-07-13
  * @since 1.1.0
  */
-const ArrowDown = (props) => {
+const ArrowDown = ({ color = '#000000', height = '1em', strokeWidth = 1, width = '1em' }) => {
     return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", style: {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            strokeLinejoin: "round",
-            strokeMiterlimit: 2,
-        }, viewBox: "0 0 26 29", ...props, children: [_jsx("path", { d: "M246.127 405.463h24.487v28.348h-24.487z", style: {
-                    fill: "none",
-                }, transform: "matrix(1.00017 0 0 1.00024 -245.579 -405.18)" }), _jsx("path", { d: "M1.02 14.836s3.77-3.823 7.173-7.4c.826-.868 1.623-1.725 2.34-2.508.948-1.03 1.749-1.934 2.3-2.546l.004.003.005-.004c.983 1.065 2.746 3.022 4.654 5.043 3.388 3.588 7.158 7.412 7.158 7.412a.244.244 0 0 0 .367-.32s-3.258-4.267-6.337-8.124C16.95 4.22 15.26 2.201 14.343 1.078a1.988 1.988 0 0 0-3.012-.001c-.528.632-1.311 1.552-2.2 2.633-.673.82-1.411 1.729-2.155 2.67a648.25 648.25 0 0 0-6.322 8.136.244.244 0 0 0 .367.32Z" }), _jsx("path", { d: "M12.594 5.466s-.113 1.067-.26 2.763c-.1 1.15-.225 2.571-.325 4.144a91.07 91.07 0 0 0-.135 2.763 48.872 48.872 0 0 0-.036 1.842c0 .617.019 1.233.042 1.842a164.882 164.882 0 0 0 .349 5.526c.198 2.47.365 4.145.365 4.145a.243.243 0 0 0 .487 0s.166-1.674.364-4.145c.068-.844.137-1.773.2-2.763.056-.887.113-1.814.149-2.763a48.82 48.82 0 0 0 .043-1.842 51.077 51.077 0 0 0-.036-1.842 94.437 94.437 0 0 0-.135-2.763c-.1-1.573-.226-2.994-.326-4.144-.146-1.696-.26-2.763-.26-2.763a.243.243 0 0 0-.486 0Z" })] }));
+            fillRule: 'evenodd',
+            clipRule: 'evenodd',
+            strokeLinejoin: 'round',
+            strokeMiterlimit: 2
+        }, viewBox: "0 0 26 29", height: height, stroke: color, strokeWidth: strokeWidth, width: width, fill: color, children: [_jsx("path", { d: "M1.02 14.836s3.77-3.823 7.173-7.4c.826-.868 1.623-1.725 2.34-2.508.948-1.03 1.749-1.934 2.3-2.546l.004.003.005-.004c.983 1.065 2.746 3.022 4.654 5.043 3.388 3.588 7.158 7.412 7.158 7.412a.244.244 0 0 0 .367-.32s-3.258-4.267-6.337-8.124C16.95 4.22 15.26 2.201 14.343 1.078a1.988 1.988 0 0 0-3.012-.001c-.528.632-1.311 1.552-2.2 2.633-.673.82-1.411 1.729-2.155 2.67a648.25 648.25 0 0 0-6.322 8.136.244.244 0 0 0 .367.32Z" }), _jsx("path", { d: "M12.594 5.466s-.113 1.067-.26 2.763c-.1 1.15-.225 2.571-.325 4.144a91.07 91.07 0 0 0-.135 2.763 48.872 48.872 0 0 0-.036 1.842c0 .617.019 1.233.042 1.842a164.882 164.882 0 0 0 .349 5.526c.198 2.47.365 4.145.365 4.145a.243.243 0 0 0 .487 0s.166-1.674.364-4.145c.068-.844.137-1.773.2-2.763.056-.887.113-1.814.149-2.763a48.82 48.82 0 0 0 .043-1.842 51.077 51.077 0 0 0-.036-1.842 94.437 94.437 0 0 0-.135-2.763c-.1-1.573-.226-2.994-.326-4.144-.146-1.696-.26-2.763-.26-2.763a.243.243 0 0 0-.486 0Z" })] }));
 };
 export default ArrowDown;

package/dist/index.esm.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";const r=r=>e("svg",{xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",style:{fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:2},viewBox:"0 0 25 29",...r,children:[t("path",{d:"M278.127 405.694h24.487v28.348h-24.487z",style:{fill:"none"},transform:"matrix(1.0005 0 0 1.00049 -278.151 -405.516)"}),t("path",{d:"M24.185 14.28s-3.77 3.822-7.172 7.4c-.826.867-1.623 1.725-2.34 2.508-.948 1.03-1.749 1.934-2.3 2.545l-.004-.002-.005.003c-.983-1.064-2.746-3.022-4.654-5.042A552.286 552.286 0 0 0 .552 14.28a.244.244 0 0 0-.367.32s3.258 4.267 6.337 8.123c1.734 2.173 3.424 4.192 4.341 5.315a1.988 1.988 0 0 0 3.012 0c.528-.631 1.311-1.551 2.2-2.632.673-.821 1.411-1.73 2.155-2.67 3.066-3.868 6.322-8.136 6.322-8.136a.244.244 0 0 0-.367-.32Z"}),t("path",{d:"M12.612 23.65s.113-1.067.26-2.763c.1-1.15.225-2.572.325-4.144.057-.887.103-1.815.135-2.763.021-.61.038-1.225.036-1.842a51.027 51.027 0 0 0-.042-1.842 164.88 164.88 0 0 0-.349-5.526C12.78 2.3 12.612.625 12.612.625a.243.243 0 0 0-.487 0S11.96 2.3 11.761 4.77c-.068.844-.137 1.773-.2 2.763-.056.887-.113 1.814-.149 2.763a48.819 48.819 0 0 0-.043 1.842c0 .617.015 1.233.036 1.842.033.948.078 1.876.135 2.763.1 1.572.226 2.994.326 4.144.146 1.696.26 2.763.26 2.763a.243.243 0 0 0 .486 0Z"})]});export{r as ArrowDown};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";const i=({color:i="#000000",height:s="1em",strokeWidth:r=1,width:o="1em"})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",viewBox:"0 0 25 29",stroke:i,strokeWidth:r,width:o,height:s,fill:i,children:[t("path",{d:"M24.185 14.28s-3.77 3.822-7.172 7.4c-.826.867-1.623 1.725-2.34 2.508-.948 1.03-1.749 1.934-2.3 2.545l-.004-.002-.005.003c-.983-1.064-2.746-3.022-4.654-5.042A552.286 552.286 0 0 0 .552 14.28a.244.244 0 0 0-.367.32s3.258 4.267 6.337 8.123c1.734 2.173 3.424 4.192 4.341 5.315a1.988 1.988 0 0 0 3.012 0c.528-.631 1.311-1.551 2.2-2.632.673-.821 1.411-1.73 2.155-2.67 3.066-3.868 6.322-8.136 6.322-8.136a.244.244 0 0 0-.367-.32Z"}),t("path",{d:"M12.612 23.65s.113-1.067.26-2.763c.1-1.15.225-2.572.325-4.144.057-.887.103-1.815.135-2.763.021-.61.038-1.225.036-1.842a51.027 51.027 0 0 0-.042-1.842 164.88 164.88 0 0 0-.349-5.526C12.78 2.3 12.612.625 12.612.625a.243.243 0 0 0-.487 0S11.96 2.3 11.761 4.77c-.068.844-.137 1.773-.2 2.763-.056.887-.113 1.814-.149 2.763a48.819 48.819 0 0 0-.043 1.842c0 .617.015 1.233.036 1.842.033.948.078 1.876.135 2.763.1 1.572.226 2.994.326 4.144.146 1.696.26 2.763.26 2.763a.243.243 0 0 0 .486 0Z"})]}),s=({color:i="#000000",height:s="1em",strokeWidth:r=1,width:o="1em"})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",style:{fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:2},viewBox:"0 0 29 25",height:s,stroke:i,strokeWidth:r,width:o,fill:i,children:[t("path",{d:"M14.898 24.549s-3.822-3.77-7.4-7.172a188 188 0 0 0-2.508-2.341c-1.03-.947-1.934-1.748-2.545-2.3l.002-.003-.003-.005c1.065-.983 3.022-2.746 5.042-4.654C11.075 4.686 14.898.916 14.898.916a.244.244 0 0 0-.32-.367s-4.267 3.258-8.123 6.337C4.282 8.62 2.263 10.31 1.14 11.226a1.988 1.988 0 0 0 0 3.013c.631.528 1.551 1.31 2.632 2.199.821.674 1.73 1.412 2.67 2.156a648 648 0 0 0 8.136 6.322.244.244 0 0 0 .32-.367"}),t("path",{d:"M5.528 12.976s1.067.113 2.763.26c1.15.099 2.572.225 4.145.325a91 91 0 0 0 2.763.135c.609.02 1.225.038 1.842.036a51 51 0 0 0 1.842-.042 164.882 164.882 0 0 0 5.526-.349c2.47-.198 4.144-.365 4.144-.365a.243.243 0 0 0 0-.487s-1.674-.166-4.144-.364c-.844-.068-1.773-.137-2.763-.2-.888-.056-1.815-.113-2.763-.15a49 49 0 0 0-1.842-.042 51 51 0 0 0-1.842.036c-.95.033-1.877.078-2.763.135-1.573.1-2.995.226-4.145.326-1.696.146-2.763.259-2.763.259a.243.243 0 0 0 0 .487"})]}),r=({color:i="#000000",height:s="1em",strokeWidth:r=1,width:o="1em"})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",style:{fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:2},viewBox:"0 0 26 29",height:s,stroke:i,strokeWidth:r,width:o,fill:i,children:[t("path",{d:"M1.02 14.836s3.77-3.823 7.173-7.4c.826-.868 1.623-1.725 2.34-2.508.948-1.03 1.749-1.934 2.3-2.546l.004.003.005-.004c.983 1.065 2.746 3.022 4.654 5.043 3.388 3.588 7.158 7.412 7.158 7.412a.244.244 0 0 0 .367-.32s-3.258-4.267-6.337-8.124C16.95 4.22 15.26 2.201 14.343 1.078a1.988 1.988 0 0 0-3.012-.001c-.528.632-1.311 1.552-2.2 2.633-.673.82-1.411 1.729-2.155 2.67a648.25 648.25 0 0 0-6.322 8.136.244.244 0 0 0 .367.32Z"}),t("path",{d:"M12.594 5.466s-.113 1.067-.26 2.763c-.1 1.15-.225 2.571-.325 4.144a91.07 91.07 0 0 0-.135 2.763 48.872 48.872 0 0 0-.036 1.842c0 .617.019 1.233.042 1.842a164.882 164.882 0 0 0 .349 5.526c.198 2.47.365 4.145.365 4.145a.243.243 0 0 0 .487 0s.166-1.674.364-4.145c.068-.844.137-1.773.2-2.763.056-.887.113-1.814.149-2.763a48.82 48.82 0 0 0 .043-1.842 51.077 51.077 0 0 0-.036-1.842 94.437 94.437 0 0 0-.135-2.763c-.1-1.573-.226-2.994-.326-4.144-.146-1.696-.26-2.763-.26-2.763a.243.243 0 0 0-.486 0Z"})]});export{i as ArrowDown,s as ArrowLeft,r as ArrowUp};

package/dist/index.js

@@ -1,13 +1,22 @@
-'use client';
 /**
  * This file exports all the icons for the library.
  *
- * @version 1.0.0
+ * @version 1.1.0
  * @author Aayush Goyal
  * @created 2025-06-22
- * @modifier
- * @modified
+ * @modifier Aayush Goyal
+ * @modified 2025-07-13
  * @since 1.1.0
  */
-import ArrowDown from "./icons/nav/ArrowDown";
-export { ArrowDown };
+// SECTION: Imports
+// SECTION: Navigation
+import ArrowDown from '@/src/icons/nav/ArrowDown';
+import ArrowLeft from '@/src/icons/nav/ArrowLeft';
+import ArrowUp from '@/src/icons/nav/ArrowUp';
+// !SECTION: Navigation
+// !SECTION: Imports
+// SECTION: Exports
+// SECTION: Navigation
+export { ArrowDown, ArrowLeft, ArrowUp };
+// !SECTION: Navigation
+// !SECTION: Exports

package/dist/lib/icon-template.js

@@ -0,0 +1,54 @@
+// Import global from third party libraries.
+// Import styles.
+/**
+ * This function is a custom template for converting SVG icons to React components.
+ *
+ * @version 1.0.0
+ * @author Aayush Goyal
+ * @created 2023-10-05
+ * @modifier
+ * @modified
+ * @since 1.1.0
+ */
+const iconTemplate = ({ imports, interfaces, componentName, props, jsx, exports }, { tpl }) => {
+    console.log(props);
+    // Remove 'Svg' from the export name if present
+    const exportName = componentName.replace(/^Svg/, '');
+    const todaysDate = new Date().toISOString().split('T')[0];
+    return tpl `
+${imports};
+
+// Import custom components.
+
+// Import custom utilities.
+
+// Import custom types.
+import { IconComponentProps } from "@/src/lib/types";
+
+// Import styles.
+
+/**
+ * This function renders an SVG icon of an {auto-generated}.
+ * 
+ * @version 1.0.0
+ * @author Aayush Goyal
+ * @created Auto-generated
+ * @modifier
+ * @modified
+ * @since Auto-generated
+ */
+
+${interfaces};
+
+const ${componentName.substring(3)} = ({
+    color = '#000000',
+    strokeWidth = 1,
+}: IconComponentProps) => {
+  return (
+    ${jsx}
+  )
+};
+export default ${exportName};
+`;
+};
+export default iconTemplate;

package/dist/lib/types.js

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

package/dist/types/icons/nav/ArrowDown.d.ts

@@ -1,12 +1,13 @@
+import { IconComponentProps } from '@/src/lib/types';
 /**
  * This function renders an SVG icon of an arrow pointing downwards.
  *
- * @version 1.0.0
+ * @version 1.2.0
  * @author Aayush Goyal
  * @created 2025-06-22
- * @modifier
- * @modified
+ * @modifier Aayush Goyal
+ * @modified 2025-07-13
  * @since 1.1.0
  */
-declare const ArrowDown: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const ArrowDown: ({ color, height, strokeWidth, width }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default ArrowDown;

package/dist/types/icons/nav/ArrowLeft.d.ts

@@ -0,0 +1,13 @@
+import { IconComponentProps } from '@/src/lib/types';
+/**
+ * This function renders an SVG icon of a left arrow.
+ *
+ * @version 1.0.0
+ * @author Aayush Goyal
+ * @created 2025-07-13
+ * @modifier
+ * @modified
+ * @since 1.3.0
+ */
+declare const ArrowLeft: ({ color, height, strokeWidth, width }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default ArrowLeft;

package/dist/types/icons/nav/ArrowUp.d.ts

@@ -1,12 +1,13 @@
+import { IconComponentProps } from '@/src/lib/types';
 /**
  * This function renders an SVG icon of an arrow pointing downwards.
  *
- * @version 1.0.0
+ * @version 1.1.0
  * @author Aayush Goyal
  * @created 2025-06-22
- * @modifier
- * @modified
+ * @modifier Aayush Goyal
+ * @modified 2025-07-13
  * @since 1.1.0
  */
-declare const ArrowDown: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const ArrowDown: ({ color, height, strokeWidth, width }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default ArrowDown;

package/dist/types/index.d.ts

@@ -1,12 +1,14 @@
 /**
  * This file exports all the icons for the library.
  *
- * @version 1.0.0
+ * @version 1.1.0
  * @author Aayush Goyal
  * @created 2025-06-22
- * @modifier
- * @modified
+ * @modifier Aayush Goyal
+ * @modified 2025-07-13
  * @since 1.1.0
  */
-import ArrowDown from "./icons/nav/ArrowDown";
-export { ArrowDown };
+import ArrowDown from '@/src/icons/nav/ArrowDown';
+import ArrowLeft from '@/src/icons/nav/ArrowLeft';
+import ArrowUp from '@/src/icons/nav/ArrowUp';
+export { ArrowDown, ArrowLeft, ArrowUp };

package/dist/types/lib/icon-template.d.ts

@@ -0,0 +1,13 @@
+import type { Template } from '@/src/lib/types';
+/**
+ * This function is a custom template for converting SVG icons to React components.
+ *
+ * @version 1.0.0
+ * @author Aayush Goyal
+ * @created 2023-10-05
+ * @modifier
+ * @modified
+ * @since 1.1.0
+ */
+declare const iconTemplate: Template;
+export default iconTemplate;

package/dist/types/lib/types.d.ts

@@ -0,0 +1,53 @@
+import type { types as t } from '@babel/core';
+import type { TemplateBuilder } from '@babel/template';
+interface IconComponentProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+    height?: string;
+    strokeWidth?: number;
+    width?: string;
+    [key: string]: any;
+}
+interface TemplateVariables {
+    componentName: string;
+    interfaces: t.TSInterfaceDeclaration[];
+    props: (t.ObjectPattern | t.Identifier)[];
+    imports: t.ImportDeclaration[];
+    exports: (t.VariableDeclaration | t.ExportDeclaration | t.Statement)[];
+    jsx: t.JSXElement;
+}
+interface TemplateContext {
+    options: Options;
+    tpl: TemplateBuilder<t.Statement | t.Statement[]>['ast'];
+}
+interface Template {
+    (variables: TemplateVariables, context: TemplateContext): t.Statement | t.Statement[];
+}
+interface State {
+    componentName: string;
+    caller?: {
+        previousExport?: string | null;
+    };
+}
+interface JSXRuntimeImport {
+    source: string;
+    namespace?: string;
+    defaultSpecifier?: string;
+    specifiers?: string[];
+}
+interface Options {
+    typescript?: boolean;
+    titleProp?: boolean;
+    descProp?: boolean;
+    expandProps?: boolean | 'start' | 'end';
+    ref?: boolean;
+    template?: Template;
+    state: State;
+    native?: boolean;
+    memo?: boolean;
+    exportType?: 'named' | 'default';
+    namedExport?: string;
+    jsxRuntime?: 'automatic' | 'classic';
+    jsxRuntimeImport?: JSXRuntimeImport;
+    importSource?: string;
+}
+export type { IconComponentProps, JSXRuntimeImport, Options, Template, TemplateVariables };

package/package.json

@@ -1,73 +1,85 @@
 {
-  "name": "elementa-icons",
-  "version": "1.3.0",
-  "description": "Elementa icons library.",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/types/index.d.ts",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/deriva-inc/elementa-icons.git"
-  },
-  "author": "Aayush Goyal <aayushgoyal.mps@gmail.com>",
-  "license": "MIT",
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "files": [
-    "dist/**/*",
-    "src/index.ts",
-    "README.md",
-    "LICENSE"
-  ],
-  "keywords": [
-    "react",
-    "icons",
-    "svg",
-    "library",
-    "nodejs",
-    "javascript",
-    "typescript",
-    "elementa"
-  ],
-  "scripts": {
-    "build": "rollup -c && tsc",
-    "build:watch": "rollup -c -w",
-    "prepublishOnly": "npm run build",
-    "publish:npm": "npm publish --access public"
-  },
-  "peerDependencies": {
-    "react": "^19.1.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.27.4",
-    "@babel/preset-react": "^7.27.1",
-    "@babel/preset-typescript": "^7.27.1",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.6",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-typescript": "^12.1.3",
-    "@types/node": "^20.12.2",
-    "@types/react": "^19.1.8",
-    "@typescript-eslint/eslint-plugin": "^7.5.0",
-    "@typescript-eslint/parser": "^7.5.0",
-    "autoprefixer": "^10.4.19",
-    "eslint": "^8.57.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "husky": "^9.0.11",
-    "prettier": "^3.2.4",
-    "rollup": "^4.44.0",
-    "rollup-plugin-dts": "^6.2.1",
-    "rollup-plugin-terser": "^7.0.2",
-    "tslib": "^2.8.1",
-    "typescript": "^5.8.3"
-  }
+    "name": "elementa-icons",
+    "version": "1.4.1",
+    "description": "Elementa icons library.",
+    "main": "dist/index.js",
+    "module": "dist/index.esm.js",
+    "types": "dist/types/index.d.ts",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/deriva-inc/elementa-icons.git"
+    },
+    "author": "Aayush Goyal <aayushgoyal.mps@gmail.com>",
+    "license": "MIT",
+    "private": false,
+    "publishConfig": {
+        "access": "public"
+    },
+    "files": [
+        "dist/**/*",
+        "src/index.ts",
+        "README.md",
+        "LICENSE"
+    ],
+    "keywords": [
+        "react",
+        "icons",
+        "svg",
+        "library",
+        "nodejs",
+        "javascript",
+        "typescript",
+        "elementa"
+    ],
+    "scripts": {
+        "build": "rollup -c && tsc",
+        "build:watch": "rollup -c -w",
+        "prepublishOnly": "npm run build",
+        "publish:npm": "npm publish --access public",
+        "svgr": "svgr src/icons/*.svg --template src/lib/icon-template.ts --expand-props none"
+    },
+    "peerDependencies": {
+        "react": "^19.1.0"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.27.4",
+        "@babel/preset-react": "^7.27.1",
+        "@babel/preset-typescript": "^7.27.1",
+        "@babel/template": "^7.27.2",
+        "@rollup/plugin-babel": "^6.0.4",
+        "@rollup/plugin-commonjs": "^28.0.6",
+        "@rollup/plugin-json": "^6.1.0",
+        "@rollup/plugin-node-resolve": "^16.0.1",
+        "@rollup/plugin-typescript": "^12.1.3",
+        "@svgr/cli": "^8.1.0",
+        "@types/babel__core": "^7.20.5",
+        "@types/babel__template": "^7.4.4",
+        "@types/node": "^20.12.2",
+        "@types/react": "^19.1.8",
+        "@typescript-eslint/eslint-plugin": "^7.5.0",
+        "@typescript-eslint/parser": "^7.5.0",
+        "autoprefixer": "^10.4.19",
+        "eslint": "^8.57.0",
+        "eslint-config-airbnb": "^19.0.4",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-plugin-import": "^2.29.1",
+        "eslint-plugin-jsx-a11y": "^6.8.0",
+        "eslint-plugin-prettier": "^5.1.3",
+        "eslint-plugin-react": "^7.34.1",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "husky": "^9.0.11",
+        "prettier": "^3.2.4",
+        "prettier-plugin-tailwind": "^2.2.12",
+        "prettier-plugin-tailwindcss": "^0.6.14",
+        "rollup": "^4.44.0",
+        "rollup-plugin-dts": "^6.2.1",
+        "rollup-plugin-terser": "^7.0.2",
+        "tslib": "^2.8.1",
+        "typescript": "^5.8.3"
+    },
+    "dependencies": {
+        "@svgr/core": "^8.1.0",
+        "svgo": "^4.0.0",
+        "ts-node": "^10.9.2"
+    }
 }

package/src/index.ts

@@ -1,15 +1,23 @@
-'use client';
-
 /**
  * This file exports all the icons for the library.
- * 
- * @version 1.0.0
+ *
+ * @version 1.1.0
  * @author Aayush Goyal
  * @created 2025-06-22
- * @modifier
- * @modified
+ * @modifier Aayush Goyal
+ * @modified 2025-07-13
  * @since 1.1.0
  */
-import ArrowDown from "./icons/nav/ArrowDown";
+// SECTION: Imports
+// SECTION: Navigation
+import ArrowDown from '@/src/icons/nav/ArrowDown';
+import ArrowLeft from '@/src/icons/nav/ArrowLeft';
+import ArrowUp from '@/src/icons/nav/ArrowUp';
+// !SECTION: Navigation
+// !SECTION: Imports
 
-export { ArrowDown };
+// SECTION: Exports
+// SECTION: Navigation
+export { ArrowDown, ArrowLeft, ArrowUp };
+// !SECTION: Navigation
+// !SECTION: Exports