Merge branch 'main' into divider

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hyvor/design",
-	"version": "0.0.8",
+	"version": "0.0.11",
 	"license": "MIT",
 	"private": false,
 	"scripts": {
@@ -28,29 +28,27 @@
 		"!dist/**/*.spec.*"
 	],
 	"peerDependencies": {
-		"svelte": "^4.0.0"
+		"svelte": "^4.0.0",
+		"@sveltejs/kit": "^1.25.1",
+		"sass": "^1.68.0"
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "^2.0.0",
 		"@sveltejs/adapter-static": "^2.0.3",
-		"@sveltejs/kit": "^1.25.1",
 		"@sveltejs/package": "^2.0.0",
 		"publint": "^0.1.9",
-		"sass": "^1.68.0",
 		"svelte": "^4.0.5",
 		"svelte-check": "^3.4.3",
 		"tslib": "^2.4.1",
 		"typescript": "^5.0.0",
 		"vite": "^4.4.2"
 	},
-	"svelte": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"type": "module",
 	"dependencies": {
 		"@fontsource/readex-pro": "^5.0.8",
-		"@hyvor/icons": "^0.0.2",
-		"highlight.js": "^11.9.0"
+		"highlight.js": "^11.9.0",
+		"@hyvor/icons": "^0.0.3"
 	},
+	"type": "module",
 	"publishConfig": {
 		"access": "public"
 	}

src/lib/components/Base/Base.svelte

@@ -1,11 +1,10 @@
 <script lang="ts">
-	import InternationalizationProvider from './../Internationalization/InternationalizationProvider.svelte';
+	// import InternationalizationProvider from './../Internationalization/InternationalizationProvider.svelte';
 	import DarkProvider from './../Dark/DarkProvider.svelte';
     import '../../index.js';
 </script>
 
 <DarkProvider />
-<InternationalizationProvider />
 
 <div id="base">
     <slot />

src/lib/components/index.ts

@@ -39,6 +39,7 @@ export { default as Link } from './Link/Link.svelte';
 export { default as Loader } from './Loader/Loader.svelte';
 
 export { default as NavLink } from './NavLink/NavLink.svelte';
+
 export { default as Radio } from './Radio/Radio.svelte';
 
 export { default as SplitControl } from './SplitControl/SplitControl.svelte';

src/routes/[[slug]]/docs/NavLink.svelte

@@ -5,30 +5,19 @@
     import NavLink from "$lib/components/NavLink/NavLink.svelte";
     import CodeResult from "./Helper/CodeResult.svelte";
     import Box from "$lib/components/Box/Box.svelte";
-    import { IconSearch } from "@hyvor/icons";
-    import { IconColumns } from "@hyvor/icons";
-    import Text from "$lib/components/Text/Text.svelte";
-    import { IconChat } from "@hyvor/icons";
-    import {IconFile} from "@hyvor/icons";
-    import {IconCoin} from "@hyvor/icons";
-    import {IconExclamationCircle} from "@hyvor/icons";
+    import { IconColumns, IconChat, IconFile, IconCoin, IconExclamationCircle } from "@hyvor/icons";
 
     let active = 'overview';
     let active2 = 'overview'
 
 </script>
 
-<!-- <Search size={14} /> -->
 <h1>Nav Link</h1>
 
 <p>
-    The Nav Link component is used in navigation to link to other pages. All properties are sent directly to the underlying HTML <code>{"<a>"}</code> element. 
+    The <code>{"<NavLink>"}</code> component is used in navigation (ex: in Console). All additional properties are sent directly to the underlying HTML <code>{"<a>"}</code> element. 
 </p>
 
-    <ul>
-        <li><code>{"<NavLink>"}</code> - The tag</li>
-    </ul>
-
 
 <h2 id="props">Properties</h2>
 
@@ -133,7 +122,7 @@
     <CodeResult gap={5} white>
         <Box style="width:100%">
             <div style="padding: 15px 0">
-                <NavLink href ="javascript:void(0)" active={active2 === 'overview'} on:click={() => active2 = 'overview'} >
+                <NavLink href ="javascript:void(0)" active={active2 === 'overview'} on:click={() => active2 = 'overview'}>
                     <IconColumns slot="start"></IconColumns>
                     Overview
                 </NavLink>

svelte.config.js

@@ -11,7 +11,7 @@ const config = {
 		adapter: adapter(),
 		prerender: {
 			entries: ['/', '*']
-		}
+		},
 	}
 };