diff --git a/apps/docs/src/constant/icons/index.json b/apps/docs/src/constant/icons/icons.json
similarity index 94%
rename from apps/docs/src/constant/icons/index.json
rename to apps/docs/src/constant/icons/icons.json
index 2c655e75..e6a7dd21 100644
--- a/apps/docs/src/constant/icons/index.json
+++ b/apps/docs/src/constant/icons/icons.json
@@ -90,7 +90,54 @@
     "WindowMaximize",
     "WindowMinimize"
   ],
-  "arrows": ["Maximize", "Minimize"],
+  "arrows": [
+    "ArrowBarDown",
+    "ArrowBarRight",
+    "ArrowBarLeft",
+    "ArrowBarTop",
+    "ArrowCircleDown",
+    "ArrowCircleRight",
+    "ArrowCircleTop",
+    "ArrowCircleLeft",
+    "ArrowDown",
+    "ArrowLeft",
+    "ArrowRight",
+    "ArrowTop",
+    "ArrowsDoubleDown",
+    "ArrowsDoubleLeft",
+    "ArrowsDoubleRight",
+    "ArrowsDoubleTop",
+    "ArrowsDown",
+    "ArrowsRight",
+    "ArrowsLeft",
+    "ArrowsTop",
+    "BigArrowDown",
+    "BigArrowRight",
+    "BigArrowLeft",
+    "BigArrowTop",
+    "CaretDown",
+    "CaretRight",
+    "CaretLeft",
+    "CaretTop",
+    "ChevronDown",
+    "ChevronTop",
+    "ChevronLeft",
+    "ChevronRight",
+    "ChevronsDown",
+    "ChevronsTop",
+    "ChevronsLeft",
+    "ChevronsRight",
+    "CornerDoubleDown",
+    "CornerDoubleLeft",
+    "CornerDoubleRight",
+    "CornerDoubleTop",
+    "CornerRightArrow",
+    "CornerDownArrow",
+    "CornerTopArrow",
+    "CornerLeftArrow",
+    "Maximize",
+    "Minimize"
+  ],
   "brand": [
     "Adobe",
     "Airbnb",
diff --git a/apps/docs/src/pages/docs/icons.tsx b/apps/docs/src/pages/docs/icons.tsx
index 8f76d76e..da49d91b 100644
--- a/apps/docs/src/pages/docs/icons.tsx
+++ b/apps/docs/src/pages/docs/icons.tsx
@@ -3,7 +3,7 @@ import { DocsLayout } from 'src/component/common'
 import * as ICONS from '@pillar-ui/icons'
 import { Button, Flex, Grid, Paper, Text } from '@pillar-ui/core'
 import { useCopyToClipboard } from '@pillar-ui/hooks'
-import iconJson from '../../constant/icons/index.json'
+import iconJson from '../../constant/icons/icons.json'
 
 const CATEGORIES: string[] = ['all', ...Object.keys(iconJson)]
 
@@ -61,8 +61,8 @@ const Icons = () => {
             </Button>
           ))}
         </Flex>
-        <div>
-          <Grid style={{ '--button-corner': 0 } as CSSProperties} gap="sm" grid="repeat(auto-fit, minmax(150px, 1fr)">
+        <div style={{ '--button-corner': 0 } as CSSProperties}>
+          <Grid gap="sm" grid="repeat(auto-fit, minmax(130px, 1fr)">
             {lists.map((item) => (
               <IconsItem item={item} />
             ))}
diff --git a/packages/pillar-core/CHANGELOG.md b/packages/pillar-core/CHANGELOG.md
index fcd7bbee..b0ea3f55 100644
--- a/packages/pillar-core/CHANGELOG.md
+++ b/packages/pillar-core/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @pillar/core
 
+## 0.5.0
+
+### Minor Changes
+
+- # New Changes
+
+  - **Commit f1f8ee5**: We’ve fixed an issue by adding types to the package.json exports. This should help improve the overall functionality of the library.
+  - **Commit cef2462**: We’ve removed index.json and made changes to icons.json. This is part of our ongoing effort to streamline our codebase and improve efficiency.
+  - **Commit 3478d24**: We’ve fixed the icon problem that some users were experiencing. This should enhance the user interface and make it more user-friendly.
+
+  ## Conclusion
+
+  These updates are part of our ongoing commitment to improving the Pillar UI library and ensuring it meets the needs of our users. We appreciate your feedback and encourage you to reach out if you encounter any issues or have suggestions for future updates.
+
 ## 0.4.0
 
 ### Minor Changes
diff --git a/packages/pillar-core/package.json b/packages/pillar-core/package.json
index 680ce15b..9f8dd374 100644
--- a/packages/pillar-core/package.json
+++ b/packages/pillar-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pillar-ui/core",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "A collection of reusable UI components for modern web development. These components follow best practices, are highly customizable, and promote a consistent user experience across applications.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
diff --git a/packages/pillar-hooks/CHANGELOG.md b/packages/pillar-hooks/CHANGELOG.md
index 174c27ba..eaeb79c9 100644
--- a/packages/pillar-hooks/CHANGELOG.md
+++ b/packages/pillar-hooks/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @pillar/hooks
 
+## 0.4.0
+
+### Minor Changes
+
+- # New Changes
+
+  - **Commit f1f8ee5**: We’ve fixed an issue by adding types to the package.json exports. This should help improve the overall functionality of the library.
+  - **Commit cef2462**: We’ve removed index.json and made changes to icons.json. This is part of our ongoing effort to streamline our codebase and improve efficiency.
+  - **Commit 3478d24**: We’ve fixed the icon problem that some users were experiencing. This should enhance the user interface and make it more user-friendly.
+
+  ## Conclusion
+
+  These updates are part of our ongoing commitment to improving the Pillar UI library and ensuring it meets the needs of our users. We appreciate your feedback and encourage you to reach out if you encounter any issues or have suggestions for future updates.
+
 ## 0.3.0
 
 ### Minor Changes
