formik-form-components 1.0.4 → 1.0.6

package/README.md

@@ -1,135 +1,366 @@
 # Formik Form Components
 
-A collection of reusable form components built with Formik, React, and Tailwind CSS.
+> **Zero-config React form components** with Tailwind CSS and Formik - ready to use out of the box! 
 
-## Features
+A complete, production-ready form component library that requires **zero configuration**. Just install and start building beautiful forms instantly. All Tailwind CSS styles are precompiled and bundled, so you don't need to configure anything.
 
-- 🏗️ Pre-built form components for common use cases
-- 🎨 Styled with Tailwind CSS for easy customization
-- 🚀 Built with TypeScript for type safety
-- 🔄 Seamless integration with Formik
-- 📱 Responsive design
+## ✨ Features
 
-## Installation
+- 🎨 **Zero Configuration** - No Tailwind setup, no config files, just install and use
+- 📦 **Tiny Bundle Size** - Optimized and tree-shakable (stays in KBs, not MBs)
+- 🔥 **18+ Form Components** - Complete form library with all common input types
+- 💅 **Pre-styled with Tailwind** - Beautiful, modern design out of the box
+- 🎯 **Formik Integration** - Seamless integration with Formik for form state management
+- 📱 **Fully Responsive** - Mobile-first design that works on all screen sizes
+- ♿ **Accessible** - WCAG compliant with keyboard navigation support
+- 🔧 **TypeScript Support** - Full TypeScript definitions included
+- 🎭 **Animated** - Smooth animations with Framer Motion
+- 🌐 **International** - Phone input with country codes
+
+## 📦 Installation
 
 ```bash
-npm install formik-form-components
-# or
-yarn add formik-form-components
+npm install @your-org/formik-form-components
 ```
 
-## Peer Dependencies
-
-This package requires the following peer dependencies:
+Or with yarn:
 
-```json
-{
-  "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-  "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-  "formik": "^2.0.0",
-  "@headlessui/react": "^1.0.0 || ^2.0.0",
-  "@heroicons/react": "^1.0.0 || ^2.0.0"
-}
+```bash
+yarn add @your-org/formik-form-components
 ```
 
-## Usage
+## 🚀 Quick Start
 
-### Basic Form Setup
+No configuration needed! Import and use:
 
 ```tsx
