@imj_media/ui 1.0.81 → 1.1.0

package/dist/shared/types/radiobutton.d.ts

@@ -0,0 +1,80 @@
+export type RadioButtonSize = 'sm' | 'md' | 'lg';
+export type RadioButtonColor = 'blue' | 'green' | 'red' | 'yellow' | 'neutral';
+export type RadioButtonState = 'unchecked' | 'checked' | 'uncheckedHover' | 'checkedHover' | 'uncheckedActive' | 'checkedActive' | 'disabledUnchecked' | 'disabledChecked';
+export interface RadioButtonBaseProps {
+    /** Texto del label del radio button */
+    label?: string;
+    /** Tamaño del radio button */
+    size?: RadioButtonSize;
+    /** Color del radio button */
+    color?: RadioButtonColor;
+    /** Si el radio button está deshabilitado */
+    disabled?: boolean;
+    /** Clases CSS adicionales para el contenedor */
+    className?: string;
+    /** Clases CSS adicionales para el label */
+    labelClassName?: string;
+    /** ID único del radio button */
+    id?: string;
+    /** Si el radio button está seleccionado */
+    checked?: boolean;
+    /** Callback cuando cambia el estado */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Nombre del grupo de radio buttons */
+    name?: string;
+}
+export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'color'>, RadioButtonBaseProps {
+}
+export interface RadioButtonGroupProps {
+    /** Array de opciones para el grupo de radio buttons */
+    options: RadioButtonOption[];
+    /** Valor seleccionado actualmente */
+    value?: string;
+    /** Callback cuando cambia la selección */
+    onChange?: (value: string) => void;
+    /** Tamaño de todos los radio buttons */
+    size?: RadioButtonSize;
+    /** Color de todos los radio buttons */
+    color?: RadioButtonColor;
+    /** Si todos los radio buttons están deshabilitados */
+    disabled?: boolean;
+    /** Orientación del grupo */
+    orientation?: 'horizontal' | 'vertical';
+    /** Clases CSS adicionales */
+    className?: string;
+    /** Nombre del grupo */
+    name?: string;
+}
+export interface RadioButtonOption {
+    /** Valor único de la opción */
+    value: string;
+    /** Texto a mostrar */
+    label: string;
+    /** Si esta opción está deshabilitada */
+    disabled?: boolean;
+}
+export interface UseRadioButtonReturn {
+    /** Estado actual del radio button */
+    state: RadioButtonState;
+    /** ID único generado */
+    radioId: string;
+    /** Si está en estado activo (presionado) */
+    isActive: boolean;
+    /** Si está en estado hover */
+    isHovered: boolean;
+    /** Handlers para eventos del mouse */
+    handlers: {
+        handleMouseDown: () => void;
+        handleMouseUp: () => void;
+        handleMouseEnter: () => void;
+        handleMouseLeave: () => void;
+        handleClick: (e: React.MouseEvent) => void;
+    };
+}
+export interface UseRadioButtonGroupReturn {
+    /** Valor seleccionado actualmente */
+    selectedValue: string | undefined;
+    /** Handler para cambiar la selección */
+    handleChange: (value: string) => void;
+}
+//# sourceMappingURL=radiobutton.d.ts.map

package/dist/shared/types/radiobutton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radiobutton.d.ts","sourceRoot":"","sources":["../../../src/shared/types/radiobutton.ts"],"names":[],"mappings":"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"}

package/dist/shared/types/separator.d.ts

@@ -0,0 +1,6 @@
+export interface SeparatorProps {
+    className?: string;
+    vertical?: boolean;
+    padding?: boolean;
+}
+//# sourceMappingURL=separator.d.ts.map

package/dist/shared/types/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/shared/types/separator.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}

package/dist/shared/types/spinner.d.ts

@@ -0,0 +1,7 @@
+export interface SpinnerProps {
+    size?: number;
+    loop?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+}
+//# sourceMappingURL=spinner.d.ts.map

package/dist/shared/types/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/shared/types/spinner.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/shared/types/stepper.d.ts