diff --git a/packages/pillar-hooks/package.json b/packages/pillar-hooks/package.json
index 4e2ca62e..b6ceb1cb 100644
--- a/packages/pillar-hooks/package.json
+++ b/packages/pillar-hooks/package.json
@@ -12,7 +12,7 @@
     "name": "Hamza Miloud Amar",
     "email": "hamzamiloudamar@gmail.com"
   },
-  "version": "0.3.0",
+  "version": "0.4.0",
   "sideEffects": false,
   "license": "MIT",
   "main": "./dist/index.js",
@@ -30,7 +30,8 @@
   "exports": {
     ".": {
       "require": "./dist/index.js",
-      "import": "./dist/index.mjs"
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
     }
   },
   "scripts": {
diff --git a/packages/pillar-icons/CHANGELOG.md b/packages/pillar-icons/CHANGELOG.md
index e103281f..d0464b39 100644
--- a/packages/pillar-icons/CHANGELOG.md
+++ b/packages/pillar-icons/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @pillar/icons
 
+## 0.5.0
+
+### Minor Changes
+
+- # New Changes
+
+  - **Commit f1f8ee5**: We’ve fixed an issue by adding types to the package.json exports. This should help improve the overall functionality of the library.
+  - **Commit cef2462**: We’ve removed index.json and made changes to icons.json. This is part of our ongoing effort to streamline our codebase and improve efficiency.
+  - **Commit 3478d24**: We’ve fixed the icon problem that some users were experiencing. This should enhance the user interface and make it more user-friendly.
+
+  ## Conclusion
+
+  These updates are part of our ongoing commitment to improving the Pillar UI library and ensuring it meets the needs of our users. We appreciate your feedback and encourage you to reach out if you encounter any issues or have suggestions for future updates.
+
 ## 0.4.0
 
 ### Minor Changes
diff --git a/packages/pillar-icons/package.json b/packages/pillar-icons/package.json
index a17f5d90..3f74a5ad 100644
--- a/packages/pillar-icons/package.json
+++ b/packages/pillar-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pillar-ui/icons",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "A library of scalable icons suitable for various web development projects. These icons are highly customizable, accessible, and designed to seamlessly integrate into modern user interfaces.",
   "keywords": [
     "icons",
@@ -28,7 +28,7 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "sideEffects": false,
+  "sideEffects": true,
   "license": "MIT",
   "files": [
     "dist/**"
@@ -40,7 +40,8 @@
   "exports": {
     ".": {
       "require": "./dist/index.js",
-      "import": "./dist/index.mjs"
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
     }
   },
   "scripts": {
diff --git a/packages/pillar-icons/src/icons/arrows/arrowBarDown.tsx b/packages/pillar-icons/src/icons/arrows/arrowBarDown.tsx
index 2f6a31de..4db96cf1 100644
--- a/packages/pillar-icons/src/icons/arrows/arrowBarDown.tsx
+++ b/packages/pillar-icons/src/icons/arrows/arrowBarDown.tsx
@@ -1,5 +1,5 @@
 import { ROTATION, svgProps } from '../../shared'
-import { SvgWithDirection, SvgType } from '../../type'
+import { SvgWithDirection } from '../../type'
 
 const ArrowBarDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
   <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
@@ -7,8 +7,4 @@ const ArrowBarDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
   </svg>
 )
 
-const ArrowBarLeft = ({ direction, ...rest }: SvgType) => <ArrowBarDown direction="left" {...rest} />
-const ArrowBarRight = ({ direction, ...rest }: SvgType) => <ArrowBarDown direction="right" {...rest} />
-const ArrowBarTop = ({ direction, ...rest }: SvgType) => <ArrowBarDown direction="top" {...rest} />
-
-export { ArrowBarDown, ArrowBarLeft, ArrowBarRight, ArrowBarTop }
+export default ArrowBarDown
diff --git a/packages/pillar-icons/src/icons/arrows/arrowBarLeft.tsx b/packages/pillar-icons/src/icons/arrows/arrowBarLeft.tsx
new file mode 100644
index 00000000..c2d16fc0
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowBarLeft.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ArrowBarDown from './arrowBarDown'
+
+const ArrowBarLeft = ({ direction, ...rest }: SvgType) => <ArrowBarDown direction="left" {...rest} />
+
+export default ArrowBarLeft
diff --git a/packages/pillar-icons/src/icons/arrows/arrowBarRight.tsx b/packages/pillar-icons/src/icons/arrows/arrowBarRight.tsx
new file mode 100644
index 00000000..38e371d3
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowBarRight.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ArrowBarDown from './arrowBarDown'
+
+const ArrowBarRight = ({ direction, ...rest }: SvgType) => <ArrowBarDown direction="right" {...rest} />
+
+export default ArrowBarRight
diff --git a/packages/pillar-icons/src/icons/arrows/arrowBarTop.tsx b/packages/pillar-icons/src/icons/arrows/arrowBarTop.tsx
new file mode 100644
index 00000000..64a2a62c
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowBarTop.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ArrowBarDown from './arrowBarDown'
+
+const ArrowBarTop = ({ direction, ...rest }: SvgType) => <ArrowBarDown direction="top" {...rest} />
+
+export default ArrowBarTop
diff --git a/packages/pillar-icons/src/icons/arrows/arrowCircle.tsx b/packages/pillar-icons/src/icons/arrows/arrowCircle.tsx
deleted file mode 100644
index 0c4808e0..00000000
--- a/packages/pillar-icons/src/icons/arrows/arrowCircle.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { ROTATION, svgProps } from '../../shared'
-import { SvgType, SvgWithDirection } from '../../type'
-
-const ArrowCircleDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
-  <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
-    <path d="m8 12 4 4m0 0V8m0 8 4-4m5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
-  </svg>
-)
-
-const ArrowCircleLeft = ({ direction, ...rest }: SvgType) => <ArrowCircleDown direction="left" {...rest} />
-const ArrowCircleRight = ({ direction, ...rest }: SvgType) => <ArrowCircleDown direction="right" {...rest} />
-const ArrowCircleTop = ({ direction, ...rest }: SvgType) => <ArrowCircleDown direction="top" {...rest} />
-
-export { ArrowCircleDown, ArrowCircleLeft, ArrowCircleRight, ArrowCircleTop }
diff --git a/packages/pillar-icons/src/icons/arrows/arrowCircleDown.tsx b/packages/pillar-icons/src/icons/arrows/arrowCircleDown.tsx
new file mode 100644
index 00000000..5796072e
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowCircleDown.tsx
@@ -0,0 +1,10 @@
+import { ROTATION, svgProps } from '../../shared'
+import { SvgWithDirection } from '../../type'
+
+const ArrowCircleDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
+  <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
+    <path d="m8 12 4 4m0 0V8m0 8 4-4m5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+  </svg>
+)
+
+export default ArrowCircleDown
diff --git a/packages/pillar-icons/src/icons/arrows/arrowCircleLeft.tsx b/packages/pillar-icons/src/icons/arrows/arrowCircleLeft.tsx
new file mode 100644
index 00000000..0b23fd91
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowCircleLeft.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ArrowCircleDown from './arrowCircleDown'
+
+const ArrowCircleLeft = ({ direction, ...rest }: SvgType) => <ArrowCircleDown direction="left" {...rest} />
+
+export default ArrowCircleLeft
diff --git a/packages/pillar-icons/src/icons/arrows/arrowCircleRight.tsx b/packages/pillar-icons/src/icons/arrows/arrowCircleRight.tsx
new file mode 100644
index 00000000..170a11e4
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowCircleRight.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ArrowCircleDown from './arrowCircleDown'
+
+const ArrowCircleRight = ({ direction, ...rest }: SvgType) => <ArrowCircleDown direction="right" {...rest} />
+
+export default ArrowCircleRight
diff --git a/packages/pillar-icons/src/icons/arrows/arrowCircleTop.tsx b/packages/pillar-icons/src/icons/arrows/arrowCircleTop.tsx
new file mode 100644
index 00000000..b309e4dc
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowCircleTop.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ArrowCircleDown from './arrowCircleDown'
+
+const ArrowCircleTop = ({ direction, ...rest }: SvgType) => <ArrowCircleDown direction="top" {...rest} />
+
+export default ArrowCircleTop
diff --git a/packages/pillar-icons/src/icons/arrows/arrowDown.tsx b/packages/pillar-icons/src/icons/arrows/arrowDown.tsx
index 3ca62304..dd7e577c 100644
--- a/packages/pillar-icons/src/icons/arrows/arrowDown.tsx
+++ b/packages/pillar-icons/src/icons/arrows/arrowDown.tsx
@@ -1,5 +1,5 @@
 import { ROTATION, svgProps } from '../../shared'
-import { SvgType, SvgWithDirection } from '../../type'
+import { SvgWithDirection } from '../../type'
 
 const ArrowDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
   <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
@@ -7,8 +7,4 @@ const ArrowDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
   </svg>
 )
 
