@phyoofficial/phyo-icon-library 1.0.0 → 1.0.2

package/package.json

@@ -1,22 +1,24 @@
 {
   "name": "@phyoofficial/phyo-icon-library",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "A comprehensive React icon library with beautiful SVG icons",
-  "main": "lib/index.js",
-  "module": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
   "type": "module",
   "files": [
-    "lib",
+    "dist",
     "README.md",
     "LICENSE"
   ],
   "scripts": {
     "prepare-icons": "node scripts/copy-icons.js",
     "generate": "node scripts/generate-components.js",
+    "bundle": "rollup -c",
     "dev": "npm run prepare-icons && vite",
     "build": "npm run prepare-icons && vite build",
-    "build:lib": "npm run generate",
+    "build:lib": "npm run generate && npm run bundle && npm run copy-types",
+    "copy-types": "node -e \"require('fs').copyFileSync('lib/index.d.ts', 'dist/index.d.ts')\"",
     "preview": "vite preview",
     "prepublishOnly": "npm run build:lib"
   },
@@ -34,12 +36,18 @@
   "peerDependencies": {
     "react": ">=16.8.0"
   },
-  "dependencies": {},
   "devDependencies": {
+    "@babel/core": "^7.28.6",
+    "@babel/preset-react": "^7.28.5",
+    "@rollup/plugin-babel": "^6.1.0",
+    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
     "@vitejs/plugin-react": "^4.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-window": "^1.8.7",
+    "rollup": "^4.57.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
     "vite": "^5.0.0"
   }
 }

package/lib/Arrows/arrow-down-box-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDownBoxFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4 3C3.44772 3 3 3.44772 3 4V20C3 20.5523 3.44772 21 4 21H20C20.5523 21 21 20.5523 21 20V4C21 3.44772 20.5523 3 20 3H4ZM11.9996 17.656L6.0498 11.7062H10.9996V6.34229H12.9996V11.7062H17.9493L11.9996 17.656Z"/></svg>
-);
-
-ArrowDownBoxFill.displayName = 'ArrowDownBoxFill';
-
-export default ArrowDownBoxFill;

package/lib/Arrows/arrow-down-box-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDownBoxLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M20 3H4C3.44772 3 3 3.44772 3 4V20C3 20.5523 3.44772 21 4 21H20C20.5523 21 21 20.5523 21 20V4C21 3.44772 20.5523 3 20 3ZM5 19V5H19V19H5ZM11.0005 6.34375V13.829L7.75789 10.5864L6.34367 12.0006L12.0005 17.6575L17.6574 12.0006L16.2432 10.5864L13.0005 13.829V6.34375H11.0005Z"/></svg>
-);
-
-ArrowDownBoxLine.displayName = 'ArrowDownBoxLine';
-
-export default ArrowDownBoxLine;

package/lib/Arrows/arrow-down-circle-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDownCircleFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM13 12V8H11V12H8L12 16L16 12H13Z"/></svg>
-);
-
-ArrowDownCircleFill.displayName = 'ArrowDownCircleFill';
-
-export default ArrowDownCircleFill;

package/lib/Arrows/arrow-down-circle-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDownCircleLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20ZM13 12H16L12 16L8 12H11V8H13V12Z"/></svg>
-);
-
-ArrowDownCircleLine.displayName = 'ArrowDownCircleLine';
-
-export default ArrowDownCircleLine;

package/lib/Arrows/arrow-down-double-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDownDoubleFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 19.1642L18.2071 12.9571L16.7929 11.5429L12 16.3358L7.20712 11.5429L5.79291 12.9571L12 19.1642ZM12 13.5143L18.2071 7.30722L16.7929 5.89301L12 10.6859L7.20712 5.89301L5.79291 7.30722L12 13.5143Z"/></svg>
-);
-
-ArrowDownDoubleFill.displayName = 'ArrowDownDoubleFill';
-
-export default ArrowDownDoubleFill;

