@valerius_petrini/corekit-ui 0.1.27 → 0.1.28

package/dist/components/Analytics.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
     import { page } from '$app/state'
+    import type { AnalyticsProps } from '../types/Analytics.js';
 
-    let { measurementId } = $props();
+    let { measurementId }: AnalyticsProps = $props();
 
     const ANALYTICS_URL = $derived(`https://www.googletagmanager.com/gtag/js?id=${measurementId}`);
 

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

@@ -1,5 +1,4 @@
-declare const Analytics: import("svelte").Component<{
-    measurementId: any;
-}, {}, "">;
+import type { AnalyticsProps } from '../types/Analytics.js';
+declare const Analytics: import("svelte").Component<AnalyticsProps, {}, "">;
 type Analytics = ReturnType<typeof Analytics>;
 export default Analytics;

package/dist/components/Button.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+    import type { ButtonProps } from "../types/Button.js";
     import { twMerge } from "tailwind-merge";
 
     let { 
@@ -8,7 +9,7 @@
         icon = false,
         href = undefined,
         ...restProps
-    } = $props();
+    }: ButtonProps = $props();
 
     let pillClass = "rounded-full";
     let iconClass = "rounded-full p-2 flex-center";

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

@@ -1,9 +1,4 @@
-declare const Button: import("svelte").Component<{
-    children?: any;
-    class?: string;
-    pill?: boolean;
-    icon?: boolean;
-    href?: any;
-} & Record<string, any>, {}, "">;
+import type { ButtonProps } from "../types/Button.js";
+declare const Button: import("svelte").Component<ButtonProps, {}, "">;
 type Button = ReturnType<typeof Button>;
 export default Button;

package/dist/components/SEO.svelte

@@ -1,18 +1,17 @@
 <script lang="ts">
     import { page } from '$app/state';
+    import type { SEOProps } from '../types/SEO.js';
 
     const DEFAULT_TITLE = "My SvelteKit App";
     const DEFAULT_DESCRIPTION = "Description of your website.";
     const DEFAULT_IMAGE = "/favicon.png";
-      
-	interface SEOProps {
-        websiteName: string;
-		title?: string;
-		description?: string;
-		image?: any;
-	}
 
-	let { websiteName, title = DEFAULT_TITLE, description = DEFAULT_DESCRIPTION, image = DEFAULT_IMAGE }: SEOProps = $props();
+	let { 
+        websiteName, 
+        title = DEFAULT_TITLE, 
+        description = DEFAULT_DESCRIPTION, 
+        image = DEFAULT_IMAGE 
+    }: SEOProps = $props();
 
     let fullUrl = $derived(`${websiteName}${page.url.pathname.toString()}`);
 </script>

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

@@ -1,9 +1,4 @@
-interface SEOProps {
-    websiteName: string;
-    title?: string;
-    description?: string;
-    image?: any;
-}
+import type { SEOProps } from '../types/SEO.js';
 declare const SEO: import("svelte").Component<SEOProps, {}, "">;
 type SEO = ReturnType<typeof SEO>;
 export default SEO;

package/dist/components/Typewriter.svelte

@@ -2,9 +2,13 @@
     import { twMerge } from "tailwind-merge";
     import { onMount } from "svelte";
 
-    import type { DisplaySegment, TypewriterAction } from "../types/Typewriter.d.js";
+    import type { DisplaySegment, TypewriterProps } from "../types/Typewriter.d.js";
 
-    let { actions = [] as TypewriterAction[], class: className = "" } = $props();
+    let { 
+        actions, 
+        class: className = "",
+        ...restProps
+    }: TypewriterProps = $props();
 
     let displaySegments = $state<DisplaySegment[]>([]);
 
@@ -59,7 +63,7 @@
     let combinedClass = $derived(twMerge("typewriter w-fit", className));
 </script>
 
-<div class={combinedClass}>
+<div class={combinedClass} {...restProps}>
     {#each displaySegments as segment}
         {#key segment}
             <span style="color: {segment.color}">{segment.text}</span>

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

@@ -1,7 +1,4 @@
-import type { TypewriterAction } from "../types/Typewriter.d.ts";
-declare const Typewriter: import("svelte").Component<{
-    actions?: TypewriterAction[];
-    class?: string;
-}, {}, "">;
+import type { TypewriterProps } from "../types/Typewriter.d.ts";
+declare const Typewriter: import("svelte").Component<TypewriterProps, {}, "">;
 type Typewriter = ReturnType<typeof Typewriter>;
 export default Typewriter;

package/dist/types/Analytics.d.ts

@@ -0,0 +1,3 @@
+export interface AnalyticsProps {
+    measurementId: string;
+}

package/dist/types/Button.d.ts

@@ -0,0 +1,8 @@
+export interface ButtonProps {
+    children?: any;
+    class?: string;
+    pill?: boolean;
+    icon?: boolean;
+    href?: string;
+    [key: string]: any;
+}

package/dist/types/SEO.d.ts

@@ -0,0 +1,6 @@
+export interface SEOProps {
+    websiteName: string;
+    title?: string;
+    description?: string;
+    image?: any;
+}

package/dist/types/Typewriter.d.ts

@@ -8,4 +8,10 @@ export interface DisplaySegment {
     text: string;
     color?: string;
     label?: string;
-};
+};
+
+export interface TypewriterProps {
+    actions: TypewriterAction[];
+    class?: string;
+    [key: string]: any;
+}

package/package.json

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