-const ArrowLeft = ({ direction, ...rest }: SvgType) => <ArrowDown direction="left" {...rest} />
-const ArrowRight = ({ direction, ...rest }: SvgType) => <ArrowDown direction="right" {...rest} />
-const ArrowTop = ({ direction, ...rest }: SvgType) => <ArrowDown direction="top" {...rest} />
-
-export { ArrowDown, ArrowLeft, ArrowRight, ArrowTop }
+export default ArrowDown
diff --git a/packages/pillar-icons/src/icons/arrows/arrowLeft.tsx b/packages/pillar-icons/src/icons/arrows/arrowLeft.tsx
new file mode 100644
index 00000000..cea64d40
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowLeft.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ArrowDown from './arrowDown'
+
+const ArrowLeft = ({ direction, ...rest }: SvgType) => <ArrowDown direction="left" {...rest} />
+
+export default ArrowLeft
diff --git a/packages/pillar-icons/src/icons/arrows/arrowRight.tsx b/packages/pillar-icons/src/icons/arrows/arrowRight.tsx
new file mode 100644
index 00000000..0662e94c
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowRight.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ArrowDown from './arrowDown'
+
+const ArrowRight = ({ direction, ...rest }: SvgType) => <ArrowDown direction="right" {...rest} />
+
+export default ArrowRight
diff --git a/packages/pillar-icons/src/icons/arrows/arrowTop.tsx b/packages/pillar-icons/src/icons/arrows/arrowTop.tsx
new file mode 100644
index 00000000..d97353a6
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowTop.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ArrowDown from './arrowDown'
+
+const ArrowTop = ({ direction, ...rest }: SvgType) => <ArrowDown direction="top" {...rest} />
+
+export default ArrowTop
diff --git a/packages/pillar-icons/src/icons/arrows/arrowsDouble.tsx b/packages/pillar-icons/src/icons/arrows/arrowsDouble.tsx
deleted file mode 100644
index 4e83d956..00000000
--- a/packages/pillar-icons/src/icons/arrows/arrowsDouble.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { ROTATION, svgProps } from '../../shared'
-import { SvgType, SvgWithDirection } from '../../type'
-
-const ArrowsDoubleDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
-  <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
-    <path d="M17 3v18m0-18 3 3m-3-3-3 3m-4 12-3 3m0 0-3-3m3 3V3" />
-  </svg>
-)
-
-const ArrowDownLeft = ({ direction, ...rest }: SvgType) => <ArrowsDoubleDown direction="left" {...rest} />
-const ArrowDownRight = ({ direction, ...rest }: SvgType) => <ArrowsDoubleDown direction="right" {...rest} />
-const ArrowDownTop = ({ direction, ...rest }: SvgType) => <ArrowsDoubleDown direction="top" {...rest} />
-
-export { ArrowsDoubleDown, ArrowDownLeft, ArrowDownRight, ArrowDownTop }
diff --git a/packages/pillar-icons/src/icons/arrows/arrowsDoubleDown.tsx b/packages/pillar-icons/src/icons/arrows/arrowsDoubleDown.tsx
new file mode 100644
index 00000000..2ea321c8
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowsDoubleDown.tsx
@@ -0,0 +1,10 @@
+import { ROTATION, svgProps } from '../../shared'
+import { SvgWithDirection } from '../../type'
+
+const ArrowsDoubleDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
+  <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
+    <path d="M17 3v18m0-18 3 3m-3-3-3 3m-4 12-3 3m0 0-3-3m3 3V3" />
+  </svg>
+)
+
+export default ArrowsDoubleDown
diff --git a/packages/pillar-icons/src/icons/arrows/arrowsDoubleLeft.tsx b/packages/pillar-icons/src/icons/arrows/arrowsDoubleLeft.tsx
new file mode 100644
index 00000000..41f6f7d5
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowsDoubleLeft.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ArrowsDoubleDown from './arrowsDoubleDown'
+
+const ArrowDownLeft = ({ direction, ...rest }: SvgType) => <ArrowsDoubleDown direction="left" {...rest} />
+
+export default ArrowDownLeft
diff --git a/packages/pillar-icons/src/icons/arrows/arrowsDoubleRight.tsx b/packages/pillar-icons/src/icons/arrows/arrowsDoubleRight.tsx
new file mode 100644
index 00000000..383cc7db
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowsDoubleRight.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ArrowsDoubleDown from './arrowsDoubleDown'
+
+const ArrowDownRight = ({ direction, ...rest }: SvgType) => <ArrowsDoubleDown direction="right" {...rest} />
+
+export default ArrowDownRight
diff --git a/packages/pillar-icons/src/icons/arrows/arrowsDoubleTop.tsx b/packages/pillar-icons/src/icons/arrows/arrowsDoubleTop.tsx
new file mode 100644
index 00000000..ae72ba80
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowsDoubleTop.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ArrowsDoubleDown from './arrowsDoubleDown'
+
+const ArrowDownTop = ({ direction, ...rest }: SvgType) => <ArrowsDoubleDown direction="top" {...rest} />
+
+export default ArrowDownTop
diff --git a/packages/pillar-icons/src/icons/arrows/arrowsDown.tsx b/packages/pillar-icons/src/icons/arrows/arrowsDown.tsx
index 393bd26b..5b91d008 100644
--- a/packages/pillar-icons/src/icons/arrows/arrowsDown.tsx
+++ b/packages/pillar-icons/src/icons/arrows/arrowsDown.tsx
@@ -1,5 +1,5 @@
 import { ROTATION, svgProps } from '../../shared'
