@valerius_petrini/corekit-ui 0.1.30 → 0.1.32

package/dist/components/Navbar.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+    import type { NavbarProps } from "../types/Navbar.js";
     import { onMount } from "svelte";
     import { twMerge } from "tailwind-merge";
 
@@ -7,16 +8,18 @@
         class: className = "", 
         classTop = "",
         ...restProps
-    } = $props();
+    }: NavbarProps = $props();
 
     let defaultClass = "transition-colors duration-300 fixed top-0 left-0 w-full h-14 z-50 flex items-center";
 
-    let combinedClass = $derived(twMerge(defaultClass, className));
+    let scrollY = $state(0);
+
+    let combinedClass = $derived(scrollY === 0 
+        ? twMerge(defaultClass, className, classTop)
+        : twMerge(defaultClass, className));
 
     function onScroll() {
-        combinedClass = window.scrollY === 0 
-            ? twMerge(defaultClass, className, classTop)
-            : twMerge(defaultClass, className);
+        scrollY = window.scrollY;
     }
 
     onMount(() => {

package/dist/components/Navbar.svelte.d.ts

@@ -1,7 +1,4 @@
-declare const Navbar: import("svelte").Component<{
-    children?: any;
-    class?: string;
-    classTop?: string;
-} & Record<string, any>, {}, "">;
+import type { NavbarProps } from "../types/Navbar.js";
+declare const Navbar: import("svelte").Component<NavbarProps, {}, "">;
 type Navbar = ReturnType<typeof Navbar>;
 export default Navbar;

package/dist/components/NavbarElement.svelte

@@ -2,6 +2,7 @@
     import { twMerge } from "tailwind-merge";
     import Button from "./Button.svelte";
     import { onMount } from "svelte";
+    import type { NavbarElementProps } from "../types/Navbar.js";
 
     let {
         children = undefined, 
@@ -9,16 +10,18 @@
         classTop = "",
         href = undefined,
         ...restProps
-    } = $props();
+    }: NavbarElementProps = $props();
 
     let defaultClass = "navbar-element w-fit h-full flex items-center px-5 py-0";
 
-    let combinedClass = $derived(twMerge(defaultClass, className));
+    let scrollY = $state(0);
+
+    let combinedClass = $derived(scrollY === 0 
+        ? twMerge(defaultClass, className, classTop)
+        : twMerge(defaultClass, className));
 
     function onScroll() {
-        combinedClass = window.scrollY === 0 
-            ? twMerge(defaultClass, className, classTop)
-            : twMerge(defaultClass, className);
+        scrollY = window.scrollY;
     }
 
     onMount(() => {

package/dist/components/NavbarElement.svelte.d.ts

@@ -1,8 +1,4 @@
-declare const NavbarElement: import("svelte").Component<{
-    children?: any;
-    class?: string;
-    classTop?: string;
-    href?: any;
-} & Record<string, any>, {}, "">;
+import type { NavbarElementProps } from "../types/Navbar.js";
+declare const NavbarElement: import("svelte").Component<NavbarElementProps, {}, "">;
 type NavbarElement = ReturnType<typeof NavbarElement>;
 export default NavbarElement;

package/dist/components/{NavbarSeperator.svelte.d.ts → NavbarSeparator.svelte.d.ts}

@@ -1,12 +1,12 @@
-export default NavbarSeperator;
-type NavbarSeperator = SvelteComponent<{
+export default NavbarSeparator;
+type NavbarSeparator = SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
-declare const NavbarSeperator: $$__sveltets_2_IsomorphicComponent<{
+declare const NavbarSeparator: $$__sveltets_2_IsomorphicComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;

package/dist/index.d.ts

@@ -2,5 +2,8 @@ export { default as Button } from "./components/Button.svelte";
 export { default as Typewriter } from "./components/Typewriter.svelte";
 export { default as Analytics } from "./components/Analytics.svelte";
 export { default as SEO } from "./components/SEO.svelte";
+export { default as Navbar } from "./components/Navbar.svelte";
+export { default as NavbarSeparator } from "./components/NavbarSeparator.svelte";
+export { default as NavbarElement } from "./components/NavbarElement.svelte";
 export { fbmBackground } from "./actions/fbm.ts";
 export type { TypewriterAction, DisplaySegment } from "./types/Typewriter.d.ts";

package/dist/index.js

@@ -2,4 +2,7 @@ export { default as Button } from "./components/Button.svelte";
 export { default as Typewriter } from "./components/Typewriter.svelte";
 export { default as Analytics } from "./components/Analytics.svelte";
 export { default as SEO } from "./components/SEO.svelte";
+export { default as Navbar } from "./components/Navbar.svelte";
+export { default as NavbarSeparator } from "./components/NavbarSeparator.svelte";
+export { default as NavbarElement } from "./components/NavbarElement.svelte";
 export { fbmBackground } from "./actions/fbm.js";

package/dist/types/Navbar.d.ts

@@ -0,0 +1,14 @@
+export interface NavbarProps {
+    children?: any;
+    class?: string;
+    classTop?: string;
+    [key: string]: any;
+};
+
+export interface NavbarElementProps {
+    children?: any;
+    class?: string;
+    classTop?: string;
+    href?: string;
+    [key: string]: any;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@valerius_petrini/corekit-ui",
-	"version": "0.1.30",
+	"version": "0.1.32",
 	"description": "Component Library used across all my projects",
 	"author": "Valerius Petrini Jr.",
 	"license": "MIT",