From 48cafe843261cc56ad83646d8112d81155a337f9 Mon Sep 17 00:00:00 2001
From: aleidk <ale.navarro.parra@gmail.com>
Date: Tue, 24 Dec 2024 10:52:15 -0300
Subject: [PATCH] fix(components)!: properly export html components

---
 packages/components/package.json           | 44 ++++++++++------------
 packages/components/src/index.ts           |  7 ++++
 packages/components/src/navbar/navbar.html |  1 +
 packages/components/src/navbar/navbar.scss | 42 +++++++++++++++++++++
 4 files changed, 70 insertions(+), 24 deletions(-)
 create mode 100644 packages/components/src/index.ts
 create mode 100644 packages/components/src/navbar/navbar.html
 create mode 100644 packages/components/src/navbar/navbar.scss

diff --git a/packages/components/package.json b/packages/components/package.json
index 54e0384..9bc0fe8 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,26 +1,22 @@
 {
-  "name": "@mini-strap/components",
-  "version": "0.0.1",
-  "module": "src/components.scss",
-  "type": "module",
-  "scripts": {
-    "ci:publish": "bun publish --production --frozen-lockfile"
-  },
-  "exports": {
-    ".": "./src/components.scss",
-    "./OffCanvas/": {
-      "import": "./src/OffCanvas/",
-      "require": "./src/OffCanvas/"
-    }
-  },
-  "devDependencies": {
-    "@types/bun": "latest",
-    "bun-plugin-dts": "^0.2.3",
-    "bun-style-loader": "^0.4.0",
-    "sass": "^1.79.2",
-    "sass-embedded": "^1.79.1"
-  },
-  "peerDependencies": {
-    "typescript": "^5.0.0"
-  }
+	"name": "@mini-strap/components",
+	"version": "0.0.1",
+	"type": "module",
+	"scripts": {
+		"ci:publish": "bun publish --production --frozen-lockfile"
+	},
+	"exports": {
+		".": "./src/index.ts",
+		"./navbar/*": "./src/navbar/*"
+	},
+	"devDependencies": {
+		"@types/bun": "latest",
+		"bun-plugin-dts": "^0.2.3",
+		"bun-style-loader": "^0.4.0",
+		"sass": "^1.79.2",
+		"sass-embedded": "^1.79.1"
+	},
+	"peerDependencies": {
+		"typescript": "^5.0.0"
+	}
 }
diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts
new file mode 100644
index 0000000..04ed79b
--- /dev/null
+++ b/packages/components/src/index.ts
@@ -0,0 +1,7 @@
+import navarHtml from "./navbar/navbar.html";
+
+export const HTMLComponents = {
+	navbar: navarHtml,
+};
+
+export default {};
diff --git a/packages/components/src/navbar/navbar.html b/packages/components/src/navbar/navbar.html
new file mode 100644
index 0000000..de8b69b
--- /dev/null
+++ b/packages/components/src/navbar/navbar.html
@@ -0,0 +1 @@
+<h1>Hello World!</h1>
diff --git a/packages/components/src/navbar/navbar.scss b/packages/components/src/navbar/navbar.scss
new file mode 100644
index 0000000..a74fb9f
--- /dev/null
+++ b/packages/components/src/navbar/navbar.scss
@@ -0,0 +1,42 @@
+nav {
+  width: 100%;
+}
+
+.navbar-desktop ul {
+  width: fit-content;
+  margin-left: auto;
+
+  .nav-item {
+    margin-bottom: 0;
+  }
+}
+
+ul {
+  padding: 0;
+}
+
+li > a {
+  padding: 0.25rem 0.5rem;
+}
+
+a {
+  --boder-color: transparent;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  text-decoration: none;
+
+  transition:
+    background-color 200ms,
+    color 200ms;
+}
+
+a.active {
+  border: 1px solid var(--prj-accent-bg);
+}
+
+a:hover {
+  --border-color: var(--prj-accent-bg);
+  background-color: var(--prj-accent-bg);
+  color: var(--prj-accent-text);
+  border: 1px solid var(--border-color);
+}