-import { SvgType, SvgWithDirection } from '../../type'
+import { SvgWithDirection } from '../../type'
 
 const ArrowsDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
   <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
@@ -7,8 +7,4 @@ const ArrowsDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
   </svg>
 )
 
-const ArrowsLeft = ({ direction, ...rest }: SvgType) => <ArrowsDown direction="left" {...rest} />
-const ArrowsRight = ({ direction, ...rest }: SvgType) => <ArrowsDown direction="right" {...rest} />
-const ArrowsTop = ({ direction, ...rest }: SvgType) => <ArrowsDown direction="top" {...rest} />
-
-export { ArrowsDown, ArrowsLeft, ArrowsRight, ArrowsTop }
+export default ArrowsDown
diff --git a/packages/pillar-icons/src/icons/arrows/arrowsLeft.tsx b/packages/pillar-icons/src/icons/arrows/arrowsLeft.tsx
new file mode 100644
index 00000000..0599c84b
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowsLeft.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ArrowsDown from './arrowsDown'
+
+const ArrowsLeft = ({ direction, ...rest }: SvgType) => <ArrowsDown direction="left" {...rest} />
+
+export default ArrowsLeft
diff --git a/packages/pillar-icons/src/icons/arrows/arrowsRight.tsx b/packages/pillar-icons/src/icons/arrows/arrowsRight.tsx
new file mode 100644
index 00000000..858cfa01
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowsRight.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ArrowsDown from './arrowsDown'
+
+const ArrowsRight = ({ direction, ...rest }: SvgType) => <ArrowsDown direction="right" {...rest} />
+
+export default ArrowsRight
diff --git a/packages/pillar-icons/src/icons/arrows/arrowsTop.tsx b/packages/pillar-icons/src/icons/arrows/arrowsTop.tsx
new file mode 100644
index 00000000..6b7950f4
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/arrowsTop.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ArrowsDown from './arrowsDown'
+
+const ArrowsTop = ({ direction, ...rest }: SvgType) => <ArrowsDown direction="top" {...rest} />
+
+export default ArrowsTop
diff --git a/packages/pillar-icons/src/icons/arrows/bigArrow.tsx b/packages/pillar-icons/src/icons/arrows/bigArrow.tsx
deleted file mode 100644
index 8a6a561b..00000000
--- a/packages/pillar-icons/src/icons/arrows/bigArrow.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { ROTATION, svgProps } from '../../shared'
-import { SvgType, SvgWithDirection } from '../../type'
-
-const BigArrowDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
-  <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
-    <path d="M15 4v8h3.6a1 1 0 0 1 .7 1.7l-6.6 6.6a1 1 0 0 1-1.4 0l-6.6-6.6a1 1 0 0 1 .7-1.7H9V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1Z" />
-  </svg>
-)
-const BigArrowLeft = ({ direction, ...rest }: SvgType) => <BigArrowDown direction="left" {...rest} />
-const BigArrowRight = ({ direction, ...rest }: SvgType) => <BigArrowDown direction="right" {...rest} />
-const BigArrowTop = ({ direction, ...rest }: SvgType) => <BigArrowDown direction="top" {...rest} />
-
-export { BigArrowDown, BigArrowLeft, BigArrowRight, BigArrowTop }
diff --git a/packages/pillar-icons/src/icons/arrows/bigArrowDown.tsx b/packages/pillar-icons/src/icons/arrows/bigArrowDown.tsx
new file mode 100644
index 00000000..5f506d37
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/bigArrowDown.tsx
@@ -0,0 +1,10 @@
+import { ROTATION, svgProps } from '../../shared'
+import { SvgWithDirection } from '../../type'
+
+const BigArrowDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
+  <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
+    <path d="M15 4v8h3.6a1 1 0 0 1 .7 1.7l-6.6 6.6a1 1 0 0 1-1.4 0l-6.6-6.6a1 1 0 0 1 .7-1.7H9V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1Z" />
+  </svg>
+)
+
+export default BigArrowDown
diff --git a/packages/pillar-icons/src/icons/arrows/bigArrowLeft.tsx b/packages/pillar-icons/src/icons/arrows/bigArrowLeft.tsx
new file mode 100644
index 00000000..c3143741
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/bigArrowLeft.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import BigArrowDown from './bigArrowDown'
+
+const BigArrowLeft = ({ direction, ...rest }: SvgType) => <BigArrowDown direction="left" {...rest} />
+
+export default BigArrowLeft
diff --git a/packages/pillar-icons/src/icons/arrows/bigArrowRight.tsx b/packages/pillar-icons/src/icons/arrows/bigArrowRight.tsx
new file mode 100644
index 00000000..848f7861
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/bigArrowRight.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import BigArrowDown from './bigArrowDown'
+
+const BigArrowRight = ({ direction, ...rest }: SvgType) => <BigArrowDown direction="right" {...rest} />
+
+export default BigArrowRight
diff --git a/packages/pillar-icons/src/icons/arrows/bigArrowTop.tsx b/packages/pillar-icons/src/icons/arrows/bigArrowTop.tsx
new file mode 100644
index 00000000..9d72d836
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/bigArrowTop.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import BigArrowDown from './bigArrowDown'
+
+const BigArrowTop = ({ direction, ...rest }: SvgType) => <BigArrowDown direction="top" {...rest} />
+
+export default BigArrowTop
diff --git a/packages/pillar-icons/src/icons/arrows/caret.tsx b/packages/pillar-icons/src/icons/arrows/caret.tsx
deleted file mode 100644
index 74355a21..00000000
--- a/packages/pillar-icons/src/icons/arrows/caret.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { ROTATION, svgProps } from '../../shared'
-import { SvgType, SvgWithDirection } from '../../type'
-
-const CaretDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
-  <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
-    <path d="m6 9 6 6 6-6H6Z" />
-  </svg>
-)
-
-const CaretLeft = ({ direction, ...rest }: SvgType) => <CaretDown direction="left" {...rest} />
-const CaretRight = ({ direction, ...rest }: SvgType) => <CaretDown direction="right" {...rest} />
-const CaretTop = ({ direction, ...rest }: SvgType) => <CaretDown direction="top" {...rest} />
-
-export { CaretDown, CaretLeft, CaretRight, CaretTop }
diff --git a/packages/pillar-icons/src/icons/arrows/caretDown.tsx b/packages/pillar-icons/src/icons/arrows/caretDown.tsx
new file mode 100644
index 00000000..54ee365c
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/caretDown.tsx
@@ -0,0 +1,10 @@
+import { ROTATION, svgProps } from '../../shared'
+import { SvgWithDirection } from '../../type'
+
+const CaretDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
+  <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
+    <path d="m6 9 6 6 6-6H6Z" />
+  </svg>
+)
+
+export default CaretDown
diff --git a/packages/pillar-icons/src/icons/arrows/caretLeft.tsx b/packages/pillar-icons/src/icons/arrows/caretLeft.tsx
new file mode 100644
index 00000000..353a89c6
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/caretLeft.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import CaretDown from './caretDown'
+
+const CaretLeft = ({ direction, ...rest }: SvgType) => <CaretDown direction="left" {...rest} />
+
+export default CaretLeft
diff --git a/packages/pillar-icons/src/icons/arrows/caretRight.tsx b/packages/pillar-icons/src/icons/arrows/caretRight.tsx
new file mode 100644
index 00000000..d2fb516c
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/caretRight.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import CaretDown from './caretDown'
+
+const CaretRight = ({ direction, ...rest }: SvgType) => <CaretDown direction="right" {...rest} />
+
+export default CaretRight
diff --git a/packages/pillar-icons/src/icons/arrows/caretTop.tsx b/packages/pillar-icons/src/icons/arrows/caretTop.tsx
new file mode 100644
index 00000000..36a06da7
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/caretTop.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import CaretDown from './caretDown'
+
+const CaretTop = ({ direction, ...rest }: SvgType) => <CaretDown direction="top" {...rest} />
+
+export default CaretTop
diff --git a/packages/pillar-icons/src/icons/arrows/chevronDown.tsx b/packages/pillar-icons/src/icons/arrows/chevronDown.tsx
index 8899b1b7..2d20467d 100644
--- a/packages/pillar-icons/src/icons/arrows/chevronDown.tsx
+++ b/packages/pillar-icons/src/icons/arrows/chevronDown.tsx
@@ -1,5 +1,5 @@
 import { ROTATION, svgProps } from '../../shared'
