pixelon 0.3.24 → 0.3.26

package/dist/components/atoms/chat/AudioWaves/AudioWaves(1).d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import WaveSurfer from "wavesurfer.js";
+import { SIZES, VARIANTS } from "../../../../core/constants/chat";
+export interface AudioWavesProps {
+    audioUrl: string;
+    size?: (typeof SIZES)[keyof typeof SIZES];
+    variant?: (typeof VARIANTS)[keyof typeof VARIANTS];
+    height?: number;
+    waveColor?: string;
+    progressColor?: string;
+    cursorColor?: string;
+    cursor?: boolean;
+    cursorDot?: boolean;
+    normalize?: boolean;
+    onReady?: (wavesurfer?: WaveSurfer) => void;
+    onError?: (error: Error) => void;
+    onSeek?: (position: number) => void;
+    className?: string;
+}
+export declare const AudioWaves: React.ForwardRefExoticComponent<AudioWavesProps & React.RefAttributes<HTMLDivElement>>;
+export default AudioWaves;

package/dist/components/atoms/chat/AudioWaves/index(1).d.ts

@@ -0,0 +1,2 @@
+export { AudioWaves, default } from './AudioWaves';
+export type { AudioWavesProps } from './AudioWaves';

package/dist/components/atoms/chat/DateDivider/DateDivider(1).d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface DateDividerProps {
+    date: Date;
+    className?: string;
+}
+export declare const DateDivider: React.FC<DateDividerProps>;
+export default DateDivider;

package/dist/components/atoms/chat/Loader/Loader(1).d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './Loader.scss';
+export interface LoaderProps {
+    size?: 'small' | 'medium' | 'large';
+    text?: string;
+    className?: string;
+    'data-testid'?: string;
+}
+export declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLDivElement>>;
+export default Loader;

package/dist/components/atoms/chat/Loader/index(1).d.ts

@@ -0,0 +1,2 @@
+export { Loader, default } from './Loader';
+export type { LoaderProps } from './Loader';

package/dist/components/atoms/chat/Select/index(1).d.ts

@@ -0,0 +1,2 @@
+export { Select } from './Select';
+export type { SelectProps, SelectOption, SelectValue } from './Select';

package/dist/components/atoms/lumi/Button/Button(1).d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { VARIANTS } from '../../../../core/constants/lumi';
+import type { LumiSize } from '../../../../core/constants/lumi';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Variante visual del botón */
+    variant?: (typeof VARIANTS)[keyof typeof VARIANTS];
+    /** Tamaño del botón */
+    size?: LumiSize;
+    /** Estado de carga del botón */
+    isLoading?: boolean;
+    /** Expandir el botón al ancho completo */
+    fullWidth?: boolean;
+    /** Icono a mostrar en el botón */
+    icon?: React.ReactNode;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/components/atoms/lumi/Checkbox/Checkbox(1).d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { CheckboxProps } from "./types";
+import "./Checkbox.scss";
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;

package/dist/components/atoms/lumi/Checkbox/index(1).d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps, CheckboxState } from './types';

package/dist/components/atoms/lumi/Checkbox/index(2).d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps, CheckboxState } from './types';

package/dist/components/atoms/lumi/Checkbox/types(1).d.ts

@@ -0,0 +1,93 @@
+import type { InputHTMLAttributes, ReactNode } from "react";
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "onChange"> {
+    /**
+     * Si el checkbox está marcado
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * Valor por defecto (para componentes no controlados)
+     * @default false
+     */
+    defaultChecked?: boolean;
+    /**
+     * Estado indeterminado (para checkboxes padre en árboles)
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * Si el checkbox está deshabilitado
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Texto de la etiqueta del checkbox
+     */
+    label?: ReactNode;
+    /**
+     * Callback cuando cambia el estado
+     */
+    onChange?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Tamaño del checkbox
+     * @default 'medium'
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Variante de color
+     * @default 'primary'
+     */
+    variant?: "primary" | "secondary" | "tertiary" | "accent";
+    /**
+     * Mostrar animación al cambiar de estado
+     * @default true
+     */
+    animated?: boolean;
+    /**
+     * ID para asociar label con input
+     */
+    id?: string;
+    /**
+     * Nombre del campo de formulario
+     */
+    name?: string;
+    /**
+     * Valor del checkbox (para formularios)
+     */
+    value?: string;
+    /**
+     * Clase CSS adicional
+     */
+    className?: string;
+    /**
+     * Clase CSS adicional para el label
+     */
+    labelClassName?: string;
+    /**
+     * Si es requerido en un formulario
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Texto de error (muestra el checkbox en estado de error)
+     */
+    error?: string | boolean;
+    /**
+     * Tooltip al hacer hover
+     */
+    tooltip?: string;
+    /**
+     * Posición de la etiqueta
+     * @default 'right'
+     */
+    labelPosition?: "left" | "right";
+    /**
+     * Callback cuando el checkbox recibe foco
+     */
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Callback cuando el checkbox pierde foco
+     */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+}
+export type CheckboxState = "unchecked" | "checked" | "indeterminate" | "disabled" | "error" | "focus" | "hover";

