formik-form-components 2.0.2 → 2.0.4

package/README.md

@@ -32,11 +32,28 @@ No configuration needed! Import and use:
 ```tsx
 import React from 'react';
 import { Form, AppInputField, AppTextArea } from "formik-form-components";
+// Import your preferred validation library (Yup, Zod, Joi, etc.)
+import * as Yup from 'yup'; // Example using Yup
+
+// Define your validation schema (example using Yup)
+const validationSchema = Yup.object({
+  name: Yup.string()
+    .min(2, 'Name must be at least 2 characters')
+    .required('Name is required'),
+  email: Yup.string()
+    .email('Invalid email address')
+    .required('Email is required'),
+  message: Yup.string()
+    .min(10, 'Message must be at least 10 characters')
+    .required('Message is required')
+});
 
 function MyForm() {
-   <Form
+  return (
+    <Form
       initialValues={{ name: "", email: "", message: "" }}
       onSubmit={(values: any) => console.log(values)}
+      validationSchema={validationSchema}
     >
       <AppInputField
         name="name"
@@ -58,6 +75,7 @@ function MyForm() {
         label="Message"
         rows={4}
         placeholder="Your message here..."
+        required
       />
     </Form>
   );
@@ -66,6 +84,7 @@ function MyForm() {
 export default MyForm;
 ```
 
+
 That's it! No Tailwind setup, no configuration files. Everything just works.
 
 ## 📚 Available Components