package/lib/Arrows/arrow-down-double-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDownDoubleLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 19.1642L18.2071 12.9571L16.7929 11.5429L12 16.3358L7.20712 11.5429L5.79291 12.9571L12 19.1642ZM12 13.5143L18.2071 7.30722L16.7929 5.89301L12 10.6859L7.20712 5.89301L5.79291 7.30722L12 13.5143Z"/></svg>
-);
-
-ArrowDownDoubleLine.displayName = 'ArrowDownDoubleLine';
-
-export default ArrowDownDoubleLine;

package/lib/Arrows/arrow-down-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDownFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M13 12H20L12 20L4 12H11V4H13V12Z"/></svg>
-);
-
-ArrowDownFill.displayName = 'ArrowDownFill';
-
-export default ArrowDownFill;

package/lib/Arrows/arrow-down-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDownLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M13.0001 16.1716L18.3641 10.8076L19.7783 12.2218L12.0001 20L4.22192 12.2218L5.63614 10.8076L11.0001 16.1716V4H13.0001V16.1716Z"/></svg>
-);
-
-ArrowDownLine.displayName = 'ArrowDownLine';
-
-export default ArrowDownLine;

package/lib/Arrows/arrow-down-long-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDownLongFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12.9999 1.99974L11 1.9996L11 15.5858H5.58582L12 22L18.4142 15.5858L13 15.5858L12.9999 1.99974Z"/></svg>
-);
-
-ArrowDownLongFill.displayName = 'ArrowDownLongFill';
-
-export default ArrowDownLongFill;

package/lib/Arrows/arrow-down-long-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDownLongLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M13.0001 1.99974L11.0002 1.9996L11.0002 18.1715L7.05044 14.2218L5.63623 15.636L12.0002 22L18.3642 15.636L16.9499 14.2218L13.0002 18.1716L13.0001 1.99974Z"/></svg>
-);
-
-ArrowDownLongLine.displayName = 'ArrowDownLongLine';
-
-export default ArrowDownLongLine;

package/lib/Arrows/arrow-down-s-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDownSFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 16L6 10H18L12 16Z"/></svg>
-);
-
-ArrowDownSFill.displayName = 'ArrowDownSFill';
-
-export default ArrowDownSFill;

package/lib/Arrows/arrow-down-s-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDownSLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"/></svg>
-);
-
-ArrowDownSLine.displayName = 'ArrowDownSLine';
-
-export default ArrowDownSLine;

package/lib/Arrows/arrow-down-wide-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDownWideFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 15.6315L20.9679 10.8838L20.0321 9.11619L12 13.3685L3.9679 9.11619L3.03212 10.8838L12 15.6315Z"/></svg>
-);
-
-ArrowDownWideFill.displayName = 'ArrowDownWideFill';
-
-export default ArrowDownWideFill;

package/lib/Arrows/arrow-down-wide-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDownWideLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 15.6315L20.9679 10.8838L20.0321 9.11619L12 13.3685L3.9679 9.11619L3.03212 10.8838L12 15.6315Z"/></svg>
-);
-
-ArrowDownWideLine.displayName = 'ArrowDownWideLine';
-
-export default ArrowDownWideLine;

package/lib/Arrows/arrow-drop-down-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDropDownFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 14L8 10H16L12 14Z"/></svg>
-);
-
-ArrowDropDownFill.displayName = 'ArrowDropDownFill';
-
-export default ArrowDropDownFill;

package/lib/Arrows/arrow-drop-down-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDropDownLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 15.0006L7.75732 10.758L9.17154 9.34375L12 12.1722L14.8284 9.34375L16.2426 10.758L12 15.0006Z"/></svg>
-);
-
-ArrowDropDownLine.displayName = 'ArrowDropDownLine';
-
-export default ArrowDropDownLine;

package/lib/Arrows/arrow-drop-left-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDropLeftFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M9 12L13 8V16L9 12Z"/></svg>
-);
-
-ArrowDropLeftFill.displayName = 'ArrowDropLeftFill';
-
-export default ArrowDropLeftFill;

