@imj_media/ui 1.2.37 → 1.2.39

package/dist/modules/Button/components/organisms/Button.d.ts

@@ -1,3 +1,3 @@
 import { IButtonProps } from '../../../../shared/types/button';
-export declare const Button: ({ ref, className, fullWidth, slotLeft, slotRight, theme, badgeColor, badgeLabel, badgeTheme, badgeSize, badgeStroke, badgeIcon, badgeIconDuotonePrimary, badgeIconDuotoneSecondary, badgeIconDuotoneOpacityPrimary, badgeIconDuotoneOpacitySecondary, clickable, color, rounded, children, icon, link, size, target, onClickIcon, disabled, colorIcon, tooltip, tooltipPosition, tooltipAlignment, tooltipDelay, ...props }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ ref, className, fullWidth, leftSlot, rightSlot, theme, badgeColor, badgeLabel, badgeTheme, badgeSize, badgeStroke, badgeIcon, badgeIconDuotonePrimary, badgeIconDuotoneSecondary, badgeIconDuotoneOpacityPrimary, badgeIconDuotoneOpacitySecondary, clickable, color, rounded, children, icon, link, size, target, onClickIcon, disabled, colorIcon, tooltip, tooltipPosition, tooltipAlignment, tooltipDelay, ...props }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1,30 @@
+export interface CheckboxProps {
+    /** Estado del checkbox (marcado o no) */
+    checked: boolean;
+    /** Estado indeterminado (parcialmente seleccionado) */
+    indeterminate?: boolean;
+    /** Handler cuando cambia el estado */
+    onChange: (checked: boolean) => void;
+    /** Si el checkbox está deshabilitado */
+    disabled?: boolean;
+    /** Si el checkbox tiene estado de error */
+    error?: boolean;
+    /** Clases CSS adicionales para el input */
+    className?: string;
+    /** Hace el checkbox redondo en lugar de cuadrado */
+    round?: boolean;
+    /** Tamaño del checkbox */
+    size?: 'sm' | 'md';
+    /** Nombre del input para formularios */
+    name?: string;
+    /** ID del input */
+    id?: string;
+    /** Texto del label asociado al checkbox */
+    label?: string;
+    /** Texto de soporte debajo del label */
+    supportingText?: string;
+    /** Clases CSS adicionales para el contenedor del label */
+    classNameLabel?: string;
+}
+export declare const Checkbox: ({ checked, indeterminate, onChange, disabled, error, className, round, size, name, id, label, supportingText, classNameLabel, }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Checkbox/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,yCAAyC;IACzC,OAAO,EAAE,OAAO,CAAA;IAChB,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,sCAAsC;IACtC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oDAAoD;IACpD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,0BAA0B;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,QAAQ,GAAI,iIActB,aAAa,4CAuJf,CAAA"}

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

@@ -0,0 +1,33 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Checkbox } from '../index';
+/**
+ * # Checkbox Component
+ *
+ * Componente base de checkbox reutilizable en todo el sistema de diseño.
+ * Basado en los tokens semánticos de Figma (Forms).
+ *
+ * ### Características:
+ * - Estados: Default, Hover, Focus, Disabled, Error
+ * - Estado checked / unchecked / indeterminate
+ * - Forma cuadrada (`radius/surface/forms = 2px`) o redonda
+ * - Dos tamaños: `sm` y `md`
+ * - Label + Supporting text con tipografía semántica
+ * - Checkmark SVG y minus SVG (indeterminate) con tamaños exactos de Figma (10×12)
+ *
+ * ### Componentes que lo extienden:
+ * - `SelectionCheckbox` (Table)
+ * - `ListItemCheckbox` (Lists)
+ * - `ListFiltersCheckbox` (Lists)
+ */
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Estados: Story;
+export declare const Error: Story;
+export declare const Formas: Story;
+export declare const Tamanos: Story;
+export declare const ConLabel: Story;
+export declare const SeleccionMultiple: Story;
+export declare const Combinaciones: Story;
+export declare const ComponentesQueExtienden: Story;
+//# sourceMappingURL=Checkbox.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Checkbox/stories/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAGnC;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAyC/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAMtC,eAAO,MAAM,OAAO,EAAE,KA6DrB,CAAA;AAMD,eAAO,MAAM,KAAK,EAAE,KAyCnB,CAAA;AAMD,eAAO,MAAM,MAAM,EAAE,KA4DpB,CAAA;AAMD,eAAO,MAAM,OAAO,EAAE,KA0CrB,CAAA;AAMD,eAAO,MAAM,QAAQ,EAAE,KA8GtB,CAAA;AAMD,eAAO,MAAM,iBAAiB,EAAE,KAoF/B,CAAA;AAMD,eAAO,MAAM,aAAa,EAAE,KAiF3B,CAAA;AAMD,eAAO,MAAM,uBAAuB,EAAE,KAwCrC,CAAA"}

