@imj_media/ui 1.1.0 → 1.2.0

package/dist/modules/Accordion/components/molecules/AccordionContent.d.ts

@@ -2,6 +2,6 @@ interface AccordionContentProps {
     children: React.ReactNode;
     open: boolean;
 }
-export declare const AccordionContent: ({ children, open }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionContent: ({ children, open }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element | undefined;
 export {};
 //# sourceMappingURL=AccordionContent.d.ts.map

package/dist/modules/Accordion/components/molecules/AccordionContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Accordion/components/molecules/AccordionContent.tsx"],"names":[],"mappings":"AAAA,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,EAAE,OAAO,CAAA;CACd;AAED,eAAO,MAAM,gBAAgB,GAAI,oBAAoB,qBAAqB,4CAazE,CAAA"}
+{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Accordion/components/molecules/AccordionContent.tsx"],"names":[],"mappings":"AAAA,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,EAAE,OAAO,CAAA;CACd;AAED,eAAO,MAAM,gBAAgB,GAAI,oBAAoB,qBAAqB,wDAgBzE,CAAA"}

package/dist/modules/Accordion/components/molecules/AccordionHeader.d.ts

@@ -1,10 +1,12 @@
 interface AccordionHeaderProps {
     title: string;
+    subtitle?: string;
     open: boolean;
     setOpen: (open: boolean) => void;
     className?: string;
     children?: React.ReactNode;
+    disabled?: boolean;
 }
-export declare const AccordionHeader: ({ title, open, setOpen, className, children, }: AccordionHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionHeader: ({ title, subtitle, open, setOpen, className, children, disabled, }: AccordionHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AccordionHeader.d.ts.map

package/dist/modules/Accordion/components/molecules/AccordionHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Accordion/components/molecules/AccordionHeader.tsx"],"names":[],"mappings":"AAEA,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,eAAe,GAAI,gDAM7B,oBAAoB,4CAetB,CAAA"}
+{"version":3,"file":"AccordionHeader.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Accordion/components/molecules/AccordionHeader.tsx"],"names":[],"mappings":"AAEA,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,eAAe,GAAI,oEAQ7B,oBAAoB,4CA4BtB,CAAA"}

package/dist/modules/Accordion/components/organisms/AccordionContainer.d.ts

@@ -1,3 +1,3 @@
 import { AccordionProps } from '../../../../shared/types/accordion';
-export declare const AccordionContainer: ({ title, subtitle, children, id, className, headerClassName, defaultOpen, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionContainer: ({ title, subtitle, children, id, className, headerClassName, defaultOpen, disabled, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AccordionContainer.d.ts.map

package/dist/modules/Accordion/components/organisms/AccordionContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContainer.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Accordion/components/organisms/AccordionContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAGzD,eAAO,MAAM,kBAAkB,GAAI,6EAQhC,cAAc,4CA2BhB,CAAA"}
+{"version":3,"file":"AccordionContainer.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Accordion/components/organisms/AccordionContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAGzD,eAAO,MAAM,kBAAkB,GAAI,uFAShC,cAAc,4CAyBhB,CAAA"}

package/dist/modules/Accordion/stories/Accordion.stories.d.ts

@@ -7,5 +7,7 @@ export declare const DefaultOpen: StoryObj<typeof Accordion>;
 export declare const WithoutSubtitle: StoryObj<typeof Accordion>;
 export declare const EmptyContent: StoryObj<typeof Accordion>;
 export declare const ComplexContent: StoryObj<typeof Accordion>;
+export declare const Disabled: StoryObj<typeof Accordion>;
 export declare const MultipleAccordions: StoryObj<typeof Accordion>;
+export declare const AllStates: StoryObj<typeof Accordion>;
 //# sourceMappingURL=Accordion.stories.d.ts.map

package/dist/modules/Accordion/stories/Accordion.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Accordion/stories/Accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAIhC,CAAA;AAED,eAAe,IAAI,CAAA;AAGnB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,SAAS,CA6D9C,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,OAAO,SAAS,CA2DlD,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,OAAO,SAAS,CA8CtD,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,OAAO,SAAS,CAsCnD,CAAA;AAGD,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,OAAO,SAAS,CAgGrD,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,OAAO,SAAS,CA+FzD,CAAA"}
+{"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Accordion/stories/Accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAIhC,CAAA;AAED,eAAe,IAAI,CAAA;AAGnB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,SAAS,CA6D9C,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,OAAO,SAAS,CA2DlD,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,OAAO,SAAS,CA8CtD,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,OAAO,SAAS,CAsCnD,CAAA;AAGD,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,OAAO,SAAS,CAgGrD,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,SAAS,CAoD/C,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,OAAO,SAAS,CA+FzD,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,OAAO,SAAS,CA8GhD,CAAA"}

package/dist/modules/Alert/components/atoms/AlertFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertFooter.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Alert/components/atoms/AlertFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAgB,MAAM,sBAAsB,CAAA;AAErE,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,mDA0ElD,CAAA"}
+{"version":3,"file":"AlertFooter.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Alert/components/atoms/AlertFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAgB,MAAM,sBAAsB,CAAA;AAIrE,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,mDA0ElD,CAAA"}

package/dist/modules/Avatar/components/IconAvatar.d.ts

@@ -0,0 +1,19 @@
+import { IconAvatarProps } from '../types';
+/**
+ * ============================================
+ * ICON AVATAR - ATOMIC COMPONENT
+ * ============================================
+ * Avatar que muestra un icono (siempre UserOutlined)
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <IconAvatar
+ *   theme="solid"
+ *   color="blue"
+ *   size="md"
+ * />
+ * ```
+ */
+export declare const IconAvatar: ({ theme, color, size, stroke, pill, disabled, grayscaleWhenDisabled, className, }: IconAvatarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=IconAvatar.d.ts.map

package/dist/modules/Avatar/components/IconAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconAvatar.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/components/IconAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAK1C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,mFASxB,eAAe,4CAiBjB,CAAA"}

package/dist/modules/Avatar/components/LetterAvatar.d.ts

@@ -0,0 +1,29 @@
+import { LetterAvatarProps } from '../types';
+/**
+ * ============================================
+ * LETTER AVATAR - ATOMIC COMPONENT
+ * ============================================
+ * Avatar que muestra texto (letras, números, símbolos)
+ *
+ * Casos de uso:
+ * - Iniciales de usuario (ej: "JD", "AB")
+ * - Contadores (ej: "99+", "100")
+ * - Indicadores (ej: "+1", "+5")
+ *
+ * El texto se trunca automáticamente a 3 caracteres y se convierte a mayúsculas
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Iniciales
+ * <LetterAvatar text="AB" theme="solid" color="blue" />
+ *
+ * // Contador
+ * <LetterAvatar text="99+" theme="soft" color="red" />
+ *
+ * // Indicador
+ * <LetterAvatar text="+1" theme="solid" color="green" />
+ * ```
+ */
+export declare const LetterAvatar: ({ text, theme, color, size, stroke, pill, disabled, grayscaleWhenDisabled, className, }: LetterAvatarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LetterAvatar.d.ts.map

package/dist/modules/Avatar/components/LetterAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LetterAvatar.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/components/LetterAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAK5C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,YAAY,GAAI,yFAU1B,iBAAiB,4CAiBnB,CAAA"}

package/dist/modules/Avatar/components/PeopleAvatar.d.ts

@@ -0,0 +1,25 @@
+import { PeopleAvatarProps } from '../types';
+/**
+ * ============================================
+ * PEOPLE AVATAR - ATOMIC COMPONENT
+ * ============================================
+ * Avatar que muestra una imagen de persona
+ *
+ * Características:
+ * - Carga lazy de imágenes
+ * - Manejo de errores con fallback a icono por defecto
+ * - Timeout de carga (2 segundos)
+ * - Preload de imagen para mejor performance
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PeopleAvatar
+ *   src="https://example.com/avatar.jpg"
+ *   alt="John Doe"
+ *   size="md"
+ * />
+ * ```
+ */
+export declare const PeopleAvatar: ({ src, alt, size, stroke, pill, disabled, grayscaleWhenDisabled, className, }: PeopleAvatarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PeopleAvatar.d.ts.map

package/dist/modules/Avatar/components/PeopleAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeopleAvatar.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/components/PeopleAvatar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAU5C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,YAAY,GAAI,+EAS1B,iBAAiB,4CAwGnB,CAAA"}

package/dist/modules/Avatar/components/index.d.ts

@@ -0,0 +1,4 @@
+export { PeopleAvatar } from './PeopleAvatar';
+export { IconAvatar } from './IconAvatar';
+export { LetterAvatar } from './LetterAvatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/Avatar/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/modules/Avatar/constants/index.d.ts

@@ -0,0 +1,120 @@
+import { AvatarColor, AvatarSize, AvatarTheme } from '../types';
+import { IconType } from '../../../shared/types/types';
+/**
+ * ============================================
+ * AVATAR CONSTANTS - DESIGN TOKENS
+ * ============================================
+ * Constantes centralizadas para facilitar la personalización
+ * del componente Avatar
+ */
+/**
+ * ============================================
+ * DEFAULT VALUES
+ * ============================================
+ */
+export declare const DEFAULT_ICON: IconType;
+export declare const DEFAULT_COLOR: AvatarColor;
+export declare const DEFAULT_THEME: AvatarTheme;
+export declare const DEFAULT_SIZE: AvatarSize;
+/**
+ * ============================================
+ * COLOR SCHEMES - TEMA SOLID
+ * ============================================
+ * Colores para el tema solid (fondo sólido + texto blanco)
+ *
+ * Para personalizar:
+ * 1. Modifica los valores de Tailwind
+ * 2. O agrega nuevos colores al objeto
+ */
+export declare const SOLID_COLORS: Record<AvatarColor, string>;
+/**
+ * ============================================
+ * COLOR SCHEMES - TEMA SOFT
+ * ============================================
+ * Colores para el tema soft (fondo claro + texto oscuro)
+ *
+ * Para personalizar:
+ * 1. Modifica los valores de Tailwind
+ * 2. O agrega nuevos colores al objeto
+ */
+export declare const SOFT_COLORS: Record<AvatarColor, string>;
+/**
+ * Paleta específica para avatares tipo 'letter' con tema soft.
+ * Inicialmente hereda los mismos valores que icon para mantener consistencia,
+ * pero queda lista para personalizar tipografía/contraste más adelante.
+ */
+export declare const SOFT_LETTER_COLORS: Record<AvatarColor, string>;
+/**
+ * ============================================
+ * SIZE CONFIGURATIONS
+ * ============================================
+ * Tamaños del avatar (ancho, alto y tamaño de texto)
+ *
+ * Para personalizar:
+ * 1. Modifica los valores de ancho/alto (ej: ui-w-16 ui-h-16)
+ * 2. Ajusta el tamaño del texto (ej: ui-text-[6px])
+ *
+ * Nota: Los tamaños están en múltiplos de 4px (escala Tailwind)
+ */
+export declare const AVATAR_SIZES: Record<AvatarSize, string>;
+/**
+ * ============================================
+ * ICON SIZE MAPPING
+ * ============================================
+ * Mapeo de tamaños de avatar a tamaños de icono
+ *
+ * Para personalizar:
+ * 1. Ajusta el tamaño del icono según el tamaño del avatar
+ * 2. Los valores deben corresponder a los tamaños del componente Icon
+ */
+export declare const ICON_SIZES: Record<AvatarSize, 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'>;
+/**
+ * ============================================
+ * BORDER & SHAPE CONFIGURATIONS
+ * ============================================
+ */
+/** Ancho del borde */
+export declare const STROKE_WIDTH = "ui-border-1";
+/** Color de borde para avatar tipo 'people' */
+export declare const PEOPLE_STROKE_COLOR = "ui-border";
+/** Colores de borde para el tema soft (icon y letter) */
+export declare const SOFT_STROKE_COLORS: Record<AvatarColor, string>;
+/** Colores de borde para el tema solid (icon y letter) */
+export declare const SOLID_STROKE_COLORS: Record<AvatarColor, string>;
+/** Clase para forma circular (pill=true) */
+export declare const PILL_SHAPE_CLASS = "ui-rounded-full";
+/** Clase por defecto para forma redondeada (pill=false) */
+export declare const ROUNDED_SHAPE_CLASS = "ui-rounded-[10px]";
+/**
+ * Ajustes de radio cuando `pill=false` en tamaños pequeños.
+ * xxs -> 6px, xs -> 8px, resto -> 10px por defecto.
+ */
+export declare const ROUNDED_SHAPE_BY_SIZE: Partial<Record<AvatarSize, string>>;
+/**
+ * ============================================
+ * TEXT CONFIGURATION
+ * ============================================
+ */
+/** Longitud máxima de texto para avatares tipo 'letter' */
+export declare const MAX_TEXT_LENGTH = 3;
+/**
+ * ============================================
+ * DISABLED STATE CONFIGURATION
+ * ============================================
+ * Estilos para el estado deshabilitado
+ *
+ * Para personalizar:
+ * 1. Modifica las clases de opacidad o background
+ * 2. Ajusta el filtro grayscale
+ */
+/** Clases para el estado disabled */
+export declare const DISABLED_CLASS = "ui-opacity-50 ui-cursor-not-allowed";
+/** Filtro grayscale para disabled */
+export declare const DISABLED_GRAYSCALE_FILTER = "ui-grayscale";
+/** Background para disabled (people avatar) */
+export declare const DISABLED_PEOPLE_BG = "ui-bg-fill-disabled";
+/** Filtro de mezcla para imágenes disabled (people avatar) */
+export declare const DISABLED_PEOPLE_BLEND = "ui-mix-blend-luminosity";
+/** Color de texto para disabled (letter avatar) */
+export declare const DISABLED_TEXT_COLOR = "ui-text-disabled";
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/Avatar/constants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C;;;;;;GAMG;AAEH;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,QAAyB,CAAA;AACpD,eAAO,MAAM,aAAa,EAAE,WAAoB,CAAA;AAChD,eAAO,MAAM,aAAa,EAAE,WAAqB,CAAA;AACjD,eAAO,MAAM,YAAY,EAAE,UAAiB,CAAA;AAE5C;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAYpD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAYnD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAc1D,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAOnD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAOnF,CAAA;AAED;;;;GAIG;AAEH,sBAAsB;AACtB,eAAO,MAAM,YAAY,gBAAgB,CAAA;AAEzC,+CAA+C;AAC/C,eAAO,MAAM,mBAAmB,cAAc,CAAA;AAE9C,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY1D,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY3D,CAAA;AAED,4CAA4C;AAC5C,eAAO,MAAM,gBAAgB,oBAAoB,CAAA;AAEjD,2DAA2D;AAC3D,eAAO,MAAM,mBAAmB,sBAAsB,CAAA;AAEtD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAGrE,CAAA;AAED;;;;GAIG;AAEH,2DAA2D;AAC3D,eAAO,MAAM,eAAe,IAAI,CAAA;AAEhC;;;;;;;;;GASG;AAEH,qCAAqC;AACrC,eAAO,MAAM,cAAc,wCAAwC,CAAA;AAEnE,qCAAqC;AACrC,eAAO,MAAM,yBAAyB,iBAAiB,CAAA;AAEvD,+CAA+C;AAC/C,eAAO,MAAM,kBAAkB,wBAAwB,CAAA;AAEvD,8DAA8D;AAC9D,eAAO,MAAM,qBAAqB,4BAA4B,CAAA;AAE9D,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,qBAAqB,CAAA"}

package/dist/modules/Avatar/index.d.ts

@@ -0,0 +1,86 @@
+import { AvatarProps } from './types';
+/**
+ * ============================================
+ * AVATAR COMPONENT - ATOMIC DESIGN
+ * ============================================
+ *
+ * Componente Avatar versátil que sigue principios de Atomic Design.
+ * Actúa como un wrapper que delega la renderización a subcomponentes
+ * especializados según el tipo de avatar.
+ *
+ * ## Tipos de Avatar
+ *
+ * ### 1. People Avatar (type: 'people')
+ * Muestra una imagen de persona con manejo de errores y fallback automático al icono por defecto
+ *
+ * ### 2. Icon Avatar (type: 'icon')
+ * Muestra un icono del sistema de iconos con temas de color
+ *
+ * ### 3. Letter Avatar (type: 'letter')
+ * Muestra texto (iniciales, números, símbolos) con truncado automático
+ *
+ * ## Personalización
+ *
+ * Para modificar colores, tamaños, o agregar nuevos temas:
+ * @see /constants/index.ts - Tokens de diseño centralizados
+ * @see /types/index.ts - Tipos y props disponibles
+ *
+ * ## Ejemplos de Uso
+ *
+ * @example
+ * // Avatar con imagen de persona
+ * <Avatar
+ *   type="people"
+ *   src="https://example.com/avatar.jpg"
+ *   size="md"
+ * />
+ *
+ * @example
+ * // Avatar con icono (default: UserOutlined)
+ * <Avatar
+ *   type="icon"
+ *   theme="solid"
+ *   color="blue"
+ *   size="md"
+ * />
+ *
+ * @example
+ * // Avatar con iniciales
+ * <Avatar
+ *   type="letter"
+ *   text="AB"
+ *   theme="soft"
+ *   color="green"
+ *   size="lg"
+ *   pill={false}
+ * />
+ *
+ * @example
+ * // Avatar con contador (estilo Teams)
+ * <Avatar
+ *   type="letter"
+ *   text="99+"
+ *   theme="solid"
+ *   color="red"
+ *   size="sm"
+ * />
+ *
+ * @example
+ * // Avatar con indicador
+ * <Avatar
+ *   type="letter"
+ *   text="+5"
+ *   theme="soft"
+ *   color="azure"
+ *   size="md"
+ * />
+ */
+export declare const Avatar: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element | null;
+/**
+ * ============================================
+ * TYPE EXPORTS
+ * ============================================
+ * Exportar tipos para uso externo en la aplicación
+ */
+export type { AvatarProps, AvatarSize, AvatarColor, AvatarTheme, AvatarType, PeopleAvatarProps, IconAvatarProps, LetterAvatarProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,mDAaxC,CAAA;AAED;;;;;GAKG;AACH,YAAY,EACV,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,iBAAiB,GAClB,MAAM,SAAS,CAAA"}

package/dist/modules/Avatar/stories/avatar.stories.d.ts

@@ -0,0 +1,19 @@
+export { AvatarConImagen } from './stories/people.story';
+export { AvatarConImagenConBorde } from './stories/people-stroke.story';
+export { AvatarConImagenCuadrada } from './stories/people-pill.story';
+export { AvatarConImagenCuadradaConBorde } from './stories/people-pill-stroke.story';
+export { AvatarConLetra } from './stories/letter.story';
+export { AvatarConLetraConBorde } from './stories/letter-stroke.story';
+export { AvatarConLetraCuadrada } from './stories/letter-pill.story';
+export { AvatarConLetraCuadradaConBorde } from './stories/letter-pill-stroke.story';
+export { AvatarConIcono } from './stories/icon.story';
+export { AvatarConIconoConBorde } from './stories/icon-stroke.story';
+export { AvatarConIconoCuadrado } from './stories/icon-pill.story';
+export { AvatarConIconoCuadradoConBorde } from './stories/icon-pill-stroke.story';
+declare const meta: {
+    title: string;
+    component: (props: import('..').AvatarProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+};
+export default meta;
+//# sourceMappingURL=avatar.stories.d.ts.map

package/dist/modules/Avatar/stories/avatar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Avatar/stories/avatar.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAA;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAA;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,8BAA8B,EAAE,MAAM,oCAAoC,CAAA;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAA;AAEjF,QAAA,MAAM,IAAI;;;;CAIqB,CAAA;AAE/B,eAAe,IAAI,CAAA"}

package/dist/modules/Avatar/stories/stories/icon-pill-stroke.story.d.ts

@@ -0,0 +1,4 @@
+export declare const AvatarConIconoCuadradoConBorde: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=icon-pill-stroke.story.d.ts.map

package/dist/modules/Avatar/stories/stories/icon-pill-stroke.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-pill-stroke.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/icon-pill-stroke.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,8BAA8B;;CA6G1C,CAAA"}

package/dist/modules/Avatar/stories/stories/icon-pill.story.d.ts

@@ -0,0 +1,4 @@
+export declare const AvatarConIconoCuadrado: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=icon-pill.story.d.ts.map

package/dist/modules/Avatar/stories/stories/icon-pill.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-pill.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/icon-pill.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB;;CA6GlC,CAAA"}

package/dist/modules/Avatar/stories/stories/icon-stroke.story.d.ts

@@ -0,0 +1,4 @@
+export declare const AvatarConIconoConBorde: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=icon-stroke.story.d.ts.map

package/dist/modules/Avatar/stories/stories/icon-stroke.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-stroke.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/icon-stroke.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB;;CAuGlC,CAAA"}

package/dist/modules/Avatar/stories/stories/icon.story.d.ts

@@ -0,0 +1,4 @@
+export declare const AvatarConIcono: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=icon.story.d.ts.map

package/dist/modules/Avatar/stories/stories/icon.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/icon.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc;;CAuG1B,CAAA"}

package/dist/modules/Avatar/stories/stories/letter-pill-stroke.story.d.ts

@@ -0,0 +1,4 @@
+export declare const AvatarConLetraCuadradaConBorde: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=letter-pill-stroke.story.d.ts.map

package/dist/modules/Avatar/stories/stories/letter-pill-stroke.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"letter-pill-stroke.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/letter-pill-stroke.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,8BAA8B;;CA8G1C,CAAA"}

package/dist/modules/Avatar/stories/stories/letter-pill.story.d.ts

@@ -0,0 +1,4 @@
+export declare const AvatarConLetraCuadrada: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=letter-pill.story.d.ts.map

package/dist/modules/Avatar/stories/stories/letter-pill.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"letter-pill.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/letter-pill.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB;;CA8GlC,CAAA"}

package/dist/modules/Avatar/stories/stories/letter-stroke.story.d.ts

@@ -0,0 +1,4 @@
+export declare const AvatarConLetraConBorde: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=letter-stroke.story.d.ts.map

package/dist/modules/Avatar/stories/stories/letter-stroke.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"letter-stroke.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/letter-stroke.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB;;CA8FlC,CAAA"}

package/dist/modules/Avatar/stories/stories/letter.story.d.ts

@@ -0,0 +1,4 @@
+export declare const AvatarConLetra: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=letter.story.d.ts.map

package/dist/modules/Avatar/stories/stories/letter.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"letter.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/letter.story.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc;;CA4G1B,CAAA"}

package/dist/modules/Avatar/stories/stories/people-pill-stroke.story.d.ts

@@ -0,0 +1,4 @@
+export declare const AvatarConImagenCuadradaConBorde: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=people-pill-stroke.story.d.ts.map

package/dist/modules/Avatar/stories/stories/people-pill-stroke.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"people-pill-stroke.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/people-pill-stroke.story.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,+BAA+B;;CAuD3C,CAAA"}

package/dist/modules/Avatar/stories/stories/people-pill.story.d.ts

@@ -0,0 +1,4 @@
+export declare const AvatarConImagenCuadrada: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=people-pill.story.d.ts.map

package/dist/modules/Avatar/stories/stories/people-pill.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"people-pill.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/people-pill.story.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,uBAAuB;;CAuDnC,CAAA"}

package/dist/modules/Avatar/stories/stories/people-stroke.story.d.ts

@@ -0,0 +1,4 @@
+export declare const AvatarConImagenConBorde: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=people-stroke.story.d.ts.map

package/dist/modules/Avatar/stories/stories/people-stroke.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"people-stroke.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/people-stroke.story.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,uBAAuB;;CAuDnC,CAAA"}

package/dist/modules/Avatar/stories/stories/people.story.d.ts

@@ -0,0 +1,4 @@
+export declare const AvatarConImagen: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=people.story.d.ts.map

package/dist/modules/Avatar/stories/stories/people.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"people.story.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Avatar/stories/stories/people.story.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe;;CAuD3B,CAAA"}

package/dist/modules/Avatar/types/index.d.ts

@@ -0,0 +1,103 @@
+/**
+ * ============================================
+ * AVATAR TYPES - ATOMIC DESIGN
+ * ============================================
+ * Definición de tipos para el componente Avatar
+ * siguiendo principios de Atomic Design
+ */
+/**
+ * Tamaños disponibles para el Avatar
+ * @type AvatarSize
+ */
+export type AvatarSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Colores disponibles para temas en icon y letter
+ * @type AvatarColor
+ */
+export type AvatarColor = 'blue' | 'red' | 'orange' | 'yellow' | 'lime' | 'green' | 'cyan' | 'azure' | 'violet' | 'magenta' | 'rose';
+/**
+ * Temas de estilo para icon y letter
+ * - solid: Fondo sólido con texto blanco
+ * - soft: Fondo claro con texto oscuro
+ * @type AvatarTheme
+ */
+export type AvatarTheme = 'solid' | 'soft';
+/**
+ * Tipos de Avatar disponibles
+ * - people: Muestra imagen de persona
+ * - icon: Muestra un icono
+ * - letter: Muestra letras/números (máx 3 caracteres)
+ * @type AvatarType
+ */
+export type AvatarType = 'people' | 'icon' | 'letter';
+/**
+ * ============================================
+ * BASE PROPS
+ * ============================================
+ * Props compartidas por todos los tipos de Avatar
+ */
+interface BaseAvatarProps {
+    /** Tamaño del avatar (default: 'md') */
+    size?: AvatarSize;
+    /** Clases CSS adicionales */
+    className?: string;
+    /** Agrega borde de 2px (default: false) */
+    stroke?: boolean;
+    /** Forma: true = circular, false = border-radius 10px (default: true) */
+    pill?: boolean;
+    /** Estado deshabilitado (default: false) */
+    disabled?: boolean;
+    /** Aplica filtro grayscale cuando está disabled (default: true) */
+    grayscaleWhenDisabled?: boolean;
+}
+/**
+ * ============================================
+ * PEOPLE AVATAR PROPS
+ * ============================================
+ * Avatar que muestra una imagen de persona
+ */
+export interface PeopleAvatarProps extends BaseAvatarProps {
+    type: 'people';
+    /** URL de la imagen (si no se provee, se usa el icono por defecto) */
+    src?: string;
+    /** Texto alternativo para la imagen */
+    alt?: string;
+}
+/**
+ * ============================================
+ * ICON AVATAR PROPS
+ * ============================================
+ * Avatar que muestra un icono (siempre UserOutlined)
+ */
+export interface IconAvatarProps extends BaseAvatarProps {
+    type: 'icon';
+    /** Tema de estilo (default: 'solid') */
+    theme?: AvatarTheme;
+    /** Color del avatar (default: 'blue') */
+    color?: AvatarColor;
+}
+/**
+ * ============================================
+ * LETTER AVATAR PROPS
+ * ============================================
+ * Avatar que muestra letras, números o símbolos
+ * Ideal para iniciales o contadores (ej: "AB", "99+", "+1")
+ */
+export interface LetterAvatarProps extends BaseAvatarProps {
+    type: 'letter';
+    /** Texto a mostrar (máximo 3 caracteres, se trunca automáticamente) */
+    text: string;
+    /** Tema de estilo (default: 'solid') */
+    theme?: AvatarTheme;
+    /** Color del avatar (default: 'blue') */
+    color?: AvatarColor;
+}
+/**
+ * ============================================
+ * AVATAR PROPS (UNION TYPE)
+ * ============================================
+ * Union type que representa todas las posibles props del Avatar
+ */
+export type AvatarProps = PeopleAvatarProps | IconAvatarProps | LetterAvatarProps;
+export {};
+//# sourceMappingURL=index.d.ts.map