-import { Form, AppInputField, SubmitButton } from 'formik-form-components';
-
-const MyForm = () => {
-  const initialValues = {
-    email: '',
-    password: '',
-  };
-
-  const handleSubmit = (values) => {
-    console.log(values);
-  };
+import React from 'react';
+import { Formik, Form } from 'formik';
+import { AppInputField, AppTextArea, SubmitButton } from '@your-org/formik-form-components';
 
+function MyForm() {
   return (
-    <Form
-      initialValues={initialValues}
-      onSubmit={handleSubmit}
-      className="max-w-md mx-auto p-6 bg-white rounded-lg shadow-md"
+    <Formik
+      initialValues={{ name: '', email: '', message: '' }}
+      onSubmit={(values) => console.log(values)}
     >
-      <AppInputField
-        name="email"
-        label="Email"
-        type="email"
-        placeholder="Enter your email"
-        required
-      />
-      <AppInputField
-        name="password"
-        label="Password"
-        type="password"
-        placeholder="Enter your password"
-        required
-      />
-      <SubmitButton className="w-full bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded">
-        Submit
-      </SubmitButton>
-    </Form>
+      <Form>
+        <AppInputField 
+          name="name" 
+          label="Your Name" 
+          placeholder="John Doe"
+          required 
+        />
+        
+        <AppInputField 
+          name="email" 
+          label="Email Address" 
+          type="email"
+          placeholder="john@example.com"
+          required 
+        />
+        
+        <AppTextArea 
+          name="message" 
+          label="Message" 
+          rows={4}
+          placeholder="Your message here..."
+        />
+        
+        <SubmitButton>Submit Form</SubmitButton>
+      </Form>
+    </Formik>
   );
-};
+}
+
+export default MyForm;
 ```
 
-## Available Components
+That's it! No Tailwind setup, no configuration files. Everything just works.
+
+## 📚 Available Components
+
+### Form Components
 
-- **Form** - Wrapper component that sets up Formik context
-- **AppInputField** - Text input field with label and error handling
-- **AppTextArea** - Textarea input field
-- **AppSelectInput** - Dropdown select input
-- **AppCheckBox** - Checkbox input
-- **AppRadioGroup** - Radio button group
+- **AppInputField** - Text, email, password, number inputs with validation
+- **AppTextArea** - Multi-line text input with auto-resize
+- **AppSelectInput** - Dropdown select with search
+- **AppCheckBox** - Single or multiple checkboxes
+- **AppRadioGroup** - Radio button groups
 - **AppSwitch** - Toggle switch
-- **AppDatePicker** - Date picker input
+- **AppDatePicker** - Date picker with calendar
 - **AppDateAndTimePicker** - Combined date and time picker
-- **AppPhoneNoInput** - Phone number input with country code selection
-- **AppRating** - Star rating input
-- **AppTagsCreator** - Tag input with creation
-- **AppMultiSelector** - Multi-select dropdown
+- **AppRating** - Star rating component
+- **AppPhoneNoInput** - International phone number input
+- **AppMultiSelector** - Multi-select dropdown with chips
 - **AppAutoCompleter** - Autocomplete input with suggestions
-- **AppUploadFile** - File upload component
-- **AppSimpleUploadFile** - Simplified file upload
-- **SubmitButton** - Form submit button with loading state
+- **AppTagsCreator** - Create and manage tags
+- **AppUploadFile** - File upload with drag & drop
+- **AppSimpleUploadFile** - Simple file upload
+- **SubmitButton** - Animated submit button with loading state
 
-## Styling
+### Utility Components
 
-Components are styled using Tailwind CSS. You can customize the appearance by:
+- **Form** - Enhanced Formik Form wrapper
+- **Upload** - Advanced file upload with preview
+- **RejectionFiles** - Display file upload errors
 
-1. Overriding the default classes using the `className` prop
-2. Using Tailwind's JIT compiler to customize the theme
-3. Using CSS modules or styled-components for more complex styling needs
+## 🎯 Component Examples
 
-## Development
+### Text Input with Password Toggle
 
-### Installation
+```tsx
+<AppInputField 
+  name="password" 
+  label="Password" 
+  type="password"
+  placeholder="Enter your password"
+  required 
+/>
+```
 
-```bash
-git clone https://github.com/yourusername/formik-form-components.git
-cd formik-form-components
-npm install
+### Phone Number Input
+
+```tsx
+<AppPhoneNoInput 
+  name="phone" 
+  label="Phone Number"
+  placeholder="Enter your phone number"
+  required 
+/>
 ```
 
-### Building
+### Date Picker
 
-```bash
-npm run build
+```tsx
+<AppDatePicker 
+  name="birthdate" 
+  label="Date of Birth"
+  disableFuture 
+/>
 ```
 
-### Testing
+### Multi-Select
 
-```bash
-npm test
-## License
+```tsx
+<AppMultiSelector 
+  name="skills" 
+  label="Your Skills"
+  options={[
+    { label: 'React', value: 'react' },
+    { label: 'TypeScript', value: 'typescript' },
+    { label: 'Node.js', value: 'nodejs' }
+  ]}
+  maxSelections={3}
+  placeholder="Select your skills"
+/>
+```
 
-MIT
+### File Upload with Preview
+
+```tsx
+<AppUploadFile 
+  name="documents" 
+  label="Upload Documents"
+  multiple
+  accept={{ 'image/*': ['.png', '.jpg', '.jpeg'], 'application/pdf': ['.pdf'] }}
+/>
+```
+
+### Radio Group
+
+```tsx
+<AppRadioGroup 
+  name="gender" 
+  label="Gender"
+  options={[
+    { label: 'Male', value: 'male' },
+    { label: 'Female', value: 'female' },
+    { label: 'Other', value: 'other' }
+  ]}
+  required 
+/>
+```
+
+### Rating Component
+
+```tsx
+<AppRating 
+  name="rating" 
+  label="Rate this product"
+  helperText="Your rating helps us improve"
+/>
+```
+
+### Tags Creator
+
+```tsx
+<AppTagsCreator 
+  name="tags" 
+  label="Tags"
+  placeholder="Type and press Enter"
+  options={['React', 'JavaScript', 'CSS']}
+/>
+```
+
+### Autocomplete
+
+```tsx
+<AppAutoCompleter 
+  name="country" 
+  label="Country"
+  placeholder="Search countries..."
+  options={['USA', 'Canada', 'Mexico', 'UK', 'Germany']}
+/>
+```
+
+## 🎨 Styling & Customization
+
+All components come pre-styled with Tailwind CSS. You can customize them by passing a `className` prop:
 
