@admin-layout/tailwind-ui 10.0.9-alpha.71

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2017 CDMBase LLC.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,297 @@
+# Tailwind CSS Implementation Guide
+
+## Overview
+
+This document outlines our approach to using Tailwind CSS for component styling across the project. Tailwind provides a utility-first CSS framework that enables rapid UI development with consistent design patterns.
+
+## Documentation Reference
+
+-   [Tailwind CSS Documentation](https://tailwindcss.com/docs)
+-   [Tailwind CSS GitHub](https://github.com/tailwindlabs/tailwindcss)
+
+## Implementation Process
+
+We use Tailwind utility classes directly in our components. This approach provides several benefits:
+
+1. Eliminates the need for custom CSS files
+2. Enables faster development through pre-defined utility classes
+3. Ensures consistent styling across the application
+4. Reduces overall bundle size by removing unnecessary CSS
+
+## Tailwind CSS Implementation Guidelines
+
+Follow these guidelines when implementing components with Tailwind:
+
+1. Use Tailwind utility classes directly in your components
+2. Refer to the Tailwind documentation for available classes
+3. Use Tailwind's responsive prefixes for different screen sizes (sm:, md:, lg:, xl:, 2xl:)
+4. Use Tailwind's state variants (hover:, focus:, active:, etc.)
+5. Group related classes for better readability
+
+## Example Component with Tailwind
+
+```jsx
+<div className="relative flex cursor-pointer hover:bg-blue-600">
+    <a href="/" className="flex">
+        <img src="/logo.png" alt="logo" className="inline-block" />
+        <h1 className="inline-block ml-2 text-xl font-semibold text-gray-800">Application Name</h1>
+    </a>
+</div>
+```
+
+## Common Tailwind Patterns
+
+### Layout Components
+
+```jsx
+// Simple card component
+<div className="p-4 bg-white rounded-lg shadow-md">
+  <h2 className="text-xl font-bold mb-2">Card Title</h2>
+  <p className="text-gray-600">Card content goes here</p>
+</div>
+
+// Flex container with items
+<div className="flex items-center justify-between p-4">
+  <div className="flex-1">Left content</div>
+  <div className="flex-1 text-right">Right content</div>
+</div>
+
+// Grid layout
+<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+  <div className="p-4 bg-white rounded-lg shadow">Item 1</div>
+  <div className="p-4 bg-white rounded-lg shadow">Item 2</div>
+  <div className="p-4 bg-white rounded-lg shadow">Item 3</div>
+</div>
+```
+
+## Testing Components
+
+For testing Tailwind components, consider using these approaches:
+
+1. Visual regression testing with tools like Storybook and Chromatic
+2. Snapshot testing with Jest
+3. Component testing with React Testing Library to ensure proper class application
+
+Example test with React Testing Library:
+
+```jsx
+import { render, screen } from '@testing-library/react';
+import Header from './Header';
+
+test('renders header with correct Tailwind classes', () => {
+    render(<Header />);
+    const logoElement = screen.getByTestId('logo');
+    expect(logoElement).toHaveClass('relative');
+    expect(logoElement).toHaveClass('flex');
+    expect(logoElement).toHaveClass('cursor-pointer');
+});
+```
+
+## Responsive Design with Tailwind
+
+Tailwind makes it easy to create responsive designs using breakpoint prefixes:
+
+```jsx
+<div className="w-full md:w-1/2 lg:w-1/3 p-4">
+    {/* This element will be full width on mobile, 
+      half width on medium screens, 
+      and one-third width on large screens */}
+    <div className="bg-white p-4 rounded shadow">
+        <h2 className="text-lg md:text-xl lg:text-2xl">Responsive Title</h2>
+        <p className="hidden md:block">This text only appears on medium screens and larger</p>
+    </div>
+</div>
+```
+
+## Best Practices
+
+1. **Group related utilities** - Keep related utility classes together for better readability
+2. **Extract component patterns** - For repeated patterns, create reusable components
+3. **Use @apply sparingly** - Only use the @apply directive for truly reusable styles
+4. **Mobile-first approach** - Start with mobile layouts and add responsive variants
+5. **Use custom theme values** - Extend Tailwind's theme with your project-specific values
+
+## Theme Customization
+
+Create a `tailwind.config.js` file to customize colors, spacing, and other design tokens:
+
+```js
+// tailwind.config.js
+module.exports = {
+    theme: {
+        extend: {
+            colors: {
+                primary: {
+                    light: '#4da8ff',
+                    DEFAULT: '#0073e6',
+                    dark: '#005bb8',
+                },
+                // Add more custom colors
+            },
+            spacing: {
+                72: '18rem',
+                84: '21rem',
+                96: '24rem',
+            },
+            // Add other customizations
+        },
+    },
+    // Add plugins or other configurations
+};
+```
+
+## Advanced Tailwind Features
+
+### Dark Mode
+
+Tailwind supports dark mode out of the box. Enable it in your config:
+
+```js
+// tailwind.config.js
+module.exports = {
+    darkMode: 'class', // or 'media' for OS-level preference
+    // ...rest of your config
+};
+```
+
+Then use dark: variant in your components:
+
+```jsx
+<div className="bg-white text-black dark:bg-gray-800 dark:text-white">
+    This component changes appearance in dark mode
+</div>
+```
+
+### Custom Plugins
+
+Extend Tailwind's functionality with plugins for common patterns:
+
+```js
+// tailwind.config.js
+const plugin = require('tailwindcss/plugin');
+
+module.exports = {
+    plugins: [
+        plugin(function ({ addComponents }) {
+            const buttons = {
+                '.btn': {
+                    padding: '.5rem 1rem',
+                    borderRadius: '.25rem',
+                    fontWeight: '600',
+                },
+                '.btn-blue': {
+                    backgroundColor: '#3490dc',
+                    color: '#fff',
+                    '&:hover': {
+                        backgroundColor: '#2779bd',
+                    },
+                },
+            };
+            addComponents(buttons);
+        }),
+    ],
+};
+```
+
+### JIT (Just-In-Time) Mode
+
+Tailwind v3 uses JIT mode by default, which:
+
+-   Only generates the CSS you actually use
+-   Allows for arbitrary values like `w-[327px]`
+-   Provides faster build times
+-   Enables all variants for all utilities
+
+## Common Component Examples
+
+### Button Component
+
+```jsx
+// Primary button
+<button className="px-4 py-2 bg-blue-600 text-white font-medium rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 transition-colors">
+  Submit
+</button>
+
+// Secondary button
+<button className="px-4 py-2 bg-gray-200 text-gray-800 font-medium rounded-md hover:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-opacity-50 transition-colors">
+  Cancel
+</button>
+
+// Disabled button
+<button disabled className="px-4 py-2 bg-gray-300 text-gray-500 font-medium rounded-md cursor-not-allowed">
+  Disabled
+</button>
+```
+
+### Form Input
+
+```jsx
+<div className="mb-4">
+    <label className="block text-gray-700 text-sm font-bold mb-2" htmlFor="username">
+        Username
+    </label>
+    <input
+        className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+        id="username"
+        type="text"
+        placeholder="Username"
+    />
+</div>
+```
+
+### Navigation Bar
+
+```jsx
+<nav className="bg-gray-800">
+    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="flex items-center justify-between h-16">
+            <div className="flex items-center">
+                <div className="flex-shrink-0">
+                    <img className="h-8 w-8" src="/logo.svg" alt="Logo" />
+                </div>
+                <div className="hidden md:block">
+                    <div className="ml-10 flex items-baseline space-x-4">
+                        <a href="#" className="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium">
+                            Dashboard
+                        </a>
+                        <a
+                            href="#"
+                            className="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"
+                        >
+                            Team
+                        </a>
+                        <a
+                            href="#"
+                            className="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"
+                        >
+                            Projects
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</nav>
+```
+
+## Performance Considerations
+
+1. **Purge unused CSS** - Configure purge settings to remove unused classes in production:
+
+```js
+// tailwind.config.js
+module.exports = {
+    content: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
+    // ...rest of your config
+};
+```
+
+2. **Minify CSS in production** - Use cssnano or another minifier in your build process
+3. **Avoid excessive class duplication** - Extract common patterns to component libraries
+
+## Resources
+
+-   [Tailwind CSS Components](https://tailwindui.com/) - Official component library
+-   [Headless UI](https://headlessui.dev/) - Unstyled, accessible UI components
+-   [Tailwind Cheat Sheet](https://nerdcave.com/tailwind-cheat-sheet) - Quick reference
+-   [Tailwind Play](https://play.tailwindcss.com/) - Online playground

package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts

@@ -0,0 +1,2 @@
+export declare const ApplicationErrorHandler: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ApplicationErrorHandler.d.ts.map

package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationErrorHandler.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/ApplicationErrorHandler.tsx"],"names":[],"mappings":"AAwBA,eAAO,MAAM,uBAAuB,yDAGnC,CAAC"}

package/lib/components/ErrorHandlers/ApplicationErrorHandler.js

@@ -0,0 +1,24 @@
+import {jsx}from'react/jsx-runtime';import {ApplicationErrorHandlerCommon}from'@admin-layout/client';import*as React from'react';import {logger}from'@cdm-logger/client';import {useToast}from'../../hooks/useToast.js';const FallbackComponent = ({
+  error
+}) => {
+  const toast = useToast();
+  React.useLayoutEffect(() => {
+    if (process.env.NODE_ENV !== 'production') {
+      toast({
+        position: 'top',
+        title: 'Server Errors. Please try again later...',
+        status: 'error',
+        duration: 9000,
+        isClosable: true
+      });
+    }
+    logger.error('Application Backend Error', error?.payload.message);
+  }, [toast]);
+  return null;
+};
+const ApplicationErrorHandler = props => {
+  const CommonHandler = ApplicationErrorHandlerCommon(FallbackComponent);
+  return jsx(CommonHandler, {
+    ...props
+  });
+};export{ApplicationErrorHandler};//# sourceMappingURL=ApplicationErrorHandler.js.map

package/lib/components/ErrorHandlers/ApplicationErrorHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationErrorHandler.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorHandlers/ErrorBoundary.d.ts

@@ -0,0 +1,2 @@
+export declare const ErrorBoundary: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/lib/components/ErrorHandlers/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/ErrorBoundary.tsx"],"names":[],"mappings":"AAyCA,eAAO,MAAM,aAAa,yDAEzB,CAAC"}

package/lib/components/ErrorHandlers/ErrorBoundary.js

@@ -0,0 +1,48 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {ErrorBoundaryCommon}from'@admin-layout/client';import*as React from'react';import {useNavigate}from'@remix-run/react';import {logger}from'@cdm-logger/client';import {icons}from'../../icons/index.js';const Fallback = props => {
+  const {
+    error
+  } = props;
+  const navigate = useNavigate();
+  const {
+    ExclamationCircleIcon
+  } = icons;
+  React.useEffect(() => {
+    logger.trace(error);
+  }, [error]);
+  return jsxs("div", {
+    className: "flex items-start p-4 rounded-md bg-red-50 border border-red-200",
+    children: [jsx("div", {
+      className: "flex-shrink-0 mr-3 text-red-400",
+      children: jsx(ExclamationCircleIcon, {
+        className: "h-5 w-5"
+      })
+    }), jsxs("div", {
+      className: "flex-1",
+      children: [jsx("h3", {
+        className: "text-lg font-medium text-red-800",
+        children: "Error!"
+      }), jsx("div", {
+        className: "mt-2 text-sm text-red-700",
+        children: error?.message
+      })]
+    }), jsx("button", {
+      className: "ml-4 px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700 transition-colors",
+      onClick: () => {
+        navigate('/');
+        /**
+         * Have to reload the window because the above dispatch will only change the router
+         * but won't refresh due to which we have to call the reload on location
+         * Reference: https://stackoverflow.com/questions/63060387/how-do-i-redirect-within-an-errorboundary
+         */
+        window.location.reload();
+      },
+      children: "Home"
+    })]
+  });
+};
+const ErrorBoundary = props => {
+  return jsx(ErrorBoundaryCommon, {
+    fallbackComponent: Fallback,
+    children: props?.children
+  });
+};export{ErrorBoundary};//# sourceMappingURL=ErrorBoundary.js.map

package/lib/components/ErrorHandlers/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorHandlers/LayoutErrorBoundary.d.ts

@@ -0,0 +1,2 @@
+export declare const LayoutErrorBoundary: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LayoutErrorBoundary.d.ts.map

package/lib/components/ErrorHandlers/LayoutErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/LayoutErrorBoundary.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,mBAAmB,yDAO/B,CAAC"}

package/lib/components/ErrorHandlers/LayoutErrorBoundary.js

@@ -0,0 +1,34 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {ErrorBoundaryCommon}from'@admin-layout/client';import {icons}from'../../icons/index.js';const Fallback = props => {
+  const {
+    error
+  } = props;
+  const {
+    TimesIcon
+  } = icons;
+  return jsxs("div", {
+    className: "flex flex-col items-center justify-center p-8 text-center",
+    children: [jsx("div", {
+      className: "mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-100",
+      children: jsx(TimesIcon, {
+        className: "h-8 w-8 text-red-500"
+      })
+    }), jsx("h2", {
+      className: "mb-2 text-2xl font-bold text-gray-800",
+      children: "Something Went Wrong!"
+    }), jsx("p", {
+      className: "text-gray-600",
+      children: error?.message || 'Unable to identify the cause of this error. Please try again later!'
+    })]
+  });
+};
+const LayoutErrorBoundary = props => {
+  const {
+    children,
+    pathname
+  } = props;
+  return jsx(ErrorBoundaryCommon, {
+    fallbackComponent: Fallback,
+    pathname: pathname,
+    children: children
+  });
+};export{LayoutErrorBoundary};//# sourceMappingURL=LayoutErrorBoundary.js.map

package/lib/components/ErrorHandlers/LayoutErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutErrorBoundary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorHandlers/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ApplicationErrorHandler';
+export * from './ErrorBoundary';
+export * from './LayoutErrorBoundary';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/ErrorHandlers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}

package/lib/components/ErrorPages/403.d.ts

@@ -0,0 +1,2 @@
+export declare const Error403: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=403.d.ts.map

package/lib/components/ErrorPages/403.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"403.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/403.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAuBpB,CAAC"}

package/lib/components/ErrorPages/403.js

@@ -0,0 +1,29 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import assets from'@admin-layout/assets';const Error403 = () => {
+  const navigate = useNavigate();
+  const goBack = () => navigate(-1);
+  return jsx("div", {
+    className: "flex justify-center items-center",
+    children: jsxs("div", {
+      children: [jsx("div", {
+        className: "text-center",
+        children: jsx("h5", {
+          className: "text-2xl font-bold",
+          children: "Error: 403 Forbidden"
+        })
+      }), jsx("div", {
+        className: "mt-10",
+        children: jsx("img", {
+          src: assets['error-403-540x432.png'],
+          alt: "403 Error"
+        })
+      }), jsx("div", {
+        className: "flex justify-center",
+        children: jsx("button", {
+          className: "mt-8 mb-8 w-64 h-20 bg-yellow-400 rounded-full text-white hover:bg-yellow-500 transition-colors",
+          onClick: goBack,
+          children: "Go Home"
+        })
+      })]
+    })
+  });
+};export{Error403};//# sourceMappingURL=403.js.map

package/lib/components/ErrorPages/403.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"403.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorPages/404.d.ts

@@ -0,0 +1,2 @@
+export declare const Error404: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=404.d.ts.map

package/lib/components/ErrorPages/404.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"404.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/404.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAuBpB,CAAC"}

package/lib/components/ErrorPages/404.js

@@ -0,0 +1,29 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import assets from'@admin-layout/assets';const Error404 = () => {
+  const navigate = useNavigate();
+  const goBack = () => navigate(-1);
+  return jsx("div", {
+    className: "flex justify-center items-center",
+    children: jsxs("div", {
+      children: [jsx("div", {
+        className: "text-center",
+        children: jsx("h5", {
+          className: "text-2xl font-bold",
+          children: "Error: 404 Page Not Found"
+        })
+      }), jsx("div", {
+        className: "mt-10",
+        children: jsx("img", {
+          src: assets['error-404-540x432.png'],
+          alt: "404 Error"
+        })
+      }), jsx("div", {
+        className: "flex justify-center",
+        children: jsx("button", {
+          className: "mt-8 mb-8 w-64 h-20 bg-yellow-400 rounded-full text-white hover:bg-yellow-500 transition-colors",
+          onClick: goBack,
+          children: "Go Home"
+        })
+      })]
+    })
+  });
+};export{Error404};//# sourceMappingURL=404.js.map

package/lib/components/ErrorPages/404.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"404.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorPages/500.d.ts

@@ -0,0 +1,2 @@
+export declare const Error500: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=500.d.ts.map

package/lib/components/ErrorPages/500.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"500.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/500.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAuBpB,CAAC"}

package/lib/components/ErrorPages/500.js

@@ -0,0 +1,29 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import assets from'@admin-layout/assets';const Error500 = () => {
+  const navigate = useNavigate();
+  const goBack = () => navigate(-1);
+  return jsx("div", {
+    className: "flex justify-center items-center",
+    children: jsxs("div", {
+      children: [jsx("div", {
+        className: "text-center",
+        children: jsx("h5", {
+          className: "text-2xl font-bold",
+          children: "Error: 500 Unexpected Error"
+        })
+      }), jsx("div", {
+        className: "mt-10",
+        children: jsx("img", {
+          src: assets['error-500-252x475.png'],
+          alt: "500 Error"
+        })
+      }), jsx("div", {
+        className: "flex justify-center",
+        children: jsx("button", {
+          className: "mt-8 mb-8 w-64 h-20 bg-yellow-400 rounded-full text-white hover:bg-yellow-500 transition-colors",
+          onClick: goBack,
+          children: "Go Home"
+        })
+      })]
+    })
+  });
+};export{Error500};//# sourceMappingURL=500.js.map

package/lib/components/ErrorPages/500.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"500.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorPages/index.d.ts

@@ -0,0 +1,4 @@
+export * from './404';
+export * from './500';
+export * from './403';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/ErrorPages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC"}

package/lib/components/OTP/OTPInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { OTPInputProps } from './types';
+export declare const OTPInput: React.FC<OTPInputProps>;
+//# sourceMappingURL=OTPInput.d.ts.map

package/lib/components/OTP/OTPInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../../src/components/OTP/OTPInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAc,MAAM,SAAS,CAAC;AAKpD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwF5C,CAAC"}