@synthaxai/ui 1.0.0 → 1.1.0

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

@@ -0,0 +1,148 @@
+import type { Snippet } from 'svelte';
+import type { HTMLInputAttributes } from 'svelte/elements';
+import { Search } from 'lucide-svelte';
+import type { InputMode, AutoComplete } from '../../types/index.js';
+type InputSize = 'sm' | 'md' | 'lg';
+/**
+ * Search option item with value, label, and optional metadata.
+ */
+export interface SearchOption {
+    /** Unique value for the option */
+    value: string;
+    /** Display label for the option */
+    label: string;
+    /** Whether the option is disabled */
+    disabled?: boolean;
+    /** Optional description shown below the label */
+    description?: string;
+    /** Optional icon or visual indicator */
+    icon?: typeof Search;
+    /** Optional metadata for custom rendering */
+    metadata?: Record<string, unknown>;
+}
+/**
+ * Grouped search options for categorized results.
+ */
+export interface SearchOptionGroup {
+    /** Group label */
+    label: string;
+    /** Options in this group */
+    options: SearchOption[];
+}
+type SearchOptions = SearchOption[] | SearchOptionGroup[];
+interface Props extends Omit<HTMLInputAttributes, 'class' | 'size' | 'value' | 'onselect'> {
+    /** Unique identifier for the input */
+    id?: string;
+    /** Form field name */
+    name?: string;
+    /** Label text for the input */
+    label: string;
+    /** Current input value (the search query) */
+    value?: string;
+    /** Currently selected option */
+    selected?: SearchOption | null;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Options to display (flat or grouped) */
+    options?: SearchOptions;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is read-only */
+    readonly?: boolean;
+    /** Error message to display */
+    error?: string;
+    /** Hint text to display below the input */
+    hint?: string;
+    /** Success message when valid */
+    successMessage?: string;
+    /** Size of the input */
+    size?: InputSize;
+    /** Whether to hide the label visually (still accessible) */
+    hideLabel?: boolean;
+    /** Additional CSS classes for the wrapper */
+    class?: string;
+    /** Show loading spinner during async search */
+    loading?: boolean;
+    /** Message to show when no results found */
+    emptyMessage?: string;
+    /** Minimum characters before triggering search */
+    minSearchLength?: number;
+    /** Debounce delay for search in milliseconds */
+    debounceMs?: number;
+    /** Whether to show clear button when has value */
+    clearable?: boolean;
+    /** Whether to open dropdown on focus (even if empty) */
+    openOnFocus?: boolean;
+    /** Whether to auto-select first option */
+    autoSelect?: boolean;
+    /** Whether to allow free text (value not from options) */
+    allowFreeText?: boolean;
+    /** Icon to display on the left */
+    iconLeft?: Snippet;
+    /** Custom content for option rendering */
+    optionContent?: Snippet<[SearchOption]>;
+    /** Custom empty state content */
+    emptyContent?: Snippet;
+    /** Custom loading content */
+    loadingContent?: Snippet;
+    /** Input mode for mobile keyboards */
+    inputMode?: InputMode;
+    /** Autocomplete value */
+    autocomplete?: AutoComplete;
+    /** Called when search query changes (debounced) */
+    onsearch?: (query: string) => void;
+    /** Called when an option is selected */
+    onselect?: (option: SearchOption) => void;
+    /** Called when selection is cleared */
+    onclear?: () => void;
+    /** Called when input value changes */
+    oninput?: (event: Event) => void;
+    /** Called when input is focused */
+    onfocus?: (event: FocusEvent) => void;
+    /** Called when input loses focus */
+    onblur?: (event: FocusEvent) => void;
+    /** Test ID for e2e testing */
+    testId?: string;
+    /** Show validation state immediately */
+    validateOnMount?: boolean;
+}
+/**
+ * SearchInput
+ *
+ * A fully accessible autocomplete/combobox component following WAI-ARIA 1.2 pattern.
+ * Supports async search, keyboard navigation, and custom option rendering.
+ *
+ * Designed for healthcare applications requiring patient, provider, or payer search.
+ *
+ * @example Basic usage
+ * <SearchInput
+ *   id="patient-search"
+ *   label="Search Patient"
+ *   value={searchQuery}
+ *   options={patients}
+ *   onselect={(option) => handlePatientSelect(option)}
+ *   onsearch={(query) => searchPatients(query)}
+ * />
+ *
+ * @example With custom rendering
+ * <SearchInput
+ *   id="payer-search"
+ *   label="Insurance Payer"
+ *   value={payerQuery}
+ *   options={payers}
+ *   onselect={handlePayerSelect}
+ * >
+ *   {#snippet optionContent(option)}
+ *     <div class="flex items-center gap-2">
+ *       <span class="font-medium">{option.label}</span>
+ *       <span class="text-sm text-muted">{option.metadata?.type}</span>
+ *     </div>
+ *   {/snippet}
+ * </SearchInput>
+ */
+declare const SearchInput: import("svelte").Component<Props, {}, "value" | "selected">;
+type SearchInput = ReturnType<typeof SearchInput>;
+export default SearchInput;
+//# sourceMappingURL=SearchInput.svelte.d.ts.map

package/dist/forms/SearchInput/SearchInput.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.svelte.d.ts","sourceRoot":"","sources":["../../../src/forms/SearchInput/SearchInput.svelte.ts"],"names":[],"mappings":"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"}

package/dist/forms/SearchInput/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @synthaxai/ui - SearchInput Component
+ *
+ * A fully accessible autocomplete/combobox component following
+ * WAI-ARIA 1.2 combobox pattern for healthcare applications.
+ */
+export { default as SearchInput } from './SearchInput.svelte';
+export type { SearchOption, SearchOptionGroup } from './SearchInput.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/SearchInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/SearchInput/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/forms/SearchInput/index.js

@@ -0,0 +1,7 @@
+/**
+ * @synthaxai/ui - SearchInput Component
+ *
+ * A fully accessible autocomplete/combobox component following
+ * WAI-ARIA 1.2 combobox pattern for healthcare applications.
+ */
+export { default as SearchInput } from './SearchInput.svelte';