@@ -0,0 +1,37 @@
+import { Colors, SmallSize, StepStatus } from './types';
+export interface StepperStep {
+    title?: string;
+    description?: string;
+    completed?: boolean;
+}
+export interface ColorClasses {
+    primary: string;
+    secondary: string;
+    text: string;
+    line: string;
+}
+export interface StepperContextType {
+    currentStep: number;
+    steps: StepperStep[];
+    color: Colors;
+    onStepClick: (stepIndex: number) => void;
+    getStepStatus: (stepIndex: number) => StepStatus;
+    getColorClasses: (color: Colors) => ColorClasses;
+}
+export interface StepperProps {
+    steps: StepperStep[];
+    className?: string;
+    classNameStep?: string;
+    classNameStepLabel?: string;
+    classNameStepIcon?: string;
+    classNameStepNumber?: string;
+    currentStep?: number;
+    color?: Colors;
+    size?: SmallSize;
+    onClickStep?: (step: number) => void;
+    onStepChange?: (step: number) => void;
+    withScroll?: boolean;
+    vertical?: boolean;
+    stepClickable?: boolean;
+}
+//# sourceMappingURL=stepper.d.ts.map

package/dist/shared/types/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/shared/types/stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEvD,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,UAAU,CAAA;IAChD,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAA;CACjD;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB"}

package/dist/shared/types/switch.d.ts

@@ -0,0 +1,16 @@
+import { IconColor, VisualSlotType } from './types';
+export interface SwitchOption {
+    label: string;
+    value: string;
+    slotLeft?: VisualSlotType;
+    slotRight?: VisualSlotType;
+}
+export interface SwitchProps {
+    fullWidth?: boolean;
+    colorIcon?: IconColor;
+    size?: 'sm' | 'md' | 'lg';
+    options: SwitchOption[];
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+}
+//# sourceMappingURL=switch.d.ts.map

package/dist/shared/types/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/shared/types/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEnD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC"}

package/dist/shared/types/tag.d.ts

@@ -0,0 +1,11 @@
+import { IInnerButtonProps } from './button';
+import { TagColors } from './types';
+export interface ITagProps extends Omit<IInnerButtonProps, 'iconSizeExtended' | 'defaultSizeIcon' | 'icon' | 'slotLeft' | 'slotRight' | 'fullWidth' | 'link' | 'target' | 'onClickIcon'> {
+    variant?: 'button' | 'outlined';
+    badge?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    label?: string;
+    color: TagColors;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+}
+//# sourceMappingURL=tag.d.ts.map

package/dist/shared/types/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/shared/types/tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,MAAM,WAAW,SACf,SAAQ,IAAI,CACV,iBAAiB,EACf,kBAAkB,GAClB,iBAAiB,GACjB,MAAM,GACN,UAAU,GACV,WAAW,GACX,WAAW,GACX,MAAM,GACN,QAAQ,GACR,aAAa,CAChB;IACD,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;CACxD"}

package/dist/shared/types/textarea.d.ts

@@ -0,0 +1,19 @@
+import { VisualSlotType } from './types';
+export interface TextareaProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    containerClassName?: string;
+    leftSlot?: VisualSlotType;
+    rightSlot?: VisualSlotType;
+    disabled?: boolean;
+    error?: string;
+    helperText?: string;
+    maxLength?: number;
+    label?: string;
+    fullWidth?: boolean;
+}
+export interface TextareaHookProps extends Pick<TextareaProps, 'onChange' | 'value' | 'maxLength'> {
+}
+//# sourceMappingURL=textarea.d.ts.map

package/dist/shared/types/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/shared/types/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,OAAO,GAAG,WAAW,CAAC;CAAG"}

package/dist/shared/types/title.d.ts

@@ -0,0 +1,7 @@
+import { IconType } from './types';
+export type TitleProps = {
+    title: string;
+    className?: string;
+    icon?: IconType;
+};
+//# sourceMappingURL=title.d.ts.map

package/dist/shared/types/title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../../src/shared/types/title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA"}

package/dist/shared/types/toast.d.ts

@@ -0,0 +1,23 @@
+import { IAlert, SizeAlert, VariantAlert } from './alert';
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface ToastProps extends Omit<IAlert, 'open'> {
+    position?: ToastPosition;
+    id: number;
+    onClose?: () => void;
+}
+export interface ToastConfig {
+    maxToasts: number;
+    position: ToastPosition;
+    duration: number;
+    animationDuration: number;
+    variant: VariantAlert;
+    primaryButtonText: string;
+    secondaryButtonText: string;
+    progressBarColor: boolean;
+    size: SizeAlert;
+}
+export interface ToastOptions extends Omit<ToastProps, 'id' | 'isLeaving' | 'message'> {
+}
+export type ToastListener = (toast: ToastProps) => void;
+export type ToastsByPosition = Record<ToastPosition, ToastProps[]>;
+//# sourceMappingURL=toast.d.ts.map