-import { SvgType, SvgWithDirection } from '../../type'
+import { SvgWithDirection } from '../../type'
 
 const ChevronDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
   <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
@@ -7,8 +7,4 @@ const ChevronDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
   </svg>
 )
 
-const ChevronLeft = ({ direction, ...rest }: SvgType) => <ChevronDown direction="left" {...rest} />
-const ChevronRight = ({ direction, ...rest }: SvgType) => <ChevronDown direction="right" {...rest} />
-const ChevronTop = ({ direction, ...rest }: SvgType) => <ChevronDown direction="top" {...rest} />
-
-export { ChevronDown, ChevronLeft, ChevronRight, ChevronTop }
+export default ChevronDown
diff --git a/packages/pillar-icons/src/icons/arrows/chevronLeft.tsx b/packages/pillar-icons/src/icons/arrows/chevronLeft.tsx
new file mode 100644
index 00000000..9c195147
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/chevronLeft.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ChevronDown from './chevronDown'
+
+const ChevronLeft = ({ direction, ...rest }: SvgType) => <ChevronDown direction="left" {...rest} />
+
+export default ChevronLeft
diff --git a/packages/pillar-icons/src/icons/arrows/chevronRight.tsx b/packages/pillar-icons/src/icons/arrows/chevronRight.tsx
new file mode 100644
index 00000000..7869434c
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/chevronRight.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ChevronDown from './chevronDown'
+
+const ChevronRight = ({ direction, ...rest }: SvgType) => <ChevronDown direction="right" {...rest} />
+
+export default ChevronRight
diff --git a/packages/pillar-icons/src/icons/arrows/chevronTop.tsx b/packages/pillar-icons/src/icons/arrows/chevronTop.tsx
new file mode 100644
index 00000000..a6cb682d
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/chevronTop.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ChevronDown from './chevronDown'
+
+const ChevronTop = ({ direction, ...rest }: SvgType) => <ChevronDown direction="top" {...rest} />
+
+export default ChevronTop
diff --git a/packages/pillar-icons/src/icons/arrows/chevronsDown.tsx b/packages/pillar-icons/src/icons/arrows/chevronsDown.tsx
index a6f481d1..1be47bf5 100644
--- a/packages/pillar-icons/src/icons/arrows/chevronsDown.tsx
+++ b/packages/pillar-icons/src/icons/arrows/chevronsDown.tsx
@@ -1,5 +1,5 @@
 import { ROTATION, svgProps } from '../../shared'