@@ -220,27 +239,6 @@ All components come pre-styled with Tailwind CSS. You can customize them by pass
 </SubmitButton>
 ```
 
-## 🔧 Advanced Usage
-
-### Form Validation with Yup
-
-```tsx
-import * as Yup from 'yup';
-
-const validationSchema = Yup.object({
-  name: Yup.string().required('Name is required'),
-  email: Yup.string().email('Invalid email').required('Email is required'),
-  age: Yup.number().min(18, 'Must be 18+').required('Age is required')
-});
-
-<Form
-  initialValues={{ name: '', email: '', age: '' }}
-  validationSchema={validationSchema}
-  onSubmit={(values) => console.log(values)}
->
-   <AppInputField name="email" label="Email" />
-</Form>
-```
 
 ### Submit Button with Loading State
 

package/dist/Form/AppAutoCompleter.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface AppAutoCompleterProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "value" | "onChange"> {
+    name: string;
+    label: string;
+    options: string[];
+    multiple?: boolean;
+    className?: string;
+}
+export default function AppAutoCompleter({ name, label, options, multiple, className, ...inputProps }: AppAutoCompleterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AppAutoCompleter.d.ts.map

package/dist/Form/AppAutoCompleter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppAutoCompleter.d.ts","sourceRoot":"","sources":["../../src/Form/AppAutoCompleter.tsx"],"names":[],"mappings":";AAQA,MAAM,WAAW,qBACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,OAAO,GAAG,UAAU,CAC9B;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAI,EACJ,KAAK,EACL,OAAY,EACZ,QAAgB,EAChB,SAAc,EACd,GAAG,UAAU,EACd,EAAE,qBAAqB,2CAgOvB"}

package/dist/Form/AppCheckBox.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface CheckboxOption {
+    label: string;
+    value: string | number | boolean;
+    disabled?: boolean;
+}
+export interface AppCheckBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "type"> {
+    name: string;
+    options: CheckboxOption[];
+    label?: string;
+    row?: boolean;
+}
+declare const AppCheckBox: React.FC<AppCheckBoxProps>;
+export default AppCheckBox;
+//# sourceMappingURL=AppCheckBox.d.ts.map

package/dist/Form/AppCheckBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppCheckBox.d.ts","sourceRoot":"","sources":["../../src/Form/AppCheckBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+E3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/Form/AppDateAndTimePicker.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface AppDateTimeInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "name" | "value" | "onChange" | "min" | "max"> {
+    name: string;
+    label?: string;
+    /** Disable selecting past date & time */
+    disablePast?: boolean;
+    /** Disable selecting future date & time */
+    disableFuture?: boolean;
+    min?: string;
+    max?: string;
+}
+declare const AppDateTimeInput: React.FC<AppDateTimeInputProps>;
+export default AppDateTimeInput;
+//# sourceMappingURL=AppDateAndTimePicker.d.ts.map

package/dist/Form/AppDateAndTimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDateAndTimePicker.d.ts","sourceRoot":"","sources":["../../src/Form/AppDateAndTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,WAAW,qBACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,CACvD;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2DrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/Form/AppDatePicker.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface AppDatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange" | "min" | "max"> {
+    name: string;
+    label: string;
+    disablePast?: boolean;
+    disableFuture?: boolean;
+    className?: string;
+}
+declare const AppDatePicker: React.FC<AppDatePickerProps>;
+export default AppDatePicker;
+//# sourceMappingURL=AppDatePicker.d.ts.map

package/dist/Form/AppDatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDatePicker.d.ts","sourceRoot":"","sources":["../../src/Form/AppDatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,CAC9C;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiD/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Form/AppFormErrorMessage.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface AppFormErrorMessageProps extends React.HTMLAttributes<HTMLDivElement> {
+    name: string;
+    alwaysShow?: boolean;
+    className?: string;
+}
+declare const AppFormErrorMessage: React.FC<AppFormErrorMessageProps>;
+export default AppFormErrorMessage;
+//# sourceMappingURL=AppFormErrorMessage.d.ts.map

package/dist/Form/AppFormErrorMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppFormErrorMessage.d.ts","sourceRoot":"","sources":["../../src/Form/AppFormErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqB3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/Form/AppInputField.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface AppInputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name"> {
+    name: string;
+    label: React.ReactNode;
+    className?: string;
+}
+declare const AppInputField: React.FC<AppInputFieldProps>;
+export default AppInputField;
+//# sourceMappingURL=AppInputField.d.ts.map

package/dist/Form/AppInputField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppInputField.d.ts","sourceRoot":"","sources":["../../src/Form/AppInputField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiE/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Form/AppMultiSelector.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+export interface AppSelectOption {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+}
+export interface AppMultiSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    name: string;
+    label?: string;
+    options: AppSelectOption[];
+    maxSelections?: number;
+    placeholder?: string;
+    showSelectedCount?: boolean;
+    className?: string;
+    onChange?: (value: Array<string | number>) => void;
+}
+declare const AppMultiSelect: React.FC<AppMultiSelectProps>;
+export default AppMultiSelect;
+//# sourceMappingURL=AppMultiSelector.d.ts.map

package/dist/Form/AppMultiSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppMultiSelector.d.ts","sourceRoot":"","sources":["../../src/Form/AppMultiSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;CACpD;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwIjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/Form/AppPhoneNoInput.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import "react-phone-number-input/style.css";
+import "../styles/PhoneInputCustom.css";
+export interface AppPhoneNoInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
+    name: string;
+    label: string;
+    international?: boolean;
+    withCountryCallingCode?: boolean;
+    className?: string;
+    onChange?: (value: string | undefined) => void;
+    value?: string;
+    error?: string;
+}
+declare const AppPhoneNoInput: React.FC<AppPhoneNoInputProps>;
+export default AppPhoneNoInput;
+//# sourceMappingURL=AppPhoneNoInput.d.ts.map

package/dist/Form/AppPhoneNoInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppPhoneNoInput.d.ts","sourceRoot":"","sources":["../../src/Form/AppPhoneNoInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,gCAAgC,CAAC;AAExC,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,OAAO,CACrB;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiFnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/Form/AppRadioGroup.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface RadioOption {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+}
+export interface AppRadioGroupProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "name"> {
+    name: string;
+    options: RadioOption[];
+    label?: string;
+    className?: string;
+    row?: boolean;
+    onChange?: (value: string | number) => void;
+}
+declare const AppRadioGroup: React.FC<AppRadioGroupProps>;
+export default AppRadioGroup;
+//# sourceMappingURL=AppRadioGroup.d.ts.map

package/dist/Form/AppRadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppRadioGroup.d.ts","sourceRoot":"","sources":["../../src/Form/AppRadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,OAAO,GAAG,MAAM,CAC9B;IACD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiE/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Form/AppRating.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface AppRatingProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
+    name: string;
+    label?: string;
+    max?: number;
+    helperText?: string;
+    onChange?: (value: number | null) => void;
+    className?: string;
+}
+declare const AppRating: React.ForwardRefExoticComponent<AppRatingProps & React.RefAttributes<HTMLDivElement>>;
+export default AppRating;
+//# sourceMappingURL=AppRating.d.ts.map

package/dist/Form/AppRating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppRating.d.ts","sourceRoot":"","sources":["../../src/Form/AppRating.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,OAAO,CACrB;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,uFA2Ed,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/dist/Form/AppSelectInput.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface AppSelectOption {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+}
+export interface AppSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    name: string;
+    options: AppSelectOption[];
+    label?: string;
+    helperText?: string;
+    clearable?: boolean;
+}
+export default function AppSelect({ name, options, label, helperText, clearable, className, id, ...divProps }: AppSelectProps): React.ReactElement;
+//# sourceMappingURL=AppSelectInput.d.ts.map

package/dist/Form/AppSelectInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSelectInput.d.ts","sourceRoot":"","sources":["../../src/Form/AppSelectInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,KAAK,EACL,UAAU,EACV,SAAgB,EAChB,SAAc,EACd,EAAE,EACF,GAAG,QAAQ,EACZ,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CA2NrC"}

package/dist/Form/AppSimpleUploadFile.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface AppSimpleUploadFileProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "onError"> {
+    name: string;
+    label?: string;
+    maxFiles?: number;
+    maxSizeInBytes?: number;
+    className?: string;
+    onAdd?: (file: File) => void;
+    onRemove?: (file: File) => void;
+    onError?: (error: string) => void;
+}
+declare const AppSimpleUploadFile: React.FC<AppSimpleUploadFileProps>;
+export default AppSimpleUploadFile;
+//# sourceMappingURL=AppSimpleUploadFile.d.ts.map

package/dist/Form/AppSimpleUploadFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSimpleUploadFile.d.ts","sourceRoot":"","sources":["../../src/Form/AppSimpleUploadFile.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAOtC,MAAM,WAAW,wBACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,OAAO,GAAG,SAAS,CACjC;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+H3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/Form/AppSwitch.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface AppSwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "className"> {
+    name: string;
+    label?: string;
+    className?: string;
+    labelPlacement?: "start" | "end" | "top" | "bottom";
+}
+export default function AppSwitch({ name, label, className, labelPlacement, required, ...inputProps }: AppSwitchProps): React.JSX.Element;
+//# sourceMappingURL=AppSwitch.d.ts.map

package/dist/Form/AppSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSwitch.d.ts","sourceRoot":"","sources":["../../src/Form/AppSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;CACrD;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EACJ,KAAK,EACL,SAAc,EACd,cAAwB,EACxB,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+DpC"}

package/dist/Form/AppTagsCreator.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface AppTagsCreatorProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "value" | "onChange"> {
+    name: string;
+    label?: string;
+    options?: string[];
+    multiple?: boolean;
+    helperText?: string;
+}
+export default function AppTagsCreator({ name, label, options, multiple, helperText, className, ...rest }: AppTagsCreatorProps): React.JSX.Element;
+//# sourceMappingURL=AppTagsCreator.d.ts.map

package/dist/Form/AppTagsCreator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppTagsCreator.d.ts","sourceRoot":"","sources":["../../src/Form/AppTagsCreator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,OAAO,GAAG,UAAU,CAC9B;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,OAAY,EACZ,QAAe,EACf,UAAU,EACV,SAAc,EACd,GAAG,IAAI,EACR,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6NzC"}

package/dist/Form/AppTextArea.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface AppTextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "name" | "onChange"> {
+    name: string;
+    label: string;
+    helperText?: string;
+    onChange?: (value: string) => void;
+}
+declare const AppTextArea: React.ForwardRefExoticComponent<AppTextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default AppTextArea;
+//# sourceMappingURL=AppTextArea.d.ts.map

package/dist/Form/AppTextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppTextArea.d.ts","sourceRoot":"","sources":["../../src/Form/AppTextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,GAAG,UAAU,CACpB;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,WAAW,8FAqEhB,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/dist/Form/AppUploadFile.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import type { UploadProps } from "../upload";
+export declare const base64toBlob: ({ b64Data, sliceSize, forcedMimeType, }: {
+    b64Data: string;
+    sliceSize?: number | undefined;
+    forcedMimeType?: string | undefined;
+}) => Blob;
+export declare const blobToBase64: (file: File) => Promise<string>;
+export interface AppUploadFileProps extends Omit<UploadProps, "file" | "files" | "disabled"> {
+    name: string;
+    label?: string;
+    className?: string;
+    multiple?: boolean;
+    maxFiles?: number;
+    disabled?: boolean;
+    onFilesChange?: (files: File[] | File | null) => void;
+}
+declare const AppUploadFile: React.FC<AppUploadFileProps>;
+export default AppUploadFile;
+//# sourceMappingURL=AppUploadFile.d.ts.map

package/dist/Form/AppUploadFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppUploadFile.d.ts","sourceRoot":"","sources":["../../src/Form/AppUploadFile.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAW7C,eAAO,MAAM,YAAY;aAKd,MAAM;;;MAGb,IAsBH,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,IAAI,KAAG,QAAQ,MAAM,CAOvD,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACvD;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiG/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Form/SubmitButton.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface SubmitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    loading?: boolean;
+    icon?: React.ReactNode;
+    variant?: "default" | "primary" | "secondary" | "danger" | "ghost" | "outline";
+    size?: "sm" | "md" | "lg";
+}
+declare const SubmitButton: React.ForwardRefExoticComponent<SubmitButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default SubmitButton;
+//# sourceMappingURL=SubmitButton.d.ts.map

package/dist/Form/SubmitButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../../src/Form/SubmitButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,GACR,OAAO,GACP,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,QAAA,MAAM,YAAY,6FAiGjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/Form/index.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode, ReactElement } from "react";
+import type { FormikValues, FormikProps } from "formik";
+import { FormikConfig } from "formik";
+export interface FormProps<T> extends FormikConfig<T> {
+    children?: ((props: FormikProps<T>) => ReactNode) | ReactNode;
+    className?: string;
+}
+declare const Form: <T extends FormikValues>({ children, className, ...props }: FormProps<T>) => ReactElement;
+export default Form;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Form/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAA8B,YAAY,EAAE,MAAM,QAAQ,CAAC;AAElE,MAAM,WAAW,SAAS,CAAC,CAAC,CAAE,SAAQ,YAAY,CAAC,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,+EAIQ,YAUjB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/assets/illustrations/BackgroundIllustration.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface BackgroundIllustrationProps {
+    primaryColor?: string;
+}
+declare const _default: React.NamedExoticComponent<BackgroundIllustrationProps>;
+export default _default;
+//# sourceMappingURL=BackgroundIllustration.d.ts.map

package/dist/assets/illustrations/BackgroundIllustration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundIllustration.d.ts","sourceRoot":"","sources":["../../../src/assets/illustrations/BackgroundIllustration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,UAAU,2BAA2B;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;;AAqCD,wBAA4C"}

package/dist/assets/illustrations/UploadIllustration.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare function UploadIllustration({ className, ...other }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof UploadIllustration>;
+export default _default;
+//# sourceMappingURL=UploadIllustration.d.ts.map

package/dist/assets/illustrations/UploadIllustration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadIllustration.d.ts","sourceRoot":"","sources":["../../../src/assets/illustrations/UploadIllustration.tsx"],"names":[],"mappings":";AAKA,iBAAS,kBAAkB,CAAC,EAC1B,SAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwoB1D;;AAED,wBAAwC"}

package/dist/assets/illustrations/index.d.ts

@@ -0,0 +1,2 @@
+export { default as UploadIllustration } from './UploadIllustration';
+//# sourceMappingURL=index.d.ts.map

package/dist/assets/illustrations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assets/illustrations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/file-thumbnail/types.d.ts

@@ -0,0 +1,6 @@
+export interface ExtendFile extends File {
+    preview?: string;
+    path?: string;
+    lastModifiedDate?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/file-thumbnail/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/file-thumbnail/types.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAW,SAAQ,IAAI;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

package/dist/file-thumbnail/utils.d.ts

@@ -0,0 +1,26 @@
+import type { ExtendFile } from "./types";
+export declare function fileFormat(fileUrl: string | undefined): string;
+export declare function fileThumb(fileUrl: string): string;
+export declare function fileTypeByUrl(fileUrl?: string): string;
+export declare function fileNameByUrl(fileUrl: string): string | undefined;
+export declare function fileData(file: ExtendFile | string): {
+    key: string;
+    preview: string;
+    name: string | undefined;
+    type: string;
+    size?: undefined;
+    path?: undefined;
+    lastModified?: undefined;
+    lastModifiedDate?: undefined;
+} | {
+    key: string | undefined;
+    name: string;
+    size: number;
+    path: string | undefined;
+    type: string;
+    preview: string | undefined;
+    lastModified: number;
+    lastModifiedDate: string | undefined;
+};
+export declare function formatFileSize(bytes: number): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/file-thumbnail/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/file-thumbnail/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAqB1C,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CA0C9D;AAID,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CA4CjD;AAID,wBAAgB,aAAa,CAAC,OAAO,SAAK,GAAG,MAAM,CAGlD;AAID,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAEjE;AAKD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;;;;;;;;;;;;;;;;;;EAsBjD;AAGD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMpD"}

package/dist/index.d.ts

@@ -23,6 +23,23 @@ export type { UploadProps, CustomFile, FileWithPreview } from '../upload/types';
 export type { FormProps } from '../Form/index';
 export type { FileItem } from '../upload/preview/MultiFilePreview';
 export type { ExtendFile } from '../file-thumbnail/types';
+export type { AppAutoCompleterProps } from '../Form/AppAutoCompleter';
+export type { AppCheckBoxProps, CheckboxOption } from '../Form/AppCheckBox';
+export type { AppDateTimeInputProps } from '../Form/AppDateAndTimePicker';
+export type { AppDatePickerProps } from '../Form/AppDatePicker';
+export type { AppFormErrorMessageProps } from '../Form/AppFormErrorMessage';
+export type { AppInputFieldProps } from '../Form/AppInputField';
+export type { AppMultiSelectProps, AppSelectOption } from '../Form/AppMultiSelector';
+export type { AppPhoneNoInputProps } from '../Form/AppPhoneNoInput';
+export type { AppRadioGroupProps, RadioOption } from '../Form/AppRadioGroup';
+export type { AppRatingProps } from '../Form/AppRating';
+export type { AppSelectProps } from '../Form/AppSelectInput';
+export type { AppSimpleUploadFileProps } from '../Form/AppSimpleUploadFile';
+export type { AppSwitchProps } from '../Form/AppSwitch';
+export type { AppTagsCreatorProps } from '../Form/AppTagsCreator';
+export type { AppTextAreaProps } from '../Form/AppTextArea';
+export type { AppUploadFileProps } from '../Form/AppUploadFile';
+export type { SubmitButtonProps } from '../Form/SubmitButton';
 export { UploadIllustration } from '../assets/illustrations';
 export * from '../file-thumbnail/types';
 export * from '../file-thumbnail/utils';

package/dist/lib/index.d.ts

@@ -0,0 +1,46 @@
+import '../styles/compiled-tailwind.css';
+import '../styles/PhoneInputCustom.css';
+export { default as Form } from '../Form/index';
+export { default as AppAutoCompleter } from '../Form/AppAutoCompleter';
+export { default as AppCheckBox } from '../Form/AppCheckBox';
+export { default as AppDateAndTimePicker } from '../Form/AppDateAndTimePicker';
+export { default as AppDatePicker } from '../Form/AppDatePicker';
+export { default as AppFormErrorMessage } from '../Form/AppFormErrorMessage';
+export { default as AppInputField } from '../Form/AppInputField';
+export { default as AppMultiSelector } from '../Form/AppMultiSelector';
+export { default as AppPhoneNoInput } from '../Form/AppPhoneNoInput';
+export { default as AppRadioGroup } from '../Form/AppRadioGroup';
+export { default as AppRating } from '../Form/AppRating';
+export { default as AppSelectInput } from '../Form/AppSelectInput';
+export { default as AppSimpleUploadFile } from '../Form/AppSimpleUploadFile';
+export { default as AppSwitch } from '../Form/AppSwitch';
+export { default as AppTagsCreator } from '../Form/AppTagsCreator';
+export { default as AppTextArea } from '../Form/AppTextArea';
+export { default as AppUploadFile } from '../Form/AppUploadFile';
+export { default as SubmitButton } from '../Form/SubmitButton';
+export { Upload, RejectionFiles, MultiFilePreview, SingleFilePreview } from '../upload';
+export type { UploadProps, CustomFile, FileWithPreview } from '../upload/types';
+export type { FormProps } from '../Form/index';
+export type { FileItem } from '../upload/preview/MultiFilePreview';
+export type { ExtendFile } from '../file-thumbnail/types';
+export type { AppAutoCompleterProps } from '../Form/AppAutoCompleter';
+export type { AppCheckBoxProps, CheckboxOption } from '../Form/AppCheckBox';
+export type { AppDateTimeInputProps } from '../Form/AppDateAndTimePicker';
+export type { AppDatePickerProps } from '../Form/AppDatePicker';
+export type { AppFormErrorMessageProps } from '../Form/AppFormErrorMessage';
+export type { AppInputFieldProps } from '../Form/AppInputField';
+export type { AppMultiSelectProps, AppSelectOption } from '../Form/AppMultiSelector';
+export type { AppPhoneNoInputProps } from '../Form/AppPhoneNoInput';
+export type { AppRadioGroupProps, RadioOption } from '../Form/AppRadioGroup';
+export type { AppRatingProps } from '../Form/AppRating';
+export type { AppSelectProps } from '../Form/AppSelectInput';
+export type { AppSimpleUploadFileProps } from '../Form/AppSimpleUploadFile';
+export type { AppSwitchProps } from '../Form/AppSwitch';
+export type { AppTagsCreatorProps } from '../Form/AppTagsCreator';
+export type { AppTextAreaProps } from '../Form/AppTextArea';
+export type { AppUploadFileProps } from '../Form/AppUploadFile';
+export type { SubmitButtonProps } from '../Form/SubmitButton';
+export { UploadIllustration } from '../assets/illustrations';
+export * from '../file-thumbnail/types';
+export * from '../file-thumbnail/utils';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/lib/optional-deps.d.ts

@@ -0,0 +1,13 @@
+declare let AnimatePresence: any;
+declare let motion: any;
+declare let Combobox: any;
+declare let Transition: any;
+declare let ChevronUpDownIcon: any;
+declare let CheckIcon: any;
+declare let ChevronDownIcon: any;
+declare let XMarkIcon: any;
+declare let ChevronUpIcon: any;
+declare let PlusIcon: any;
+declare let ExclamationCircleIcon: any;
+export { AnimatePresence, motion, Combobox, Transition, ChevronUpDownIcon, CheckIcon, ChevronDownIcon, XMarkIcon, ChevronUpIcon, PlusIcon, ExclamationCircleIcon };
+//# sourceMappingURL=optional-deps.d.ts.map

package/dist/lib/optional-deps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"optional-deps.d.ts","sourceRoot":"","sources":["../../src/lib/optional-deps.ts"],"names":[],"mappings":"AAKA,QAAA,IAAI,eAAe,EAAE,GAAqC,CAAC;AAC3D,QAAA,IAAI,MAAM,EAAE,GAIX,CAAC;AAWF,QAAA,IAAI,QAAQ,EAAE,GAAkF,CAAC;AACjG,QAAA,IAAI,UAAU,EAAE,GAAkF,CAAC;AA4BnG,QAAA,IAAI,iBAAiB,EAAE,GAA8C,CAAC;AACtE,QAAA,IAAI,SAAS,EAAE,GAAyC,CAAC;AACzD,QAAA,IAAI,eAAe,EAAE,GAA8C,CAAC;AACpE,QAAA,IAAI,SAAS,EAAE,GAAwC,CAAC;AACxD,QAAA,IAAI,aAAa,EAAE,GAA8C,CAAC;AAClE,QAAA,IAAI,QAAQ,EAAE,GAA0C,CAAC;AACzD,QAAA,IAAI,qBAAqB,EAAE,GAA+F,CAAC;AAe3H,OAAO,EACL,eAAe,EACf,MAAM,EACN,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,SAAS,EACT,aAAa,EACb,QAAQ,EACR,qBAAqB,EACtB,CAAC"}

package/dist/upload/Upload.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { UploadProps } from "./types";
+declare const Upload: React.FC<UploadProps>;
+export default Upload;
+//# sourceMappingURL=Upload.d.ts.map

package/dist/upload/Upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Upload.d.ts","sourceRoot":"","sources":["../../src/upload/Upload.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAuD3C,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+FjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/upload/errors/RejectionFiles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { FileRejection } from "react-dropzone";
+type Props = {
+    fileRejections: readonly FileRejection[];
+};
+export default function RejectionFiles({ fileRejections, }: Props): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=RejectionFiles.d.ts.map

package/dist/upload/errors/RejectionFiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RejectionFiles.d.ts","sourceRoot":"","sources":["../../../src/upload/errors/RejectionFiles.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAKpD,KAAK,KAAK,GAAG;IACX,cAAc,EAAE,SAAS,aAAa,EAAE,CAAC;CAC1C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,cAAc,GACf,EAAE,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAmClC"}

package/dist/upload/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./types";
+export { default as RejectionFiles } from "./errors/RejectionFiles";
+export { default as MultiFilePreview } from "./preview/MultiFilePreview";
+export { default as SingleFilePreview } from "./preview/SingleFilePreview";
+export { default as Upload } from "./Upload";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/upload/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/upload/preview/MultiFilePreview.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { UploadProps } from "../types";
+export interface FileItem extends File {
+    id?: number | string;
+    preview?: string;
+    url?: string;
+    is_private?: boolean;
+    [key: string]: unknown;
+}
+export default function MultiFilePreview({ thumbnail, files, onRemove, className, isClickable, isEditable, onDeleteButtonClick, onPrivacyUpdateClick, }: UploadProps): React.JSX.Element | null;
+//# sourceMappingURL=MultiFilePreview.d.ts.map

package/dist/upload/preview/MultiFilePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiFilePreview.d.ts","sourceRoot":"","sources":["../../../src/upload/preview/MultiFilePreview.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,MAAM,WAAW,QAAS,SAAQ,IAAI;IACpC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAc,EACd,WAAW,EACX,UAAU,EACV,mBAAmB,EACnB,oBAAoB,GACrB,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAgRxC"}

package/dist/upload/preview/SingleFilePreview.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { CustomFile } from "../types";
+type Props = {
+    file: CustomFile | string | null;
+    className?: string;
+};
+export default function SingleFilePreview({ file, className, }: Props): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=SingleFilePreview.d.ts.map

package/dist/upload/preview/SingleFilePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleFilePreview.d.ts","sourceRoot":"","sources":["../../../src/upload/preview/SingleFilePreview.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAI3C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,IAAI,EACJ,SAAc,GACf,EAAE,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAiElC"}

package/dist/upload/types.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import type { DropzoneOptions, FileRejection, DropEvent } from "react-dropzone";
+import type { FileItem } from "./preview/MultiFilePreview";
+export interface CustomFile extends File {
+    path?: string;
+    preview?: string;
+    lastModifiedDate?: Date;
+    url?: string;
+    name: string;
+}
+export interface UploadProps extends Omit<DropzoneOptions, "onDrop"> {
+    error?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    thumbnail?: boolean;
+    isClickable?: boolean;
+    placeholder?: React.ReactNode;
+    helperText?: React.ReactNode;
+    disableMultiple?: boolean;
+    isEditable?: boolean;
+    onDeleteButtonClick?: (file: FileItem) => void;
+    onPrivacyUpdateClick?: (file: FileItem) => void;
+    file?: CustomFile | string | File | null;
+    onDelete?: () => void;
+    files?: (File | string | {
+        name: string;
+        url: string;
+        preview?: string;
+    })[];
+    onUpload?: () => void;
+    onRemove?: (file: CustomFile | string) => void;
+    onRemoveAll?: () => void;
+    onDrop?: <T extends File>(acceptedFiles: T[], fileRejections: FileRejection[], event: DropEvent) => void;
+}
+export interface FileWithPreview extends File {
+    preview?: string;
+    url?: string;
+}
+export declare const isFileWithPreview: (file: unknown) => file is FileWithPreview;
+//# sourceMappingURL=types.d.ts.map

package/dist/upload/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/upload/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAI3D,MAAM,WAAW,UAAW,SAAQ,IAAI;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,IAAI,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC/C,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAEhD,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,KAAK,CAAC,EAAE,CAAC,IAAI,GAAG,MAAM,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAC;IAC5E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,IAAI,EACtB,aAAa,EAAE,CAAC,EAAE,EAClB,cAAc,EAAE,aAAa,EAAE,EAC/B,KAAK,EAAE,SAAS,KACb,IAAI,CAAC;CACX;AAGD,MAAM,WAAW,eAAgB,SAAQ,IAAI;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAGD,eAAO,MAAM,iBAAiB,SAAU,OAAO,4BAE9C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "formik-form-components",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "Lightweight React form components built with Tailwind CSS - customizable, accessible, and ready to use",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -9,9 +9,7 @@
     "*.css"
   ],
   "files": [
-    "dist/index.js",
-    "dist/index.esm.js",
-    "dist/index.d.ts",
+    "dist",
     "README.md"
   ],
   "scripts": {
@@ -50,7 +48,8 @@
     "@heroicons/react": ">=2.0.0",
     "framer-motion": ">=10.0.0",
     "react-dropzone": ">=14.0.0",
-    "react-phone-number-input": ">=3.0.0"
+    "react-phone-number-input": ">=3.0.0",
+    "clsx": ">=2.0.0"
   },
   "dependencies": {
     "formik": "^2.4.9",
@@ -58,7 +57,8 @@
     "@heroicons/react": "^2.2.0",
     "framer-motion": "^12.23.26",
     "react-dropzone": "^14.3.8",
-    "react-phone-number-input": "^3.4.14"
+    "react-phone-number-input": "^3.4.14",
+    "clsx": "^2.1.1"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.8",