From 6335fca051bea472dc9c1b0b6017703e614a1507 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Caxzilla=E2=80=9D?= <hello@axeladrian.com>
Date: Tue, 8 Oct 2024 21:53:20 +0200
Subject: [PATCH] refactor: move icons and compnents into seperate pkg folder

---
 assets/css/output.css                         |  4 --
 internals/ui/layouts/docs.templ               |  2 +-
 internals/ui/pages/accordion.templ            |  2 +-
 internals/ui/pages/alert.templ                |  2 +-
 internals/ui/pages/avatar.templ               |  2 +-
 internals/ui/pages/button.templ               |  4 +-
 internals/ui/pages/card.templ                 |  2 +-
 internals/ui/pages/datepicker.templ           |  2 +-
 internals/ui/pages/icon.templ                 |  5 +-
 internals/ui/pages/input.templ                |  2 +-
 internals/ui/pages/landing.templ              |  2 +-
 internals/ui/pages/modal.templ                |  2 +-
 internals/ui/pages/sheet.templ                |  2 +-
 internals/ui/pages/tabs.templ                 |  2 +-
 internals/ui/showcase/accordion.templ         |  4 +-
 internals/ui/showcase/alert.templ             |  4 +-
 internals/ui/showcase/avatar.templ            |  4 +-
 internals/ui/showcase/button.templ            |  2 +-
 internals/ui/showcase/card.templ              |  2 +-
 internals/ui/showcase/datepicker.templ        |  2 +-
 internals/ui/showcase/icon.templ              |  2 +-
 internals/ui/showcase/input.templ             |  2 +-
 internals/ui/showcase/modal.templ             |  4 +-
 internals/ui/showcase/sheet.templ             |  2 +-
 internals/ui/showcase/tabs.templ              |  4 +-
 .../ui => pgk}/components/accordion.templ     |  0
 {internals/ui => pgk}/components/alert.templ  |  0
 {internals/ui => pgk}/components/avatar.templ |  0
 {internals/ui => pgk}/components/button.templ |  0
 {internals/ui => pgk}/components/card.templ   |  0
 .../ui => pgk}/components/datepicker.templ    |  0
 {internals/ui => pgk}/components/embed.go     |  2 +-
 {internals/ui => pgk}/components/footer.templ |  0
 {internals/ui => pgk}/components/icon.templ   | 33 +++++------
 {internals/ui => pgk}/components/input.templ  |  0
 {internals/ui => pgk}/components/modal.templ  |  0
 {internals/ui => pgk}/components/navbar.templ |  0
 {internals/ui => pgk}/components/sheet.templ  |  0
 .../ui => pgk}/components/sidebar.templ       |  0
 .../ui => pgk}/components/sidebar_right.templ |  0
 {internals/ui => pgk}/components/tabs.templ   |  0
 .../ui => pgk}/components/themeswitcher.templ |  0
 pgk/icons/embed.go                            |  6 ++
 .../components => pgk/icons}/icon_contents.go |  4 +-
 pgk/icons/icons.go                            | 56 +++++++++++++++++++
 45 files changed, 105 insertions(+), 63 deletions(-)
 rename {internals/ui => pgk}/components/accordion.templ (100%)
 rename {internals/ui => pgk}/components/alert.templ (100%)
 rename {internals/ui => pgk}/components/avatar.templ (100%)
 rename {internals/ui => pgk}/components/button.templ (100%)
 rename {internals/ui => pgk}/components/card.templ (100%)
 rename {internals/ui => pgk}/components/datepicker.templ (100%)
 rename {internals/ui => pgk}/components/embed.go (62%)
 rename {internals/ui => pgk}/components/footer.templ (100%)
 rename {internals/ui => pgk}/components/icon.templ (71%)
 rename {internals/ui => pgk}/components/input.templ (100%)
 rename {internals/ui => pgk}/components/modal.templ (100%)
 rename {internals/ui => pgk}/components/navbar.templ (100%)
 rename {internals/ui => pgk}/components/sheet.templ (100%)
 rename {internals/ui => pgk}/components/sidebar.templ (100%)
 rename {internals/ui => pgk}/components/sidebar_right.templ (100%)
 rename {internals/ui => pgk}/components/tabs.templ (100%)
 rename {internals/ui => pgk}/components/themeswitcher.templ (100%)
 create mode 100644 pgk/icons/embed.go
 rename {internals/ui/components => pgk/icons}/icon_contents.go (99%)
 create mode 100644 pgk/icons/icons.go

