sevatech-library 1.0.6 → 1.0.11

package/README.md

@@ -1,23 +1,44 @@
-# SevaTech Library
+## SevaTech Library
 
 [![npm version](https://badge.fury.io/js/sevatech-library.svg)](https://badge.fury.io/js/sevatech-library)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.0+-blue.svg)](https://www.typescriptlang.org/)
-[![Storybook](https://img.shields.io/badge/Storybook-8.6-FF69B4.svg)](https://crispy-adventure-o7l56p4.pages.github.io/?path=/docs/components-switch-switch--docs)
+[![Sevatech library](https://img.shields.io/badge/Storybook-8.6-FF69B4.svg)](https://golden-lotus-core-web.github.io/sevatech-library)
 
-📖 **[View Storybook Documentation](https://crispy-adventure-o7l56p4.pages.github.io/?path=/docs/components-switch-switch--docs)**
+📖 **[View Storybook Documentation](https://golden-lotus-core-web.github.io/sevatech-library)**
 
 A comprehensive, production-ready React component library built with TypeScript, Material-UI, and modern development practices. Designed for scalable web applications with a focus on developer experience, accessibility, and performance.
 
+---
+
 ## ✨ Features
 
-- **TypeScript First**: Full TypeScript support with comprehensive type definitions
-- **Material-UI Integration**: Built on Material-UI v5 with enhanced theming capabilities
-- **Accessible**: WCAG 2.1 compliant components with keyboard navigation and screen reader support
-- **Responsive**: Mobile-first design with responsive breakpoints
-- **Customizable**: Extensive theming and styling options via Material-UI's sx prop
-- **Tree-Shakable**: Optimized bundle size with ES modules and Rollup
-- **Well-Documented**: Comprehensive documentation with live examples
+- **TypeScript First**: Full TypeScript support with comprehensive type definitions.
+- **Material-UI Integration**: Built on Material-UI v5 with enhanced theming capabilities.
+- **Accessible**: WCAG 2.1 compliant components with keyboard navigation and screen reader support.
+- **Responsive**: Mobile-first design with responsive breakpoints.
+- **Customizable**: Extensive theming and styling options via Material-UI `sx` prop.
+- **Tree-Shakable**: Optimized bundle size with ES modules and Rollup.
+- **Well-Documented**: Comprehensive documentation with live examples.
+
+---
+
+## 📚 Table of Contents
+
+- **Installation**
+- **Quick Start**
+- **Components**
+  - **Form Components**
+  - **Layout Components**
+  - **Data Display Components**
+  - **Navigation Components**
+  - **Utility Components**
+- **Development**
+- **Theming**
+- **API Reference**
+- **Contributing**
+- **License**
+- **Support**
 
 ## 📦 Installation
 
@@ -45,6 +66,8 @@ Ensure you have the following peer dependencies installed:
 }
 ```
 
+---
+
 ## 🚀 Quick Start
 
 ```tsx
@@ -58,21 +81,21 @@ function App() {
   return (
     <div style={{ padding: '20px' }}>
       <TextFieldComponent
-        label="Email Address"
+        label='Email Address'
         value={email}
-        onChange={(e) => setEmail(e.target.value)}
-        placeholder="Enter your email"
+        onChange={e => setEmail(e.target.value)}
+        placeholder='Enter your email'
         fullWidth
       />
 
-      <ButtonComponent variant="solid" color="brand" onClick={() => setIsOpen(true)} sx={{ marginTop: 2 }}>
+      <ButtonComponent variant='solid' color='brand' onClick={() => setIsOpen(true)} sx={{ marginTop: 2 }}>
         Open Modal
       </ButtonComponent>
 
       <ModalComponent
         open={isOpen}
         onClose={() => setIsOpen(false)}
-        title="Welcome to SevaTech Library"
+        title='Welcome to SevaTech Library'
         buttonRight={{
           children: 'Get Started',
           onClick: () => setIsOpen(false),
@@ -87,6 +110,8 @@ function App() {
 export default App;
 ```
 
+---
+
 ## 📚 Components
 
 ### Form Components
@@ -114,10 +139,10 @@ import { ButtonComponent } from 'sevatech-library';
 - `variant`: `'solid' | 'outline' | 'ghost' | 'text'`
 - `color`: `'brand' | 'neutral' | 'success' | 'error' | 'warning' | 'info'`
 - `size`: `'sm' | 'md' | 'lg'`
-- `prefixIcon`: Icon name for left side
-- `suffixIcon`: Icon name for right side
-- `loading`: Boolean for loading state
-- `disabled`: Boolean to disable interaction
+- `prefixIcon`: Icon name for left side.
+- `suffixIcon`: Icon name for right side.
+- `loading`: Boolean for loading state.
+- `disabled`: Boolean to disable interaction.
 
 #### Text Field Component
 
@@ -129,30 +154,32 @@ import { TextFieldComponent } from 'sevatech-library';
 const [value, setValue] = useState('');
 
 <TextFieldComponent
-  label="Email Address"
-  placeholder="Enter your email"
+  label='Email Address'
+  placeholder='Enter your email'
   value={value}
-  onChange={(e) => setValue(e.target.value)}
+  onChange={e => setValue(e.target.value)}
   error={!isValidEmail(value)}
-  errorMessage="Please enter a valid email address"
+  errorMessage='Please enter a valid email address'
   success={isValidEmail(value) && value.length > 0}
-  successMessage="Email address is valid"
+  successMessage='Email address is valid'
   fullWidth
 />;
 ```
 
 **Props:**
 
-- `label`: Input label text
-- `placeholder`: Placeholder text
-- `value`: Controlled value
-- `onChange`: Change handler
-- `error`: Boolean for error state
-- `errorMessage`: Error message text
-- `success`: Boolean for success state
-- `successMessage`: Success message text
-- `disabled`: Boolean to disable input
-- `fullWidth`: Boolean for full width
+- `label`: Input label text.
+- `placeholder`: Placeholder text.
+- `value`: Controlled value.
+- `onChange`: Change handler.
+- `error`: Boolean for error state.
+- `errorMessage`: Error message text.
+- `success`: Boolean for success state.
+- `successMessage`: Success message text.
+- `disabled`: Boolean to disable input.
+- `fullWidth`: Boolean for full width.
+
+---
 
 #### Text Area Component
 
@@ -164,15 +191,17 @@ import { TextAreaComponent } from 'sevatech-library';
 const [description, setDescription] = useState('');
 
 <TextAreaComponent
-  label="Description"
-  placeholder="Enter detailed description..."
+  label='Description'
+  placeholder='Enter detailed description...'
   value={description}
-  onChange={(e) => setDescription(e.target.value)}
+  onChange={e => setDescription(e.target.value)}
   rows={4}
   fullWidth
 />;
 ```
 
+---
+
 #### Checkbox Component
 
 Custom-styled checkbox with label support.
@@ -183,12 +212,14 @@ import { CheckboxComponent } from 'sevatech-library';
 const [agreed, setAgreed] = useState(false);
 
 <CheckboxComponent
-  label="I agree to the Terms and Conditions"
+  label='I agree to the Terms and Conditions'
   checked={agreed}
-  onChange={(e) => setAgreed(e.target.checked)}
+  onChange={e => setAgreed(e.target.checked)}
 />;
 ```
 
+---
+
 #### Switch Component
 
 Toggle switch with smooth animations.
@@ -199,12 +230,14 @@ import { SwitchComponent } from 'sevatech-library';
 const [notifications, setNotifications] = useState(true);
 
 <SwitchComponent
-  label="Enable notifications"
+  label='Enable notifications'
   checked={notifications}
-  onChange={(e) => setNotifications(e.target.checked)}
+  onChange={e => setNotifications(e.target.checked)}
 />;
 ```
 
+---
+
 #### Dropdown Field Component
 
 Select dropdown with search and multi-select capabilities.
@@ -219,7 +252,7 @@ const options = [
 ];
 
 <DropdownFieldComponent
-  label="Select Option"
+  label='Select Option'
   options={options}
   value={selectedValue}
   onChange={setSelectedValue}
@@ -227,6 +260,8 @@ const options = [
 />;
 ```
 
+---
+
 #### Search Field Component
 
 Debounced search input with clear functionality.
@@ -237,14 +272,16 @@ import { SearchFieldComponent } from 'sevatech-library';
 const [searchTerm, setSearchTerm] = useState('');
 
 <SearchFieldComponent
-  placeholder="Search..."
+  placeholder='Search...'
   value={searchTerm}
-  onChange={(e) => setSearchTerm(e.target.value)}
-  onSearch={(term) => performSearch(term)}
+  onChange={e => setSearchTerm(e.target.value)}
+  onSearch={term => performSearch(term)}
   debounceMs={300}
 />;
 ```
 
+---
+
 #### Date Field Component
 
 Date picker with customizable format and locale support.
@@ -256,13 +293,15 @@ import dayjs from 'dayjs';
 const [selectedDate, setSelectedDate] = useState(dayjs());
 
 <DateFieldComponent
-  label="Select Date"
+  label='Select Date'
   value={selectedDate}
-  onChange={(date) => setSelectedDate(date)}
-  format="DD/MM/YYYY"
+  onChange={date => setSelectedDate(date)}
+  format='DD/MM/YYYY'
 />;
 ```
 
+---
+
 #### Money Field Component
 
 Currency input with automatic formatting.
@@ -272,9 +311,11 @@ import { MoneyFieldComponent } from 'sevatech-library';
 
 const [price, setPrice] = useState('');
 
-<MoneyFieldComponent label="Price" value={price} onChange={setPrice} currency="USD" locale="en-US" />;
+<MoneyFieldComponent label='Price' value={price} onChange={setPrice} currency='USD' locale='en-US' />;
 ```
 
+---
+
 ### Layout Components
 
 #### Modal Component
@@ -287,7 +328,7 @@ import { ModalComponent } from 'sevatech-library';
 <ModalComponent
   open={isOpen}
   onClose={() => setIsOpen(false)}
-  title="Confirm Action"
+  title='Confirm Action'
   buttonLeft={{ children: 'Cancel' }}
   buttonRight={{
     children: 'Confirm',
@@ -299,6 +340,8 @@ import { ModalComponent } from 'sevatech-library';
 </ModalComponent>;
 ```
 
+---
+
 #### Tabs Component
 
 Animated tabbed interface with icon support.
@@ -315,6 +358,8 @@ const tabs = [
 <TabsComponent tabs={tabs} idSelect={activeTab} onChange={setActiveTab} />;
 ```
 
+---
+
 #### Grid Component
 
 Responsive grid system based on Material-UI's Grid.
@@ -335,6 +380,8 @@ import { Grid } from 'sevatech-library';
 </Grid>;
 ```
 
+---
+
 ### Data Display Components
 
 #### Avatar Component
@@ -357,6 +404,8 @@ import { AvatarComponent } from 'sevatech-library';
 />
 ```
 
+---
+
 #### Avatar Group Component
 
 Grouped avatars with overflow indicators.
@@ -373,6 +422,8 @@ const avatars = [
 <AvatarGroupComponent avatars={avatars} maxDisplay={3} />;
 ```
 
+---
+
 #### Chip Component
 
 Compact information display with optional delete action.
@@ -388,6 +439,8 @@ import { ChipComponent } from 'sevatech-library';
 />
 ```
 
+---
+
 #### Typography Component
 
 Text styling with semantic variants.
@@ -404,9 +457,11 @@ import { TypographyComponent } from 'sevatech-library';
 </TypographyComponent>
 ```
 
+---
+
 ### Navigation Components
 
-#### BreadCumbs Component
+#### Breadcrumbs Component
 
 Breadcrumb navigation with customizable separators.
 
@@ -422,6 +477,8 @@ const breadcrumbs = [
 <BreadCumbsComponent items={breadcrumbs} />;
 ```
 
+---
+
 #### Link Element
 
 Styled navigation link with external link support.
@@ -435,6 +492,8 @@ import { LinkElement } from 'sevatech-library';
 </LinkElement>
 ```
 
+---
+
 ### Utility Components
 
 #### Icon Element
@@ -449,6 +508,8 @@ import { IconElement } from 'sevatech-library';
 <IconElement icon="favorite" sx={{ color: 'red' }} />
 ```
 
+---
+
 #### Image Element
 
 Optimized image component with lazy loading and fallbacks.
@@ -457,12 +518,14 @@ Optimized image component with lazy loading and fallbacks.
 import { ImageElement } from 'sevatech-library';
 
 <ImageElement
-  url="https://example.com/image.jpg"
-  alt="Example image"
+  url='https://example.com/image.jpg'
+  alt='Example image'
   sx={{ borderRadius: 2, width: 200, height: 150 }}
 />;
 ```
 
+---
+
 #### Uploader Component
 
 File upload with drag-and-drop and progress tracking.
@@ -471,14 +534,16 @@ File upload with drag-and-drop and progress tracking.
 import { UploaderComponent } from 'sevatech-library';
 
 <UploaderComponent
-  onFilesSelected={(files) => {
+  onFilesSelected={files => {
     console.log('Selected files:', files);
   }}
-  accept=".jpg,.png,.pdf"
+  accept='.jpg,.png,.pdf'
   maxSize={5 * 1024 * 1024} // 5MB
 />;
 ```
 
+---
+
 ## 🛠️ Development
 
 ### Prerequisites
@@ -491,7 +556,7 @@ import { UploaderComponent } from 'sevatech-library';
 1. Clone the repository:
 
 ```bash
-git clone https://github.com/your-username/sevatech-library.git
+git clone https://github.com/golden-lotus-core-web/sevatech-library.git
 cd sevatech-library
 ```
 
@@ -504,7 +569,7 @@ npm install
 ### Available Scripts
 
 ```bash
-# Start development server (Vite - super fast HMR)
+# Start development server (Vite with fast HMR)
 npm run dev
 
 # Build for production (Vite)
@@ -529,13 +594,15 @@ npm run types
 
 ### Component Development Guidelines
 
-1. **TypeScript**: All components must be written in TypeScript with proper type definitions
-2. **Accessibility**: Follow WCAG 2.1 guidelines and use semantic HTML
-3. **Responsive Design**: Ensure components work across all device sizes
-4. **Material-UI Integration**: Leverage Material-UI's theming and styling system
-5. **Performance**: Optimize for bundle size and runtime performance
-6. **Testing**: Include unit tests for all components
-7. **Documentation**: Maintain up-to-date documentation and examples
+1. **TypeScript**: All components must be written in TypeScript with proper type definitions.
+2. **Accessibility**: Follow WCAG 2.1 guidelines and use semantic HTML.
+3. **Responsive Design**: Ensure components work across all device sizes.
+4. **Material-UI Integration**: Leverage Material-UI's theming and styling system.
+5. **Performance**: Optimize for bundle size and runtime performance.
+6. **Testing**: Include unit tests for all components.
+7. **Documentation**: Maintain up-to-date documentation and examples.
+
+---
 
 ## 🎨 Theming
 
@@ -573,7 +640,7 @@ const theme = createTheme({
 function App() {
   return (
     <ThemeProvider theme={theme}>
-      <ButtonComponent variant="solid" color="brand">
+      <ButtonComponent variant='solid' color='brand'>
         Themed Button
       </ButtonComponent>
     </ThemeProvider>
@@ -598,6 +665,8 @@ const theme = createTheme({
 });
 ```
 
+---
+
 ## 📖 API Reference
 
 ### Common Props
@@ -614,7 +683,9 @@ All components support these standard props:
 
 ### Component-Specific Props
 
-Refer to individual component documentation above for detailed prop tables.
+Refer to individual component documentation above (and Storybook) for detailed prop tables.
+
+---
 
 ## 🤝 Contributing
 
@@ -630,11 +701,13 @@ We welcome contributions! Please follow these steps:
 
 ### Development Workflow
 
-- Follow the existing code style and conventions
-- Write comprehensive tests for new features
-- Update documentation for any API changes
-- Ensure TypeScript compilation passes
-- Test components across different browsers and devices
+- Follow the existing code style and conventions.
+- Write comprehensive tests for new features.
+- Update documentation for any API changes.
+- Ensure TypeScript compilation passes.
+- Test components across different browsers and devices.
+
+---
 
 ## 📄 License
 
@@ -642,10 +715,10 @@ This project is licensed under the MIT License - see the [LICENSE](LICENSE) file
 
 ## 📞 Support
 
-- 📧 Email:
-- 🐛 Issues: [GitHub Issues](https://github.com/your-username/sevatech-library/issues)
-- 📚 Documentation: [Full Documentation](https://github.com/golden-lotus-core-web/sevatech-library)
+- **Email**: _Coming soon_
+- **Issues**: [GitHub Issues](https://github.com/golden-lotus-core-web/sevatech-library/issues)
+- **Documentation**: [Full Documentation](https://github.com/golden-lotus-core-web/sevatech-library)
 
 ---
 
-Built with ❤️ by the SevaTech team
+Built with ❤️ by the **SevaTech** team

package/dist/components/avatar/avatar-group.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 import { SxProps, Theme } from '@mui/material';
 import { AvatarSize } from './avatar.constant';
 import { AvatarData } from './avatar.interface';

package/dist/components/avatar/avatar-label-group.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 import { SxProps, Theme } from '@mui/material';
 import { AvatarComponentProps } from './avatar.interface';
 interface AvatarLabelGroupProps extends AvatarComponentProps {

package/dist/components/avatar/avatar-profile.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 import { AvatarComponentProps } from './avatar.interface';
 declare const AvatarProfileComponent: React.FC<AvatarComponentProps>;
 export { AvatarProfileComponent };

package/dist/components/avatar/avatar-user.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 import { AvatarProps } from '@mui/material';
 interface AvatarUserProps extends Omit<AvatarProps, 'children'> {
     title?: string;

package/dist/components/avatar/avatar.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 import { AvatarSize } from './avatar.constant';
 import { AvatarComponentProps } from './avatar.interface';
 export declare const BadgeLive: ({ text, size }: {

package/dist/components/bread-crumbs/bread-crumbs.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 import { SxProps, Theme } from '@mui/material';
 interface BreadcrumbItem {
     id: string;

package/dist/components/button/button-bar.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode, CSSProperties } from 'react';
+import React, { ReactNode, CSSProperties } from 'react';
 type Layout = 'horizontal' | 'vertical';
 interface ButtonBarProps {
     /** Layout: 'horizontal' (ngang) hoặc 'vertical' (dọc) */

package/dist/components/button/button.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode, CSSProperties } from 'react';
+import React, { ReactNode, CSSProperties } from 'react';
 import { ButtonProps as MuiButtonProps } from '@mui/material';
 import { Variant, Color, Size } from './button.constants';
 export interface ButtonProps extends Omit<MuiButtonProps, 'variant' | 'color' | 'size' | 'prefix' | 'suffix'> {

package/dist/components/checkbox/checkbox-content.component.d.ts

@@ -1,5 +1,5 @@
 import { SxProps, Theme } from '@mui/material';
-import { default as React } from 'react';
+import React from 'react';
 import { CheckboxIconType, CheckboxShape, CheckboxSize, CheckboxVariant } from './checkbox.component';
 export interface CheckboxContentProps {
     checked?: boolean;

package/dist/components/checkbox/checkbox.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 import { SxProps, Theme } from '@mui/material';
 export type CheckboxShape = 'square' | 'circle';
 export type CheckboxSize = 'small' | 'medium';

package/dist/components/chip/chip.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import { SxProps, Theme } from '@mui/material';
 interface ChipProps {
     label: string | React.ReactNode;

package/dist/components/date-field/date-field.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-field.component.d.ts","sourceRoot":"","sources":["../../../src/components/date-field/date-field.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,OAAO,EAAE,KAAK,EAAc,MAAM,eAAe,CAAC;AAIhE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAIrC,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,kBAAkB,GAAI,2KAiBzB,cAAc,4CAoGhB,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"date-field.component.d.ts","sourceRoot":"","sources":["../../../src/components/date-field/date-field.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,OAAO,EAAE,KAAK,EAAc,MAAM,eAAe,CAAC;AAIhE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAIrC,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,kBAAkB,GAAI,2KAiBzB,cAAc,4CAsGhB,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/date-field/date-range-picker.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.component.d.ts","sourceRoot":"","sources":["../../../src/components/date-field/date-range-picker.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,OAAO,EAAE,KAAK,EAAc,MAAM,eAAe,CAAC;AAIhE,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAGpD,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,wBAAwB,GAAI,2LAmB/B,oBAAoB,4CA6KtB,CAAC;AAEF,OAAO,EAAE,wBAAwB,EAAE,CAAC"}
+{"version":3,"file":"date-range-picker.component.d.ts","sourceRoot":"","sources":["../../../src/components/date-field/date-range-picker.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,OAAO,EAAE,KAAK,EAAc,MAAM,eAAe,CAAC;AAIhE,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAGpD,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,wBAAwB,GAAI,2LAmB/B,oBAAoB,4CA+KtB,CAAC;AAEF,OAAO,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/components/grid/grid.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 import { SxProps, Theme } from '@mui/material';
 interface GridComponentProps {
     content?: string;

package/dist/components/icon/icon.element.d.ts

@@ -1,5 +1,6 @@
-import { IconProps, SxProps, Theme } from '@mui/material';
-import { default as React } from 'react';
+import '@fontsource/material-symbols-rounded';
+import { type IconProps, type SxProps, type Theme } from '@mui/material';
+import React from 'react';
 export interface IconElementProps extends IconProps {
     icon?: any;
     size?: 'large' | 'small' | 'medium';

package/dist/components/icon/icon.element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.element.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.element.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,eAAe,CAAC;AACzF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACb,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyClD,CAAC"}
+{"version":3,"file":"icon.element.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.element.tsx"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAE9C,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,eAAe,CAAC;AACzF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACb,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyClD,CAAC"}

package/dist/components/image/image.element.d.ts

@@ -1,6 +1,6 @@
-import { default as React, CSSProperties, MouseEventHandler } from 'react';
+import React, { CSSProperties, MouseEventHandler } from 'react';
 import { ImageSizeType } from './image.enum';
-import { SizeProps } from '../../constants';
+import { SizeProps } from '@/constants';
 export interface ImageElementProps {
     url: string;
     onClick?: MouseEventHandler<HTMLImageElement>;

package/dist/components/input-stepper/input-stepper-skeleton.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 import { ShapeType, Orientation } from './input-stepper.constant';
 interface InputStepperSkeletonProps {
     orientation: Orientation;