package/lib/Arrows/arrow-drop-left-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDropLeftLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M11.8284 12.0005L14.6569 14.8289L13.2426 16.2431L9 12.0005L13.2426 7.75781L14.6569 9.17203L11.8284 12.0005Z"/></svg>
-);
-
-ArrowDropLeftLine.displayName = 'ArrowDropLeftLine';
-
-export default ArrowDropLeftLine;

package/lib/Arrows/arrow-drop-right-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDropRightFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M14 12L10 16V8L14 12Z"/></svg>
-);
-
-ArrowDropRightFill.displayName = 'ArrowDropRightFill';
-
-export default ArrowDropRightFill;

package/lib/Arrows/arrow-drop-right-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDropRightLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12.1717 12.0005L9.34326 9.17203L10.7575 7.75781L15.0001 12.0005L10.7575 16.2431L9.34326 14.8289L12.1717 12.0005Z"/></svg>
-);
-
-ArrowDropRightLine.displayName = 'ArrowDropRightLine';
-
-export default ArrowDropRightLine;

package/lib/Arrows/arrow-drop-up-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDropUpFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 10L16 14H8L12 10Z"/></svg>
-);
-
-ArrowDropUpFill.displayName = 'ArrowDropUpFill';
-
-export default ArrowDropUpFill;

package/lib/Arrows/arrow-drop-up-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowDropUpLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 11.8284L9.17154 14.6569L7.75732 13.2426L12 9L16.2426 13.2426L14.8284 14.6569L12 11.8284Z"/></svg>
-);
-
-ArrowDropUpLine.displayName = 'ArrowDropUpLine';
-
-export default ArrowDropUpLine;

package/lib/Arrows/arrow-go-back-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowGoBackFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8 7V11L2 6L8 1V5H13C17.4183 5 21 8.58172 21 13C21 17.4183 17.4183 21 13 21H4V19H13C16.3137 19 19 16.3137 19 13C19 9.68629 16.3137 7 13 7H8Z"/></svg>
-);
-
-ArrowGoBackFill.displayName = 'ArrowGoBackFill';
-
-export default ArrowGoBackFill;

package/lib/Arrows/arrow-go-back-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowGoBackLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M5.82843 6.99955L8.36396 9.53509L6.94975 10.9493L2 5.99955L6.94975 1.0498L8.36396 2.46402L5.82843 4.99955H13C17.4183 4.99955 21 8.58127 21 12.9996C21 17.4178 17.4183 20.9996 13 20.9996H4V18.9996H13C16.3137 18.9996 19 16.3133 19 12.9996C19 9.68584 16.3137 6.99955 13 6.99955H5.82843Z"/></svg>
-);
-
-ArrowGoBackLine.displayName = 'ArrowGoBackLine';
-
-export default ArrowGoBackLine;

package/lib/Arrows/arrow-go-forward-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowGoForwardFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M16 7H11C7.68629 7 5 9.68629 5 13C5 16.3137 7.68629 19 11 19H20V21H11C6.58172 21 3 17.4183 3 13C3 8.58172 6.58172 5 11 5H16V1L22 6L16 11V7Z"/></svg>
-);
-
-ArrowGoForwardFill.displayName = 'ArrowGoForwardFill';
-
-export default ArrowGoForwardFill;

package/lib/Arrows/arrow-go-forward-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowGoForwardLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M18.1716 6.99955H11C7.68629 6.99955 5 9.68584 5 12.9996C5 16.3133 7.68629 18.9996 11 18.9996H20V20.9996H11C6.58172 20.9996 3 17.4178 3 12.9996C3 8.58127 6.58172 4.99955 11 4.99955H18.1716L15.636 2.46402L17.0503 1.0498L22 5.99955L17.0503 10.9493L15.636 9.53509L18.1716 6.99955Z"/></svg>
-);
-
-ArrowGoForwardLine.displayName = 'ArrowGoForwardLine';
-
-export default ArrowGoForwardLine;