diff --git a/assets/css/output.css b/assets/css/output.css
index 94633eb..858ef8f 100644
--- a/assets/css/output.css
+++ b/assets/css/output.css
@@ -1060,10 +1060,6 @@ body {
   align-items: flex-start;
 }
 
-.items-end {
-  align-items: flex-end;
-}
-
 .items-center {
   align-items: center;
 }
diff --git a/internals/ui/layouts/docs.templ b/internals/ui/layouts/docs.templ
index 0fc98b2..c8ab91d 100644
--- a/internals/ui/layouts/docs.templ
+++ b/internals/ui/layouts/docs.templ
@@ -1,6 +1,6 @@
 package layouts
 
-import "github.com/axzilla/goilerplate/internals/ui/components"
+import "github.com/axzilla/goilerplate/pgk/components"
 
 templ DocsLayout() {
 	@BaseLayout() {
diff --git a/internals/ui/pages/accordion.templ b/internals/ui/pages/accordion.templ
index 263c16a..0829298 100644
--- a/internals/ui/pages/accordion.templ
+++ b/internals/ui/pages/accordion.templ
@@ -2,9 +2,9 @@
 package pages
 
 import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
 	"github.com/axzilla/goilerplate/internals/ui/layouts"
 	"github.com/axzilla/goilerplate/internals/ui/showcase"
+	"github.com/axzilla/goilerplate/pgk/components"
 )
 
 templ Accordion() {
diff --git a/internals/ui/pages/alert.templ b/internals/ui/pages/alert.templ
index 11486f5..dc89fca 100644
--- a/internals/ui/pages/alert.templ
+++ b/internals/ui/pages/alert.templ
@@ -1,9 +1,9 @@
 package pages
 
 import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
 	"github.com/axzilla/goilerplate/internals/ui/layouts"
 	"github.com/axzilla/goilerplate/internals/ui/showcase"
+	"github.com/axzilla/goilerplate/pgk/components"
 )
 
 templ Alert() {
diff --git a/internals/ui/pages/avatar.templ b/internals/ui/pages/avatar.templ
index b7e4501..cb2a3b0 100644
--- a/internals/ui/pages/avatar.templ
+++ b/internals/ui/pages/avatar.templ
@@ -1,9 +1,9 @@
 package pages
 
 import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
 	"github.com/axzilla/goilerplate/internals/ui/layouts"
 	"github.com/axzilla/goilerplate/internals/ui/showcase"
+	"github.com/axzilla/goilerplate/pgk/components"
 )
 
 templ Avatar() {
diff --git a/internals/ui/pages/button.templ b/internals/ui/pages/button.templ
index c648746..b201ece 100644
--- a/internals/ui/pages/button.templ
+++ b/internals/ui/pages/button.templ
@@ -1,10 +1,10 @@
 package pages
 
 import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
+	"embed"
 	"github.com/axzilla/goilerplate/internals/ui/layouts"
 	"github.com/axzilla/goilerplate/internals/ui/showcase"
-	"embed"
+	"github.com/axzilla/goilerplate/pgk/components"
 )
 
 templ Button() {
diff --git a/internals/ui/pages/card.templ b/internals/ui/pages/card.templ
index 1af88f1..f3b6a05 100644
--- a/internals/ui/pages/card.templ
+++ b/internals/ui/pages/card.templ
@@ -1,9 +1,9 @@
 package pages
 
 import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
 	"github.com/axzilla/goilerplate/internals/ui/layouts"
 	"github.com/axzilla/goilerplate/internals/ui/showcase"
+	"github.com/axzilla/goilerplate/pgk/components"
 )
 
 templ Card() {
diff --git a/internals/ui/pages/datepicker.templ b/internals/ui/pages/datepicker.templ
index 75870fd..2d3a39d 100644
--- a/internals/ui/pages/datepicker.templ
+++ b/internals/ui/pages/datepicker.templ
@@ -1,9 +1,9 @@
 package pages
 
 import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
 	"github.com/axzilla/goilerplate/internals/ui/layouts"
 	"github.com/axzilla/goilerplate/internals/ui/showcase"
+	"github.com/axzilla/goilerplate/pgk/components"
 )
 
 templ Datepicker() {
diff --git a/internals/ui/pages/icon.templ b/internals/ui/pages/icon.templ
index 9358804..dba6a37 100644
--- a/internals/ui/pages/icon.templ
+++ b/internals/ui/pages/icon.templ
@@ -1,9 +1,10 @@
 package pages
 
 import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
 	"github.com/axzilla/goilerplate/internals/ui/layouts"
 	"github.com/axzilla/goilerplate/internals/ui/showcase"
+	"github.com/axzilla/goilerplate/pgk/components"
+	"github.com/axzilla/goilerplate/pgk/icons"
 )
 
 templ Icon() {
@@ -35,7 +36,7 @@ templ Icon() {
 					{
 						ID:      "icons",
 						Title:   "Icons",
-						Content: CodeSnippetFromEmbedded("icon_contents.go", "go", components.TemplFiles),
+						Content: CodeSnippetFromEmbedded("icon_contents.go", "go", icons.TemplFiles),
 					},
 				},
 				TabsContainerClass:    "md:w-1/2",
diff --git a/internals/ui/pages/input.templ b/internals/ui/pages/input.templ
index 227dea7..77a0046 100644
--- a/internals/ui/pages/input.templ
+++ b/internals/ui/pages/input.templ
@@ -1,9 +1,9 @@
 package pages
 
 import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
 	"github.com/axzilla/goilerplate/internals/ui/layouts"
 	"github.com/axzilla/goilerplate/internals/ui/showcase"
+	"github.com/axzilla/goilerplate/pgk/components"
 )
 
 templ Input() {
diff --git a/internals/ui/pages/landing.templ b/internals/ui/pages/landing.templ
index 8d89cd6..9f21ab6 100644
--- a/internals/ui/pages/landing.templ
+++ b/internals/ui/pages/landing.templ
@@ -1,8 +1,8 @@
 package pages
 
 import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
 	"github.com/axzilla/goilerplate/internals/ui/layouts"
+	"github.com/axzilla/goilerplate/pgk/components"
 )
 
 templ Landing() {
diff --git a/internals/ui/pages/modal.templ b/internals/ui/pages/modal.templ
index 619d32f..6ea32ef 100644
--- a/internals/ui/pages/modal.templ
+++ b/internals/ui/pages/modal.templ
@@ -1,9 +1,9 @@
 package pages
 
 import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
 	"github.com/axzilla/goilerplate/internals/ui/layouts"
 	"github.com/axzilla/goilerplate/internals/ui/showcase"
+	"github.com/axzilla/goilerplate/pgk/components"
 )
 
 templ Modal() {
diff --git a/internals/ui/pages/sheet.templ b/internals/ui/pages/sheet.templ
index 976706f..e33d057 100644
--- a/internals/ui/pages/sheet.templ
+++ b/internals/ui/pages/sheet.templ
@@ -1,9 +1,9 @@
 package pages 
 
 import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
 	"github.com/axzilla/goilerplate/internals/ui/layouts"
 	"github.com/axzilla/goilerplate/internals/ui/showcase"
+	"github.com/axzilla/goilerplate/pgk/components"
 )
 
 templ Sheet() {
diff --git a/internals/ui/pages/tabs.templ b/internals/ui/pages/tabs.templ
index c5a7960..79e2037 100644
--- a/internals/ui/pages/tabs.templ
+++ b/internals/ui/pages/tabs.templ
@@ -1,9 +1,9 @@
 package pages
 
 import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
 	"github.com/axzilla/goilerplate/internals/ui/layouts"
 	"github.com/axzilla/goilerplate/internals/ui/showcase"
+	"github.com/axzilla/goilerplate/pgk/components"
 )
 
 templ Tabs() {
diff --git a/internals/ui/showcase/accordion.templ b/internals/ui/showcase/accordion.templ
index f92d231..9e604d5 100644
--- a/internals/ui/showcase/accordion.templ
+++ b/internals/ui/showcase/accordion.templ
@@ -1,9 +1,7 @@
 
 package showcase
 
-import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
-)
+import "github.com/axzilla/goilerplate/pgk/components"
 
 templ AccordionShowcase() {
 	<div class="flex justify-center items-center border rounded-md py-16 px-4">
diff --git a/internals/ui/showcase/alert.templ b/internals/ui/showcase/alert.templ
index 3fbcd6e..b7c1d9a 100644
--- a/internals/ui/showcase/alert.templ
+++ b/internals/ui/showcase/alert.templ
@@ -1,8 +1,6 @@
 package showcase
 
-import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
-)
+import "github.com/axzilla/goilerplate/pgk/components"
 
 templ RocketIcon() {
 	<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4"><path d="M6.85357 3.85355L7.65355 3.05353C8.2981 2.40901 9.42858 1.96172 10.552 1.80125C11.1056 1.72217 11.6291 1.71725 12.0564 1.78124C12.4987 1.84748 12.7698 1.97696 12.8965 2.10357C13.0231 2.23018 13.1526 2.50125 13.2188 2.94357C13.2828 3.37086 13.2779 3.89439 13.1988 4.44801C13.0383 5.57139 12.591 6.70188 11.9464 7.34645L7.49999 11.7929L6.35354 10.6465C6.15827 10.4512 5.84169 10.4512 5.64643 10.6465C5.45117 10.8417 5.45117 11.1583 5.64643 11.3536L7.14644 12.8536C7.34171 13.0488 7.65829 13.0488 7.85355 12.8536L8.40073 12.3064L9.57124 14.2572C9.65046 14.3893 9.78608 14.4774 9.9389 14.4963C10.0917 14.5151 10.2447 14.4624 10.3535 14.3536L12.3535 12.3536C12.4648 12.2423 12.5172 12.0851 12.495 11.9293L12.0303 8.67679L12.6536 8.05355C13.509 7.19808 14.0117 5.82855 14.1887 4.58943C14.2784 3.9618 14.2891 3.33847 14.2078 2.79546C14.1287 2.26748 13.9519 1.74482 13.6035 1.39645C13.2552 1.04809 12.7325 0.871332 12.2045 0.792264C11.6615 0.710945 11.0382 0.721644 10.4105 0.8113C9.17143 0.988306 7.80189 1.491 6.94644 2.34642L6.32322 2.96968L3.07071 2.50504C2.91492 2.48278 2.75773 2.53517 2.64645 2.64646L0.646451 4.64645C0.537579 4.75533 0.484938 4.90829 0.50375 5.0611C0.522563 5.21391 0.61073 5.34954 0.742757 5.42876L2.69364 6.59928L2.14646 7.14645C2.0527 7.24022 2.00002 7.3674 2.00002 7.50001C2.00002 7.63261 2.0527 7.75979 2.14646 7.85356L3.64647 9.35356C3.84173 9.54883 4.15831 9.54883 4.35357 9.35356C4.54884 9.1583 4.54884 8.84172 4.35357 8.64646L3.20712 7.50001L3.85357 6.85356L6.85357 3.85355ZM10.0993 13.1936L9.12959 11.5775L11.1464 9.56067L11.4697 11.8232L10.0993 13.1936ZM3.42251 5.87041L5.43935 3.85356L3.17678 3.53034L1.80638 4.90074L3.42251 5.87041ZM2.35356 10.3535C2.54882 10.1583 2.54882 9.8417 2.35356 9.64644C2.1583 9.45118 1.84171 9.45118 1.64645 9.64644L0.646451 10.6464C0.451188 10.8417 0.451188 11.1583 0.646451 11.3535C0.841713 11.5488 1.1583 11.5488 1.35356 11.3535L2.35356 10.3535ZM3.85358 11.8536C4.04884 11.6583 4.04885 11.3417 3.85359 11.1465C3.65833 10.9512 3.34175 10.9512 3.14648 11.1465L1.14645 13.1464C0.95119 13.3417 0.951187 13.6583 1.14645 13.8535C1.34171 14.0488 1.65829 14.0488 1.85355 13.8536L3.85358 11.8536ZM5.35356 13.3535C5.54882 13.1583 5.54882 12.8417 5.35356 12.6464C5.1583 12.4512 4.84171 12.4512 4.64645 12.6464L3.64645 13.6464C3.45119 13.8417 3.45119 14.1583 3.64645 14.3535C3.84171 14.5488 4.1583 14.5488 4.35356 14.3535L5.35356 13.3535ZM9.49997 6.74881C10.1897 6.74881 10.7488 6.1897 10.7488 5.5C10.7488 4.8103 10.1897 4.25118 9.49997 4.25118C8.81026 4.25118 8.25115 4.8103 8.25115 5.5C8.25115 6.1897 8.81026 6.74881 9.49997 6.74881Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg>
diff --git a/internals/ui/showcase/avatar.templ b/internals/ui/showcase/avatar.templ
index b402ade..1afe8d0 100644
--- a/internals/ui/showcase/avatar.templ
+++ b/internals/ui/showcase/avatar.templ
@@ -1,8 +1,6 @@
 package showcase
 
-import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
-)
+import "github.com/axzilla/goilerplate/pgk/components"
 
 templ AvatarShowcase() {
 	<div class="flex justify-center items-center border rounded-md py-16 px-4">
diff --git a/internals/ui/showcase/button.templ b/internals/ui/showcase/button.templ
index e745943..493e5b7 100644
--- a/internals/ui/showcase/button.templ
+++ b/internals/ui/showcase/button.templ
@@ -1,6 +1,6 @@
 package showcase
 
-import "github.com/axzilla/goilerplate/internals/ui/components"
+import "github.com/axzilla/goilerplate/pgk/components"
 
 templ ButtonShowcase() {
 	<div class="flex justify-center items-center border rounded-md py-16 px-4">
diff --git a/internals/ui/showcase/card.templ b/internals/ui/showcase/card.templ
index aa5625f..35b4cce 100644
--- a/internals/ui/showcase/card.templ
+++ b/internals/ui/showcase/card.templ
@@ -1,6 +1,6 @@
 package showcase
 
-import "github.com/axzilla/goilerplate/internals/ui/components"
+import "github.com/axzilla/goilerplate/pgk/components"
 
 templ CardShowcase() {
 	<div class="flex justify-center items-center border rounded-md py-16 px-4">
diff --git a/internals/ui/showcase/datepicker.templ b/internals/ui/showcase/datepicker.templ
index 3f762be..cc16da7 100644
--- a/internals/ui/showcase/datepicker.templ
+++ b/internals/ui/showcase/datepicker.templ
@@ -1,6 +1,6 @@
 package showcase
 
-import "github.com/axzilla/goilerplate/internals/ui/components"
+import "github.com/axzilla/goilerplate/pgk/components"
 
 templ DatepickerShowcase() {
 	<div class="flex justify-center items-center border rounded-md py-16 px-4">
diff --git a/internals/ui/showcase/icon.templ b/internals/ui/showcase/icon.templ
index 14571c4..97e7848 100644
--- a/internals/ui/showcase/icon.templ
+++ b/internals/ui/showcase/icon.templ
@@ -1,6 +1,6 @@
 package showcase
 
-import "github.com/axzilla/goilerplate/internals/ui/components"
+import "github.com/axzilla/goilerplate/pgk/components"
 
 templ IconShowcase() {
 	<div class="flex justify-center items-center border rounded-md py-16 px-4">
diff --git a/internals/ui/showcase/input.templ b/internals/ui/showcase/input.templ
index d932dc8..551f16f 100644
--- a/internals/ui/showcase/input.templ
+++ b/internals/ui/showcase/input.templ
@@ -1,6 +1,6 @@
 package showcase
 
-import "github.com/axzilla/goilerplate/internals/ui/components"
+import "github.com/axzilla/goilerplate/pgk/components"
 
 templ InputShowcase() {
 	<div class="flex justify-center items-center border rounded-md py-16 px-4">
diff --git a/internals/ui/showcase/modal.templ b/internals/ui/showcase/modal.templ
index 757660c..2bfb086 100644
--- a/internals/ui/showcase/modal.templ
+++ b/internals/ui/showcase/modal.templ
@@ -1,8 +1,6 @@
 package showcase
 
-import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
-)
+import "github.com/axzilla/goilerplate/pgk/components"
 
 templ ModalShowcase() {
 	<div class="flex justify-center items-center border rounded-md py-16 px-4">
diff --git a/internals/ui/showcase/sheet.templ b/internals/ui/showcase/sheet.templ
index 88dfcac..d941399 100644
--- a/internals/ui/showcase/sheet.templ
+++ b/internals/ui/showcase/sheet.templ
@@ -1,6 +1,6 @@
 package showcase
 
-import "github.com/axzilla/goilerplate/internals/ui/components"
+import "github.com/axzilla/goilerplate/pgk/components"
 
 var sides = []components.SheetSide{
 	components.Left,
diff --git a/internals/ui/showcase/tabs.templ b/internals/ui/showcase/tabs.templ
index e0e6c62..819c073 100644
--- a/internals/ui/showcase/tabs.templ
+++ b/internals/ui/showcase/tabs.templ
@@ -1,8 +1,6 @@
 package showcase
 
-import (
-	"github.com/axzilla/goilerplate/internals/ui/components"
-)
+import "github.com/axzilla/goilerplate/pgk/components"
 
 templ TabsShowcase() {
 	<div class="flex justify-center items-center border rounded-md py-16 px-4">
diff --git a/internals/ui/components/accordion.templ b/pgk/components/accordion.templ
similarity index 100%
rename from internals/ui/components/accordion.templ
rename to pgk/components/accordion.templ
diff --git a/internals/ui/components/alert.templ b/pgk/components/alert.templ
similarity index 100%
rename from internals/ui/components/alert.templ
rename to pgk/components/alert.templ
diff --git a/internals/ui/components/avatar.templ b/pgk/components/avatar.templ
similarity index 100%
rename from internals/ui/components/avatar.templ
rename to pgk/components/avatar.templ
diff --git a/internals/ui/components/button.templ b/pgk/components/button.templ
similarity index 100%
rename from internals/ui/components/button.templ
rename to pgk/components/button.templ
diff --git a/internals/ui/components/card.templ b/pgk/components/card.templ
similarity index 100%
rename from internals/ui/components/card.templ
rename to pgk/components/card.templ
diff --git a/internals/ui/components/datepicker.templ b/pgk/components/datepicker.templ
similarity index 100%
rename from internals/ui/components/datepicker.templ
rename to pgk/components/datepicker.templ
diff --git a/internals/ui/components/embed.go b/pgk/components/embed.go
similarity index 62%
rename from internals/ui/components/embed.go
rename to pgk/components/embed.go
index 0ded788..0d03be0 100644
--- a/internals/ui/components/embed.go
+++ b/pgk/components/embed.go
@@ -2,5 +2,5 @@ package components
 
 import "embed"
 
-//go:embed *.templ icon_contents.go
+//go:embed *.templ
 var TemplFiles embed.FS
diff --git a/internals/ui/components/footer.templ b/pgk/components/footer.templ
similarity index 100%
rename from internals/ui/components/footer.templ
rename to pgk/components/footer.templ
diff --git a/internals/ui/components/icon.templ b/pgk/components/icon.templ
similarity index 71%
rename from internals/ui/components/icon.templ
rename to pgk/components/icon.templ
index 15e5d50..f8f9c47 100644
--- a/internals/ui/components/icon.templ
+++ b/pgk/components/icon.templ
@@ -1,9 +1,6 @@
 package components
 
-import (
-	"fmt"
-	"strings"
-)
+import "github.com/axzilla/goilerplate/pgk/icons"
 
 // IconProps defines the properties for the Icon component.
 type IconProps struct {
@@ -47,13 +44,15 @@ func getStroke(stroke, color string) string {
 	return getColor(color)
 }
 
-// getClasses generates the class string for the icon.
-func getClasses(name, class string) string {
-	classes := []string{"lucide", "lucide-" + strings.ToLower(name)}
-	if class != "" {
-		classes = append(classes, class)
-	}
-	return strings.Join(classes, " ")
+// GenerateSVG generates the SVG for the icon
+func (props IconProps) GenerateSVG() (string, bool) {
+	return icons.GenerateSVG(
+		props.Name,
+		getSize(props.Size),
+		getFill(props.Fill),
+		getStroke(props.Stroke, props.Color),
+		props.Class,
+	)
 }
 
 // Icon renders a Lucide icon as an SVG element.
@@ -69,14 +68,8 @@ func getClasses(name, class string) string {
 //	  Class: "my-icon-class",
 //	})
 templ Icon(props IconProps) {
-	if content, ok := iconContents[props.Name]; ok && content != "" {
-		@templ.Raw(fmt.Sprintf(`<svg xmlns="http://www.w3.org/2000/svg" width="%s" height="%s" viewBox="0 0 24 24" fill="%s" stroke="%s" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="%s">%s</svg>`,
-			getSize(props.Size),
-			getSize(props.Size),
-			getFill(props.Fill),
-			getStroke(props.Stroke, props.Color),
-			getClasses(props.Name, props.Class),
-			content))
+	if svg, ok := props.GenerateSVG(); ok {
+		@templ.Raw(svg)
 	} else {
 		<svg
 			xmlns="http://www.w3.org/2000/svg"
@@ -88,7 +81,7 @@ templ Icon(props IconProps) {
 			stroke-width="2"
 			stroke-linecap="round"
 			stroke-linejoin="round"
-			class={ getClasses(props.Name, props.Class) }
+			class={ icons.GetClasses(props.Name, props.Class) }
 		>
 			<!-- Fallback for missing icons -->
 			<rect x="0" y="0" width="24" height="24" fill="none" stroke="currentColor"></rect>
diff --git a/internals/ui/components/input.templ b/pgk/components/input.templ
similarity index 100%
rename from internals/ui/components/input.templ
rename to pgk/components/input.templ
diff --git a/internals/ui/components/modal.templ b/pgk/components/modal.templ
similarity index 100%
rename from internals/ui/components/modal.templ
rename to pgk/components/modal.templ
diff --git a/internals/ui/components/navbar.templ b/pgk/components/navbar.templ
similarity index 100%
rename from internals/ui/components/navbar.templ
rename to pgk/components/navbar.templ
diff --git a/internals/ui/components/sheet.templ b/pgk/components/sheet.templ
similarity index 100%
rename from internals/ui/components/sheet.templ
rename to pgk/components/sheet.templ
diff --git a/internals/ui/components/sidebar.templ b/pgk/components/sidebar.templ
similarity index 100%
rename from internals/ui/components/sidebar.templ
rename to pgk/components/sidebar.templ
diff --git a/internals/ui/components/sidebar_right.templ b/pgk/components/sidebar_right.templ
similarity index 100%
rename from internals/ui/components/sidebar_right.templ
rename to pgk/components/sidebar_right.templ
diff --git a/internals/ui/components/tabs.templ b/pgk/components/tabs.templ
similarity index 100%
rename from internals/ui/components/tabs.templ
rename to pgk/components/tabs.templ
diff --git a/internals/ui/components/themeswitcher.templ b/pgk/components/themeswitcher.templ
similarity index 100%
rename from internals/ui/components/themeswitcher.templ
rename to pgk/components/themeswitcher.templ
diff --git a/pgk/icons/embed.go b/pgk/icons/embed.go
new file mode 100644
index 0000000..2036d6f
--- /dev/null
+++ b/pgk/icons/embed.go
@@ -0,0 +1,6 @@
+package icons
+
+import "embed"
+
+//go:embed icon_contents.go
+var TemplFiles embed.FS
diff --git a/internals/ui/components/icon_contents.go b/pgk/icons/icon_contents.go
similarity index 99%
rename from internals/ui/components/icon_contents.go
rename to pgk/icons/icon_contents.go
index 8aa1d76..8f8b242 100644
--- a/internals/ui/components/icon_contents.go
+++ b/pgk/icons/icon_contents.go
@@ -1,7 +1,7 @@
 // Lucide - New icons 0.451.0
-package components
+package icons
 
-var iconContents = map[string]string{
+var IconContent = map[string]string{
 	"a-arrow-down": `<path d="M3.5 13h6" />
   <path d="m2 16 4.5-9 4.5 9" />
   <path d="M18 7v9" />
diff --git a/pgk/icons/icons.go b/pgk/icons/icons.go
new file mode 100644
index 0000000..fe1ad8d
--- /dev/null
+++ b/pgk/icons/icons.go
@@ -0,0 +1,56 @@
+package icons
+
+import (
+	"fmt"
+	"strings"
+)
+
+// Get returns the SVG content for a given icon name
+func Get(name string) (string, bool) {
+	content, ok := IconContent[name]
+	return content, ok
+}
+
+// List returns a slice of all available icon names
+func List() []string {
+	var names []string
+	for name := range IconContent {
+		names = append(names, name)
+	}
+	return names
+}
+
+// GetClasses generates the class string for the icon
+func GetClasses(name, class string) string {
+	classes := []string{"lucide", "lucide-" + strings.ToLower(name)}
+	if class != "" {
+		classes = append(classes, class)
+	}
+	return strings.Join(classes, " ")
+}
+
+// In pkg/icons/icons.go
+func GenerateSVG(name, size, fill, stroke, class string) (string, bool) {
+	content, ok := Get(name)
+	if !ok {
+		return "", false
+	}
+	svg := fmt.Sprintf(`<svg 
+		xmlns="http://www.w3.org/2000/svg"
+		width="%s"
+		height="%s"
+		viewBox="0 0 24 24"
+		fill="%s"
+		stroke="%s"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		class="%s">%s</svg>`,
+		size,
+		size,
+		fill,
+		stroke,
+		GetClasses(name, class),
+		content)
+	return svg, true
+}