@marianmeres/stuic 3.0.0 → 3.0.1

package/dist/components/Input/FieldInput.svelte

@@ -1,6 +1,7 @@
 <script lang="ts" module>
 	import type { Snippet } from "svelte";
 	import type { HTMLInputAttributes } from "svelte/elements";
+	import type { TypeaheadOptions } from "../../actions/typeahead.svelte.js";
 	import type { ValidateOptions } from "../../actions/validate.svelte.js";
 	import type { THC } from "../Thc/Thc.svelte";
 
@@ -17,6 +18,7 @@
 		tabindex?: number;
 		renderSize?: "sm" | "md" | "lg" | string;
 		useTrim?: boolean;
+		useTypeahead?: boolean | Omit<TypeaheadOptions, "enabled">;
 		required?: boolean;
 		disabled?: boolean;
 		validate?: boolean | Omit<ValidateOptions, "setValidationResult">;
@@ -42,6 +44,7 @@
 
 <script lang="ts">
 	import { trim } from "../../actions/trim.svelte.js";
+	import { typeahead } from "../../actions/typeahead.svelte.js";
 	import {
 		validate as validateAction,
 		type ValidationResult,
@@ -61,6 +64,7 @@
 		class: classProp,
 		renderSize = "md",
 		useTrim = true,
+		useTypeahead,
 		//
 		required = false,
 		disabled = false,
@@ -131,6 +135,10 @@
 			enabled: useTrim,
 			setValue: (v: string) => useTrim && (value = v),
 		})}
+		use:typeahead={() => ({
+			enabled: !!useTypeahead,
+			...(typeof useTypeahead === "boolean" ? {} : useTypeahead),
+		})}
 		use:validateAction={() => ({
 			enabled: !!validate,
 			...(typeof validate === "boolean" ? {} : validate),

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

@@ -1,5 +1,6 @@
 import type { Snippet } from "svelte";
 import type { HTMLInputAttributes } from "svelte/elements";
+import type { TypeaheadOptions } from "../../actions/typeahead.svelte.js";
 import type { ValidateOptions } from "../../actions/validate.svelte.js";
 import type { THC } from "../Thc/Thc.svelte";
 type SnippetWithId = Snippet<[{
@@ -16,6 +17,7 @@ export interface Props extends HTMLInputAttributes, Record<string, any> {
     tabindex?: number;
     renderSize?: "sm" | "md" | "lg" | string;
     useTrim?: boolean;
+    useTypeahead?: boolean | Omit<TypeaheadOptions, "enabled">;
     required?: boolean;
     disabled?: boolean;
     validate?: boolean | Omit<ValidateOptions, "setValidationResult">;

package/dist/components/Input/FieldOptions.svelte

@@ -561,7 +561,7 @@
 		bind:this={modalDialog}
 		preEscapeClose={escape}
 		classDialog="items-start"
-		class="w-full max-w-2xl bg-transparent pointer-events-none"
+		class={twMerge("w-full max-w-2xl bg-transparent! shadow-none! pointer-events-none")}
 		ariaLabelledby={id}
 		{noScrollLock}
 	>