package/dist/modules/EmojiPicker/components/organisms/EmojiPicker.d.ts

@@ -1,3 +1,3 @@
 import { EmojiPickerProps } from '../../../../shared/types/emojipicker';
-export declare const EmojiPicker: ({ onEmojiSelect, maxRecentEmojis, className, width, height, initialRecentEmojis, showSearch, searchPlaceholder, closeOnSelect, label, position, variant, color, size, icon, slotLeft, slotRight, borderRadius, disabled, buttonClassName, tooltip, }: EmojiPickerProps) => JSX.Element;
+export declare const EmojiPicker: ({ onEmojiSelect, maxRecentEmojis, className, width, height, initialRecentEmojis, showSearch, searchPlaceholder, closeOnSelect, label, position, variant, color, size, icon, leftSlot, rightSlot, borderRadius, disabled, buttonClassName, tooltip, }: EmojiPickerProps) => JSX.Element;
 //# sourceMappingURL=EmojiPicker.d.ts.map

package/dist/modules/EmojiPicker/stories/emojipicker.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: ({ onEmojiSelect, maxRecentEmojis, className, width, height, initialRecentEmojis, showSearch, searchPlaceholder, closeOnSelect, label, position, variant, color, size, icon, slotLeft, slotRight, borderRadius, disabled, buttonClassName, tooltip, }: import('../../..').EmojiPickerProps) => JSX.Element;
+    component: ({ onEmojiSelect, maxRecentEmojis, className, width, height, initialRecentEmojis, showSearch, searchPlaceholder, closeOnSelect, label, position, variant, color, size, icon, leftSlot, rightSlot, borderRadius, disabled, buttonClassName, tooltip, }: import('../../..').EmojiPickerProps) => JSX.Element;
 };
 export default _default;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/modules/InnerButton/InnerButton.d.ts

