@hemerson/design-system 0.6.0 → 0.7.0

package/dist/components/Typeahead/Typeahead.d.ts

@@ -0,0 +1,20 @@
+import { type InputHTMLAttributes, type ReactNode } from "react";
+export interface TypeaheadProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "defaultValue" | "onChange"> {
+    label: ReactNode;
+    value?: string;
+    defaultValue?: string;
+    /** Called with the text on every keystroke and when a suggestion is picked. */
+    onChange?: (value: string) => void;
+    /** Values to suggest; repeats are shown once. Any text is still accepted. */
+    suggestions: string[];
+    /** Most suggestions shown at once. Default 8. */
+    maxSuggestions?: number;
+    hint?: ReactNode;
+    error?: ReactNode;
+    /** Locale for matching without case. Default "pt-BR". */
+    locale?: string;
+}
+/** The suggestions that contain the text, those that start with it first. */
+export declare function matchSuggestions(suggestions: string[], text: string, locale?: string, max?: number): string[];
+/** A text field that suggests values as you type, in a glass list. Free text is still allowed. */
+export declare function Typeahead({ label, value, defaultValue, onChange, suggestions, maxSuggestions, hint, error, locale, id, className, disabled, ...rest }: TypeaheadProps): import("react").JSX.Element;

package/dist/index.d.ts

@@ -23,6 +23,8 @@ export type { InputProps } from "./components/Input/Input";
 export { Select } from "./components/Select/Select";
 export { DateInput } from "./components/DateInput/DateInput";
 export type { DateInputProps } from "./components/DateInput/DateInput";
+export { Typeahead } from "./components/Typeahead/Typeahead";
+export type { TypeaheadProps } from "./components/Typeahead/Typeahead";
 export type { SelectOption, SelectProps } from "./components/Select/Select";
 export { Checkbox } from "./components/Checkbox/Checkbox";
 export type { CheckboxProps } from "./components/Checkbox/Checkbox";