package/dist/components/atoms/lumi/CurrencyDisplay/index(1).d.ts

@@ -0,0 +1,2 @@
+export { CurrencyDisplay, default } from './CurrencyDisplay';
+export type { CurrencyDisplayProps, CurrencyConfig, CurrencyDisplaySize, CurrencyDisplayVariant, CurrencyDisplayAlign, CurrencyDisplayWeight, } from './types';

package/dist/components/atoms/lumi/DateDisplay/index(1).d.ts

@@ -0,0 +1,2 @@
+export { DateDisplay, default } from './DateDisplay';
+export type { DateDisplayProps, DateDisplayFormat, DateDisplayStyle, DateDisplaySize, DateDisplayVariant, DateDisplayAlign, DateDisplayWeight, DateDisplayLocaleConfig, } from './types';

package/dist/components/atoms/lumi/DateDisplay/index(2).d.ts

@@ -0,0 +1,2 @@
+export { DateDisplay, default } from './DateDisplay';
+export type { DateDisplayProps, DateDisplayFormat, DateDisplayStyle, DateDisplaySize, DateDisplayVariant, DateDisplayAlign, DateDisplayWeight, DateDisplayLocaleConfig, } from './types';

package/dist/components/atoms/lumi/DateInput/DateInput(1).d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { InputProps } from '../Input';
+export interface DateInputProps extends Omit<InputProps, 'type'> {
+    /** Habilitar picker avanzado en web (solo desktop) */
+    enhanced?: boolean;
+    /** Tipo de fecha (solo se aplica cuando enhanced=false o en móvil) */
+    dateType?: 'date' | 'time' | 'datetime-local' | 'month' | 'week';
+    /** Formato de fecha para mostrar (solo enhanced) */
+    dateFormat?: string;
+    /** Mostrar calendario inline (solo enhanced) */
+    inline?: boolean;
+    /** Placeholder personalizado para enhanced */
+    placeholderText?: string;
+    /**
+     * Zona horaria para interpretar minDate/maxDate cuando vienen en UTC
+     * Ej: "America/Bogota", "America/New_York", "Europe/Madrid"
+     * Si no se especifica, usa la zona horaria del navegador
+     */
+    timezone?: string;
+}
+/**
+ * DateInput - Componente híbrido que usa:
+ * - Input nativo en móviles (mejor UX móvil)
+ * - React DatePicker en web desktop (mejor visual)
+ */
+export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;
+export default DateInput;

package/dist/components/atoms/lumi/DateInput/WebDatePicker(1).d.ts

@@ -0,0 +1,19 @@
+import type { InputProps } from "../Input";
+import "react-datepicker/dist/react-datepicker.css";
+import "./WebDatePicker.scss";
+export interface WebDatePickerProps extends Omit<InputProps, "type" | "onChange" | "minDate" | "maxDate"> {
+    value?: string;
+    onChange?: (value: string) => void;
+    dateFormat?: string;
+    inline?: boolean;
+    placeholderText?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    showTimeSelect?: boolean;
+    timeFormat?: string;
+    timeIntervals?: number;
+    clearWithReset?: boolean;
+    onClear?: () => void;
+}
+export declare const WebDatePicker: import("react").ForwardRefExoticComponent<WebDatePickerProps & import("react").RefAttributes<HTMLInputElement>>;
+export default WebDatePicker;

package/dist/components/atoms/lumi/DateInput/WebDatePicker(2).d.ts