-import { SvgType, SvgWithDirection } from '../../type'
+import { SvgWithDirection } from '../../type'
 
 const ChevronsDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
   <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
@@ -7,8 +7,4 @@ const ChevronsDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
   </svg>
 )
 
-const ChevronsLeft = ({ direction, ...rest }: SvgType) => <ChevronsDown direction="left" {...rest} />
-const ChevronsRight = ({ direction, ...rest }: SvgType) => <ChevronsDown direction="right" {...rest} />
-const ChevronsTop = ({ direction, ...rest }: SvgType) => <ChevronsDown direction="top" {...rest} />
-
-export { ChevronsDown, ChevronsLeft, ChevronsRight, ChevronsTop }
+export default ChevronsDown
diff --git a/packages/pillar-icons/src/icons/arrows/chevronsLeft.tsx b/packages/pillar-icons/src/icons/arrows/chevronsLeft.tsx
new file mode 100644
index 00000000..7b6bd4a0
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/chevronsLeft.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ChevronsDown from './chevronsDown'
+
+const ChevronsLeft = ({ direction, ...rest }: SvgType) => <ChevronsDown direction="left" {...rest} />
+
+export default ChevronsLeft
diff --git a/packages/pillar-icons/src/icons/arrows/chevronsRight.tsx b/packages/pillar-icons/src/icons/arrows/chevronsRight.tsx
new file mode 100644
index 00000000..7e09dc5b
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/chevronsRight.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ChevronsDown from './chevronsDown'
+
+const ChevronsRight = ({ direction, ...rest }: SvgType) => <ChevronsDown direction="right" {...rest} />
+
+export default ChevronsRight
diff --git a/packages/pillar-icons/src/icons/arrows/chevronsTop.tsx b/packages/pillar-icons/src/icons/arrows/chevronsTop.tsx
new file mode 100644
index 00000000..770bf870
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/chevronsTop.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import ChevronsDown from './chevronsDown'
+
+const ChevronsTop = ({ direction, ...rest }: SvgType) => <ChevronsDown direction="top" {...rest} />
+
+export default ChevronsTop
diff --git a/packages/pillar-icons/src/icons/arrows/cornerDouble.tsx b/packages/pillar-icons/src/icons/arrows/cornerDouble.tsx
deleted file mode 100644
index 9e8d96c4..00000000
--- a/packages/pillar-icons/src/icons/arrows/cornerDouble.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { ROTATION, svgProps } from '../../shared'
-import { SvgType, SvgWithDirection } from '../../type'
-
-const CornerDoubleDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
-  <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
-    <path d="M18 4h-6a3 3 0 0 0-3 3v7m0 0 4-4m-4 4-4-4m8 5-4 4-4-4" />
-  </svg>
-)
-
-const CornerDoubleLeft = ({ direction, ...rest }: SvgType) => <CornerDoubleDown direction="left" {...rest} />
-const CornerDoubleRight = ({ direction, ...rest }: SvgType) => <CornerDoubleDown direction="right" {...rest} />
-const CornerDoubleTop = ({ direction, ...rest }: SvgType) => <CornerDoubleDown direction="top" {...rest} />
-
-export { CornerDoubleDown, CornerDoubleLeft, CornerDoubleRight, CornerDoubleTop }
diff --git a/packages/pillar-icons/src/icons/arrows/cornerDoubleDown.tsx b/packages/pillar-icons/src/icons/arrows/cornerDoubleDown.tsx
new file mode 100644
index 00000000..07c5fb3f
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/cornerDoubleDown.tsx
@@ -0,0 +1,10 @@
+import { ROTATION, svgProps } from '../../shared'
+import { SvgWithDirection } from '../../type'
+
+const CornerDoubleDown = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
+  <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
+    <path d="M18 4h-6a3 3 0 0 0-3 3v7m0 0 4-4m-4 4-4-4m8 5-4 4-4-4" />
+  </svg>
+)
+
+export default CornerDoubleDown
diff --git a/packages/pillar-icons/src/icons/arrows/cornerDoubleLeft.tsx b/packages/pillar-icons/src/icons/arrows/cornerDoubleLeft.tsx
new file mode 100644
index 00000000..63273e36
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/cornerDoubleLeft.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import CornerDoubleDown from './cornerDoubleDown'
+
+const CornerDoubleLeft = ({ direction, ...rest }: SvgType) => <CornerDoubleDown direction="left" {...rest} />
+
+export default CornerDoubleLeft
diff --git a/packages/pillar-icons/src/icons/arrows/cornerDoubleRight.tsx b/packages/pillar-icons/src/icons/arrows/cornerDoubleRight.tsx
new file mode 100644
index 00000000..c753e8e0
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/cornerDoubleRight.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import CornerDoubleDown from './cornerDoubleDown'
+
+const CornerDoubleRight = ({ direction, ...rest }: SvgType) => <CornerDoubleDown direction="right" {...rest} />
+
+export default CornerDoubleRight
diff --git a/packages/pillar-icons/src/icons/arrows/cornerDoubleTop.tsx b/packages/pillar-icons/src/icons/arrows/cornerDoubleTop.tsx
new file mode 100644
index 00000000..42c1f6ef
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/cornerDoubleTop.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import CornerDoubleDown from './cornerDoubleDown'
+
+const CornerDoubleTop = ({ direction, ...rest }: SvgType) => <CornerDoubleDown direction="top" {...rest} />
+
+export default CornerDoubleTop
diff --git a/packages/pillar-icons/src/icons/arrows/cornerDownArrow.tsx b/packages/pillar-icons/src/icons/arrows/cornerDownArrow.tsx
new file mode 100644
index 00000000..f7bbc6aa
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/cornerDownArrow.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import CornerRightArrow from './cornerRightArrow'
+
+const CornerDownArrow = ({ direction, ...rest }: SvgType) => <CornerRightArrow direction="bottom" {...rest} />
+
+export default CornerDownArrow
diff --git a/packages/pillar-icons/src/icons/arrows/cornerLeftArrow.tsx b/packages/pillar-icons/src/icons/arrows/cornerLeftArrow.tsx
new file mode 100644
index 00000000..64c66b7b
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/cornerLeftArrow.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import CornerRightArrow from './cornerRightArrow'
+
+const CornerLeftArrow = ({ direction, ...rest }: SvgType) => <CornerRightArrow direction="left" {...rest} />
+
+export default CornerLeftArrow
diff --git a/packages/pillar-icons/src/icons/arrows/cornerRightArrow.tsx b/packages/pillar-icons/src/icons/arrows/cornerRightArrow.tsx
index 85ef9ac6..1e09f19c 100644
--- a/packages/pillar-icons/src/icons/arrows/cornerRightArrow.tsx
+++ b/packages/pillar-icons/src/icons/arrows/cornerRightArrow.tsx
@@ -1,5 +1,5 @@
 import { ROTATION, svgProps } from '../../shared'