-## Learn More
+```tsx
+<AppInputField 
+  name="email" 
+  label="Email"
+  className="mb-6"
+/>
+
+<SubmitButton className="bg-purple-600 hover:bg-purple-700">
+  Submit
+</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')
+});
+
+<Formik
+  initialValues={{ name: '', email: '', age: '' }}
+  validationSchema={validationSchema}
+  onSubmit={(values) => console.log(values)}
+>
+  <Form>
+    {/* Your form fields */}
+  </Form>
+</Formik>
+```
+
+### Submit Button with Loading State
+
+```tsx
+<Formik
+  initialValues={{ email: '' }}
+  onSubmit={async (values) => {
+    await api.submit(values);
+  }}
+>
+  {({ isSubmitting }) => (
+    <Form>
+      <AppInputField name="email" label="Email" />
+      <SubmitButton loading={isSubmitting}>
+        {isSubmitting ? 'Submitting...' : 'Submit'}
+      </SubmitButton>
+    </Form>
+  )}
+</Formik>
+```
+
+## 🎭 TypeScript Support
+
+Full TypeScript support with type definitions:
 
-You can learn more in the [React documentation](https://reactjs.org/).
+```tsx
+import type { FormProps, UploadProps, CustomFile } from '@your-org/formik-form-components';
+
+// Use types in your components
+const MyForm: React.FC = () => {
+  const handleUpload = (files: CustomFile[]) => {
+    console.log('Uploaded:', files);
+  };
+  
+  return (
+    // Your form here
+  );
+};
 ```
+
+## 📦 What's Included
+
+When you install this package, you get:
+
+✅ **All form components** - 18+ production-ready components  
+✅ **Precompiled Tailwind CSS** - No setup required  
+✅ **TypeScript definitions** - Full type safety  
+✅ **Formik integration** - Built-in form state management  
+✅ **Validation support** - Works with Yup and custom validators  
+✅ **Icons** - Heroicons included  
+✅ **Animations** - Framer Motion for smooth transitions  
+✅ **File upload** - React Dropzone integration  
+✅ **Phone input** - International phone numbers  
+
+## 🤝 Peer Dependencies
+
+This package requires:
+
+- `react` >= 16.8.0
+- `react-dom` >= 16.8.0
+- `formik` >= 2.0.0
+
+These will be installed automatically if not present.
+
+## 🌟 Why This Package?
+
+### Before (Traditional Approach)
+
+1. Install Tailwind CSS
+2. Configure `tailwind.config.js`
+3. Set up PostCSS
+4. Add Tailwind directives to CSS
+5. Configure your build tool
+6. Install form libraries
+7. Build custom form components
+8. Style everything manually
+
+### After (This Package)
+
+1. `npm install @your-org/formik-form-components`
+2. Import and use components
+3. Done! ✨
+
+## 📄 License
+
+MIT
+
+## 🤝 Contributing
+
+Contributions are welcome! Please read our contributing guidelines before submitting PRs.
+
+## 💬 Support
+
+- 📧 Email: support@yourorg.com
+- 🐛 Issues: [GitHub Issues](https://github.com/your-username/formik-form-components/issues)
+- 📖 Docs: [Full Documentation](https://your-docs-site.com)
+
+## 🙏 Acknowledgments
+
+Built with:
+- [React](https://reactjs.org/)
+- [Formik](https://formik.org/)
+- [Tailwind CSS](https://tailwindcss.com/)
+- [Headless UI](https://headlessui.dev/)
+- [Framer Motion](https://www.framer.com/motion/)
+- [React Dropzone](https://react-dropzone.js.org/)
+- [Heroicons](https://heroicons.com/)
+
+---
+
+Made with ❤️ for the React community

package/dist/Form/AppAutoCompleter.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface AppAutoCompleterProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "value" | "onChange"> {
     name: string;
     label: string;

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppAutoCompleter.d.ts","sourceRoot":"","sources":["../../src/Form/AppAutoCompleter.tsx"],"names":[],"mappings":";AAUA,UAAU,qBACR,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,2CAyPvB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppCheckBox.d.ts","sourceRoot":"","sources":["../../src/Form/AppCheckBox.tsx"],"names":[],"mappings":"AAAA,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,UAAU,gBACR,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.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDateAndTimePicker.d.ts","sourceRoot":"","sources":["../../src/Form/AppDateAndTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,UAAU,qBACR,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.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDatePicker.d.ts","sourceRoot":"","sources":["../../src/Form/AppDatePicker.tsx"],"names":[],"mappings":"AAAA,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.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,UAAU,wBACR,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.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppInputField.d.ts","sourceRoot":"","sources":["../../src/Form/AppInputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,kBACR,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.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppMultiSelector.d.ts","sourceRoot":"","sources":["../../src/Form/AppMultiSelector.tsx"],"names":[],"mappings":"AAAA,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,UAAU,mBACR,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.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppPhoneNoInput.d.ts","sourceRoot":"","sources":["../../src/Form/AppPhoneNoInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,gCAAgC,CAAC;AAExC,UAAU,oBACR,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.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppRadioGroup.d.ts","sourceRoot":"","sources":["../../src/Form/AppRadioGroup.tsx"],"names":[],"mappings":"AAAA,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,UAAU,kBACR,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.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppRating.d.ts","sourceRoot":"","sources":["../../src/Form/AppRating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,UAAU,cACR,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.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSelectInput.d.ts","sourceRoot":"","sources":["../../src/Form/AppSelectInput.tsx"],"names":[],"mappings":"AAAA,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.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSimpleUploadFile.d.ts","sourceRoot":"","sources":["../../src/Form/AppSimpleUploadFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAOtC,UAAU,wBACR,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.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSwitch.d.ts","sourceRoot":"","sources":["../../src/Form/AppSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,cACR,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.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppTagsCreator.d.ts","sourceRoot":"","sources":["../../src/Form/AppTagsCreator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAQxE,UAAU,mBACR,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.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppTextArea.d.ts","sourceRoot":"","sources":["../../src/Form/AppTextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,UAAU,gBACR,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

@@ -2,8 +2,8 @@ import React from "react";
 import type { UploadProps } from "../upload";
 export declare const base64toBlob: ({ b64Data, sliceSize, forcedMimeType, }: {
     b64Data: string;
-    sliceSize?: number;
-    forcedMimeType?: string;
+    sliceSize?: number | undefined;
+    forcedMimeType?: string | undefined;
 }) => Blob;
 export declare const blobToBase64: (file: File) => Promise<string>;
 interface AppUploadFileProps extends Omit<UploadProps, "file" | "files" | "disabled"> {

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppUploadFile.d.ts","sourceRoot":"","sources":["../../src/Form/AppUploadFile.tsx"],"names":[],"mappings":"AAAA,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,UAAU,kBACR,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.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../../src/Form/SubmitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,iBACR,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,qDAMf,iBAAiB,KAAG,MAAM,GAAG,QA2C/B,CAAC;AAEF,eAAe,YAAY,CAAC"}

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.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

@@ -1,3 +1,4 @@
+/// <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;

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.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.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.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

@@ -1,25 +1,29 @@
-import "./styles/PhoneInputCustom.css";
-import "./App.css";
-export { default as Form } from "./Form";
-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 * from "./upload";
-export * from "./Form/types";
-export * from "formik";
-import "./index.css";
+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 { UploadIllustration } from '../assets/illustrations';
+export * from '../file-thumbnail/types';
+export * from '../file-thumbnail/utils';
 //# sourceMappingURL=index.d.ts.map