sevatech-library 1.0.3 → 1.0.5

package/README.md

@@ -1,6 +1,6 @@
 # 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/)
 
@@ -46,7 +46,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('');
@@ -98,7 +98,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}>
@@ -125,7 +125,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('');
 
@@ -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('');
 
@@ -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);
 
@@ -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);
 
@@ -210,7 +210,7 @@ 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' },
@@ -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('');
 
@@ -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());
@@ -268,7 +268,7 @@ 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('');
 
@@ -288,7 +288,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}
@@ -310,7 +310,7 @@ 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' },
@@ -330,7 +330,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}>
@@ -352,7 +352,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,7 +372,7 @@ 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' },
@@ -391,7 +391,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 +406,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,7 +424,7 @@ 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: '/' },
@@ -440,7 +440,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 +455,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,7 +467,7 @@ 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"
@@ -481,7 +481,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) => {
@@ -548,7 +548,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: {
@@ -647,7 +647,7 @@ 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)
+- 🐛 Issues: [GitHub Issues](https://github.com/your-username/sevatech-library/issues)
 - 📚 Documentation: [Full Documentation](https://github.com/golden-lotus-core-web/sevatech-library)
 
 ---

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { AvatarSize } from './avatar.constant';
+import { AvatarData } from './avatar.interface';
+interface AvatarGroupProps {
+    avatars: AvatarData[];
+    maxDisplay?: number;
+    size?: AvatarSize;
+    border?: boolean;
+    borderColor?: string;
+    borderWidth?: number;
+    onAddClick?: () => void;
+    overlap?: number;
+    icon?: string;
+    sxAvatar?: SxProps<Theme>;
+    sx?: SxProps<Theme>;
+}
+declare const AvatarGroupComponent: React.FC<AvatarGroupProps>;
+export { AvatarGroupComponent };
+//# sourceMappingURL=avatar-group.component.d.ts.map

package/dist/types/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/types/components/avatar/avatar-label-group.component.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { AvatarComponentProps } from './avatar.interface';
+interface AvatarLabelGroupProps extends AvatarComponentProps {
+    title?: string;
+    description?: string;
+    sxAvatar?: SxProps<Theme>;
+}
+declare const AvatarLabelGroupComponent: React.FC<AvatarLabelGroupProps>;
+export { AvatarLabelGroupComponent };
+//# sourceMappingURL=avatar-label-group.component.d.ts.map

package/dist/types/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,CAgD9D,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AvatarComponentProps } from './avatar.interface';
+declare const AvatarProfileComponent: React.FC<AvatarComponentProps>;
+export { AvatarProfileComponent };
+//# sourceMappingURL=avatar-profile.component.d.ts.map

package/dist/types/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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAG1D,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqC1D,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { AvatarProps } from '@mui/material';
+interface AvatarUserProps extends Omit<AvatarProps, 'children'> {
+    title?: string;
+    description?: string;
+    descriptionHref?: string;
+    onDescriptionClick?: () => void;
+    titleColor?: string;
+    descriptionColor?: string;
+    url?: string;
+}
+declare const AvatarUserComponent: React.FC<AvatarUserProps>;
+export { AvatarUserComponent };
+//# sourceMappingURL=avatar-user.component.d.ts.map

package/dist/types/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/types/components/avatar/avatar.component.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { AvatarSize } from './avatar.constant';
+import { AvatarComponentProps } from './avatar.interface';
+export declare const BadgeLive: ({ text, size }: {
+    text?: string;
+    size?: AvatarSize;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const BadgeNumber: ({ number, size }: {
+    number: number;
+    size?: AvatarSize;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const BadgeOnline: ({ size }: {
+    size?: AvatarSize;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const BadgeImage: ({ url, size }: {
+    url: string;
+    size?: AvatarSize;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarComponent: React.FC<AvatarComponentProps>;
+//# sourceMappingURL=avatar.component.d.ts.map

package/dist/types/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/types/components/avatar/avatar.constant.d.ts

@@ -0,0 +1,35 @@
+import { BadgePositionStyles } from './avatar.interface';
+export declare const AVATAR_SIZES: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    '2xl': number;
+};
+export declare const BADGE_SIZES: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    '2xl': number;
+};
+export declare const BADGE_FONT_SIZES: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    '2xl': number;
+};
+export type AvatarSize = keyof typeof AVATAR_SIZES;
+export type BadgePosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export declare const getBadgePosition: (position: BadgePosition) => BadgePositionStyles;
+export declare enum AvatarColor {
+    BACKGROUND_COLOR_BADGE = "#000000",
+    COLOR_BADGE = "#FFFFFF",
+    COLOR_TITLE = "#414651",
+    COLOR_DESCRIPTION = "#535862"
+}
+//# sourceMappingURL=avatar.constant.d.ts.map

package/dist/types/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/types/components/avatar/avatar.interface.d.ts

@@ -0,0 +1,28 @@
+import { AvatarProps, SxProps, Theme } from '@mui/material';
+import { AvatarSize, BadgePosition } from './avatar.constant';
+import { ImageSizeType } from '../image';
+export interface AvatarData {
+    url?: string;
+    name?: string;
+    id?: string;
+}
+export interface AvatarComponentProps extends Omit<AvatarProps, 'children'> {
+    url?: string;
+    size?: AvatarSize;
+    border?: boolean;
+    borderColor?: string;
+    borderWidth?: number;
+    badge?: React.ReactNode;
+    badgePosition?: BadgePosition;
+    children?: React.ReactNode;
+    sizeType?: ImageSizeType;
+    sxProfile?: SxProps<Theme>;
+}
+export interface BadgePositionStyles {
+    top?: string | number;
+    bottom?: string | number;
+    left?: string | number;
+    right?: string | number;
+    transform?: string;
+}
+//# sourceMappingURL=avatar.interface.d.ts.map

package/dist/types/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/types/components/avatar/index.d.ts

@@ -0,0 +1,8 @@
+export { AvatarComponent, BadgeLive, BadgeNumber, BadgeOnline, BadgeImage } from './avatar.component';
+export { AvatarGroupComponent } from './avatar-group.component';
+export { AvatarLabelGroupComponent } from './avatar-label-group.component';
+export { AvatarProfileComponent } from './avatar-profile.component';
+export { AvatarUserComponent } from './avatar-user.component';
+export * from './avatar.constant';
+export * from './avatar.interface';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/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,EAAC,MAAM,oBAAoB,CAAC;AACrG,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/types/components/bread-crumbs/bread-crumbs.component.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+interface BreadcrumbItem {
+    id: string;
+    icon?: string;
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+interface BreadcrumbsComponentProps {
+    items: BreadcrumbItem[];
+    separator?: '>' | '/';
+    maxItems?: number;
+    idSelect?: string;
+    sx?: SxProps<Theme>;
+    sxItem?: SxProps<Theme>;
+    onChange?: (id: string) => void;
+}
+declare const BreadcrumbsComponent: React.FC<BreadcrumbsComponentProps>;
+export { BreadcrumbsComponent };
+//# sourceMappingURL=bread-crumbs.component.d.ts.map

package/dist/types/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/types/components/bread-crumbs/index.d.ts

@@ -0,0 +1,3 @@
+export { BreadcrumbsComponent } from './bread-crumbs.component';
+export * from './bread-crumbs.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/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/button.component.d.ts

@@ -0,0 +1,37 @@
+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'> {
+    /** Kiểu hiển thị: solid (đầy), outline (viền), ghost (nền nhạt), text (chỉ chữ) */
+    variant?: Variant;
+    /** Màu sắc: brand, neutral, error, warning, success, accent, info */
+    color?: Color;
+    /** Shade của màu: light (100), main (500), dark (700) hoặc number (50-950) */
+    shade?: 'light' | 'main' | 'dark' | number;
+    /** Kích cỡ: xs, sm, md, lg, xl */
+    size?: Size;
+    /** Icon hoặc element hiển thị trước nội dung (ReactNode) */
+    prefix?: ReactNode;
+    /** Icon hoặc element hiển thị sau nội dung (ReactNode) */
+    suffix?: ReactNode;
+    /** Tên icon Material hiển thị trước (string) - ưu tiên hơn prefix */
+    prefixIcon?: string;
+    /** Tên icon Material hiển thị sau (string) - ưu tiên hơn suffix */
+    suffixIcon?: string;
+    /** Style CSS cho icon (áp dụng cho prefixIcon/suffixIcon) */
+    iconStyle?: CSSProperties;
+    /** Trạng thái loading - hiển thị spinner */
+    loading?: boolean;
+    /** Nội dung button */
+    children?: ReactNode;
+    /** Button chiếm full width container */
+    fullWidth?: boolean;
+    /** Vô hiệu hóa button */
+    disabled?: boolean;
+    /** Hiển thị dot nhỏ trước text để đánh dấu trạng thái active */
+    active?: boolean;
+    /** Màu của dot khi active (mặc định: #10b981 - xanh lá) */
+    activeDotColor?: string;
+}
+export declare const ButtonComponent: React.FC<ButtonProps>;
+//# sourceMappingURL=button.component.d.ts.map

package/dist/types/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,eAAQ,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmFlD,CAAC"}

package/dist/types/components/button/button.constants.d.ts

@@ -0,0 +1,33 @@
+/** Button component type definitions */
+export type Variant = 'solid' | 'outline' | 'ghost' | 'text';
+export type Color = 'brand' | 'neutral' | 'error' | 'warning' | 'success' | 'accent' | 'info';
+export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type ShadeType = 'light' | 'main' | 'dark';
+/** Shade values mapping */
+export declare const SHADE_VALUES: Record<ShadeType, number>;
+/** Button size configuration */
+export declare const SIZES: Record<Size, {
+    padding: string;
+    fontSize: string;
+    height: string;
+    width?: string;
+}>;
+/** Color palette mapping */
+export declare const COLORS: Record<Color, Record<number, string>>;
+/** Button UI constants */
+export declare const BUTTON_CONSTANTS: {
+    readonly ACTIVE_DOT_SIZE: 8;
+    readonly ACTIVE_DOT_MARGIN_RIGHT: 8;
+    readonly SPINNER_SIZE: 16;
+    readonly GAP: 12;
+    readonly BORDER_RADIUS: 8;
+    readonly TRANSITION_DURATION: "0.3s";
+};
+/** Accessibility constants */
+export declare const ACCESSIBILITY: {
+    readonly HOVER_TRANSLATE_Y: "-2px";
+    readonly ACTIVE_TRANSLATE_Y: "0";
+    readonly BOX_SHADOW: "0 4px 12px rgba(0, 0, 0, 0.15)";
+    readonly FOCUS_OFFSET: "2px";
+};
+//# sourceMappingURL=button.constants.d.ts.map

package/dist/types/components/button/button.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.constants.ts"],"names":[],"mappings":"AAGA,wCAAwC;AACxC,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAC7D,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC9F,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,2BAA2B;AAC3B,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIzC,CAAC;AAEX,gCAAgC;AAChC,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAM5F,CAAC;AAEX,4BAA4B;AAC5B,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAQxD,CAAC;AAEF,0BAA0B;AAC1B,eAAO,MAAM,gBAAgB;;;;;;;CAOnB,CAAC;AAEX,8BAA8B;AAC9B,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC"}

package/dist/types/components/button/index.d.ts

@@ -0,0 +1,3 @@
+export { ButtonComponent } from './button.component';
+export * from './button.constants';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/button/index.d.ts.map

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

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

@@ -0,0 +1,15 @@
+import React, { ReactNode, CSSProperties } from 'react';
+type Layout = 'horizontal' | 'vertical';
+interface ButtonBarProps {
+    /** Layout: 'horizontal' (ngang) hoặc 'vertical' (dọc) */
+    layout: Layout;
+    /** Các button bên trong */
+    children: ReactNode;
+    /** Gap giữa các button (px) */
+    gap?: number;
+    /** Custom style cho container */
+    style?: CSSProperties;
+}
+declare const ButtonBarComponent: React.FC<ButtonBarProps>;
+export { ButtonBarComponent };
+//# sourceMappingURL=button-bar.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-bar.component.d.ts","sourceRoot":"","sources":["../../../../src/components/button-bar/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/types/components/button-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { ButtonBarComponent } from './button-bar.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/button-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1,19 @@
+import { SxProps, Theme } from '@mui/material';
+import React from 'react';
+import { CheckboxIconType, CheckboxShape, CheckboxSize, CheckboxVariant } from './checkbox.component';
+export interface CheckboxContentProps {
+    checked?: boolean;
+    disabled?: boolean;
+    title: string;
+    content?: string;
+    size?: CheckboxSize;
+    variant?: CheckboxVariant;
+    shape?: CheckboxShape;
+    iconType?: CheckboxIconType;
+    onChange?: (checked: boolean) => void;
+    sxCheckbox?: SxProps<Theme>;
+    sxLabel?: SxProps<Theme>;
+    sx?: SxProps<Theme>;
+}
+export declare const CheckboxContentComponent: React.FC<CheckboxContentProps>;
+//# sourceMappingURL=checkbox-content.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-content.component.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox-content.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,OAAO,EAAE,KAAK,EAAc,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAE5B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACzB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAyBD,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgFnE,CAAC"}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+export type CheckboxShape = 'square' | 'circle';
+export type CheckboxSize = 'small' | 'medium';
+export type CheckboxVariant = 'filled' | 'outlined';
+export type CheckboxIconType = 'check' | 'minus' | 'dot' | 'custom';
+interface CheckboxProps {
+    checked?: boolean;
+    disabled?: boolean;
+    shape?: CheckboxShape;
+    size?: CheckboxSize;
+    variant?: CheckboxVariant;
+    iconType?: CheckboxIconType;
+    title?: string;
+    children?: React.ReactNode;
+    onChange?: (checked: boolean) => void;
+    sxCheckbox?: SxProps<Theme>;
+    sxLabel?: SxProps<Theme>;
+    sx?: SxProps<Theme>;
+}
+declare const CheckboxComponent: React.FC<CheckboxProps>;
+export { CheckboxComponent };
+//# sourceMappingURL=checkbox.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.component.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOhE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEpE,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAE5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACzB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiJ9C,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/types/components/checkbox/checkbox.constant.d.ts

@@ -0,0 +1,26 @@
+import { CheckboxSize } from './checkbox.component';
+export declare const CHECKBOX_COLORS: {
+    readonly default: {
+        readonly border: "#D0D5DD";
+        readonly background: "#FFFFFF";
+        readonly hoverBg: "#F0FDF9";
+    };
+    readonly checked: {
+        readonly border: "#07554B";
+        readonly filledBg: "#07554B";
+        readonly outlinedBg: "#FFFFFF";
+        readonly icon: "#FFFFFF";
+    };
+    readonly disabled: {
+        readonly border: "#E4E7EC";
+        readonly background: "#F2F4F7";
+        readonly icon: "#98A2B3";
+    };
+};
+export declare const CHECKBOX_SIZE: Record<CheckboxSize, {
+    boxSize: number;
+    iconSize: number;
+    titleFontSize: number;
+    titleFontWeight: number;
+}>;
+//# sourceMappingURL=checkbox.constant.d.ts.map