sevatech-library 1.0.4 → 1.0.6

package/README.md

@@ -1,8 +1,11 @@
 # SevaTech Library
 
-[![npm version](https://badge.fury.io/js/SevaTech-library.svg)](https://badge.fury.io/js/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)
+
+📖 **[View Storybook Documentation](https://crispy-adventure-o7l56p4.pages.github.io/?path=/docs/components-switch-switch--docs)**
 
 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.
 
@@ -46,7 +49,7 @@ Ensure you have the following peer dependencies installed:
 
 ```tsx
 import React, { useState } from 'react';
-import { ButtonComponent, TextFieldComponent, ModalComponent } from 'SevaTech-library';
+import { ButtonComponent, TextFieldComponent, ModalComponent } from 'sevatech-library';
 
 function App() {
   const [email, setEmail] = useState('');
@@ -62,12 +65,7 @@ function App() {
         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>
 
@@ -77,7 +75,7 @@ function App() {
         title="Welcome to SevaTech Library"
         buttonRight={{
           children: 'Get Started',
-          onClick: () => setIsOpen(false)
+          onClick: () => setIsOpen(false),
         }}
       >
         <p>Start building amazing user interfaces with our comprehensive component library.</p>
@@ -98,7 +96,7 @@ export default App;
 A versatile button component supporting multiple variants, colors, sizes, and icon integration.
 
 ```tsx
-import { ButtonComponent } from 'SevaTech-library';
+import { ButtonComponent } from 'sevatech-library';
 
 // Basic usage
 <ButtonComponent variant="solid" color="brand" onClick={handleClick}>
@@ -112,6 +110,7 @@ import { ButtonComponent } from 'SevaTech-library';
 ```
 
 **Props:**
+
 - `variant`: `'solid' | 'outline' | 'ghost' | 'text'`
 - `color`: `'brand' | 'neutral' | 'success' | 'error' | 'warning' | 'info'`
 - `size`: `'sm' | 'md' | 'lg'`
@@ -125,7 +124,7 @@ import { ButtonComponent } from 'SevaTech-library';
 Advanced input field with validation states, icons, and accessibility features.
 
 ```tsx
-import { TextFieldComponent } from 'SevaTech-library';
+import { TextFieldComponent } from 'sevatech-library';
 
 const [value, setValue] = useState('');
 
@@ -139,10 +138,11 @@ const [value, setValue] = useState('');
   success={isValidEmail(value) && value.length > 0}
   successMessage="Email address is valid"
   fullWidth
-/>
+/>;
 ```
 
 **Props:**
+
 - `label`: Input label text
 - `placeholder`: Placeholder text
 - `value`: Controlled value
@@ -159,7 +159,7 @@ const [value, setValue] = useState('');
 Multi-line text input with customizable rows and validation.
 
 ```tsx
-import { TextAreaComponent } from 'SevaTech-library';
+import { TextAreaComponent } from 'sevatech-library';
 
 const [description, setDescription] = useState('');
 
@@ -170,7 +170,7 @@ const [description, setDescription] = useState('');
   onChange={(e) => setDescription(e.target.value)}
   rows={4}
   fullWidth
-/>
+/>;
 ```
 
 #### Checkbox Component
@@ -178,7 +178,7 @@ const [description, setDescription] = useState('');
 Custom-styled checkbox with label support.
 
 ```tsx
-import { CheckboxComponent } from 'SevaTech-library';
+import { CheckboxComponent } from 'sevatech-library';
 
 const [agreed, setAgreed] = useState(false);
 
@@ -186,7 +186,7 @@ const [agreed, setAgreed] = useState(false);
   label="I agree to the Terms and Conditions"
   checked={agreed}
   onChange={(e) => setAgreed(e.target.checked)}
-/>
+/>;
 ```
 
 #### Switch Component
@@ -194,7 +194,7 @@ const [agreed, setAgreed] = useState(false);
 Toggle switch with smooth animations.
 
 ```tsx
-import { SwitchComponent } from 'SevaTech-library';
+import { SwitchComponent } from 'sevatech-library';
 
 const [notifications, setNotifications] = useState(true);
 
@@ -202,7 +202,7 @@ const [notifications, setNotifications] = useState(true);
   label="Enable notifications"
   checked={notifications}
   onChange={(e) => setNotifications(e.target.checked)}
-/>
+/>;
 ```
 
 #### Dropdown Field Component
@@ -210,12 +210,12 @@ const [notifications, setNotifications] = useState(true);
 Select dropdown with search and multi-select capabilities.
 
 ```tsx
-import { DropdownFieldComponent } from 'SevaTech-library';
+import { DropdownFieldComponent } from 'sevatech-library';
 
 const options = [
   { label: 'Option 1', value: '1' },
   { label: 'Option 2', value: '2' },
-  { label: 'Option 3', value: '3' }
+  { label: 'Option 3', value: '3' },
 ];
 
 <DropdownFieldComponent
@@ -224,7 +224,7 @@ const options = [
   value={selectedValue}
   onChange={setSelectedValue}
   searchable
-/>
+/>;
 ```
 
 #### Search Field Component
@@ -232,7 +232,7 @@ const options = [
 Debounced search input with clear functionality.
 
 ```tsx
-import { SearchFieldComponent } from 'SevaTech-library';
+import { SearchFieldComponent } from 'sevatech-library';
 
 const [searchTerm, setSearchTerm] = useState('');
 
@@ -242,7 +242,7 @@ const [searchTerm, setSearchTerm] = useState('');
   onChange={(e) => setSearchTerm(e.target.value)}
   onSearch={(term) => performSearch(term)}
   debounceMs={300}
-/>
+/>;
 ```
 
 #### Date Field Component
@@ -250,7 +250,7 @@ const [searchTerm, setSearchTerm] = useState('');
 Date picker with customizable format and locale support.
 
 ```tsx
-import { DateFieldComponent } from 'SevaTech-library';
+import { DateFieldComponent } from 'sevatech-library';
 import dayjs from 'dayjs';
 
 const [selectedDate, setSelectedDate] = useState(dayjs());
@@ -260,7 +260,7 @@ const [selectedDate, setSelectedDate] = useState(dayjs());
   value={selectedDate}
   onChange={(date) => setSelectedDate(date)}
   format="DD/MM/YYYY"
-/>
+/>;
 ```
 
 #### Money Field Component
@@ -268,17 +268,11 @@ const [selectedDate, setSelectedDate] = useState(dayjs());
 Currency input with automatic formatting.
 
 ```tsx
-import { MoneyFieldComponent } from 'SevaTech-library';
+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
@@ -288,7 +282,7 @@ const [price, setPrice] = useState('');
 Flexible modal dialog with customizable actions and content.
 
 ```tsx
-import { ModalComponent } from 'SevaTech-library';
+import { ModalComponent } from 'sevatech-library';
 
 <ModalComponent
   open={isOpen}
@@ -298,11 +292,11 @@ import { ModalComponent } from 'SevaTech-library';
   buttonRight={{
     children: 'Confirm',
     color: 'brand',
-    onClick: handleConfirm
+    onClick: handleConfirm,
   }}
 >
   <p>Are you sure you want to proceed with this action?</p>
-</ModalComponent>
+</ModalComponent>;
 ```
 
 #### Tabs Component
@@ -310,19 +304,15 @@ import { ModalComponent } from 'SevaTech-library';
 Animated tabbed interface with icon support.
 
 ```tsx
-import { TabsComponent } from 'SevaTech-library';
+import { TabsComponent } from 'sevatech-library';
 
 const tabs = [
   { id: 'tab1', name: 'Home', icon: 'home' },
   { id: 'tab2', name: 'Settings', icon: 'settings' },
-  { id: 'tab3', name: 'Info', icon: 'info' }
+  { id: 'tab3', name: 'Info', icon: 'info' },
 ];
 
-<TabsComponent
-  tabs={tabs}
-  idSelect={activeTab}
-  onChange={setActiveTab}
-/>
+<TabsComponent tabs={tabs} idSelect={activeTab} onChange={setActiveTab} />;
 ```
 
 #### Grid Component
@@ -330,7 +320,7 @@ const tabs = [
 Responsive grid system based on Material-UI's Grid.
 
 ```tsx
-import { Grid } from 'SevaTech-library';
+import { Grid } from 'sevatech-library';
 
 <Grid container spacing={2}>
   <Grid item xs={12} sm={6} md={4}>
@@ -342,7 +332,7 @@ import { Grid } from 'SevaTech-library';
   <Grid item xs={12} sm={6} md={4}>
     <div>Column 3</div>
   </Grid>
-</Grid>
+</Grid>;
 ```
 
 ### Data Display Components
@@ -352,7 +342,7 @@ import { Grid } from 'SevaTech-library';
 User avatar with image and fallback support.
 
 ```tsx
-import { AvatarComponent } from 'SevaTech-library';
+import { AvatarComponent } from 'sevatech-library';
 
 <AvatarComponent
   url="https://example.com/avatar.jpg"
@@ -372,18 +362,15 @@ import { AvatarComponent } from 'SevaTech-library';
 Grouped avatars with overflow indicators.
 
 ```tsx
-import { AvatarGroupComponent } from 'SevaTech-library';
+import { AvatarGroupComponent } from 'sevatech-library';
 
 const avatars = [
   { id: '1', url: 'avatar1.jpg', name: 'User 1' },
   { id: '2', url: 'avatar2.jpg', name: 'User 2' },
-  { id: '3', url: 'avatar3.jpg', name: 'User 3' }
+  { id: '3', url: 'avatar3.jpg', name: 'User 3' },
 ];
 
-<AvatarGroupComponent
-  avatars={avatars}
-  maxDisplay={3}
-/>
+<AvatarGroupComponent avatars={avatars} maxDisplay={3} />;
 ```
 
 #### Chip Component
@@ -391,7 +378,7 @@ const avatars = [
 Compact information display with optional delete action.
 
 ```tsx
-import { ChipComponent } from 'SevaTech-library';
+import { ChipComponent } from 'sevatech-library';
 
 <ChipComponent label="New" color="success" />
 <ChipComponent label="Important" color="error" variant="outlined" />
@@ -406,7 +393,7 @@ import { ChipComponent } from 'SevaTech-library';
 Text styling with semantic variants.
 
 ```tsx
-import { TypographyComponent } from 'SevaTech-library';
+import { TypographyComponent } from 'sevatech-library';
 
 <TypographyComponent variant="h1">Main Heading</TypographyComponent>
 <TypographyComponent variant="body1">
@@ -424,15 +411,15 @@ import { TypographyComponent } from 'SevaTech-library';
 Breadcrumb navigation with customizable separators.
 
 ```tsx
-import { BreadCumbsComponent } from 'SevaTech-library';
+import { BreadCumbsComponent } from 'sevatech-library';
 
 const breadcrumbs = [
   { label: 'Home', href: '/' },
   { label: 'Products', href: '/products' },
-  { label: 'Category', href: '/products/category' }
+  { label: 'Category', href: '/products/category' },
 ];
 
-<BreadCumbsComponent items={breadcrumbs} />
+<BreadCumbsComponent items={breadcrumbs} />;
 ```
 
 #### Link Element
@@ -440,7 +427,7 @@ const breadcrumbs = [
 Styled navigation link with external link support.
 
 ```tsx
-import { LinkElement } from 'SevaTech-library';
+import { LinkElement } from 'sevatech-library';
 
 <LinkElement href="/dashboard">Go to Dashboard</LinkElement>
 <LinkElement href="https://example.com" external>
@@ -455,7 +442,7 @@ import { LinkElement } from 'SevaTech-library';
 Material Icons integration with size and color options.
 
 ```tsx
-import { IconElement } from 'SevaTech-library';
+import { IconElement } from 'sevatech-library';
 
 <IconElement icon="home" />
 <IconElement icon="search" size="large" />
@@ -467,13 +454,13 @@ import { IconElement } from 'SevaTech-library';
 Optimized image component with lazy loading and fallbacks.
 
 ```tsx
-import { ImageElement } from 'SevaTech-library';
+import { ImageElement } from 'sevatech-library';
 
 <ImageElement
   url="https://example.com/image.jpg"
   alt="Example image"
   sx={{ borderRadius: 2, width: 200, height: 150 }}
-/>
+/>;
 ```
 
 #### Uploader Component
@@ -481,7 +468,7 @@ import { ImageElement } from 'SevaTech-library';
 File upload with drag-and-drop and progress tracking.
 
 ```tsx
-import { UploaderComponent } from 'SevaTech-library';
+import { UploaderComponent } from 'sevatech-library';
 
 <UploaderComponent
   onFilesSelected={(files) => {
@@ -489,7 +476,7 @@ import { UploaderComponent } from 'SevaTech-library';
   }}
   accept=".jpg,.png,.pdf"
   maxSize={5 * 1024 * 1024} // 5MB
-/>
+/>;
 ```
 
 ## 🛠️ Development
@@ -502,12 +489,14 @@ import { UploaderComponent } from 'SevaTech-library';
 ### Setup
 
 1. Clone the repository:
+
 ```bash
 git clone https://github.com/your-username/sevatech-library.git
 cd sevatech-library
 ```
 
 2. Install dependencies:
+
 ```bash
 npm install
 ```
@@ -515,19 +504,26 @@ npm install
 ### Available Scripts
 
 ```bash
-# Start development server
+# Start development server (Vite - super fast HMR)
 npm run dev
 
-# Build for production
+# Build for production (Vite)
 npm run build
 
-# Run tests
-npm run test
+# Build with Rollup (legacy)
+npm run build:rollup
+
+# Run Storybook
+npm run storybook
+
+# Build Storybook
+npm run build-storybook
 
 # Run linting
 npm run lint
 
-# Generate TypeScript declarations
+# Format code
+npm run format
 npm run types
 ```
 
@@ -548,7 +544,7 @@ SevaTech Library uses Material-UI's powerful theming system. Customize the theme
 ```tsx
 import React from 'react';
 import { ThemeProvider, createTheme } from '@mui/material';
-import { ButtonComponent } from 'SevaTech-library';
+import { ButtonComponent } from 'sevatech-library';
 
 const theme = createTheme({
   palette: {
@@ -608,13 +604,13 @@ const theme = createTheme({
 
 All components support these standard props:
 
-| Prop | Type | Description |
-|------|------|-------------|
-| `sx` | `SxProps<Theme>` | Material-UI sx prop for custom styling |
-| `className` | `string` | CSS class name |
-| `style` | `React.CSSProperties` | Inline styles object |
-| `disabled` | `boolean` | Disable component interaction |
-| `loading` | `boolean` | Show loading state |
+| Prop        | Type                  | Description                            |
+| ----------- | --------------------- | -------------------------------------- |
+| `sx`        | `SxProps<Theme>`      | Material-UI sx prop for custom styling |
+| `className` | `string`              | CSS class name                         |
+| `style`     | `React.CSSProperties` | Inline styles object                   |
+| `disabled`  | `boolean`             | Disable component interaction          |
+| `loading`   | `boolean`             | Show loading state                     |
 
 ### Component-Specific Props
 
@@ -646,10 +642,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)
+- 📧 Email:
+- 🐛 Issues: [GitHub Issues](https://github.com/your-username/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/{esm/types/components → components}/avatar/avatar-group.component.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.component.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar-group.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAgB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKhD,UAAU,gBAAgB;IACxB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC1B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwFpD,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/{cjs/types/components → components}/avatar/avatar-label-group.component.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-label-group.component.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar-label-group.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGlE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAG1D,UAAU,qBAAsB,SAAQ,oBAAoB;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CAC3B;AAED,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0C9D,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

package/dist/{cjs/types/components → components}/avatar/avatar-profile.component.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-profile.component.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar-profile.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyE1D,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/{cjs/types/components → components}/avatar/avatar-user.component.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-user.component.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar-user.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,WAAW,EAAE,MAAM,eAAe,CAAC;AAMzD,UAAU,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgDlD,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -0,0 +1,19 @@
+type ArgType = {
+    control?: any;
+    description?: string;
+    options?: any[];
+    if?: any;
+    table?: {
+        category?: string;
+        defaultValue?: {
+            summary: string;
+        };
+        disable?: boolean;
+    };
+};
+export declare const avatarCoreArgTypes: Record<string, ArgType>;
+export declare const avatarLabelGroupArgTypes: Record<string, ArgType>;
+export declare const avatarGroupArgTypes: Record<string, ArgType>;
+export declare const avatarUserArgTypes: Record<string, ArgType>;
+export {};
+//# sourceMappingURL=avatar.argtypes.d.ts.map

package/dist/components/avatar/avatar.argtypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.argtypes.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.argtypes.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG;IACb,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,YAAY,CAAC,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,CAAC;QACnC,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAqFtD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAgB5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAyDvD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAmDtD,CAAC"}

package/dist/{esm/types/components → components}/avatar/avatar.component.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.component.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,UAAU,EAIX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,SAAS,GAAI,gBAAgC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,4CAgB7F,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,kBAAyB;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,4CAoBzF,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,UAAiB;IAAE,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,4CAUjE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,eAAsB;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,4CAelF,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkD1D,CAAC"}

package/dist/components/avatar/avatar.constant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.constant.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.constant.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAC;AACF,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;CAO5B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,aAAa,GAAG,eAAe,GAAG,cAAc,CAAC;AAEvH,eAAO,MAAM,gBAAgB,GAAI,UAAU,aAAa,KAAG,mBAU1D,CAAC;AACF,oBAAY,WAAW;IACrB,sBAAsB,YAAY;IAClC,WAAW,YAAY;IACvB,WAAW,YAAY;IACvB,iBAAiB,YAAY;CAC9B"}

package/dist/components/avatar/avatar.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.interface.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.interface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACzE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACtG,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}

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

@@ -0,0 +1,16 @@
+type ArgType = {
+    control?: any;
+    description?: string;
+    options?: any[];
+    table?: {
+        category?: string;
+        defaultValue?: {
+            summary: string;
+        };
+        disable?: boolean;
+    };
+    action?: string;
+};
+export declare const breadCrumbsArgTypes: Record<string, ArgType>;
+export {};
+//# sourceMappingURL=bread-crumbs.argtypes.d.ts.map

package/dist/components/bread-crumbs/bread-crumbs.argtypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bread-crumbs.argtypes.d.ts","sourceRoot":"","sources":["../../../src/components/bread-crumbs/bread-crumbs.argtypes.ts"],"names":[],"mappings":"AAAA,KAAK,OAAO,GAAG;IACb,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,YAAY,CAAC,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,CAAC;QACnC,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAIF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CA8BvD,CAAC"}

package/dist/{cjs/types/components → components}/bread-crumbs/bread-crumbs.component.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"bread-crumbs.component.d.ts","sourceRoot":"","sources":["../../../src/components/bread-crumbs/bread-crumbs.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAY/C,UAAU,cAAc;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,yBAAyB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA8G7D,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/bread-crumbs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bread-crumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,cAAc,0BAA0B,CAAC"}

package/dist/{types/components/button-bar → components/button}/button-bar.component.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-bar.component.d.ts","sourceRoot":"","sources":["../../../src/components/button/button-bar.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAExD,KAAK,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;AAExC,UAAU,cAAc;IACtB,yDAAyD;IACzD,MAAM,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAUhD,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -0,0 +1,16 @@
+type ArgType = {
+    control?: any;
+    description?: string;
+    options?: any[];
+    table?: {
+        category?: string;
+        defaultValue?: {
+            summary: string;
+        };
+        disable?: boolean;
+    };
+    action?: string;
+};
+export declare const buttonArgTypes: Record<string, ArgType>;
+export {};
+//# sourceMappingURL=button.argtypes.d.ts.map

package/dist/components/button/button.argtypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.argtypes.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.argtypes.ts"],"names":[],"mappings":"AAGA,KAAK,OAAO,GAAG;IACb,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,YAAY,CAAC,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,CAAC;QACnC,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAOF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAyFlD,CAAC"}

package/dist/{cjs/types/components → components}/button/button.component.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, CSSProperties } from 'react';
+import { default as 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/button/button.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAuB,WAAW,IAAI,cAAc,EAAoB,MAAM,eAAe,CAAC;AACrG,OAAO,EACL,OAAO,EACP,KAAK,EAEL,IAAI,EAML,MAAM,oBAAoB,CAAC;AAwE5B,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3G,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC3C,kCAAkC;IAClC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2DAA2D;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmFjD,CAAC"}