@@ -0,0 +1,6 @@
+import { IInnerButtonProps } from '../../shared/types/button';
+export declare const InnerButton: {
+    ({ className, classNameLabel, fullWidth, leftSlot, rightSlot, theme, badgeColor, badgeLabel, badgeTheme, badgeSize, badgeStroke, badgeIcon, badgeIconDuotonePrimary, badgeIconDuotoneSecondary, badgeIconDuotoneOpacityPrimary, badgeIconDuotoneOpacitySecondary, badgeLoading, hoverText, color, rounded, children, textColor, clickable, icon, link, size, square, target, onClickIcon, onClickLeftSlot, onClickRightSlot, disabled, colorIcon, iconDuotonePrimary, iconDuotoneSecondary, iconDuotoneOpacityPrimary, iconDuotoneOpacitySecondary, leftSlotDuotonePrimary, leftSlotDuotoneSecondary, leftSlotDuotoneOpacityPrimary, leftSlotDuotoneOpacitySecondary, rightSlotDuotonePrimary, rightSlotDuotoneSecondary, rightSlotDuotoneOpacityPrimary, rightSlotDuotoneOpacitySecondary, showShadow, borderable, iconSizeExtended, defaultSizeIcon, as, classNameId, tooltip, tooltipPosition, tooltipAlignment, tooltipDelay, tooltipAbsolute, classNameTooltip, stopPropagation, pointer, ref, onClick, pill, textAlign, whiteBackground, strokeWidth, transition, classNameIcon, active, iconProps: iconPropsProp, badge: badgeProp, leftSlotProps: leftSlotPropsProp, rightSlotProps: rightSlotPropsProp, tooltipProps: tooltipPropsProp, ...props }: IInnerButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=InnerButton.d.ts.map

package/dist/modules/InnerButton/InnerButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InnerButton.d.ts","sourceRoot":"","sources":["../../../src/modules/InnerButton/InnerButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAyCzD,eAAO,MAAM,WAAW;isCA4ErB,iBAAiB;;CAsZnB,CAAA"}

package/dist/modules/InnerButton/components/ButtonBadge.d.ts

@@ -0,0 +1,50 @@
+import { default as React } from 'react';
+import { BadgeColor, BadgeTheme, BadgeSize } from '../../../shared/types/badge';
+import { IconFontColor, IconType } from '../../../shared/types/types';
+import { IconProp, IconDefinition } from '@fortawesome/fontawesome-svg-core';
+type AnyIconDefinition = IconProp | IconDefinition | {
+    icon: any;
+    prefix?: string;
+};
+export interface ButtonBadgeProps {
+    /** Si el badge debe mostrarse */
+    shouldShow: boolean;
+    /** Color del badge */
+    badgeColor?: BadgeColor;
+    /** Label del badge */
+    badgeLabel?: string;
+    /** Tema del badge */
+    badgeTheme?: BadgeTheme;
+    /** Tamaño del badge */
+    badgeSize?: BadgeSize;
+    /** Si el badge debe tener borde */
+    badgeStroke?: boolean;
+    /** Icono del badge */
+    badgeIcon?: IconType | AnyIconDefinition;
+    /** Props de duotone para el icono del badge */
+    badgeIconDuotonePrimary?: IconFontColor;
+    badgeIconDuotoneSecondary?: IconFontColor;
+    badgeIconDuotoneOpacityPrimary?: number;
+    badgeIconDuotoneOpacitySecondary?: number;
+    /** Si el badge está en estado de carga */
+    badgeLoading?: boolean;
+    /** Si el badge debe posicionarse absolutamente (para icon buttons) */
+    isAbsolute?: boolean;
+}
+/**
+ * Renderiza el badge del botón
+ *
+ * @example
+ * ```tsx
+ * <ButtonBadge
+ *   shouldShow={true}
+ *   badgeColor="accent"
+ *   badgeLabel="5"
+ *   badgeSize="sm"
+ *   isAbsolute={false}
+ * />
+ * ```
+ */
+export declare const ButtonBadge: React.FC<ButtonBadgeProps>;
+export {};
+//# sourceMappingURL=ButtonBadge.d.ts.map

package/dist/modules/InnerButton/components/ButtonBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBadge.d.ts","sourceRoot":"","sources":["../../../../src/modules/InnerButton/components/ButtonBadge.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAG5E,KAAK,iBAAiB,GAAG,QAAQ,GAAG,cAAc,GAAG;IAAE,IAAI,EAAE,GAAG,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEnF,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,UAAU,EAAE,OAAO,CAAA;IACnB,sBAAsB;IACtB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,sBAAsB;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,qBAAqB;IACrB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,uBAAuB;IACvB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,mCAAmC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,sBAAsB;IACtB,SAAS,CAAC,EAAE,QAAQ,GAAG,iBAAiB,CAAA;IACxC,+CAA+C;IAC/C,uBAAuB,CAAC,EAAE,aAAa,CAAA;IACvC,yBAAyB,CAAC,EAAE,aAAa,CAAA;IACzC,8BAA8B,CAAC,EAAE,MAAM,CAAA;IACvC,gCAAgC,CAAC,EAAE,MAAM,CAAA;IACzC,0CAA0C;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiDlD,CAAA"}

package/dist/modules/InnerButton/components/ButtonContent.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+import { ButtonColors } from '../../../shared/types/types';
+export interface ButtonContentProps {
+    /** Contenido a mostrar */
+    displayText: React.ReactNode;
+    /** Si hay leftSlot o rightSlot */
+    hasSlots: boolean;
+    /** Estilo inline para el texto */
+    textStyle?: React.CSSProperties;
+    /** Color del texto */
+    textColor?: ButtonColors;
+    /** Alineación del texto */
+    textAlign?: 'left' | 'center' | 'right';
+    /** Referencia al elemento de medición */
+    measureRef: React.RefObject<HTMLSpanElement>;
+    /** Referencia al elemento de texto */
+    textRef: React.RefObject<HTMLParagraphElement>;
+    /** Clases para el span de medición */
+    measureSpanClassName: string;
+}
+/**
+ * Renderiza el contenido de texto del botón
+ *
+ * @example
+ * ```tsx
+ * <ButtonContent
+ *   displayText="Click me"
+ *   hasSlots={false}
+ *   textColor="primary"
+ *   textAlign="center"
+ *   measureRef={measureRef}
+ *   textRef={textRef}
+ *   measureSpanClassName={measureSpanClassName}
+ * />
+ * ```
+ */
+export declare const ButtonContent: React.FC<ButtonContentProps>;
+//# sourceMappingURL=ButtonContent.d.ts.map

package/dist/modules/InnerButton/components/ButtonContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonContent.d.ts","sourceRoot":"","sources":["../../../../src/modules/InnerButton/components/ButtonContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AA4BnD,MAAM,WAAW,kBAAkB;IACjC,0BAA0B;IAC1B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,kCAAkC;IAClC,QAAQ,EAAE,OAAO,CAAA;IACjB,kCAAkC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC/B,sBAAsB;IACtB,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,yCAAyC;IACzC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;IAC5C,sCAAsC;IACtC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAA;IAC9C,sCAAsC;IACtC,oBAAoB,EAAE,MAAM,CAAA;CAC7B;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgCtD,CAAA"}

package/dist/modules/InnerButton/components/ButtonIcon.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+import { IconFontColor, VisualSlotType, ButtonColors } from '../../../shared/types/types';
+export interface ButtonIconProps {
+    /** Icono a renderizar */
+    icon: VisualSlotType | React.ReactElement;
+    /** Tamaño del botón */
+    size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+    /** Color del botón */
+    color?: ButtonColors;
+    /** Color personalizado del icono */
+    colorIcon?: string;
+    /** Clases CSS adicionales para el icono */
+    classNameIcon?: string;
+    /** Ancho de línea del icono */
+    strokeWidth?: number;
+    /** Tema del botón */
+    theme?: 'solid' | 'icon' | 'emoji';
+    /** Handler de click del icono */
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    /** Handler de click del icono (alternativo) */
+    onClickIcon?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    /** Props de duotone para el icono */
+    iconDuotonePrimary?: IconFontColor;
+    iconDuotoneSecondary?: IconFontColor;
+    iconDuotoneOpacityPrimary?: number;
+    iconDuotoneOpacitySecondary?: number;
+}
+/**
+ * Renderiza el icono del botón
+ *
+ * @example
+ * ```tsx
+ * <ButtonIcon
+ *   icon="ImageOutlined"
+ *   size="md"
+ *   color="primary"
+ *   theme="solid"
+ * />
+ * ```
+ */
+export declare const ButtonIcon: React.FC<ButtonIconProps>;
+//# sourceMappingURL=ButtonIcon.d.ts.map

package/dist/modules/InnerButton/components/ButtonIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../../src/modules/InnerButton/components/ButtonIcon.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAY,aAAa,EAAa,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAKzF,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,IAAI,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAAA;IACzC,uBAAuB;IACvB,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACxC,sBAAsB;IACtB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qBAAqB;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;IAClC,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IACvD,+CAA+C;IAC/C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAC3D,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,aAAa,CAAA;IAClC,oBAAoB,CAAC,EAAE,aAAa,CAAA;IACpC,yBAAyB,CAAC,EAAE,MAAM,CAAA;IAClC,2BAA2B,CAAC,EAAE,MAAM,CAAA;CACrC;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsDhD,CAAA"}

package/dist/modules/InnerButton/components/ButtonSlots.d.ts

@@ -0,0 +1,64 @@
+import { default as React } from 'react';
+import { IconColor, IconFontColor, ButtonColors, VisualSlotType } from '../../../shared/types/types';
+export interface ButtonSlotLeftProps {
+    /** Slot izquierdo */
+    leftSlot?: VisualSlotType;
+    /** Tamaño del botón */
+    size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+    /** Color del botón */
+    color?: ButtonColors;
+    /** Color personalizado del icono */
+    colorIcon?: IconColor | IconFontColor;
+    /** Clases CSS adicionales */
+    className?: string;
+    /** Si el botón está deshabilitado */
+    disabled?: boolean;
+    /** Ancho de línea del icono */
+    strokeWidth?: number;
+    /** Handler de click del slot izquierdo */
+    onClickLeftSlot?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    /** Props de duotone para slot izquierdo */
+    leftSlotDuotonePrimary?: IconFontColor;
+    leftSlotDuotoneSecondary?: IconFontColor;
+    leftSlotDuotoneOpacityPrimary?: number;
+    leftSlotDuotoneOpacitySecondary?: number;
+    /** Si hay children (texto) */
+    hasChildren: boolean;
+}
+/**
+ * Renderiza el slot izquierdo del botón
+ */
+export declare const ButtonSlotLeft: React.FC<ButtonSlotLeftProps>;
+/**
+ * Componente atómico para el slot derecho del botón
+ */
+export interface ButtonSlotRightProps {
+    /** Slot derecho */
+    rightSlot?: VisualSlotType;
+    /** Tamaño del botón */
+    size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+    /** Color del botón */
+    color?: ButtonColors;
+    /** Color personalizado del icono */
+    colorIcon?: IconColor | IconFontColor;
+    /** Clases CSS adicionales */
+    className?: string;
+    /** Si el botón está deshabilitado */
+    disabled?: boolean;
+    /** Ancho de línea del icono */
+    strokeWidth?: number;
+    /** Handler de click del slot derecho */
+    onClickRightSlot?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    /** Props de duotone para slot derecho */
+    rightSlotDuotonePrimary?: IconFontColor;
+    rightSlotDuotoneSecondary?: IconFontColor;
+    rightSlotDuotoneOpacityPrimary?: number;
+    rightSlotDuotoneOpacitySecondary?: number;
+    /** Si hay children (texto) */
+    hasChildren: boolean;
+}
+/**
+ * Renderiza el slot derecho del botón
+ */
+export declare const ButtonSlotRight: React.FC<ButtonSlotRightProps>;
+//# sourceMappingURL=ButtonSlots.d.ts.map

package/dist/modules/InnerButton/components/ButtonSlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSlots.d.ts","sourceRoot":"","sources":["../../../../src/modules/InnerButton/components/ButtonSlots.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG/D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,MAAM,WAAW,mBAAmB;IAClC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,uBAAuB;IACvB,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACxC,sBAAsB;IACtB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,oCAAoC;IACpC,SAAS,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;IACrC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAC/D,2CAA2C;IAC3C,sBAAsB,CAAC,EAAE,aAAa,CAAA;IACtC,wBAAwB,CAAC,EAAE,aAAa,CAAA;IACxC,6BAA6B,CAAC,EAAE,MAAM,CAAA;IACtC,+BAA+B,CAAC,EAAE,MAAM,CAAA;IACxC,8BAA8B;IAC9B,WAAW,EAAE,OAAO,CAAA;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmCxD,CAAA;AAID;;GAEG;AAEH,MAAM,WAAW,oBAAoB;IACnC,mBAAmB;IACnB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,uBAAuB;IACvB,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACxC,sBAAsB;IACtB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,oCAAoC;IACpC,SAAS,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;IACrC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAChE,yCAAyC;IACzC,uBAAuB,CAAC,EAAE,aAAa,CAAA;IACvC,yBAAyB,CAAC,EAAE,aAAa,CAAA;IACzC,8BAA8B,CAAC,EAAE,MAAM,CAAA;IACvC,gCAAgC,CAAC,EAAE,MAAM,CAAA;IACzC,8BAA8B;IAC9B,WAAW,EAAE,OAAO,CAAA;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmC1D,CAAA"}

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

@@ -0,0 +1,15 @@
+/**
+ * Componentes atómicos del módulo InnerButton
+ *
+ * Estos componentes son los bloques de construcción más pequeños
+ * y reutilizables del botón, siguiendo Atomic Design.
+ */
+export { ButtonContent } from './ButtonContent';
+export type { ButtonContentProps } from './ButtonContent';
+export { ButtonIcon } from './ButtonIcon';
+export type { ButtonIconProps } from './ButtonIcon';
+export { ButtonSlotLeft, ButtonSlotRight } from './ButtonSlots';
+export type { ButtonSlotLeftProps, ButtonSlotRightProps } from './ButtonSlots';
+export { ButtonBadge } from './ButtonBadge';
+export type { ButtonBadgeProps } from './ButtonBadge';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/InnerButton/components/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/D,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA"}

package/dist/modules/InnerButton/hooks/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Hooks personalizados del módulo InnerButton
+ */
+export * from './useBadgeLoading';
+export * from './useHoverText';
+export * from './useButtonClasses';
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/InnerButton/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/InnerButton/hooks/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA"}

package/dist/modules/InnerButton/hooks/useBadgeLoading.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Hook para manejar el estado de carga del badge
+ *
+ * Detecta cuando el badge termina de cargar (badgeLoading cambia de true a false)
+ * y actualiza el estado correspondiente.
+ */
+/**
+ * Hook que detecta cuando el badge termina de cargar
+ *
+ * @param badgeLoading - Estado actual de carga del badge
+ * @returns true si el badge ha terminado de cargar (badgeLoading cambió de true a false)
+ */
+export declare const useBadgeLoading: (badgeLoading?: boolean) => boolean;
+//# sourceMappingURL=useBadgeLoading.d.ts.map

package/dist/modules/InnerButton/hooks/useBadgeLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBadgeLoading.d.ts","sourceRoot":"","sources":["../../../../src/modules/InnerButton/hooks/useBadgeLoading.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,eAAe,OAAO,YAmBrD,CAAA"}

package/dist/modules/InnerButton/hooks/useButtonClasses.d.ts

@@ -0,0 +1,37 @@
+import { ButtonColors } from '../../../shared/types/types';
+interface UseButtonClassesOptions {
+    theme: 'solid' | 'icon' | 'emoji';
+    size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+    color?: ButtonColors;
+    rounded?: boolean;
+    fullWidth: boolean;
+    pill?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'pill';
+    clickable: boolean;
+    borderable?: boolean;
+    whiteBackground: boolean;
+    active: boolean;
+    square: boolean;
+    icon: boolean;
+    children: boolean;
+    shouldShowBadge: boolean;
+    showShadow: boolean;
+    pointer: boolean;
+    transition: boolean;
+    classNameId: string;
+    className?: string;
+    isIconVariant: boolean;
+    defaultSizeIcon: boolean;
+}
+/**
+ * Hook que genera las clases CSS del botón
+ *
+ * @param options - Opciones para generar las clases
+ * @returns Clases CSS del botón
+ */
+export declare const useButtonClasses: ({ theme, size, color, rounded, fullWidth, pill, clickable, borderable, whiteBackground, active, square, icon, children, shouldShowBadge, showShadow, pointer, transition, classNameId, className, isIconVariant, defaultSizeIcon, }: UseButtonClassesOptions) => {
+    buttonClasses: string;
+    currentSizeIcon: "xs" | "sm" | "md" | "lg" | "xxs";
+    currentDefaultSizeIcon: boolean;
+};
+export {};
+//# sourceMappingURL=useButtonClasses.d.ts.map

package/dist/modules/InnerButton/hooks/useButtonClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useButtonClasses.d.ts","sourceRoot":"","sources":["../../../../src/modules/InnerButton/hooks/useButtonClasses.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,UAAU,uBAAuB;IAC/B,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;IACjC,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACxC,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAClD,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,OAAO,CAAA;IACxB,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,eAAe,EAAE,OAAO,CAAA;IACxB,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,EAAE,OAAO,CAAA;CACzB;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,qOAsB9B,uBAAuB;;;;CAyDzB,CAAA"}

package/dist/modules/InnerButton/hooks/useHoverText.d.ts

@@ -0,0 +1,28 @@
+import { ButtonColors } from '../../../shared/types/types';
+interface UseHoverTextOptions {
+    children: React.ReactNode;
+    hoverText?: string;
+    badgeFinishedLoading: boolean;
+    size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+    textColor?: ButtonColors;
+    textAlign?: 'left' | 'center' | 'right';
+}
+interface UseHoverTextReturn {
+    isHovered: boolean;
+    displayText: React.ReactNode;
+    textStyle: React.CSSProperties | undefined;
+    measureRef: React.RefObject<HTMLSpanElement>;
+    textRef: React.RefObject<HTMLParagraphElement>;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    measureSpanClassName: string;
+}
+/**
+ * Hook que maneja la lógica de hover text y cálculo de ancho máximo
+ *
+ * @param options - Opciones del hook
+ * @returns Estado y funciones relacionadas con hover text
+ */
+export declare const useHoverText: ({ children, hoverText, badgeFinishedLoading, size, textColor, textAlign, }: UseHoverTextOptions) => UseHoverTextReturn;
+export {};
+//# sourceMappingURL=useHoverText.d.ts.map

package/dist/modules/InnerButton/hooks/useHoverText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverText.d.ts","sourceRoot":"","sources":["../../../../src/modules/InnerButton/hooks/useHoverText.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AA4BnD,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACxC,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACxC;AAED,UAAU,kBAAkB;IAC1B,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,SAAS,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAA;IAC1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;IAC5C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAA;IAC9C,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,oBAAoB,EAAE,MAAM,CAAA;CAC7B;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,4EAO1B,mBAAmB,KAAG,kBA+GxB,CAAA"}

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

@@ -1,3 +1,8 @@
-import { IInnerButtonProps } from '../../shared/types/button';
-export declare const InnerButton: ({ className, classNameLabel, fullWidth, slotLeft, slotRight, theme, badgeColor, badgeLabel, badgeTheme, badgeSize, badgeStroke, badgeIcon, badgeIconDuotonePrimary, badgeIconDuotoneSecondary, badgeIconDuotoneOpacityPrimary, badgeIconDuotoneOpacitySecondary, badgeLoading, hoverText, color, rounded, children, textColor, clickable, icon, link, size, square, target, onClickIcon, onClickLeftSlot, onClickRightSlot, disabled, colorIcon, iconDuotonePrimary, iconDuotoneSecondary, iconDuotoneOpacityPrimary, iconDuotoneOpacitySecondary, leftSlotDuotonePrimary, leftSlotDuotoneSecondary, leftSlotDuotoneOpacityPrimary, leftSlotDuotoneOpacitySecondary, rightSlotDuotonePrimary, rightSlotDuotoneSecondary, rightSlotDuotoneOpacityPrimary, rightSlotDuotoneOpacitySecondary, showShadow, borderable, iconSizeExtended, defaultSizeIcon, as, classNameId, tooltip, tooltipPosition, tooltipAlignment, tooltipDelay, tooltipAbsolute, classNameTooltip, stopPropagation, pointer, ref, onClick, pill, textAlign, whiteBackground, strokeWidth, transition, classNameIcon, active, ...props }: IInnerButtonProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Re-exportar el componente InnerButton desde el archivo refactorizado
+ *
+ * Este archivo mantiene la compatibilidad con las importaciones existentes
+ * mientras que la implementación real está en InnerButton.tsx
+ */
+export { InnerButton } from './InnerButton';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/InnerButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AA2FzD,eAAO,MAAM,WAAW,GAAI,0iCAsEzB,iBAAiB,4CAwhBnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/InnerButton/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}

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

@@ -20,4 +20,24 @@ export declare const HoverTextDifferentSizes: Story;
 export declare const HoverTextWithoutLoading: Story;
 export declare const HoverTextMultipleScenarios: Story;
 export declare const HoverTextWithIcons: Story;
+export declare const CompleteSystemNewConfig: Story;
+export declare const CompleteSystemLegacyComparison: Story;
+export declare const CompleteSystemDuotone: Story;
+export declare const CompleteSystemConvergence: Story;
+export declare const CompleteSystemRareCases: Story;
+/**
+ * Demuestra el uso de `icon`, `leftSlot`, `rightSlot` y `tooltip` tanto como strings simples
+ * como objetos de configuración completos.
+ *
+ * **Uso como string simple:**
+ * - Funciona sin warnings
+ * - Estilos por defecto
+ * - Ideal para casos simples sin personalización
+ *
+ * **Uso como objeto de configuración:**
+ * - Permite personalización completa (colores, onClick, duotone, etc.)
+ * - Misma funcionalidad que iconProps/leftSlotProps/rightSlotProps/tooltipProps
+ * - Ideal cuando necesitas estilos personalizados pero prefieres pasar todo en una sola prop
+ */
+export declare const IconAndSlotsAsStringOrObject: Story;
 //# sourceMappingURL=InnerButton.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InnerButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/InnerButton/stories/InnerButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAGtC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAMjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAuGlC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAGlC,eAAO,MAAM,OAAO,EAAE,KAkCrB,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KAsCtB,CAAA;AAGD,eAAO,MAAM,IAAI,EAAE,KA6FlB,CAAA;AAGD,eAAO,MAAM,OAAO,EAAE,KAyCrB,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAA;AAGD,eAAO,MAAM,KAAK,EAAE,KAqDnB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA0M3B,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,KAmGzB,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,KAuI3B,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAmVjC,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KA0X9B,CAAA;AAKD,eAAO,MAAM,qBAAqB,EAAE,KA8DnC,CAAA;AAKD,eAAO,MAAM,oBAAoB,EAAE,KA4DlC,CAAA;AAKD,eAAO,MAAM,uBAAuB,EAAE,KA2FrC,CAAA;AAKD,eAAO,MAAM,uBAAuB,EAAE,KA2CrC,CAAA;AAKD,eAAO,MAAM,0BAA0B,EAAE,KA2HxC,CAAA;AAKD,eAAO,MAAM,kBAAkB,EAAE,KAsLhC,CAAA"}
+{"version":3,"file":"InnerButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/InnerButton/stories/InnerButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAGtC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAMjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAuGlC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAGlC,eAAO,MAAM,OAAO,EAAE,KAkCrB,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KAsCtB,CAAA;AAGD,eAAO,MAAM,IAAI,EAAE,KA6FlB,CAAA;AAGD,eAAO,MAAM,OAAO,EAAE,KAyCrB,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAA;AAGD,eAAO,MAAM,KAAK,EAAE,KAqDnB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA0M3B,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,KAmGzB,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,KAuI3B,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KAmVjC,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KA0X9B,CAAA;AAKD,eAAO,MAAM,qBAAqB,EAAE,KA8DnC,CAAA;AAKD,eAAO,MAAM,oBAAoB,EAAE,KA4DlC,CAAA;AAKD,eAAO,MAAM,uBAAuB,EAAE,KA2FrC,CAAA;AAKD,eAAO,MAAM,uBAAuB,EAAE,KA2CrC,CAAA;AAKD,eAAO,MAAM,0BAA0B,EAAE,KA2HxC,CAAA;AAKD,eAAO,MAAM,kBAAkB,EAAE,KAsLhC,CAAA;AAKD,eAAO,MAAM,uBAAuB,EAAE,KAqJrC,CAAA;AAGD,eAAO,MAAM,8BAA8B,EAAE,KAuF5C,CAAA;AAGD,eAAO,MAAM,qBAAqB,EAAE,KAoHnC,CAAA;AAGD,eAAO,MAAM,yBAAyB,EAAE,KAuFvC,CAAA;AAGD,eAAO,MAAM,uBAAuB,EAAE,KAyHrC,CAAA;AAMD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,4BAA4B,EAAE,KAsX1C,CAAA"}

package/dist/modules/InnerButton/styles/buttonVariants.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Variantes del botón usando class-variance-authority
+ */
+/**
+ * Constantes para el posicionamiento del badge
+ */
+export declare const BADGE_POSITION_STYLE: React.CSSProperties;
+export declare const BADGE_POSITION_CLASSES = "ui-absolute ui-z-10 ui-pointer-events-none";
+/**
+ * Crea las variantes del botón usando CVA
+ *
+ * @param theme - Tema del botón (solid, icon, emoji)
+ * @param clickable - Si el botón es clickeable
+ * @param borderable - Si el botón debe tener borde
+ * @param whiteBackground - Si el botón tiene fondo blanco
+ * @param active - Si el botón está en estado activo
+ * @param square - Si el botón es cuadrado
+ * @param icon - Si el botón tiene icono
+ * @param children - Si el botón tiene children
+ * @param shouldShowBadge - Si el badge debe mostrarse
+ * @param showShadow - Si el botón debe mostrar sombra
+ * @param pointer - Si el botón debe mostrar cursor pointer
+ * @param transition - Si el botón debe tener transición
+ * @param classNameId - ID de clase del botón
+ * @returns Función CVA para generar las clases del botón
+ */
+export declare const createButtonVariants: (theme: string, clickable: boolean, borderable: boolean | undefined, whiteBackground: boolean, active: boolean, square: boolean, icon: boolean, children: boolean, shouldShowBadge: boolean, showShadow: boolean, pointer: boolean, transition: boolean, classNameId: string) => (props?: ({
+    theme?: "solid" | "icon" | "emoji" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xxs" | null | undefined;
+    color?: "link" | "primary" | "secondary" | "tertiary" | "destructive" | "ghost" | "soft" | null | undefined;
+    pill?: "none" | "xs" | "sm" | "md" | "lg" | "pill" | null | undefined;
+    rounded?: boolean | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Crea las variantes de color de texto usando CVA
+ */
+export declare const createTextColorVariants: () => (props?: ({
+    color?: "link" | "primary" | "secondary" | "tertiary" | "destructive" | "ghost" | "soft" | null | undefined;
+    textAlign?: "right" | "left" | "center" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+//# sourceMappingURL=buttonVariants.d.ts.map

package/dist/modules/InnerButton/styles/buttonVariants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonVariants.d.ts","sourceRoot":"","sources":["../../../../src/modules/InnerButton/styles/buttonVariants.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,aAIxC,CAAA;AAED,eAAO,MAAM,sBAAsB,+CAA+C,CAAA;AAElF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,oBAAoB,GAC/B,OAAO,MAAM,EACb,WAAW,OAAO,EAClB,YAAY,OAAO,GAAG,SAAS,EAC/B,iBAAiB,OAAO,EACxB,QAAQ,OAAO,EACf,QAAQ,OAAO,EACf,MAAM,OAAO,EACb,UAAU,OAAO,EACjB,iBAAiB,OAAO,EACxB,YAAY,OAAO,EACnB,SAAS,OAAO,EAChB,YAAY,OAAO,EACnB,aAAa,MAAM;;;;;;;8EAuDpB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;8EAuBnC,CAAA"}

package/dist/modules/InnerButton/styles/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Estilos y variantes del módulo InnerButton
+ */
+export * from './variantColors';
+export * from './buttonVariants';
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/InnerButton/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/InnerButton/styles/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA"}

package/dist/modules/InnerButton/styles/variantColors.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Configuración de colores por variante del botón
+ *
+ * Este archivo contiene toda la lógica de estilos y colores
+ * para las diferentes variantes (solid, icon, emoji) y colores del botón.
+ */
+/**
+ * Obtiene las clases CSS de colores según la variante del botón
+ *
+ * @param variant - Variante del botón (solid, icon, emoji)
+ * @param clickable - Si el botón es clickeable
+ * @param borderable - Si el botón debe tener borde
+ * @param whiteBackground - Si el botón tiene fondo blanco
+ * @param active - Si el botón está en estado activo
+ * @returns Objeto con las clases CSS para cada color
+ */
+export declare const getVariantColors: (variant: string, clickable: boolean, borderable: boolean | undefined, whiteBackground: boolean, active?: boolean) => {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    destructive: string;
+    link: string;
+    ghost: string;
+    soft: string;
+} | {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    destructive: string;
+    link: string;
+    ghost: string;
+    soft: string;
+} | {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    destructive: string;
+    link: string;
+    ghost: string;
+    soft: string;
+};
+//# sourceMappingURL=variantColors.d.ts.map

package/dist/modules/InnerButton/styles/variantColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variantColors.d.ts","sourceRoot":"","sources":["../../../../src/modules/InnerButton/styles/variantColors.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,MAAM,EACf,WAAW,OAAO,EAClB,YAAY,OAAO,GAAG,SAAS,EAC/B,iBAAiB,OAAO,EACxB,SAAQ,OAAe;;;;;;;;;;;;;;;;;;;;;;;;CA2CxB,CAAA"}