-import { SvgType, SvgWithDirection } from '../../type'
+import { SvgWithDirection } from '../../type'
 
 const CornerRightArrow = ({ direction = 'bottom', ...rest }: SvgWithDirection) => (
   <svg {...svgProps} transform={`rotate(${ROTATION[direction]})`} {...rest}>
@@ -7,8 +7,4 @@ const CornerRightArrow = ({ direction = 'bottom', ...rest }: SvgWithDirection) =
   </svg>
 )
 
-const CornerLeft = ({ direction, ...rest }: SvgType) => <CornerRightArrow direction="left" {...rest} />
-const CornerRight = ({ direction, ...rest }: SvgType) => <CornerRightArrow direction="right" {...rest} />
-const CornerTop = ({ direction, ...rest }: SvgType) => <CornerRightArrow direction="top" {...rest} />
-
-export { CornerRightArrow, CornerLeft, CornerRight, CornerTop }
+export default CornerRightArrow
diff --git a/packages/pillar-icons/src/icons/arrows/cornerTopArrow.tsx b/packages/pillar-icons/src/icons/arrows/cornerTopArrow.tsx
new file mode 100644
index 00000000..f5e8b73f
--- /dev/null
+++ b/packages/pillar-icons/src/icons/arrows/cornerTopArrow.tsx
@@ -0,0 +1,6 @@
+import { SvgType } from '../../type'
+import CornerRightArrow from './cornerRightArrow'
+
+const CornerTopArrow = ({ direction, ...rest }: SvgType) => <CornerRightArrow direction="top" {...rest} />
+
+export default CornerTopArrow
diff --git a/packages/pillar-icons/src/icons/arrows/index.ts b/packages/pillar-icons/src/icons/arrows/index.ts
index 5a5e9d25..a70dc486 100644
--- a/packages/pillar-icons/src/icons/arrows/index.ts
+++ b/packages/pillar-icons/src/icons/arrows/index.ts
@@ -1,14 +1,46 @@
-/* eslint-disable import/no-named-default */
-export { ArrowBarDown, ArrowBarLeft, ArrowBarRight, ArrowBarTop } from './arrowBarDown'
-export { ArrowCircleDown, ArrowCircleLeft, ArrowCircleRight, ArrowCircleTop } from './arrowCircle'
-export { ArrowDown, ArrowLeft, ArrowRight, ArrowTop } from './arrowDown'
-export { ArrowsDoubleDown, ArrowDownLeft, ArrowDownRight, ArrowDownTop } from './arrowsDouble'
-export { ArrowsDown, ArrowsLeft, ArrowsRight, ArrowsTop } from './arrowsDown'
-export { BigArrowDown, BigArrowLeft, BigArrowRight, BigArrowTop } from './bigArrow'
-export { CaretDown, CaretLeft, CaretRight, CaretTop } from './caret'
-export { ChevronDown, ChevronLeft, ChevronRight, ChevronTop } from './chevronDown'
-export { ChevronsDown, ChevronsLeft, ChevronsRight, ChevronsTop } from './chevronsDown'
-export { CornerDoubleDown, CornerDoubleLeft, CornerDoubleRight, CornerDoubleTop } from './cornerDouble'
-export { CornerRightArrow, CornerLeft, CornerRight, CornerTop } from './cornerRightArrow'
+export { default as ArrowBarDown } from './arrowBarDown'
+export { default as ArrowBarRight } from './arrowBarRight'
+export { default as ArrowBarLeft } from './arrowBarLeft'
+export { default as ArrowBarTop } from './arrowBarTop'
+export { default as ArrowCircleDown } from './arrowCircleDown'
+export { default as ArrowCircleRight } from './arrowCircleRight'
+export { default as ArrowCircleTop } from './arrowCircleTop'
+export { default as ArrowCircleLeft } from './arrowCircleLeft'
+export { default as ArrowDown } from './arrowDown'
+export { default as ArrowLeft } from './arrowLeft'
+export { default as ArrowRight } from './arrowRight'
+export { default as ArrowTop } from './arrowTop'
+export { default as ArrowsDoubleDown } from './arrowsDoubleDown'
+export { default as ArrowsDoubleLeft } from './arrowsDoubleLeft'
+export { default as ArrowsDoubleRight } from './arrowsDoubleRight'
+export { default as ArrowsDoubleTop } from './arrowsDoubleTop'
+export { default as ArrowsDown } from './arrowsDown'
+export { default as ArrowsRight } from './arrowsRight'
+export { default as ArrowsLeft } from './arrowsLeft'
+export { default as ArrowsTop } from './arrowsTop'
+export { default as BigArrowDown } from './bigArrowDown'
+export { default as BigArrowRight } from './bigArrowRight'
+export { default as BigArrowLeft } from './bigArrowLeft'
+export { default as BigArrowTop } from './bigArrowTop'
+export { default as CaretDown } from './caretDown'
+export { default as CaretRight } from './caretRight'
+export { default as CaretLeft } from './caretLeft'
+export { default as CaretTop } from './caretTop'
+export { default as ChevronDown } from './chevronDown'
+export { default as ChevronTop } from './chevronTop'
+export { default as ChevronLeft } from './chevronLeft'
+export { default as ChevronRight } from './chevronRight'
+export { default as ChevronsDown } from './chevronsDown'
+export { default as ChevronsTop } from './chevronsTop'
+export { default as ChevronsLeft } from './chevronsLeft'
+export { default as ChevronsRight } from './chevronsRight'
+export { default as CornerDoubleDown } from './cornerDoubleDown'
+export { default as CornerDoubleLeft } from './cornerDoubleLeft'
+export { default as CornerDoubleRight } from './cornerDoubleRight'
+export { default as CornerDoubleTop } from './cornerDoubleTop'
+export { default as CornerRightArrow } from './cornerRightArrow'
+export { default as CornerDownArrow } from './cornerDownArrow'
+export { default as CornerTopArrow } from './cornerTopArrow'
+export { default as CornerLeftArrow } from './cornerLeftArrow'
 export { default as Maximize } from './maximize'
 export { default as Minimize } from './minimize'
