@aspect-ops/exon-ui 0.4.1 → 0.4.2

package/dist/components/BottomSheet/BottomSheet.svelte

@@ -13,6 +13,7 @@
 		showHandle = true,
 		closeOnBackdrop = true,
 		closeOnEscape = true,
+		onclose,
 		class: className = '',
 		children
 	}: Props = $props();
@@ -64,6 +65,7 @@
 
 		if (sheetHeight < minPoint) {
 			open = false;
+			onclose?.();
 			return;
 		}
 
@@ -82,10 +84,14 @@
 	function handleOpenChange(value: boolean) {
 		if (!value && !closeOnEscape) return;
 		open = value;
+		if (!value) onclose?.();
 	}
 
 	function handleBackdropClick() {
-		if (closeOnBackdrop) open = false;
+		if (closeOnBackdrop) {
+			open = false;
+			onclose?.();
+		}
 	}
 
 	function handleKeydown(e: KeyboardEvent) {

package/dist/components/SearchInput/SearchInput.svelte

@@ -10,6 +10,8 @@
 		loading?: boolean;
 		maxSuggestions?: number;
 		class?: string;
+		'aria-label'?: string;
+		inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
 		oninput?: (e: Event & { currentTarget: HTMLInputElement }) => void;
 		onchange?: (e: Event & { currentTarget: HTMLInputElement }) => void;
 		onselect?: (value: string) => void;
@@ -25,6 +27,8 @@
 		loading = false,
 		maxSuggestions = 5,
 		class: className = '',
+		'aria-label': ariaLabel,
+		inputmode = 'search',
 		oninput,
 		onchange,
 		onselect,
@@ -162,6 +166,8 @@
 			bind:value
 			{placeholder}
 			{disabled}
+			{inputmode}
+			aria-label={ariaLabel}
 			role="combobox"
 			aria-autocomplete="list"
 			aria-expanded={showDropdown}

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

@@ -8,6 +8,8 @@ interface Props {
     loading?: boolean;
     maxSuggestions?: number;
     class?: string;
+    'aria-label'?: string;
+    inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
     oninput?: (e: Event & {
         currentTarget: HTMLInputElement;
     }) => void;

package/dist/types/input.d.ts

@@ -7,6 +7,10 @@ export interface SearchInputProps {
     loading?: boolean;
     maxSuggestions?: number;
     class?: string;
+    /** Accessibility label for the input */
+    'aria-label'?: string;
+    /** Input mode hint for virtual keyboards */
+    inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
 }
 export interface DatePickerProps {
     value?: Date | null;

package/dist/types/mobile.d.ts

@@ -11,6 +11,8 @@ export interface BottomSheetProps {
     showHandle?: boolean;
     closeOnBackdrop?: boolean;
     closeOnEscape?: boolean;
+    /** Callback when sheet is closed */
+    onclose?: () => void;
     class?: string;
 }
 export interface BottomSheetHeaderProps {

package/dist/types/navigation.d.ts

@@ -73,7 +73,8 @@ export interface BottomNavProps {
     class?: string;
 }
 export interface BottomNavItemProps {
-    label: string;
+    /** Label text (optional if using children/slots) */
+    label?: string;
     icon: string;
     href?: string;
     active?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@aspect-ops/exon-ui",
-	"version": "0.4.1",
+	"version": "0.4.2",
 	"description": "Reusable Svelte UI components for web and Capacitor mobile apps",
 	"author": "Exon Team",
 	"license": "MIT",