@juspay/svelte-ui-components 2.13.1 → 2.14.0

package/dist/Input/Input.svelte

@@ -43,6 +43,14 @@
     }
   }
 
+  export function blur() {
+    try {
+      inputElement?.blur();
+    } catch (error) {
+      console.error('Error blurring inputElement:', error);
+    }
+  }
+
   let inputElement: HTMLInputElement | HTMLTextAreaElement | null = $state(null);
 
   let validationState = $derived.by(() => {

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

@@ -1,6 +1,7 @@
 import type { InputProperties } from './properties';
 declare const Input: import("svelte").Component<InputProperties, {
     focus: () => void;
+    blur: () => void;
 }, "value">;
 type Input = ReturnType<typeof Input>;
 export default Input;

package/dist/InputButton/InputButton.svelte

@@ -53,6 +53,10 @@
   export function focus() {
     inputRef?.focus();
   }
+
+  export function blur() {
+    inputRef?.blur();
+  }
 </script>
 
 <div class="container {classes ?? ''}">

package/dist/InputButton/InputButton.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { InputButtonProperties } from './properties';
 declare const InputButton: import("svelte").Component<InputButtonProperties, {
     focus: () => void;
+    blur: () => void;
 }, "value">;
 type InputButton = ReturnType<typeof InputButton>;
 export default InputButton;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "2.13.1",
+  "version": "2.14.0",
   "description": "A themeable Svelte 5 UI component library with CSS custom property driven styling",
   "keywords": [
     "svelte",