@@ -0,0 +1,19 @@
+import type { InputProps } from "../Input";
+import "react-datepicker/dist/react-datepicker.css";
+import "./WebDatePicker.scss";
+export interface WebDatePickerProps extends Omit<InputProps, "type" | "onChange" | "minDate" | "maxDate"> {
+    value?: string;
+    onChange?: (value: string) => void;
+    dateFormat?: string;
+    inline?: boolean;
+    placeholderText?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    showTimeSelect?: boolean;
+    timeFormat?: string;
+    timeIntervals?: number;
+    clearWithReset?: boolean;
+    onClear?: () => void;
+}
+export declare const WebDatePicker: import("react").ForwardRefExoticComponent<WebDatePickerProps & import("react").RefAttributes<HTMLInputElement>>;
+export default WebDatePicker;

package/dist/components/atoms/lumi/Icon/Icon(1).d.ts

@@ -0,0 +1,52 @@
+import React from "react";
+import type { LumiSize } from "../../../../core/constants/lumi";
+import "./Icon.scss";
+export declare const LUMI_ICON_TYPES: {
+    readonly CLOSE: "close";
+    readonly USER: "user";
+    readonly SEARCH: "search";
+    readonly LOCK: "lock";
+    readonly CHEVRON_UP: "chevron-up";
+    readonly CHEVRON_DOWN: "chevron-down";
+    readonly CHEVRON_LEFT: "chevron-left";
+    readonly CHEVRON_RIGHT: "chevron-right";
+    readonly CHECK: "check";
+    readonly CALENDAR: "calendar";
+    readonly CLOCK: "clock";
+    readonly HOME: "home";
+    readonly DASHBOARD: "dashboard";
+    readonly SETTINGS: "settings";
+    readonly FOLDER: "folder";
+    readonly FOLDER_OPEN: "folder-open";
+    readonly BELL: "bell";
+    readonly MAIL: "mail";
+    readonly CHART: "chart";
+    readonly USERS: "users";
+    readonly FILE: "file";
+    readonly LOGOUT: "logout";
+    readonly HELP: "help";
+    readonly COG: "cog";
+    readonly GRID: "grid";
+    readonly TRASH: "trash";
+    readonly PLUS: "plus";
+    readonly FILTER: "filter";
+    readonly MORE_VERTICAL: "more-vertical";
+    readonly EDIT: "edit";
+    readonly SAVE: "save";
+    readonly EYE: "eye";
+    readonly MENU: "menu";
+    readonly ARROW_UP: "arrow-up";
+    readonly BUILDING: "building";
+    readonly MAP_PIN: "map-pin";
+    readonly USER_X: "user-x";
+    readonly REFRESH: "refresh";
+    readonly MESSAGE_SQUARE: "message-square";
+};
+export type LumiIconType = (typeof LUMI_ICON_TYPES)[keyof typeof LUMI_ICON_TYPES];
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+    type: LumiIconType;
+    size?: LumiSize;
+    className?: string;
+}
+export declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default Icon;

package/dist/components/atoms/lumi/Input/index(1).d.ts

@@ -0,0 +1,3 @@
+export { Input } from './Input';
+export type { InputProps } from './Input';
+export { useAutoFormat, type AutoFormatOptions, useDynamicPadding, type DynamicPaddingOptions, type PaddingOffsets, type IconOffsets, useInputChangeHandler, type InputChangeHandlerOptions, useInputClearHandler, type InputClearHandlerOptions } from './use-cases';

package/dist/components/atoms/lumi/Popover/index(1).d.ts

@@ -0,0 +1,2 @@
+export { Popover } from './Popover';
+export type { PopoverProps, PopoverTrigger, PopoverPlacement } from './types';

package/dist/components/atoms/lumi/Popover/types(1).d.ts