package/dist/shared/types/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/shared/types/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEzD,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,QAAQ,GACR,cAAc,GACd,aAAa,GACb,eAAe,GACf,cAAc,CAAA;AAElB,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC;IACtD,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,aAAa,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,iBAAiB,EAAE,MAAM,CAAA;IACzB,OAAO,EAAE,YAAY,CAAA;IACrB,iBAAiB,EAAE,MAAM,CAAA;IACzB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,gBAAgB,EAAE,OAAO,CAAA;IACzB,IAAI,EAAE,SAAS,CAAA;CAChB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,WAAW,GAAG,SAAS,CAAC;CAAG;AAEzF,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;AAEvD,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA"}

package/dist/shared/types/tooltip.d.ts

@@ -0,0 +1,22 @@
+import { Colors, TooltipAlignment, TooltipPosition } from './types';
+export interface TooltipProps {
+    children: React.ReactNode;
+    label: React.ReactNode;
+    position?: TooltipPosition;
+    alignment?: TooltipAlignment;
+    color?: Colors | 'transparent';
+    id?: string;
+    delay?: number;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    arrowClassName?: string;
+    fullWidth?: boolean;
+    absolute?: boolean;
+    autoClose?: boolean;
+}
+export interface PositionCoords {
+    top: number;
+    left: number;
+}
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/shared/types/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/shared/types/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEnE,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb"}

package/dist/shared/types/types.d.ts

@@ -0,0 +1,65 @@
+import { OutlineIcons, FillIcons } from '../modules/Icons';
+import { COLORS_CSS_VARS } from '../const/colors';
+import { emojiMap } from '../../modules/Emoji/contants/emojis';
+/**
+ * General
+ */
+export type Colors = 'blue' | 'green' | 'orange' | 'red' | 'white' | 'black' | 'neutral' | 'yellow' | 'blue-dark' | 'blue-light' | 'transparent';
+export type BasicColors = 'blue' | 'green' | 'orange' | 'red';
+export type SmallSize = 'xs' | 'sm' | 'md' | 'lg';
+export type MediumSize = 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+export type DefaultSize = SmallSize | MediumSize;
+export type Positions = 'top' | 'right' | 'bottom' | 'left' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'right-top' | 'right-bottom' | 'left-top' | 'left-bottom';
+export type Aligments = 'start' | 'center' | 'end';
+/**
+ * Input
+ */
+export type InputSize = 'sm' | 'md' | 'lg';
+/**
+ * Button
+ */
+export type ButtonVariant = 'button' | 'text' | 'outlined' | 'soft' | 'icon' | 'emoji';
+export type ButtonColors = Colors;
+/**
+ * Emojis
+ */
+export type EmojiName = keyof typeof emojiMap;
+/**
+ * Icons
+ */
+export type IconType = keyof typeof OutlineIcons | keyof typeof FillIcons;
+export type IconVariant = 'outline' | 'fill';
+export type IconColor = keyof typeof COLORS_CSS_VARS | 'white';
+export type IconSize = DefaultSize | 'none';
+/**
+ * Visual
+ */
+export type VisualSlotType = IconType | EmojiName | (string & {});
+/**
+ * Tooltip
+ */
+export type TooltipPosition = Positions;
+export type TooltipAlignment = Aligments;
+export type TooltipColors = Colors;
+/**
+ * Tag
+ */
+export type TagColors = Colors;
+export type TagSize = 'xs' | 'sm' | 'md' | 'lg' | 'clear' | 'minimal';
+/**
+ * Avatar
+ */
+export type AvatarSize = DefaultSize;
+/**
+ * Logo
+ */
+export type LogoSize = 'sm' | 'md' | 'lg';
+/**
+ * Stepper
+ */
+export type StepStatus = 'completed' | 'active' | 'pending';
+/**
+ * Visual
+ */
+export type VisualSize = DefaultSize;
+//# sourceMappingURL=types.d.ts.map

package/dist/shared/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/shared/types/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAE1D;;GAEG;AACH,MAAM,MAAM,MAAM,GACd,MAAM,GACN,OAAO,GACP,QAAQ,GACR,KAAK,GACL,OAAO,GACP,OAAO,GACP,SAAS,GACT,QAAQ,GACR,WAAW,GACX,YAAY,GACZ,aAAa,CAAA;AACjB,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAC7D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AACjD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;AACrE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,CAAA;AAChD,MAAM,MAAM,SAAS,GACjB,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,WAAW,GACX,UAAU,GACV,cAAc,GACd,aAAa,GACb,WAAW,GACX,cAAc,GACd,UAAU,GACV,aAAa,CAAA;AACjB,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAElD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE1C;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AACtF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAA;AAEjC;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,QAAQ,CAAA;AAE7C;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,YAAY,GAAG,MAAM,OAAO,SAAS,CAAA;AACzE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,eAAe,GAAG,OAAO,CAAA;AAC9D,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAA;AAE3C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;AAEjE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,CAAA;AACvC,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAA;AAElC;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,CAAA;AAC9B,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,CAAA;AAErE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,WAAW,CAAA;AAEpC;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEzC;;GAEG;AAEH,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE3D;;GAEG;AAEH,MAAM,MAAM,UAAU,GAAG,WAAW,CAAA"}

