@axzydev/axzy_ui_system 1.0.165 → 1.0.167

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default, { ReactNode, FocusEvent } from 'react';
 import * as Yup from 'yup';
 
 declare const semanticColors: {
@@ -611,6 +611,56 @@ interface ITSelectProps {
  */
 declare function ITSelect({ name, options, label, placeholder, valueField, labelField, value, onChange, onBlur, disabled, className, touched, required, error, readOnly, }: ITSelectProps): react_jsx_runtime.JSX.Element;
 
+interface ITSearchSelectOption {
+    label: string;
+    value: string | number;
+    [key: string]: any;
+}
+interface ITSearchSelectProps {
+    /** Nombre del campo para integraciones con formularios */
+    name?: string;
+    /** Etiqueta que se muestra arriba del select */
+    label?: string;
+    /** Texto que se muestra cuando no hay nada seleccionado */
+    placeholder?: string;
+    /** Valor seleccionado */
+    value?: string | number;
+    /** Arreglo de opciones (Modo 1: Lista estática) */
+    options?: ITSearchSelectOption[];
+    /** Campo que se usará como valor (por defecto "value") */
+    valueField?: string;
+    /** Campo que se usará como etiqueta (por defecto "label") */
+    labelField?: string;
+    /** Callback cuando cambia el valor */
+    onChange?: (value: string | number, option?: ITSearchSelectOption) => void;
+    /** Callback cuando pierde el foco */
+    onBlur?: (e: FocusEvent<any>) => void;
+    /** Indica si el componente está deshabilitado */
+    disabled?: boolean;
+    /** Clase CSS adicional para el contenedor */
+    className?: string;
+    /** Indica si el campo ha sido tocado (para validaciones) */
+    touched?: boolean;
+    /** Indica si el campo es requerido */
+    required?: boolean;
+    /** Mensaje de error */
+    error?: string;
+    /** Indica si el campo es de solo lectura */
+    readOnly?: boolean;
+    /** Callback para búsqueda en servidor (Modo 2: Conexión con API) */
+    onSearch?: (query: string) => void;
+    /** Indica si se está cargando información desde la API */
+    isLoading?: boolean;
+    /** Mensaje cuando no hay resultados */
+    noResultsMessage?: string;
+}
+
+/**
+ * ITSearchSelect - Un componente de selección con buscador integrado.
+ * Soporta filtrado local y búsqueda remota via API.
+ */
+declare function ITSearchSelect({ name, options, label, placeholder, valueField, labelField, value, onChange, onBlur, disabled, className, touched, required, error, readOnly, onSearch, isLoading, noResultsMessage, }: ITSearchSelectProps): react_jsx_runtime.JSX.Element;
+
 interface ITSlideToggleProps {
     /**
      * Callback executed when the switch is toggled. Receives the new state.
@@ -664,6 +714,40 @@ declare function ITText({ children, className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
+interface ITTabItem {
+    id: string;
+    label: string;
+    content: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+}
+interface ITTabsProps {
+    items: ITTabItem[];
+    defaultActiveId?: string;
+    onChange?: (id: string) => void;
+    variant?: 'line' | 'pill';
+    className?: string;
+    containerClassName?: string;
+}
+
+declare const ITTabs: React__default.FC<ITTabsProps>;
+
+interface ITTripleFilterOption<T> {
+    label: string;
+    value: T;
+}
+interface ITTripleFilterProps<T> {
+    value: T;
+    onChange: (value: T) => void;
+    options: ITTripleFilterOption<T>[];
+    className?: string;
+}
+
+/**
+ * @description Generic triple/segmented filter component following AXZY Emerald/Slate theme.
+ */
+declare const ITTripleFilter: <T extends string | boolean>({ value, onChange, options, className, }: ITTripleFilterProps<T>) => react_jsx_runtime.JSX.Element;
+
 interface ITToastProps {
     message: string;
     type?: "success" | "error" | "warning" | "info" | "primary" | "danger" | string;
@@ -750,6 +834,8 @@ interface ITSidebarProps {
     isCollapsed?: boolean;
     onToggleCollapse?: () => void;
     visibleOnMobile?: boolean;
+    onItemClick?: (item: ITNavigationItem) => void;
+    onSubItemClick?: (subitem: ITNavigationSubItem) => void;
     className?: string;
 }
 
@@ -930,4 +1016,4 @@ declare const createValidationSchema: (fields: FieldConfig[]) => Yup.ObjectSchem
     [x: string]: any;
 }, "">;
 
-export { type Column, type FieldConfig, type FieldConfigV2, ITBadget, type ITBadgetProps, ITButton, type ITButtonProps, ITCalendar, type ITCalendarProps, ITCard, type ITCardProps, ITDataTable, type ITDataTableFetchParams, type ITDataTableProps, type ITDataTableResponse, ITDatePicker, type ITDatePickerProps, ITDialog, type ITDialogProps, ITDropfile, ITFormBuilder, type ITFormBuilderProps, ITImage, ITInput, type ITInputProps, ITLayout, type ITLayoutProps, ITLoader, ITNavbar, type ITNavbarProps, ITPagination, ITSelect, type ITSelectProps, ITSlideToggle, type ITSlideToggleProps, ITStepper, ITTable, type ITTableProps, ITText, type ITThemeConfig, ITThemeProvider, type ITThemeProviderProps, ITTimePicker, type ITTimePickerProps, ITToast, type ITToastProps, createValidationSchema };
+export { type Column, type FieldConfig, type FieldConfigV2, ITBadget, type ITBadgetProps, ITButton, type ITButtonProps, ITCalendar, type ITCalendarProps, ITCard, type ITCardProps, ITDataTable, type ITDataTableFetchParams, type ITDataTableProps, type ITDataTableResponse, ITDatePicker, type ITDatePickerProps, ITDialog, type ITDialogProps, ITDropfile, ITFormBuilder, type ITFormBuilderProps, ITImage, ITInput, type ITInputProps, ITLayout, type ITLayoutProps, ITLoader, ITNavbar, type ITNavbarProps, ITPagination, ITSearchSelect, type ITSearchSelectProps, ITSelect, type ITSelectProps, ITSlideToggle, type ITSlideToggleProps, ITStepper, type ITTabItem, ITTable, type ITTableProps, ITTabs, type ITTabsProps, ITText, type ITThemeConfig, ITThemeProvider, type ITThemeProviderProps, ITTimePicker, type ITTimePickerProps, ITToast, type ITToastProps, ITTripleFilter, type ITTripleFilterOption, type ITTripleFilterProps, createValidationSchema };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default, { ReactNode, FocusEvent } from 'react';
 import * as Yup from 'yup';
 
 declare const semanticColors: {
@@ -611,6 +611,56 @@ interface ITSelectProps {
  */
 declare function ITSelect({ name, options, label, placeholder, valueField, labelField, value, onChange, onBlur, disabled, className, touched, required, error, readOnly, }: ITSelectProps): react_jsx_runtime.JSX.Element;
 
+interface ITSearchSelectOption {
+    label: string;
+    value: string | number;
+    [key: string]: any;
+}
+interface ITSearchSelectProps {
+    /** Nombre del campo para integraciones con formularios */
+    name?: string;
+    /** Etiqueta que se muestra arriba del select */
+    label?: string;
+    /** Texto que se muestra cuando no hay nada seleccionado */
+    placeholder?: string;
+    /** Valor seleccionado */
+    value?: string | number;
+    /** Arreglo de opciones (Modo 1: Lista estática) */
+    options?: ITSearchSelectOption[];
+    /** Campo que se usará como valor (por defecto "value") */
+    valueField?: string;
+    /** Campo que se usará como etiqueta (por defecto "label") */
+    labelField?: string;
+    /** Callback cuando cambia el valor */
+    onChange?: (value: string | number, option?: ITSearchSelectOption) => void;
+    /** Callback cuando pierde el foco */
+    onBlur?: (e: FocusEvent<any>) => void;
+    /** Indica si el componente está deshabilitado */
+    disabled?: boolean;
+    /** Clase CSS adicional para el contenedor */
+    className?: string;
+    /** Indica si el campo ha sido tocado (para validaciones) */
+    touched?: boolean;
+    /** Indica si el campo es requerido */
+    required?: boolean;
+    /** Mensaje de error */
+    error?: string;
+    /** Indica si el campo es de solo lectura */
+    readOnly?: boolean;
+    /** Callback para búsqueda en servidor (Modo 2: Conexión con API) */
+    onSearch?: (query: string) => void;
+    /** Indica si se está cargando información desde la API */
+    isLoading?: boolean;
+    /** Mensaje cuando no hay resultados */
+    noResultsMessage?: string;
+}
+
+/**
+ * ITSearchSelect - Un componente de selección con buscador integrado.
+ * Soporta filtrado local y búsqueda remota via API.
+ */
+declare function ITSearchSelect({ name, options, label, placeholder, valueField, labelField, value, onChange, onBlur, disabled, className, touched, required, error, readOnly, onSearch, isLoading, noResultsMessage, }: ITSearchSelectProps): react_jsx_runtime.JSX.Element;
+
 interface ITSlideToggleProps {
     /**
      * Callback executed when the switch is toggled. Receives the new state.
@@ -664,6 +714,40 @@ declare function ITText({ children, className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
+interface ITTabItem {
+    id: string;
+    label: string;
+    content: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+}
+interface ITTabsProps {
+    items: ITTabItem[];
+    defaultActiveId?: string;
+    onChange?: (id: string) => void;
+    variant?: 'line' | 'pill';
+    className?: string;
+    containerClassName?: string;
+}
+
+declare const ITTabs: React__default.FC<ITTabsProps>;
+
+interface ITTripleFilterOption<T> {
+    label: string;
+    value: T;
+}
+interface ITTripleFilterProps<T> {
+    value: T;
+    onChange: (value: T) => void;
+    options: ITTripleFilterOption<T>[];
+    className?: string;
+}
+
+/**
+ * @description Generic triple/segmented filter component following AXZY Emerald/Slate theme.
+ */
+declare const ITTripleFilter: <T extends string | boolean>({ value, onChange, options, className, }: ITTripleFilterProps<T>) => react_jsx_runtime.JSX.Element;
+
 interface ITToastProps {
     message: string;
     type?: "success" | "error" | "warning" | "info" | "primary" | "danger" | string;
@@ -750,6 +834,8 @@ interface ITSidebarProps {
     isCollapsed?: boolean;
     onToggleCollapse?: () => void;
     visibleOnMobile?: boolean;
+    onItemClick?: (item: ITNavigationItem) => void;
+    onSubItemClick?: (subitem: ITNavigationSubItem) => void;
     className?: string;
 }
 
@@ -930,4 +1016,4 @@ declare const createValidationSchema: (fields: FieldConfig[]) => Yup.ObjectSchem
     [x: string]: any;
 }, "">;
 
-export { type Column, type FieldConfig, type FieldConfigV2, ITBadget, type ITBadgetProps, ITButton, type ITButtonProps, ITCalendar, type ITCalendarProps, ITCard, type ITCardProps, ITDataTable, type ITDataTableFetchParams, type ITDataTableProps, type ITDataTableResponse, ITDatePicker, type ITDatePickerProps, ITDialog, type ITDialogProps, ITDropfile, ITFormBuilder, type ITFormBuilderProps, ITImage, ITInput, type ITInputProps, ITLayout, type ITLayoutProps, ITLoader, ITNavbar, type ITNavbarProps, ITPagination, ITSelect, type ITSelectProps, ITSlideToggle, type ITSlideToggleProps, ITStepper, ITTable, type ITTableProps, ITText, type ITThemeConfig, ITThemeProvider, type ITThemeProviderProps, ITTimePicker, type ITTimePickerProps, ITToast, type ITToastProps, createValidationSchema };
+export { type Column, type FieldConfig, type FieldConfigV2, ITBadget, type ITBadgetProps, ITButton, type ITButtonProps, ITCalendar, type ITCalendarProps, ITCard, type ITCardProps, ITDataTable, type ITDataTableFetchParams, type ITDataTableProps, type ITDataTableResponse, ITDatePicker, type ITDatePickerProps, ITDialog, type ITDialogProps, ITDropfile, ITFormBuilder, type ITFormBuilderProps, ITImage, ITInput, type ITInputProps, ITLayout, type ITLayoutProps, ITLoader, ITNavbar, type ITNavbarProps, ITPagination, ITSearchSelect, type ITSearchSelectProps, ITSelect, type ITSelectProps, ITSlideToggle, type ITSlideToggleProps, ITStepper, type ITTabItem, ITTable, type ITTableProps, ITTabs, type ITTabsProps, ITText, type ITThemeConfig, ITThemeProvider, type ITThemeProviderProps, ITTimePicker, type ITTimePickerProps, ITToast, type ITToastProps, ITTripleFilter, type ITTripleFilterOption, type ITTripleFilterProps, createValidationSchema };