@iroco/ui 1.6.10 → 1.6.11

package/dist/Alert.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import IconClose from './IconClose.svelte';
-	import type { MouseEventHandler } from 'svelte/elements';
+	import { type MouseEventHandler, type SvelteHTMLElements } from 'svelte/elements';
 
-	interface Props {
+	interface Props extends SvelteHTMLElements.div {
 		type?: 'success' | 'danger' | 'flash';
 		showClose?: boolean;
 		/** @deprecated use onclose instead */

package/dist/Alert.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { MouseEventHandler } from 'svelte/elements';
-interface Props {
+import { type MouseEventHandler } from 'svelte/elements';
+interface Props extends SvelteHTMLElements.div {
     type?: 'success' | 'danger' | 'flash';
     showClose?: boolean;
     /** @deprecated use onclose instead */

package/dist/TextInput.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type { HTMLInputAttributes } from 'svelte/elements';
+	import type { HTMLAttributes, HTMLInputAttributes } from 'svelte/elements';
 
 	export type ValidationErrorMessage = { key: string; isHtml?: boolean };
-
+	//https://svelte.dev/docs/svelte/typescript#Typing-wrapper-components
 	interface Props extends HTMLInputAttributes {
 		// id?: string | null;
 		// type?: 'email' | 'password' | 'search' | 'tel' | 'text' | 'url' | null | undefined;
@@ -15,7 +15,7 @@
 		// value?: string | null;
 		// onfocus?: ((e: FocusEvent) => void) | null;
 		// onblur?: ((e: Event) => void) | null;
-		// readonly?: boolean;
+		readonly?: boolean;
 		border?: boolean;
 		// autocomplete?: FullAutoFill | null | undefined;
 		// oninput?: FormEventHandler<HTMLInputElement> | null | undefined;
@@ -24,20 +24,20 @@
 	let {
 		id = null,
 		type = 'text',
-		name = null,
-		placeholder = null,
+		// name = null,
+		// placeholder = null,
 		label = null,
 		error = null,
 		errors = [],
 		htmlError = false,
 		value = $bindable(null),
-		onFocus = null,
-		onBlur = null,
+		// onFocus = null,
+		// onBlur = null,
 		readonly = false,
 		border = false,
-		autocomplete = 'on',
-		oninput,
 		...rest
+		// autocomplete = 'on',
+		// oninput,
 	}: Props = $props();
 
 	function hasErrors() {
@@ -50,15 +50,12 @@
 		<label class="iroco-ui-label" for={id}>{label}</label>
 	{/if}
 	<input
-		{id}
-		{placeholder}
-		{readonly}
 		{type}
 		bind:value
 		class:border
 		class:error={hasErrors()}
 		class:readonlyInput={readonly === true}
-		{autocomplete}
+		{readonly}
 		{...rest}
 	/>
 	{#if error != null}

package/dist/TextInput.svelte.d.ts

@@ -8,6 +8,7 @@ interface Props extends HTMLInputAttributes {
     error?: string | null;
     errors?: Array<ValidationErrorMessage> | null;
     htmlError?: boolean;
+    readonly?: boolean;
     border?: boolean;
 }
 declare const TextInput: import("svelte").Component<Props, {}, "value">;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@iroco/ui",
-	"version": "1.6.10",
+	"version": "1.6.11",
 	"description": "Iroco design system based on Svelte",
 	"main": "dist/index.js",
 	"scripts": {