@@ -0,0 +1,62 @@
+import type { ReactNode, CSSProperties } from 'react';
+/**
+ * Tipo de trigger para el popover
+ */
+export type PopoverTrigger = 'hover' | 'click' | 'focus' | 'contextMenu';
+/**
+ * Posición del popover relativa al elemento trigger
+ */
+export type PopoverPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+/**
+ * Props del átomo Popover
+ */
+export interface PopoverProps {
+    /** Contenido del popover */
+    content: ReactNode | (() => ReactNode);
+    /** Título del popover (opcional) */
+    title?: ReactNode | (() => ReactNode);
+    /** Elemento hijo que activa el popover */
+    children: ReactNode;
+    /** Cómo se activa el popover @default 'hover' */
+    trigger?: PopoverTrigger | PopoverTrigger[];
+    /** Posición del popover @default 'top' */
+    placement?: PopoverPlacement;
+    /** Si mostrar la flecha @default true */
+    arrow?: boolean | {
+        pointAtCenter?: boolean;
+    };
+    /** Control manual de visibilidad (modo controlado) */
+    open?: boolean;
+    /** Visibilidad inicial por defecto @default false */
+    defaultOpen?: boolean;
+    /** Callback cuando cambia la visibilidad */
+    onOpenChange?: (open: boolean) => void;
+    /** Color de fondo del popover */
+    color?: string;
+    /** z-index del popover @default 1030 */
+    zIndex?: number;
+    /** Ancho mínimo del popover */
+    minWidth?: number | string;
+    /** Si destruir el contenido cuando está oculto @default false */
+    destroyTooltipOnHide?: boolean;
+    /** Estilos personalizados */
+    styles?: {
+        root?: CSSProperties;
+        body?: CSSProperties;
+        arrow?: CSSProperties;
+    };
+    /** Clase CSS adicional */
+    className?: string;
+    /** Clase CSS para el contenido del popover */
+    overlayClassName?: string;
+    /** Si deshabilitar el popover @default false */
+    disabled?: boolean;
+    /** Delay para mostrar (ms) @default 100 */
+    mouseEnterDelay?: number;
+    /** Delay para ocultar (ms) @default 100 */
+    mouseLeaveDelay?: number;
+    /** Contenedor del popover en el DOM */
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    /** Test ID para testing */
+    'data-testid'?: string;
+}

package/dist/components/atoms/lumi/TextArea/index(1).d.ts

@@ -0,0 +1,2 @@
+export { TextArea, default } from './TextArea';
+export type { TextAreaProps, TextAreaSize, TextAreaVariant, TextAreaStatus, TextAreaResize, } from './types';

package/dist/components/atoms/lumi/TextArea/types(1).d.ts

@@ -0,0 +1,35 @@
+import type { TextareaHTMLAttributes, ReactNode } from 'react';
+export type TextAreaSize = 'small' | 'middle' | 'large';
+export type TextAreaVariant = 'outlined' | 'filled' | 'borderless';
+export type TextAreaStatus = 'error' | 'warning';
+export type TextAreaResize = 'none' | 'vertical' | 'horizontal' | 'both';
+export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
+    /** Etiqueta del textarea */
+    label?: string;
+    /** Mensaje de error */
+    error?: string;
+    /** Estado visual del textarea */
+    status?: TextAreaStatus;
+    /** Variante de diseño */
+    variant?: TextAreaVariant;
+    /** Ancho completo */
+    fullWidth?: boolean;
+    /** Tamaño del textarea */
+    size?: TextAreaSize;
+    /** Permitir limpiar el contenido */
+    allowClear?: boolean;
+    /** Callback cuando se limpia el contenido */
+    onClear?: () => void;
+    /** Número mínimo de filas */
+    minRows?: number;
+    /** Número máximo de filas */
+    maxRows?: number;
+    /** Comportamiento de redimensionamiento */
+    resize?: TextAreaResize;
+    /** Mostrar contador de caracteres */
+    showCount?: boolean;
+    /** Límite máximo de caracteres (para el contador) */
+    maxLength?: number;
+    /** Contenido adicional en el pie */
+    footer?: ReactNode;
+}

package/dist/components/atoms/lumi/TimeInput/TimeInput(1).d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { InputProps } from '../Input';
+import './TimeInput.scss';
+export interface TimeInputProps extends Omit<InputProps, 'type'> {
+    format24Hours?: boolean;
+    showAmPm?: boolean;
+    showSeconds?: boolean;
+    hourOptions?: Array<{
+        value: string;
+        label: string;
+    }>;
+    minuteOptions?: Array<{
+        value: string;
+        label: string;
+    }>;
+    secondOptions?: Array<{
+        value: string;
+        label: string;
+    }>;
+    pickerWidth?: string | number;
+    onAccept?: (value: string) => void;
+    onCancel?: () => void;
+    enhanced?: boolean;
+    clearWithReset?: boolean;
+}
+export declare const TimeInput: React.ForwardRefExoticComponent<TimeInputProps & React.RefAttributes<HTMLInputElement>>;
+export default TimeInput;