package/dist/shared/types/visual.d.ts

@@ -0,0 +1,18 @@
+import { IconColor, VisualSize, VisualSlotType, TooltipPosition, TooltipAlignment, Colors } from './types';
+export interface IVisualProps {
+    slot?: VisualSlotType;
+    className?: string;
+    colorIcon?: IconColor;
+    size?: VisualSize;
+    defaultSizeIcon?: boolean;
+    strokeWidth?: number;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    fallback?: string;
+    tooltip?: string;
+    tooltipPosition?: TooltipPosition;
+    tooltipAlignment?: TooltipAlignment;
+    tooltipColor?: Colors | 'transparent';
+    tooltipDelay?: number;
+    tooltipDisabled?: boolean;
+}
+//# sourceMappingURL=visual.d.ts.map

package/dist/shared/types/visual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual.d.ts","sourceRoot":"","sources":["../../../src/shared/types/visual.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC/D,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAEnE,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,YAAY,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IACrC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B"}

package/dist/shared/types/wysiwyg.d.ts

@@ -0,0 +1,41 @@
+export interface WysiwygProps {
+    /** Valor del contenido HTML */
+    value?: string;
+    /** Valor por defecto */
+    defaultValue?: string;
+    /** Callback cuando el contenido cambia */
+    onChange?: (html: string) => void;
+    /** Placeholder del editor */
+    placeholder?: string;
+    /** Deshabilitar el editor */
+    disabled?: boolean;
+    /** Mostrar toolbar de formato */
+    showToolbar?: boolean;
+    /** Permitir adjuntar archivos */
+    allowAttachments?: boolean;
+    /** Callback cuando se adjunta un archivo */
+    onAttachment?: (file: File) => void;
+    /** Permitir menciones */
+    allowMentions?: boolean;
+    /** Callback cuando se menciona a alguien */
+    onMention?: (mention: string) => void;
+    /** Mostrar botón de enviar */
+    showSubmitButton?: boolean;
+    /** Callback al enviar */
+    onSubmit?: () => void;
+    /** Texto del botón de enviar */
+    submitButtonText?: string;
+    /** Clase CSS personalizada */
+    className?: string;
+    /** Auto focus */
+    autoFocus?: boolean;
+    /** Altura mínima del editor */
+    minHeight?: number;
+    /** Altura máxima del editor */
+    maxHeight?: number;
+}
+export interface WysiwygToolbarAction {
+    type: 'bold' | 'italic' | 'underline' | 'strikethrough' | 'ul' | 'ol' | 'link';
+    active: boolean;
+}
+//# sourceMappingURL=wysiwyg.d.ts.map

package/dist/shared/types/wysiwyg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wysiwyg.d.ts","sourceRoot":"","sources":["../../../src/shared/types/wysiwyg.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACnC,yBAAyB;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAC9E,MAAM,EAAE,OAAO,CAAA;CAChB"}

package/dist/shared/utils/cn.d.ts

@@ -0,0 +1,2 @@
+export declare function cn(...inputs: any[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/shared/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/shared/utils/cn.ts"],"names":[],"mappings":"AAIA,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,GAAG,EAAE,UAElC"}

package/dist/shared/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './cn';
+//# sourceMappingURL=index.d.ts.map

package/dist/shared/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imj_media/ui",
-  "version": "1.0.81",
+  "version": "1.1.0",
   "description": "Componentes UI",
   "author": {
     "name": "Oscar Rubio - IMJ",
@@ -42,6 +42,7 @@
   },
   "devDependencies": {
     "@storybook/addon-docs": "^9.0.12",
+    "@storybook/addon-onboarding": "^9.0.12",
     "@storybook/react-vite": "^9.0.12",
     "@types/node": "^24.0.3",
     "@types/react": "^18.0.0",
@@ -68,8 +69,6 @@
     "@fortawesome/pro-solid-svg-icons": "^7.0.1",
     "@fortawesome/react-fontawesome": "^3.0.2",
     "@storybook/react": "^9.0.12",
-    "@tanstack/react-query": "^5.90.10",
-    "@tanstack/react-table": "^8.21.3",
     "@types/react-syntax-highlighter": "^15.5.13",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",