@functionalcms/svelte-components 4.7.3 → 4.7.5

package/dist/components/form/Button.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { cn } from '../../utils.js';
 	import type { Snippet } from 'svelte';
+	import type { EventHandler } from 'svelte/elements';
 
 	interface Props {
 		children: Snippet;
@@ -26,8 +27,8 @@
 		ariaControls?: string;
 		tabIndex?: number;
 		ariaLabel: string;
-		click?: () => void;
-		keydown?: (e: KeyboardEvent) => void;
+		click?: (event: MouseEvent) => void;
+		keydown?: (event: KeyboardEvent) => void;
 	}
 
 	let {
@@ -76,7 +77,6 @@
 			css ? `${css}` : ''
 		)
 	);
-
 </script>
 
 {#if type == 'link'}

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

@@ -23,8 +23,8 @@ declare const Button: import("svelte").Component<Partial<{
     ariaControls?: string;
     tabIndex?: number;
     ariaLabel: string;
-    click?: () => void;
-    keydown?: (e: KeyboardEvent) => void;
+    click?: (event: MouseEvent) => void;
+    keydown?: (event: KeyboardEvent) => void;
 }>, {}, "">;
 type Button = ReturnType<typeof Button>;
 export default Button;

package/dist/components/form/Input.svelte

@@ -30,7 +30,11 @@
 		placeholder: string;
 		
 		type: Type;
-		value: string;
+
+		maxLength: number | undefined;
+		minLength: number | undefined;
+
+		value: string | any;
 		addonLeft: Snippet;
 		addonRight: Snippet;
 	}

package/dist/components/form/Input.svelte.d.ts

@@ -20,7 +20,9 @@ declare const Input: import("svelte").Component<Partial<{
     css: string;
     placeholder: string;
     type: Type;
-    value: string;
+    maxLength: number | undefined;
+    minLength: number | undefined;
+    value: string | any;
     addonLeft: Snippet;
     addonRight: Snippet;
 }>, {}, "">;

package/dist/components/menu/CollapsibleMenu.svelte

@@ -39,7 +39,7 @@
 </script>
 
 <div class={css?.container}>
-	<Button type="button" isPrimary css={buttonCss} click={() => toggleDrawer()}>
+	<Button type="button" isPrimary css={buttonCss} click={(event:any) => toggleDrawer()}>
 		{@render buttonText?.()}
 	</Button>
 

package/dist/components/presentation/Dialog.svelte

@@ -0,0 +1,10 @@
+<script type='ts'>
+	interface Props {
+		children: Snippet;
+    }
+    let { children } = $props();
+    let dialog: any;
+</script>
+<dialog bind:this={dialog} on:close>
+    {@render children?.()}
+</dialog>

package/dist/components/presentation/Dialog.svelte.d.ts

@@ -0,0 +1,31 @@
+export default Dialog;
+type Dialog = SvelteComponent<$$ComponentProps, {
+    close: Event;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: "" | undefined;
+};
+declare const Dialog: $$__sveltets_2_IsomorphicComponent<{
+    children: any;
+}, {
+    close: Event;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type $$ComponentProps = {
+    children: any;
+};
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "4.7.3",
+	"version": "4.7.5",
 	"watch": {
 		"build": {
 			"patterns": [