package/dist/components/atoms/lumi/TimeInput/TimeInput(2).d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { InputProps } from '../Input';
+import './TimeInput.scss';
+export interface TimeInputProps extends Omit<InputProps, 'type'> {
+    format24Hours?: boolean;
+    showAmPm?: boolean;
+    showSeconds?: boolean;
+    hourOptions?: Array<{
+        value: string;
+        label: string;
+    }>;
+    minuteOptions?: Array<{
+        value: string;
+        label: string;
+    }>;
+    secondOptions?: Array<{
+        value: string;
+        label: string;
+    }>;
+    pickerWidth?: string | number;
+    onAccept?: (value: string) => void;
+    onCancel?: () => void;
+    enhanced?: boolean;
+    clearWithReset?: boolean;
+}
+export declare const TimeInput: React.ForwardRefExoticComponent<TimeInputProps & React.RefAttributes<HTMLInputElement>>;
+export default TimeInput;

package/dist/components/molecules/chat/Drawer/Drawer.d.ts

@@ -18,6 +18,8 @@ export interface DrawerProps {
     closeOnOverlayClick?: boolean;
     /** Cerrar al presionar Escape (default: true) */
     closeOnEscape?: boolean;
+    /** Posición del drawer: bottom (sube desde abajo) o right (entra desde la derecha) */
+    placement?: 'bottom' | 'right';
     /** Clase CSS adicional */
     className?: string;
 }

package/dist/components/molecules/chat/FullscreenViewer/hooks/useSwipeGestures(1).d.ts

@@ -0,0 +1,12 @@
+interface SwipeGestureOptions {
+    onSwipeLeft?: () => void;
+    onSwipeRight?: () => void;
+    threshold?: number;
+    velocityThreshold?: number;
+}
+export declare const useSwipeGestures: ({ onSwipeLeft, onSwipeRight, threshold, velocityThreshold }: SwipeGestureOptions) => {
+    onTouchStart: (e: React.TouchEvent) => void;
+    onTouchMove: (e: React.TouchEvent) => void;
+    onTouchEnd: (e: React.TouchEvent) => void;
+};
+export {};

package/dist/components/molecules/chat/StructuredContent/StructuredContent(1).d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ChatEventBus } from '../../../../core/eventBus';
+export interface StructuredContentProps {
+    content: string;
+    eventBus?: ChatEventBus;
+    assistantMessageId?: string;
+    className?: string;
+}
+export declare const StructuredContent: React.FC<StructuredContentProps>;
+export default StructuredContent;

package/dist/components/molecules/chat/StructuredContent/components/CarouselDisplay/CarouselDisplay.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ChatComponentProps } from '../../helpers/types';
+import './CarouselDisplay.scss';
+export declare const CarouselDisplay: React.FC<ChatComponentProps>;

package/dist/components/molecules/chat/StructuredContent/components/CarouselDisplay/components/CarouselCard/CarouselCard.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { CarouselItem, SelectionMode } from '../../types';
+import './CarouselCard.scss';
+interface CarouselCardProps {
+    item: CarouselItem;
+    size: 'small' | 'medium' | 'large';
+    selectionMode: SelectionMode;
+    isSelected: boolean;
+    disabled: boolean;
+    onSelect: (item: CarouselItem) => void;
+    onRemove: (item: CarouselItem) => void;
+    onPreview?: (item: CarouselItem) => void;
+}
+export declare const CarouselCard: React.FC<CarouselCardProps>;
+export {};

package/dist/components/molecules/chat/StructuredContent/components/CarouselDisplay/components/CarouselConfirm/CarouselConfirm.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './CarouselConfirm.scss';
+interface CarouselConfirmProps {
+    label: string;
+    count: number;
+    disabled: boolean;
+    onClick: () => void;
+}
+export declare const CarouselConfirm: React.FC<CarouselConfirmProps>;
+export {};

package/dist/components/molecules/chat/StructuredContent/components/CarouselDisplay/components/CarouselSearch/CarouselSearch.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './CarouselSearch.scss';
+interface CarouselSearchProps {
+    onSearch: (query: string) => void;
+    loading: boolean;
+}
+export declare const CarouselSearch: React.FC<CarouselSearchProps>;
+export {};

