@synthaxai/ui 1.0.0 → 1.2.0

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

@@ -0,0 +1,127 @@
+import type { Snippet } from 'svelte';
+type InputSize = 'sm' | 'md' | 'lg';
+/**
+ * Multi-select option item.
+ */
+export interface MultiSelectOption {
+    /** 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 metadata for custom rendering */
+    metadata?: Record<string, unknown>;
+}
+/**
+ * Grouped multi-select options.
+ */
+export interface MultiSelectOptionGroup {
+    /** Group label */
+    label: string;
+    /** Options in this group */
+    options: MultiSelectOption[];
+}
+type MultiSelectOptions = MultiSelectOption[] | MultiSelectOptionGroup[];
+interface Props {
+    /** Unique identifier for the component */
+    id?: string;
+    /** Form field name */
+    name?: string;
+    /** Label text for the field */
+    label: string;
+    /** Currently selected options (bindable) */
+    selected?: MultiSelectOption[];
+    /** Placeholder text when no selections */
+    placeholder?: string;
+    /** Options to display (flat or grouped) */
+    options?: MultiSelectOptions;
+    /** 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 component */
+    hint?: string;
+    /** Success message when valid */
+    successMessage?: string;
+    /** Size of the component */
+    size?: InputSize;
+    /** Whether to hide the label visually (still accessible) */
+    hideLabel?: boolean;
+    /** Additional CSS classes for the wrapper */
+    class?: string;
+    /** Enable search/filter functionality */
+    searchable?: boolean;
+    /** Search placeholder text */
+    searchPlaceholder?: string;
+    /** Maximum number of selections allowed */
+    maxSelections?: number;
+    /** Whether to close dropdown after each selection */
+    closeOnSelect?: boolean;
+    /** Show loading spinner during async operations */
+    loading?: boolean;
+    /** Message to show when no options match search */
+    emptyMessage?: string;
+    /** Whether to show "Select All" option */
+    showSelectAll?: boolean;
+    /** Label for "Select All" */
+    selectAllLabel?: string;
+    /** Whether to show selected count badge */
+    showCount?: boolean;
+    /** Custom chip rendering */
+    chipContent?: Snippet<[MultiSelectOption]>;
+    /** Custom option rendering */
+    optionContent?: Snippet<[MultiSelectOption]>;
+    /** Custom empty state content */
+    emptyContent?: Snippet;
+    /** Called when selection changes */
+    onchange?: (selected: MultiSelectOption[]) => void;
+    /** Called when an option is selected */
+    onselect?: (option: MultiSelectOption) => void;
+    /** Called when an option is deselected */
+    ondeselect?: (option: MultiSelectOption) => void;
+    /** Called when search query changes */
+    onsearch?: (query: string) => void;
+    /** Test ID for e2e testing */
+    testId?: string;
+    /** Show validation state immediately */
+    validateOnMount?: boolean;
+}
+/**
+ * MultiSelect
+ *
+ * A fully accessible multi-select component with chips/tags display,
+ * following WAI-ARIA 1.2 listbox pattern. Supports searchable options,
+ * grouped options, and comprehensive keyboard navigation.
+ *
+ * Designed for healthcare applications requiring selection of multiple items
+ * such as service types, diagnoses, medications, or procedures.
+ *
+ * @example Basic usage
+ * <MultiSelect
+ *   label="Service Types"
+ *   options={serviceTypes}
+ *   bind:selected={selectedServices}
+ *   placeholder="Select services..."
+ * />
+ *
+ * @example With search and max selections
+ * <MultiSelect
+ *   label="Diagnoses"
+ *   options={diagnoses}
+ *   bind:selected={selectedDiagnoses}
+ *   searchable
+ *   maxSelections={5}
+ *   placeholder="Search diagnoses..."
+ * />
+ */
+declare const MultiSelect: import("svelte").Component<Props, {}, "selected">;
+type MultiSelect = ReturnType<typeof MultiSelect>;
+export default MultiSelect;
+//# sourceMappingURL=MultiSelect.svelte.d.ts.map

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

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

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

@@ -0,0 +1,9 @@
+/**
+ * @synthaxai/ui - MultiSelect Component
+ *
+ * A fully accessible multi-select component with chips/tags display,
+ * following WAI-ARIA 1.2 listbox pattern for healthcare applications.
+ */
+export { default as MultiSelect } from './MultiSelect.svelte';
+export type { MultiSelectOption, MultiSelectOptionGroup } from './MultiSelect.svelte';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/forms/MultiSelect/index.js

@@ -0,0 +1,7 @@
+/**
+ * @synthaxai/ui - MultiSelect Component
+ *
+ * A fully accessible multi-select component with chips/tags display,
+ * following WAI-ARIA 1.2 listbox pattern for healthcare applications.
+ */
+export { default as MultiSelect } from './MultiSelect.svelte';