package/lib/Arrows/arrow-left-box-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftBoxFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4 3C3.44772 3 3 3.44772 3 4V20C3 20.5523 3.44772 21 4 21H20C20.5523 21 21 20.5523 21 20V4C21 3.44772 20.5523 3 20 3H4ZM6.34277 11.9996L12.2925 6.0498V10.9996H17.6565V12.9996H12.2925V17.9493L6.34277 11.9996Z"/></svg>
-);
-
-ArrowLeftBoxFill.displayName = 'ArrowLeftBoxFill';
-
-export default ArrowLeftBoxFill;

package/lib/Arrows/arrow-left-box-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftBoxLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M20 3H4C3.44772 3 3 3.44772 3 4V20C3 20.5523 3.44772 21 4 21H20C20.5523 21 21 20.5523 21 20V4C21 3.44772 20.5523 3 20 3ZM5 19V5H19V19H5ZM6.3436 12.001L12.0005 6.34412L13.4147 7.75834L10.172 11.001H17.6573V13.001H10.172L13.4147 16.2436L12.0005 17.6578L6.3436 12.001Z"/></svg>
-);
-
-ArrowLeftBoxLine.displayName = 'ArrowLeftBoxLine';
-
-export default ArrowLeftBoxLine;

package/lib/Arrows/arrow-left-circle-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftCircleFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 11V8L8 12L12 16V13H16V11H12Z"/></svg>
-);
-
-ArrowLeftCircleFill.displayName = 'ArrowLeftCircleFill';
-
-export default ArrowLeftCircleFill;

package/lib/Arrows/arrow-left-circle-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftCircleLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20ZM12 11H16V13H12V16L8 12L12 8V11Z"/></svg>
-);
-
-ArrowLeftCircleLine.displayName = 'ArrowLeftCircleLine';
-
-export default ArrowLeftCircleLine;

package/lib/Arrows/arrow-left-double-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftDoubleFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.83582 12L11.0429 18.2071L12.4571 16.7929L7.66424 12L12.4571 7.20712L11.0429 5.79291L4.83582 12ZM10.4857 12L16.6928 18.2071L18.107 16.7929L13.3141 12L18.107 7.20712L16.6928 5.79291L10.4857 12Z"/></svg>
-);
-
-ArrowLeftDoubleFill.displayName = 'ArrowLeftDoubleFill';
-
-export default ArrowLeftDoubleFill;

package/lib/Arrows/arrow-left-double-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftDoubleLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.83582 12L11.0429 18.2071L12.4571 16.7929L7.66424 12L12.4571 7.20712L11.0429 5.79291L4.83582 12ZM10.4857 12L16.6928 18.2071L18.107 16.7929L13.3141 12L18.107 7.20712L16.6928 5.79291L10.4857 12Z"/></svg>
-);
-
-ArrowLeftDoubleLine.displayName = 'ArrowLeftDoubleLine';
-
-export default ArrowLeftDoubleLine;

package/lib/Arrows/arrow-left-down-box-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftDownBoxFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4 3C3.44772 3 3 3.44772 3 4V20C3 20.5523 3.44772 21 4 21H20C20.5523 21 21 20.5523 21 20V4C21 3.44772 20.5523 3 20 3H4ZM8 15.9991V7.58489L11.5 11.0849L15.2929 7.29199L16.7071 8.70621L12.9142 12.4991L16.4142 15.9991H8Z"/></svg>
-);
-
-ArrowLeftDownBoxFill.displayName = 'ArrowLeftDownBoxFill';
-
-export default ArrowLeftDownBoxFill;