package/dist/components/molecules/chat/StructuredContent/components/CarouselDisplay/components/CarouselTrack/CarouselTrack.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './CarouselTrack.scss';
+interface CarouselTrackProps {
+    currentPage: number;
+    hasMore: boolean;
+    onPrev: () => void;
+    onNext: () => void;
+    children: React.ReactNode;
+}
+export declare const CarouselTrack: React.FC<CarouselTrackProps>;
+export {};

package/dist/components/molecules/chat/StructuredContent/components/CarouselDisplay/store/actions.d.ts

@@ -0,0 +1,26 @@
+import type { CarouselStore } from './carouselStore';
+import type { CarouselItem } from '../types';
+export declare function createCarouselActions(store: CarouselStore): {
+    items: {
+        set: (items: CarouselItem[]) => void;
+        remove: (id: string) => void;
+        get: () => CarouselItem[];
+    };
+    selection: {
+        toggle: (id: string) => void;
+        clear: () => void;
+        get: () => string[];
+    };
+    search: {
+        setQuery: (query: string) => void;
+        setStatus: (status: "idle" | "loading" | "error") => void;
+        getQuery: () => string;
+    };
+    pagination: {
+        setPage: (page: number) => void;
+        setHasMore: (hasMore: boolean) => void;
+        getPage: () => number;
+    };
+    getOriginalItems: () => CarouselItem[];
+};
+export type CarouselActions = ReturnType<typeof createCarouselActions>;

package/dist/components/molecules/chat/StructuredContent/components/CarouselDisplay/store/carouselStore.d.ts

@@ -0,0 +1,8 @@
+import type { CarouselStoreState } from './types';
+import type { CarouselItem } from '../types';
+export declare function createCarouselStore(initialItems: CarouselItem[]): {
+    set: <K extends keyof CarouselStoreState>(key: K, value: CarouselStoreState[K]) => void;
+    get: <K extends keyof CarouselStoreState>(key: K) => CarouselStoreState[K];
+    subscribe: <K extends keyof CarouselStoreState>(key: K, listener: (val: CarouselStoreState[K]) => void) => () => void;
+};
+export type CarouselStore = ReturnType<typeof createCarouselStore>;

package/dist/components/molecules/chat/StructuredContent/components/CarouselDisplay/store/index.d.ts

@@ -0,0 +1,6 @@
+export { createCarouselStore } from './carouselStore';
+export type { CarouselStore } from './carouselStore';
+export type { CarouselStoreState } from './types';
+export { CAROUSEL_STORE_KEYS } from './storeKeys';
+export { createCarouselActions } from './actions';
+export type { CarouselActions } from './actions';

package/dist/components/molecules/chat/StructuredContent/components/CarouselDisplay/store/storeKeys.d.ts

@@ -0,0 +1,10 @@
+export declare const CAROUSEL_STORE_KEYS: {
+    readonly ITEMS: "items";
+    readonly ORIGINAL_ITEMS: "originalItems";
+    readonly SEARCH_QUERY: "searchQuery";
+    readonly SEARCH_STATUS: "searchStatus";
+    readonly SELECTED_IDS: "selectedIds";
+    readonly CURRENT_PAGE: "currentPage";
+    readonly HAS_MORE: "hasMore";
+};
+export type CarouselStoreKey = keyof typeof CAROUSEL_STORE_KEYS;

package/dist/components/molecules/chat/StructuredContent/components/CarouselDisplay/store/types.d.ts

@@ -0,0 +1,11 @@
+import type { CarouselItem } from '../types';
+import { CAROUSEL_STORE_KEYS } from './storeKeys';
+export interface CarouselStoreState {
+    [CAROUSEL_STORE_KEYS.ITEMS]: CarouselItem[];
+    [CAROUSEL_STORE_KEYS.ORIGINAL_ITEMS]: CarouselItem[];
+    [CAROUSEL_STORE_KEYS.SEARCH_QUERY]: string;
+    [CAROUSEL_STORE_KEYS.SEARCH_STATUS]: 'idle' | 'loading' | 'error';
+    [CAROUSEL_STORE_KEYS.SELECTED_IDS]: string[];
+    [CAROUSEL_STORE_KEYS.CURRENT_PAGE]: number;
+    [CAROUSEL_STORE_KEYS.HAS_MORE]: boolean;
+}