@paubox/ui 1.15.0 → 1.16.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "1.15.0",
+  "version": "1.16.0",
   "type": "module",
   "private": false,
   "publishConfig": {

package/src/lib/Inputs/AutoComplete.d.ts

@@ -0,0 +1,41 @@
+import { InputHTMLAttributes } from 'react';
+export interface AutoCompleteOption {
+    value: string;
+    label: string;
+}
+export interface AutoCompleteProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type'> {
+    options: AutoCompleteOption[];
+    values: string[];
+    setValues: (values: string[]) => void;
+    placeholder?: string;
+    sz?: 'sm' | 'lg';
+    error?: boolean;
+    type?: 'primary' | 'secondary';
+    /** Max number of filtered options shown in the dropdown. */
+    maxMenuItems?: number;
+    /** Called with the current input text — use for async/server-side filtering. */
+    onInputChange?: (text: string) => void;
+    /** Optional no-results text shown when no options match the input. */
+    noResultsText?: string;
+    /** Allow adding values by typing and pressing comma (or pasting comma-separated text). */
+    allowFreeform?: boolean;
+    /** Icon rendered on the right side of the input (e.g. a loading spinner). */
+    rightIcon?: React.ElementType;
+    /** Accessible label for the input (screen readers). */
+    ariaLabel?: string;
+    className?: string;
+}
+/**
+ * AutoComplete: single-line input that filters a closed list of options as
+ * the user types. Selected items render as removable chips. Multi-select.
+ *
+ * Keyboard:
+ *  - ArrowDown / ArrowUp — move active option (opens list if closed).
+ *  - Home / End          — jump to first / last option.
+ *  - Enter               — select active option.
+ *  - Escape              — close list.
+ *  - Backspace (empty)   — remove the last selected chip.
+ *
+ * Implements the WAI-ARIA 1.2 combobox pattern with aria-activedescendant.
+ */
+export declare const AutoComplete: ({ options, values, setValues, placeholder, sz, error, type, maxMenuItems, onInputChange, noResultsText, allowFreeform, rightIcon: RightIcon, ariaLabel, className, disabled, ...inputProps }: AutoCompleteProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/Inputs/index.d.ts

@@ -1,3 +1,4 @@
+export * from './AutoComplete';
 export * from './Input';
 export * from './MultiSelect';
 export * from './Search';