@cwncollab-org/mui-component-kit 0.2.1 → 0.2.3

package/README.md

@@ -515,6 +515,130 @@ function MyForm() {
 | `slotProps` | `object` | - | Props for underlying MUI components |
 
 
+### Autocomplete Component
+
+The Autocomplete component provides a searchable dropdown with support for single and multiple selection, built on top of MUI's Autocomplete component and integrated with TanStack Form.
+
+```tsx
+import { useAppForm } from '@cwncollab-org/component-kit'
+import { z } from 'zod'
+
+// Define your form schema
+const formSchema = z.object({
+  country: z.string().optional(),
+  skills: z.array(z.string()).optional(),
+})
+
+// Define your options
+const countries = [
+  { value: 'us', label: 'United States' },
+  { value: 'ca', label: 'Canada' },
+  { value: 'uk', label: 'United Kingdom' },
+  { value: 'de', label: 'Germany' },
+  { value: 'fr', label: 'France' },
+]
+
+const skills = [
+  { value: 'javascript', label: 'JavaScript' },
+  { value: 'typescript', label: 'TypeScript' },
+  { value: 'react', label: 'React' },
+  { value: 'vue', label: 'Vue.js' },
+  { value: 'angular', label: 'Angular' },
+]
+
+function MyForm() {
+  const form = useAppForm({
+    defaultValues: {
+      country: undefined,
+      skills: [],
+    },
+    validators: {
+      onSubmit: formSchema,
+    },
+    onSubmit: ({ value }) => {
+      console.log('Selected country:', value.country)
+      console.log('Selected skills:', value.skills)
+    },
+  })
+
+  return (
+    <>
+      {/* Single selection autocomplete */}
+      <form.AppField
+        name="country"
+        children={field => (
+          <field.Autocomplete
+            label="Country"
+            labelBehavior="shrink"
+            size="small"
+            fullWidth
+            options={countries}
+            placeholder="Select a country"
+          />
+        )}
+      />
+
+      {/* Multiple selection autocomplete */}
+      <form.AppField
+        name="skills"
+        children={field => (
+          <field.Autocomplete
+            label="Skills"
+            labelBehavior="shrink"
+            size="small"
+            fullWidth
+            multiple
+            options={skills}
+            placeholder="Select skills"
+          />
+        )}
+      />
+
+      {/* SubscribeAutocomplete automatically disables during form submission */}
+      <form.AppField
+        name="country"
+        children={field => (
+          <field.SubscribeAutocomplete
+            label="Country"
+            labelBehavior="auto"
+            size="small"
+            fullWidth
+            options={countries}
+            placeholder="Select a country"
+          />
+        )}
+      />
+    </>
+  )
+}
+```
+
+#### Autocomplete Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `label` | `string` | - | The label text for the autocomplete field |
+| `labelBehavior` | `'auto' \| 'shrink' \| 'static'` | `'auto'` | How the label should behave |
+| `size` | `'small' \| 'medium'` | `'medium'` | The size of the autocomplete field |
+| `fullWidth` | `boolean` | `false` | Whether the autocomplete should take full width |
+| `options` | `Array<{ value: string, label: string }> \| string[]` | `[]` | The options to display in the autocomplete |
+| `multiple` | `boolean` | `false` | Whether multiple values can be selected |
+| `freeSolo` | `boolean` | `false` | If true, the Autocomplete is free solo, meaning that the user input is not bound to provided options |
+| `placeholder` | `string` | - | Placeholder text when no option is selected |
+| `slotProps` | `object` | - | Props for underlying MUI components (autocomplete, textField, helperText) |
+| `onChange` | `(value: string \| string[] \| null) => void` | - | Callback fired when the value changes |
+
+The Autocomplete component also accepts all standard MUI FormControl props except those that conflict with the managed props.
+
+**Label Behaviors:**
+- `'auto'`: Default MUI behavior - label floats when focused or has value
+- `'shrink'`: Label is always in the shrunk (floating) position
+- `'static'`: Label appears as a static label above the input
+
+**SubscribeAutocomplete:**
+The `SubscribeAutocomplete` component has the same props as `Autocomplete` but automatically disables the field when the form is submitting, providing better UX during form submission.
+
+
 ### RadioGroup Component
 
 The RadioGroup component provides radio button selection, built on top of MUI's FormControl and RadioGroup components and integrated with TanStack Form.

package/dist/form/Autocomplete.d.ts

@@ -0,0 +1,24 @@
+import { AutocompleteProps as MuiAutocompleteProps, TextFieldProps as MuiTextFieldProps, FormControlProps as MuiFormControlProps, FormHelperTextProps as MuiFormHelperTextProps } from '@mui/material';
+type Option = {
+    value: string;
+    label: string;
+};
+export type AutocompleteProps = Omit<MuiFormControlProps, 'onChange'> & {
+    label?: string;
+    labelBehavior?: 'auto' | 'shrink' | 'static';
+    size?: 'small' | 'medium';
+    fullWidth?: boolean;
+    options?: Option[] | string[];
+    multiple?: boolean;
+    freeSolo?: boolean;
+    placeholder?: string;
+    slotProps?: {
+        autocomplete?: Omit<MuiAutocompleteProps<Option, boolean, boolean, boolean>, 'options' | 'value' | 'onChange' | 'renderInput' | 'multiple' | 'freeSolo'>;
+        textField?: Omit<MuiTextFieldProps, 'value' | 'onChange' | 'name'>;
+        helperText?: MuiFormHelperTextProps;
+    };
+    onChange?: (value: string | string[] | null) => void;
+};
+export declare function Autocomplete(props: AutocompleteProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Autocomplete.d.ts.map

package/dist/form/Autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/lib/form/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,IAAI,oBAAoB,EAEzC,cAAc,IAAI,iBAAiB,EAEnC,gBAAgB,IAAI,mBAAmB,EAEvC,mBAAmB,IAAI,sBAAsB,EAC9C,MAAM,eAAe,CAAA;AAItB,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC5C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE;QACV,YAAY,CAAC,EAAE,IAAI,CACjB,oBAAoB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,EACvD,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,UAAU,GAAG,UAAU,CAC3E,CAAA;QACD,SAAS,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC,CAAA;QAClE,UAAU,CAAC,EAAE,sBAAsB,CAAA;KACpC,CAAA;IACD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;CACrD,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAkKpD"}

package/dist/form/Autocomplete.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Autocomplete as MuiAutocomplete, TextField as MuiTextField, FormControl as MuiFormControl, FormHelperText as MuiFormHelperText, } from '@mui/material';
+import { useFieldContext } from './formContext';
+import { useId, useMemo } from 'react';
+export function Autocomplete(props) {
+    const field = useFieldContext();
+    const { slotProps, options, multiple = false, freeSolo = false, labelBehavior = 'auto', size, fullWidth, placeholder, onChange, ...rest } = props;
+    const id = useId();
+    const errorText = useMemo(() => {
+        if (field.state.meta.errors.length === 0)
+            return null;
+        return field.state.meta.errors.map(error => error.message).join(', ');
+    }, [field.state.meta.errors]);
+    const renderedOptions = useMemo(() => {
+        if (options) {
+            return options.map(option => typeof option === 'string' ? { value: option, label: option } : option);
+        }
+        return [];
+    }, [options]);
+    const labelShrink = labelBehavior === 'shrink' ? true : undefined;
+    let inputLabelProps = {
+        ...slotProps?.textField?.slotProps?.inputLabel,
+        shrink: labelShrink,
+    };
+    let inputProps = {
+        ...slotProps?.textField?.slotProps?.input,
+    };
+    if (labelBehavior === 'static') {
+        inputLabelProps = {
+            ...inputLabelProps,
+            sx: {
+                ...inputLabelProps?.sx,
+                position: 'relative',
+                transform: 'none',
+            },
+        };
+        inputProps = {
+            ...inputProps,
+            notched: true,
+            sx: {
+                ...inputProps?.sx,
+                '& legend > span': {
+                    display: 'none',
+                },
+            },
+        };
+    }
+    const textFieldProps = {
+        ...slotProps?.textField,
+        slotProps: {
+            ...slotProps?.textField?.slotProps,
+            inputLabel: inputLabelProps,
+            input: inputProps,
+        },
+    };
+    const getCurrentValue = () => {
+        const value = field.state.value;
+        if (multiple) {
+            if (Array.isArray(value)) {
+                return renderedOptions.filter(option => value.includes(option.value));
+            }
+            return [];
+        }
+        else {
+            if (typeof value === 'string') {
+                return renderedOptions.find(option => option.value === value) || null;
+            }
+            return null;
+        }
+    };
+    return (_jsxs(MuiFormControl, { error: Boolean(errorText), fullWidth: fullWidth, size: size, ...rest, children: [_jsx(MuiAutocomplete, { id: id, multiple: multiple, freeSolo: freeSolo, options: renderedOptions, getOptionLabel: option => {
+                    if (typeof option === 'string')
+                        return option;
+                    return option.label;
+                }, isOptionEqualToValue: (option, value) => {
+                    if (typeof option === 'string' && typeof value === 'string') {
+                        return option === value;
+                    }
+                    return option.value === value.value;
+                }, value: getCurrentValue(), onChange: (event, newValue) => {
+                    let processedValue = null;
+                    if (multiple) {
+                        if (Array.isArray(newValue)) {
+                            processedValue = newValue.map(item => typeof item === 'string' ? item : item.value);
+                        }
+                        else {
+                            processedValue = [];
+                        }
+                    }
+                    else {
+                        if (newValue) {
+                            processedValue =
+                                typeof newValue === 'string'
+                                    ? newValue
+                                    : newValue.value;
+                        }
+                    }
+                    onChange?.(processedValue);
+                    if (!event.defaultPrevented) {
+                        field.handleChange(processedValue);
+                    }
+                }, renderInput: params => (_jsx(MuiTextField, { ...params, label: props.label, placeholder: placeholder, error: Boolean(errorText), name: field.name, slotProps: {
+                        ...textFieldProps.slotProps,
+                        input: {
+                            ...params.InputProps,
+                            ...inputProps,
+                        },
+                        inputLabel: inputLabelProps,
+                    }, ...(({ slotProps: _, ...rest }) => rest)(textFieldProps) })), ...slotProps?.autocomplete }), Boolean(errorText) && (_jsx(MuiFormHelperText, { ...slotProps?.helperText, children: errorText }))] }));
+}
+//# sourceMappingURL=Autocomplete.js.map

package/dist/form/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/lib/form/Autocomplete.tsx"],"names":[],"mappings":"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"}

package/dist/form/RadioGroup.d.ts

@@ -2,6 +2,7 @@ import { RadioGroupProps as MuiRadioGroupProps } from '@mui/material';
 export type RadioGroupProps = Omit<MuiRadioGroupProps, 'name' | 'value' | 'defaultValue'> & {
     label?: string;
     disabled?: boolean;
+    required?: boolean;
 };
 export declare function RadioGroup(props: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/form/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/lib/form/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,eAAe,IAAI,kBAAkB,EACtC,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,kBAAkB,EAClB,MAAM,GAAG,OAAO,GAAG,cAAc,CAClC,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAyBhD"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/lib/form/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,eAAe,IAAI,kBAAkB,EACtC,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,kBAAkB,EAClB,MAAM,GAAG,OAAO,GAAG,cAAc,CAClC,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAyBhD"}

package/dist/form/RadioGroup.js

@@ -3,11 +3,11 @@ import { FormControl, FormLabel, RadioGroup as MuiRadioGroup, } from '@mui/mater
 import { useFieldContext } from './formContext';
 import { useId } from 'react';
 export function RadioGroup(props) {
-    const { label, children, disabled, ...radioGroupProps } = props;
+    const { label, children, disabled, required, ...radioGroupProps } = props;
     const field = useFieldContext();
     const id = useId();
     const labelId = `${id}-label`;
-    return (_jsxs(FormControl, { disabled: disabled, children: [_jsx(FormLabel, { id: labelId, children: label }), _jsx(MuiRadioGroup, { "aria-labelledby": labelId, name: field.name, value: field.state.value ?? '', onChange: ev => {
+    return (_jsxs(FormControl, { disabled: disabled, required: required, children: [_jsx(FormLabel, { id: labelId, children: label }), _jsx(MuiRadioGroup, { "aria-labelledby": labelId, name: field.name, value: field.state.value ?? '', onChange: ev => {
                     if (!ev.defaultPrevented) {
                         field.handleChange(ev.target.value === '' ? null : ev.target.value);
                     }

package/dist/form/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/lib/form/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,SAAS,EACT,UAAU,IAAI,aAAa,GAE5B,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAU7B,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,KAAK,CAAA;IAE/D,MAAM,KAAK,GAAG,eAAe,EAA6B,CAAA;IAC1D,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,OAAO,GAAG,GAAG,EAAE,QAAQ,CAAA;IAE7B,OAAO,CACL,MAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,aAC7B,KAAC,SAAS,IAAC,EAAE,EAAE,OAAO,YAAG,KAAK,GAAa,EAC3C,KAAC,aAAa,uBACK,OAAO,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAC9B,QAAQ,EAAE,EAAE,CAAC,EAAE;oBACb,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC;wBACzB,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBACrE,CAAC;gBACH,CAAC,KACG,eAAe,YAElB,QAAQ,GACK,IACJ,CACf,CAAA;AACH,CAAC"}
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/lib/form/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,SAAS,EACT,UAAU,IAAI,aAAa,GAE5B,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAW7B,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,KAAK,CAAA;IAEzE,MAAM,KAAK,GAAG,eAAe,EAA6B,CAAA;IAC1D,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,OAAO,GAAG,GAAG,EAAE,QAAQ,CAAA;IAE7B,OAAO,CACL,MAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,aACjD,KAAC,SAAS,IAAC,EAAE,EAAE,OAAO,YAAG,KAAK,GAAa,EAC3C,KAAC,aAAa,uBACK,OAAO,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAC9B,QAAQ,EAAE,EAAE,CAAC,EAAE;oBACb,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC;wBACzB,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBACrE,CAAC;gBACH,CAAC,KACG,eAAe,YAElB,QAAQ,GACK,IACJ,CACf,CAAA;AACH,CAAC"}

package/dist/form/SubscribeAutocomplete.d.ts

@@ -0,0 +1,4 @@
+import { AutocompleteProps } from './Autocomplete';
+export type SubscribeAutocompleteProps = AutocompleteProps;
+export declare function SubscribeAutocomplete(props: SubscribeAutocompleteProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SubscribeAutocomplete.d.ts.map

package/dist/form/SubscribeAutocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscribeAutocomplete.d.ts","sourceRoot":"","sources":["../../src/lib/form/SubscribeAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGhE,MAAM,MAAM,0BAA0B,GAAG,iBAAiB,CAAA;AAE1D,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAYtE"}

package/dist/form/SubscribeAutocomplete.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Autocomplete } from './Autocomplete';
+import { useFormContext } from './formContext';
+export function SubscribeAutocomplete(props) {
+    const form = useFormContext();
+    const { disabled, ...rest } = props;
+    return (_jsx(form.Subscribe, { selector: state => state.isSubmitting, children: isSubmitting => (_jsx(Autocomplete, { disabled: isSubmitting || disabled, ...rest })) }));
+}
+//# sourceMappingURL=SubscribeAutocomplete.js.map

package/dist/form/SubscribeAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscribeAutocomplete.js","sourceRoot":"","sources":["../../src/lib/form/SubscribeAutocomplete.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAI9C,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACrE,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAE7B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAEnC,OAAO,CACL,KAAC,IAAI,CAAC,SAAS,IAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,YAClD,YAAY,CAAC,EAAE,CAAC,CACf,KAAC,YAAY,IAAC,QAAQ,EAAE,YAAY,IAAI,QAAQ,KAAM,IAAI,GAAI,CAC/D,GACc,CAClB,CAAA;AACH,CAAC"}

package/dist/form/formHooks.d.ts

@@ -1,3 +1,4 @@
+import { Autocomplete } from './Autocomplete';
 import { TextField } from './TextField';
 import { Checkbox } from './Checkbox';
 import { Select } from './Select';
@@ -5,6 +6,7 @@ import { DatePicker } from './DatePicker';
 import { TimePicker } from './TimePicker';
 import { SubscribeButton } from './SubscribeButton';
 import { MultiSelect } from './MultiSelect';
+import { SubscribeAutocomplete } from './SubscribeAutocomplete';
 import { SubscribeTextField } from './SubscribeTextField';
 import { SubscribeSelect } from './SubscribeSelect';
 import { SubscribeMultiSelect } from './SubscribeMultiSelect';
@@ -17,6 +19,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/
     readonly SubscribeButton: typeof SubscribeButton;
 }> & {
     AppField: import("@tanstack/react-form").FieldComponent<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, NoInfer<{
+        readonly Autocomplete: typeof Autocomplete;
         readonly TextField: typeof TextField;
         readonly Checkbox: typeof Checkbox;
         readonly Select: typeof Select;
@@ -24,6 +27,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/
         readonly RadioGroup: typeof RadioGroup;
         readonly DatePicker: typeof DatePicker;
         readonly TimePicker: typeof TimePicker;
+        readonly SubscribeAutocomplete: typeof SubscribeAutocomplete;
         readonly SubscribeTextField: typeof SubscribeTextField;
         readonly SubscribeSelect: typeof SubscribeSelect;
         readonly SubscribeMultiSelect: typeof SubscribeMultiSelect;
@@ -34,6 +38,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/
     }>>;
     AppForm: import("react").ComponentType<import("react").PropsWithChildren>;
 }, withForm: <TFormData, TOnMount extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends Record<string, unknown> = {}>({ render, props, }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, {
+    readonly Autocomplete: typeof Autocomplete;
     readonly TextField: typeof TextField;
     readonly Checkbox: typeof Checkbox;
     readonly Select: typeof Select;
@@ -41,6 +46,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/
     readonly RadioGroup: typeof RadioGroup;
     readonly DatePicker: typeof DatePicker;
     readonly TimePicker: typeof TimePicker;
+    readonly SubscribeAutocomplete: typeof SubscribeAutocomplete;
     readonly SubscribeTextField: typeof SubscribeTextField;
     readonly SubscribeSelect: typeof SubscribeSelect;
     readonly SubscribeMultiSelect: typeof SubscribeMultiSelect;
@@ -55,6 +61,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/
         readonly SubscribeButton: typeof SubscribeButton;
     }> & {
         AppField: import("@tanstack/react-form").FieldComponent<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, NoInfer<{
+            readonly Autocomplete: typeof Autocomplete;
             readonly TextField: typeof TextField;
             readonly Checkbox: typeof Checkbox;
             readonly Select: typeof Select;
@@ -62,6 +69,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/
             readonly RadioGroup: typeof RadioGroup;
             readonly DatePicker: typeof DatePicker;
             readonly TimePicker: typeof TimePicker;
+            readonly SubscribeAutocomplete: typeof SubscribeAutocomplete;
             readonly SubscribeTextField: typeof SubscribeTextField;
             readonly SubscribeSelect: typeof SubscribeSelect;
             readonly SubscribeMultiSelect: typeof SubscribeMultiSelect;

package/dist/form/formHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formHooks.d.ts","sourceRoot":"","sources":["../../src/lib/form/formHooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,eAAO,MAAQ,UAAU;;;;;;;;;;;;;;;;;;;;GAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAoBjC,CAAA"}
+{"version":3,"file":"formHooks.d.ts","sourceRoot":"","sources":["../../src/lib/form/formHooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,eAAO,MAAQ,UAAU;;;;;;;;;;;;;;;;;;;;;;GAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAsBjC,CAAA"}

package/dist/form/formHooks.js

@@ -1,4 +1,5 @@
 import { createFormHook } from '@tanstack/react-form';
+import { Autocomplete } from './Autocomplete';
 import { TextField } from './TextField';
 import { Checkbox } from './Checkbox';
 import { Select } from './Select';
@@ -7,6 +8,7 @@ import { TimePicker } from './TimePicker';
 import { fieldContext, formContext } from './formContext';
 import { SubscribeButton } from './SubscribeButton';
 import { MultiSelect } from './MultiSelect';
+import { SubscribeAutocomplete } from './SubscribeAutocomplete';
 import { SubscribeTextField } from './SubscribeTextField';
 import { SubscribeSelect } from './SubscribeSelect';
 import { SubscribeMultiSelect } from './SubscribeMultiSelect';
@@ -19,6 +21,7 @@ export const { useAppForm, withForm } = createFormHook({
     fieldContext,
     formContext,
     fieldComponents: {
+        Autocomplete,
         TextField,
         Checkbox,
         Select,
@@ -26,6 +29,7 @@ export const { useAppForm, withForm } = createFormHook({
         RadioGroup,
         DatePicker,
         TimePicker,
+        SubscribeAutocomplete,
         SubscribeTextField,
         SubscribeSelect,
         SubscribeMultiSelect,

package/dist/form/formHooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"formHooks.js","sourceRoot":"","sources":["../../src/lib/form/formHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC;IACrD,YAAY;IACZ,WAAW;IACX,eAAe,EAAE;QACf,SAAS;QACT,QAAQ;QACR,MAAM;QACN,WAAW;QACX,UAAU;QACV,UAAU;QACV,UAAU;QACV,kBAAkB;QAClB,eAAe;QACf,oBAAoB;QACpB,iBAAiB;QACjB,mBAAmB;QACnB,mBAAmB;QACnB,mBAAmB;KACpB;IACD,cAAc,EAAE,EAAE,eAAe,EAAE;CACpC,CAAC,CAAA"}
+{"version":3,"file":"formHooks.js","sourceRoot":"","sources":["../../src/lib/form/formHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC;IACrD,YAAY;IACZ,WAAW;IACX,eAAe,EAAE;QACf,YAAY;QACZ,SAAS;QACT,QAAQ;QACR,MAAM;QACN,WAAW;QACX,UAAU;QACV,UAAU;QACV,UAAU;QACV,qBAAqB;QACrB,kBAAkB;QAClB,eAAe;QACf,oBAAoB;QACpB,iBAAiB;QACjB,mBAAmB;QACnB,mBAAmB;QACnB,mBAAmB;KACpB;IACD,cAAc,EAAE,EAAE,eAAe,EAAE;CACpC,CAAC,CAAA"}

package/dist/form/index.d.ts

@@ -1,4 +1,5 @@
 export { useAppForm, withForm } from './formHooks';
+export { type AutocompleteProps } from './Autocomplete';
 export { type CheckboxProps } from './Checkbox';
 export { type DatePickerProps } from './DatePicker';
 export { type MultiSelectProps } from './MultiSelect';
@@ -6,6 +7,7 @@ export { type RadioGroupProps } from './RadioGroup';
 export { type SelectProps } from './Select';
 export { type TextFieldProps } from './TextField';
 export { type TimePickerProps } from './TimePicker';
+export { type SubscribeAutocompleteProps } from './SubscribeAutocomplete';
 export { type SubscribeCheckboxProps } from './SubscribeCheckbox';
 export { type SubscribeDatePickerProps } from './SubscribeDatePicker';
 export { type SubscribeMultiSelectProps } from './SubscribeMultiSelect';

package/dist/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AACzE,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cwncollab-org/mui-component-kit",
   "private": false,
-  "version": "0.2.1",
+  "version": "0.2.3",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",