package/lib/Arrows/arrow-left-down-box-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftDownBoxLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M20 3H4C3.44772 3 3 3.44772 3 4V20C3 20.5523 3.44772 21 4 21H20C20.5523 21 21 20.5523 21 20V4C21 3.44772 20.5523 3 20 3ZM5 19V5H19V19H5ZM8 16.001V8.00098H10V12.5868L15.2929 7.29387L16.7071 8.70808L11.4142 14.001H16V16.001H8Z"/></svg>
-);
-
-ArrowLeftDownBoxLine.displayName = 'ArrowLeftDownBoxLine';
-
-export default ArrowLeftDownBoxLine;

package/lib/Arrows/arrow-left-down-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftDownFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12.3608 13.0515L17.3105 18.0013H5.99683V6.68758L10.9466 11.6373L16.6034 5.98047L18.0176 7.39468L12.3608 13.0515Z"/></svg>
-);
-
-ArrowLeftDownFill.displayName = 'ArrowLeftDownFill';
-
-export default ArrowLeftDownFill;

package/lib/Arrows/arrow-left-down-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftDownLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M9 13.589L17.6066 4.98242L19.0208 6.39664L10.4142 15.0032H18V17.0032H7V6.00324H9V13.589Z"/></svg>
-);
-
-ArrowLeftDownLine.displayName = 'ArrowLeftDownLine';
-
-export default ArrowLeftDownLine;

package/lib/Arrows/arrow-left-down-long-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftDownLongFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M19.7783 5.63577L18.3643 4.22156L8.75734 13.8284L4.92896 10L4.92896 19.0711L14 19.0711L10.1716 15.2426L19.7783 5.63577Z"/></svg>
-);
-
-ArrowLeftDownLongFill.displayName = 'ArrowLeftDownLongFill';
-
-export default ArrowLeftDownLongFill;

package/lib/Arrows/arrow-left-down-long-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftDownLongLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M19.7784 5.63589L18.3644 4.22168L6.92908 15.6569L6.92908 10.0712H4.92908L4.92908 19.0712L13.9291 19.0712V17.0712L8.34326 17.0712L19.7784 5.63589Z"/></svg>
-);
-
-ArrowLeftDownLongLine.displayName = 'ArrowLeftDownLongLine';
-
-export default ArrowLeftDownLongLine;

package/lib/Arrows/arrow-left-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 13V20L4 12L12 4V11H20V13H12Z"/></svg>
-);
-
-ArrowLeftFill.displayName = 'ArrowLeftFill';
-
-export default ArrowLeftFill;

package/lib/Arrows/arrow-left-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M7.82843 10.9999H20V12.9999H7.82843L13.1924 18.3638L11.7782 19.778L4 11.9999L11.7782 4.22168L13.1924 5.63589L7.82843 10.9999Z"/></svg>
-);
-
-ArrowLeftLine.displayName = 'ArrowLeftLine';
-
-export default ArrowLeftLine;

package/lib/Arrows/arrow-left-long-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftLongFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M22.0003 12.9999L22.0004 11L8.41421 11V5.58582L2 12L8.41421 18.4142L8.41421 13L22.0003 12.9999Z"/></svg>
-);
-
-ArrowLeftLongFill.displayName = 'ArrowLeftLongFill';
-
-export default ArrowLeftLongFill;

package/lib/Arrows/arrow-left-long-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftLongLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M22.0003 13.0001L22.0004 11.0002L5.82845 11.0002L9.77817 7.05044L8.36396 5.63623L2 12.0002L8.36396 18.3642L9.77817 16.9499L5.8284 13.0002L22.0003 13.0001Z"/></svg>
-);
-
-ArrowLeftLongLine.displayName = 'ArrowLeftLongLine';
-
-export default ArrowLeftLongLine;

package/lib/Arrows/arrow-left-right-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftRightFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M16 16V12L21 17L16 22V18H4V16H16ZM8 2V5.999L20 6V8H8V12L3 7L8 2Z"/></svg>
-);
-
-ArrowLeftRightFill.displayName = 'ArrowLeftRightFill';
-
-export default ArrowLeftRightFill;