diff --git a/packages/pillar-utils/CHANGELOG.md b/packages/pillar-utils/CHANGELOG.md
index 013fc777..6546d4c4 100644
--- a/packages/pillar-utils/CHANGELOG.md
+++ b/packages/pillar-utils/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @pillar/utils
 
+## 0.5.0
+
+### Minor Changes
+
+- # New Changes
+
+  - **Commit f1f8ee5**: We’ve fixed an issue by adding types to the package.json exports. This should help improve the overall functionality of the library.
+  - **Commit cef2462**: We’ve removed index.json and made changes to icons.json. This is part of our ongoing effort to streamline our codebase and improve efficiency.
+  - **Commit 3478d24**: We’ve fixed the icon problem that some users were experiencing. This should enhance the user interface and make it more user-friendly.
+
+  ## Conclusion
+
+  These updates are part of our ongoing commitment to improving the Pillar UI library and ensuring it meets the needs of our users. We appreciate your feedback and encourage you to reach out if you encounter any issues or have suggestions for future updates.
+
 ## 0.4.0
 
 ### Minor Changes
diff --git a/packages/pillar-utils/package.json b/packages/pillar-utils/package.json
index 03d8b509..6ab7ecaf 100644
--- a/packages/pillar-utils/package.json
+++ b/packages/pillar-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pillar-ui/utils",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "sideEffects": false,
   "description": "A collection of utility functions and tools to assist with common tasks and improve the efficiency of web development. These utilities are carefully crafted to enhance productivity and streamline the development process.",
   "keywords": [
@@ -33,7 +33,8 @@
   "exports": {
     ".": {
       "require": "./dist/index.js",
-      "import": "./dist/index.mjs"
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
     }
   },
   "scripts": {