package/lib/Arrows/arrow-left-right-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftRightLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M16.0503 12.0498L21 16.9996L16.0503 21.9493L14.636 20.5351L17.172 17.9988L4 17.9996V15.9996L17.172 15.9988L14.636 13.464L16.0503 12.0498ZM7.94975 2.0498L9.36396 3.46402L6.828 5.9988L20 5.99955V7.99955L6.828 7.9988L9.36396 10.5351L7.94975 11.9493L3 6.99955L7.94975 2.0498Z"/></svg>
-);
-
-ArrowLeftRightLine.displayName = 'ArrowLeftRightLine';
-
-export default ArrowLeftRightLine;

package/lib/Arrows/arrow-left-s-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftSFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8 12L14 6V18L8 12Z"/></svg>
-);
-
-ArrowLeftSFill.displayName = 'ArrowLeftSFill';
-
-export default ArrowLeftSFill;

package/lib/Arrows/arrow-left-s-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftSLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z"/></svg>
-);
-
-ArrowLeftSLine.displayName = 'ArrowLeftSLine';
-
-export default ArrowLeftSLine;

package/lib/Arrows/arrow-left-up-box-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftUpBoxFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4 3C3.44772 3 3 3.44772 3 4V20C3 20.5523 3.44772 21 4 21H20C20.5523 21 21 20.5523 21 20V4C21 3.44772 20.5523 3 20 3H4ZM8 8H16.4142L12.9142 11.5L16.7071 15.2929L15.2929 16.7071L11.5 12.9142L8 16.4142V8Z"/></svg>
-);
-
-ArrowLeftUpBoxFill.displayName = 'ArrowLeftUpBoxFill';
-
-export default ArrowLeftUpBoxFill;

package/lib/Arrows/arrow-left-up-box-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftUpBoxLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M20 3H4C3.44772 3 3 3.44772 3 4V20C3 20.5523 3.44772 21 4 21H20C20.5523 21 21 20.5523 21 20V4C21 3.44772 20.5523 3 20 3ZM5 19V5H19V19H5ZM8 8V16H10V11.4142L15.2929 16.7071L16.7071 15.2929L11.4142 10H16V8H8Z"/></svg>
-);
-
-ArrowLeftUpBoxLine.displayName = 'ArrowLeftUpBoxLine';
-
-export default ArrowLeftUpBoxLine;

package/lib/Arrows/arrow-left-up-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftUpFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12.3608 10.9468L18.0176 16.6037L16.6034 18.0179L10.9466 12.361L5.99683 17.3108V5.99707H17.3105L12.3608 10.9468Z"/></svg>
-);
-
-ArrowLeftUpFill.displayName = 'ArrowLeftUpFill';
-
-export default ArrowLeftUpFill;

package/lib/Arrows/arrow-left-up-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftUpLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M9.41421 8L18.0208 16.6066L16.6066 18.0208L8 9.41421V17H6V6H17V8H9.41421Z"/></svg>
-);
-
-ArrowLeftUpLine.displayName = 'ArrowLeftUpLine';
-
-export default ArrowLeftUpLine;

package/lib/Arrows/arrow-left-up-long-fill.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftUpLongFill = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M18.3642 19.7783L19.7784 18.3643L10.1716 8.75734L14 4.92896L4.92889 4.92896L4.9289 14L8.75735 10.1716L18.3642 19.7783Z"/></svg>
-);
-
-ArrowLeftUpLongFill.displayName = 'ArrowLeftUpLongFill';
-
-export default ArrowLeftUpLongFill;

package/lib/Arrows/arrow-left-up-long-line.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const ArrowLeftUpLongLine = (props) => (
-  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M19.7784 18.3641L18.3644 19.7783L6.92908 8.34305V13.9288H4.92908L4.92908 4.9288L13.9291 4.9288L13.9291 6.9288L8.34326 6.9288L19.7784 18.3641Z"/></svg>
-);
-
-ArrowLeftUpLongLine.displayName = 'ArrowLeftUpLongLine';
-
-export default ArrowLeftUpLongLine;