@codeplex-sac/navigation 0.0.5 → 0.0.6

package/lib/cajon-lateral/cajon-lateral.d.ts

@@ -1,15 +1,65 @@
 import { default as React } from 'react';
 import { DrawerProps, SwipeableDrawerProps } from '@mui/material';
-export interface CodeplexCajonLateralProps extends Omit<DrawerProps, 'open' | 'onClose' | 'anchor' | 'PaperProps'> {
+export interface CodeplexCajonLateralProps extends Omit<DrawerProps, 'open' | 'onClose' | 'anchor' | 'PaperProps' | 'children'> {
+    /**
+     * Si es verdadero, el cajón se puede abrir y cerrar mediante gestos táctiles (solo en móviles).
+     * Requiere que se definan `alAbrir` y `alCerrar`.
+     * @default false
+     */
     deslizable?: boolean;
+    /**
+     * Contenido que se mostrará dentro del cajón.
+     * Alias de `children`.
+     */
+    hijos?: React.ReactNode;
+    /**
+     * Propiedad original de React para el contenido.
+     */
+    children?: React.ReactNode;
+    /**
+     * Ancho fijo para el cajón cuando el anclaje es 'left' o 'right'.
+     * Puede ser un número (píxeles) o una cadena (ej. '50%').
+     * @default 280
+     */
     ancho?: number | string;
+    /**
+     * Contenido que aparecerá de forma fija en la parte superior del cajón.
+     */
     cabecera?: React.ReactNode;
+    /**
+     * Contenido que aparecerá de forma fija en la parte inferior del cajón.
+     */
     pie?: React.ReactNode;
+    /**
+     * Muestra un icono de cierre (X) en la cabecera.
+     * @default false
+     */
     mostrarIconoCierre?: boolean;
+    /**
+     * Función que se ejecuta al intentar abrir el cajón mediante gestos (solo si `deslizable` es true).
+     */
     alAbrir?: SwipeableDrawerProps['onOpen'];
-    alCerrar?: (event: React.SyntheticEvent | {}, reason: 'backdropClick' | 'escapeKeyDown') => void;
+    /**
+     * Función que se ejecuta al solicitar cerrar el cajón (clic fuera, ESC o icono de cierre).
+     */
+    alCerrar?: (event: React.SyntheticEvent | {}, reason: 'backdropClick' | 'escapeKeyDown' | 'closeIcon') => void;
+    /**
+     * Controla si el cajón está visible.
+     * Alias de `open`.
+     */
     abierto?: boolean;
+    /**
+     * Lado de la pantalla sobre el cual se anclará el cajón.
+     * @default 'left'
+     */
     anclaje?: DrawerProps['anchor'];
+    /**
+     * Props que se pasarán directamente al componente Paper interno.
+     */
     propsPapel?: DrawerProps['PaperProps'];
 }
-export declare const CodeplexCajonLateral: ({ deslizable, ancho, cabecera, pie, children, alAbrir, alCerrar, abierto, anclaje, mostrarIconoCierre, propsPapel, slotProps, sx, ...props }: CodeplexCajonLateralProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * El componente CodeplexCajonLateral (Drawer) es un panel de navegación o contenido
+ * que se desliza desde los bordes de la pantalla.
+ */
+export declare const CodeplexCajonLateral: ({ deslizable, ancho, cabecera, pie, hijos, children, alAbrir, alCerrar, abierto, anclaje, mostrarIconoCierre, propsPapel, slotProps, sx, ...props }: CodeplexCajonLateralProps) => import("react/jsx-runtime").JSX.Element;

package/lib/enlace/enlace.d.ts

@@ -1,9 +1,32 @@
+import { default as React } from 'react';
 import { LinkProps } from '@mui/material';
-export interface CodeplexEnlaceProps extends Omit<LinkProps, 'underline'> {
+export interface CodeplexEnlaceProps extends Omit<LinkProps, 'underline' | 'children'> {
     /**
-     * If true, renders as a button (for a11y) but looks like a link.
+     * El componente utilizado para el nodo raíz. Puede ser una cadena de etiqueta HTML o un componente de React.
+     * @default 'a'
      */
     componente?: React.ElementType;
+    /**
+     * Controla cuándo se debe mostrar el subrayado.
+     * @default 'hover'
+     */
     subrayado?: 'none' | 'hover' | 'always';
+    /**
+     * Contenido del enlace.
+     * Alias de `children`.
+     */
+    hijos?: React.ReactNode;
+    /**
+     * Propiedad original de React para el contenido.
+     */
+    children?: React.ReactNode;
+    /**
+     * Función que se ejecuta al hacer clic en el enlace.
+     */
+    alHacerClick?: (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
 }
-export declare const CodeplexEnlace: ({ componente, subrayado, ...props }: CodeplexEnlaceProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * El componente CodeplexEnlace permite crear vínculos de navegación con estilos consistentes
+ * y soporte para renderizado como otros componentes (ej. botones).
+ */
+export declare const CodeplexEnlace: ({ componente, subrayado, hijos, children, alHacerClick, onClick, ...props }: CodeplexEnlaceProps) => import("react/jsx-runtime").JSX.Element;

package/lib/marcacion-rapida/marcacion-rapida.d.ts

@@ -1,13 +1,50 @@
 import { default as React } from 'react';
 import { SpeedDialProps, SpeedDialActionProps } from '@mui/material';
-export interface CodeplexAccionMarcacionRapida extends Omit<SpeedDialActionProps, 'icon' | 'tooltipTitle'> {
+/**
+ * Define una acción individual dentro del componente Marcación Rápida.
+ */
+export interface CodeplexAccionMarcacionRapida extends Omit<SpeedDialActionProps, 'icon' | 'tooltipTitle' | 'onClick'> {
+    /**
+     * El icono que se mostrará para esta acción.
+     */
     icono: React.ReactNode;
+    /**
+     * El texto que se mostrará en el tooltip al pasar el ratón por encima.
+     */
     tituloTooltip: React.ReactNode;
+    /**
+     * Función que se ejecuta al hacer clic en esta acción específica.
+     */
     alHacerClick?: SpeedDialActionProps['onClick'];
+    icon?: React.ReactNode;
+    tooltipTitle?: React.ReactNode;
+    onClick?: SpeedDialActionProps['onClick'];
 }
-export interface CodeplexMarcacionRapidaProps extends Omit<SpeedDialProps, 'ariaLabel' | 'icon'> {
+export interface CodeplexMarcacionRapidaProps extends Omit<SpeedDialProps, 'ariaLabel' | 'icon' | 'children'> {
+    /**
+     * Lista de acciones que se desplegarán al interactuar con el botón principal.
+     */
     acciones?: CodeplexAccionMarcacionRapida[];
+    /**
+     * Etiqueta de accesibilidad (obligatoria para lectores de pantalla).
+     */
     etiquetaAria: string;
+    /**
+     * Icono principal que se muestra cuando el componente está cerrado.
+     */
     icono?: React.ReactNode;
+    /**
+     * Contenido personalizado si no se utilizan la prop `acciones`.
+     * Alias de `children`.
+     */
+    hijos?: React.ReactNode;
+    /**
+     * Propiedad original de React para el contenido.
+     */
+    children?: React.ReactNode;
 }
-export declare const CodeplexMarcacionRapida: ({ acciones, icono, etiquetaAria, children, ...props }: CodeplexMarcacionRapidaProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * El componente CodeplexMarcacionRapida (Speed Dial) muestra un botón flotante que,
+ * al interactuar con él, despliega una serie de acciones relacionadas.
+ */
+export declare const CodeplexMarcacionRapida: ({ acciones, icono, etiquetaAria, hijos, children, ...props }: CodeplexMarcacionRapidaProps) => import("react/jsx-runtime").JSX.Element;

package/lib/menu/menu.d.ts

@@ -1,14 +1,59 @@
 import { default as React } from 'react';
 import { MenuProps, MenuItemProps } from '@mui/material';
+/**
+ * Define una opción individual dentro del menú desplegable.
+ */
 export interface CodeplexElementoMenu extends Omit<MenuItemProps, 'children' | 'onClick'> {
-    etiqueta: React.ReactNode;
+    /**
+     * El texto o contenido que se mostrará en la opción del menú.
+     */
+    etiqueta?: React.ReactNode;
+    /**
+     * Icono opcional que se mostrará a la izquierda de la etiqueta.
+     */
     icono?: React.ReactNode;
-    alHacerClick?: () => void;
+    /**
+     * Función que se ejecuta al hacer clic en esta opción específica.
+     */
+    alHacerClick?: (event: React.MouseEvent<HTMLLIElement>) => void;
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLLIElement>) => void;
 }
-export interface CodeplexMenuProps extends Omit<MenuProps, 'open' | 'onClose' | 'anchorEl'> {
+export interface CodeplexMenuProps extends Omit<MenuProps, 'open' | 'onClose' | 'anchorEl' | 'children'> {
+    /**
+     * Lista de elementos que se mostrarán en el menú de forma declarativa.
+     */
     elementos?: CodeplexElementoMenu[];
+    /**
+     * El elemento del DOM que se utilizará para posicionar el menú.
+     * Normalmente es una referencia a un botón o icono.
+     */
     elementoAnclaje?: MenuProps['anchorEl'];
+    /**
+     * Controla si el menú está visible.
+     * Alias de `open`.
+     */
     abierto: boolean;
+    /**
+     * Función que se ejecuta al solicitar el cierre del menú (clic fuera o ESC).
+     */
     alCerrar?: MenuProps['onClose'];
+    /**
+     * Contenido personalizado si no se utilizan la prop `elementos`.
+     * Alias de `children`.
+     */
+    hijos?: React.ReactNode;
+    /**
+     * Propiedad original de React para el contenido.
+     */
+    children?: React.ReactNode;
+    open?: boolean;
+    onClose?: MenuProps['onClose'];
+    anchorEl?: MenuProps['anchorEl'];
 }
-export declare const CodeplexMenu: ({ elementos, children, elementoAnclaje, abierto, alCerrar, ...props }: CodeplexMenuProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * El componente CodeplexMenu muestra una lista de opciones en una superficie temporal
+ * que aparece cuando el usuario interactúa con un botón u otro control.
+ */
+export declare const CodeplexMenu: ({ elementos, hijos, children, elementoAnclaje, anchorEl, abierto, open, alCerrar, onClose, ...props }: CodeplexMenuProps) => import("react/jsx-runtime").JSX.Element;

package/lib/migas-pan/migas-pan.d.ts

@@ -1,14 +1,59 @@
 import { default as React } from 'react';
 import { BreadcrumbsProps } from '@mui/material';
+/**
+ * Define un elemento individual dentro de la cadena de navegación.
+ */
 export interface CodeplexElementoMigasPan {
-    etiqueta: string;
+    /**
+     * El texto o contenido que se mostrará en la opción del menú.
+     */
+    etiqueta?: React.ReactNode;
+    /**
+     * URL a la que redirigirá al hacer clic (opcional).
+     */
     href?: string;
+    /**
+     * Icono opcional que se mostrará antes de la etiqueta.
+     */
     icono?: React.ReactElement;
+    label?: string;
+    icon?: React.ReactElement;
 }
-export interface CodeplexMigasPanProps extends Omit<BreadcrumbsProps, 'separator'> {
+export interface CodeplexMigasPanProps extends Omit<BreadcrumbsProps, 'separator' | 'children'> {
+    /**
+     * Lista de elementos que componen la ruta de navegación.
+     */
     elementos: CodeplexElementoMigasPan[];
+    /**
+     * Si se proporciona, añade automáticamente un icono de "Inicio" al principio de la cadena.
+     */
     rutaInicio?: string;
+    /**
+     * Color personalizado para el último elemento (el paso activo).
+     * @default 'text.primary'
+     */
     colorActivo?: string;
+    /**
+     * Elemento o cadena que separa cada miga de pan.
+     * @default <NavigateNextIcon fontSize="small" />
+     */
     separador?: React.ReactNode;
+    /**
+     * Contenido personalizado si no se utilizan la prop `elementos`.
+     * Alias de `children`.
+     */
+    hijos?: React.ReactNode;
+    /**
+     * Propiedad original de React para el contenido.
+     */
+    children?: React.ReactNode;
+    items?: CodeplexElementoMigasPan[];
+    homeRoute?: string;
+    activeColor?: string;
+    separator?: React.ReactNode;
 }
-export declare const CodeplexMigasPan: ({ elementos, rutaInicio, colorActivo, separador, ...props }: CodeplexMigasPanProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * El componente CodeplexMigasPan (Breadcrumbs) ayuda a los usuarios a visualizar
+ * su ubicación actual dentro de una jerarquía de páginas.
+ */
+export declare const CodeplexMigasPan: ({ elementos, items, rutaInicio, homeRoute, colorActivo, activeColor, separador, separator, hijos, children, ...props }: CodeplexMigasPanProps) => import("react/jsx-runtime").JSX.Element;

package/lib/navegacion-inferior/navegacion-inferior.d.ts

@@ -1,16 +1,70 @@
+import { default as React } from 'react';
 import { BottomNavigationProps, SxProps, Theme } from '@mui/material';
+/**
+ * Define un elemento individual dentro de la barra de navegación inferior.
+ */
 export interface CodeplexElementoNavegacionInferior {
+    /**
+     * El texto que se mostrará debajo del icono.
+     */
     etiqueta: string | React.ReactNode;
+    /**
+     * El icono que representará la acción.
+     */
     icono: React.ReactNode;
+    /**
+     * El valor asociado a este elemento (usado para controlar el estado activo).
+     */
     valor: any;
+    label?: string | React.ReactNode;
+    icon?: React.ReactNode;
+    value?: any;
     [key: string]: any;
 }
-export interface CodeplexNavegacionInferiorProps extends Omit<BottomNavigationProps, 'onChange' | 'value'> {
+export interface CodeplexNavegacionInferiorProps extends Omit<BottomNavigationProps, 'onChange' | 'value' | 'children'> {
+    /**
+     * Lista de elementos que componen la barra de navegación.
+     */
     elementos: CodeplexElementoNavegacionInferior[];
+    /**
+     * Si es verdadero, la barra se fijará en la parte inferior de la ventana (fixed).
+     * @default false
+     */
     fijo?: boolean;
+    /**
+     * Si es verdadero, envuelve la navegación en un componente Paper con elevación (patrón estándar móvil).
+     * @default true
+     */
     conPapel?: boolean;
+    /**
+     * Estilos adicionales para el contenedor Paper (si se usa).
+     */
     sxContenedor?: SxProps<Theme>;
+    /**
+     * Función que se ejecuta al cambiar de elemento seleccionado.
+     */
     alCambiar?: (event: React.SyntheticEvent, nuevoValor: any) => void;
+    /**
+     * El valor del elemento actualmente seleccionado.
+     */
     valor?: any;
+    /**
+     * Contenido personalizado si no se utilizan la prop `elementos`.
+     * Alias de `children`.
+     */
+    hijos?: React.ReactNode;
+    /**
+     * Propiedad original de React para el contenido.
+     */
+    children?: React.ReactNode;
+    items?: CodeplexElementoNavegacionInferior[];
+    fixed?: boolean;
+    withPaper?: boolean;
+    onChange?: (event: React.SyntheticEvent, nuevoValor: any) => void;
+    value?: any;
 }
-export declare const CodeplexNavegacionInferior: ({ elementos, fijo, conPapel, sxContenedor, sx, alCambiar, valor, ...props }: CodeplexNavegacionInferiorProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * El componente CodeplexNavegacionInferior (Bottom Navigation) permite la navegación entre
+ * los destinos principales de una aplicación, especialmente optimizado para dispositivos móviles.
+ */
+export declare const CodeplexNavegacionInferior: ({ elementos, items, fijo, fixed, conPapel, withPaper, sxContenedor, sx, alCambiar, onChange, valor, value, hijos, children, ...props }: CodeplexNavegacionInferiorProps) => import("react/jsx-runtime").JSX.Element;

package/lib/paginacion/paginacion.d.ts

@@ -1,11 +1,32 @@
+import { default as React } from 'react';
 import { PaginationProps } from '@mui/material';
 export interface CodeplexPaginacionProps extends Omit<PaginationProps, 'count' | 'page' | 'onChange'> {
+    /**
+     * El número total de páginas.
+     * Alias de `count`.
+     */
     total?: number;
+    /**
+     * El número de la página seleccionada actualmente.
+     * Alias de `page`.
+     */
     pagina?: number;
-    alCambiar?: PaginationProps['onChange'];
     /**
-     * If true, centers the pagination horizontally.
+     * Función que se ejecuta al cambiar de página.
+     * Recibe el evento y el nuevo número de página.
+     */
+    alCambiar?: (event: React.ChangeEvent<unknown>, page: number) => void;
+    /**
+     * Si es verdadero, centra la paginación horizontalmente dentro de su contenedor.
+     * @default false
      */
     centrado?: boolean;
+    count?: number;
+    page?: number;
+    onChange?: (event: React.ChangeEvent<unknown>, page: number) => void;
 }
-export declare const CodeplexPaginacion: ({ total, pagina, alCambiar, centrado, sx, ...props }: CodeplexPaginacionProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * El componente CodeplexPaginacion (Pagination) permite al usuario seleccionar una página
+ * específica de entre una serie de páginas.
+ */
+export declare const CodeplexPaginacion: ({ total, count, pagina, page, alCambiar, onChange, centrado, sx, ...props }: CodeplexPaginacionProps) => import("react/jsx-runtime").JSX.Element;

package/lib/pasos/pasos.d.ts

@@ -1,16 +1,77 @@
+import { default as React } from 'react';
 import { StepperProps } from '@mui/material';
+/**
+ * Define la configuración de un paso individual dentro del Stepper.
+ */
 export interface CodeplexPaso {
+    /**
+     * El título o etiqueta principal del paso.
+     */
     etiqueta: string;
-    leyenda?: string;
+    /**
+     * Texto secundario que aparece debajo de la etiqueta (opcional).
+     */
+    descripcion?: string;
+    /**
+     * Si es verdadero, indica que el paso no es obligatorio.
+     */
     opcional?: boolean;
+    /**
+     * Si es verdadero, muestra el paso en estado de error (rojo).
+     */
     error?: boolean;
+    /**
+     * Si es verdadero, marca el paso como finalizado independientemente del flujo.
+     */
     completado?: boolean;
+    label?: string;
+    description?: string;
+    optional?: boolean;
+    completed?: boolean;
 }
-export interface CodeplexPasosProps extends Omit<StepperProps, 'activeStep' | 'alternativeLabel' | 'nonLinear'> {
-    pasos: CodeplexPaso[];
+export interface CodeplexPasosProps extends Omit<StepperProps, 'activeStep' | 'orientation' | 'children'> {
+    /**
+     * Lista de pasos que componen el flujo.
+     */
+    pasos?: CodeplexPaso[];
+    /**
+     * El índice del paso que se encuentra activo actualmente (empezando en 0).
+     */
     pasoActivo: number;
-    etiquetaAlternativa?: boolean;
+    /**
+     * La dirección del flujo: horizontal o vertical.
+     * @default 'horizontal'
+     */
+    orientacion?: StepperProps['orientation'];
+    /**
+     * Si es verdadero, coloca las etiquetas debajo de los iconos en lugar de a la derecha.
+     */
+    etiquetasAlternativas?: boolean;
+    /**
+     * Si es verdadero, permite hacer clic en las etiquetas para navegar directamente a un paso.
+     */
     noLineal?: boolean;
-    alHacerClickPaso?: (index: number) => void;
+    /**
+     * Función que se ejecuta al hacer clic en un paso (solo si `noLineal` es true).
+     */
+    alHacerClickEnPaso?: (indice: number) => void;
+    /**
+     * Contenido personalizado si no se utilizan la prop `pasos`.
+     * Alias de `children`.
+     */
+    hijos?: React.ReactNode;
+    /**
+     * Propiedad original de React para el contenido.
+     */
+    children?: React.ReactNode;
+    activeStep?: number;
+    orientation?: StepperProps['orientation'];
+    alternativeLabel?: boolean;
+    nonLinear?: boolean;
+    onStepClick?: (index: number) => void;
 }
-export declare const CodeplexPasos: ({ pasos, pasoActivo, etiquetaAlternativa, noLineal, alHacerClickPaso, ...props }: CodeplexPasosProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * El componente CodeplexPasos (Stepper) guía al usuario a través de un proceso
+ * de varios pasos secuenciales o no secuenciales.
+ */
+export declare const CodeplexPasos: ({ pasos, pasoActivo, activeStep, orientacion, orientation, etiquetasAlternativas, alternativeLabel, noLineal, nonLinear, alHacerClickEnPaso, onStepClick, hijos, children, ...props }: CodeplexPasosProps) => import("react/jsx-runtime").JSX.Element;

package/lib/pestanas/pestanas.d.ts

@@ -1,15 +1,70 @@
 import { default as React } from 'react';
-import { TabsProps, TabProps } from '@mui/material';
-export interface CodeplexElementoPestana extends Omit<TabProps, 'children'> {
-    etiqueta: string | React.ReactNode;
-    valor: any;
+import { TabsProps } from '@mui/material';
+/**
+ * Define una pestaña individual dentro del componente Pestañas.
+ */
+export interface CodeplexElementoPestana {
+    /**
+     * El texto que se mostrará en la pestaña.
+     */
+    etiqueta: string;
+    /**
+     * Icono opcional que se mostrará junto a la etiqueta.
+     */
     icono?: React.ReactElement;
-    posicionIcono?: 'top' | 'start' | 'end' | 'bottom';
-}
-export interface CodeplexPestanasProps extends Omit<TabsProps, 'value' | 'onChange' | 'centered'> {
-    elementos: CodeplexElementoPestana[];
+    /**
+     * El valor asociado a esta pestaña (usado para controlar el estado activo).
+     */
     valor: any;
-    alCambiar: (event: React.SyntheticEvent, nuevoValor: any) => void;
+    /**
+     * Si es verdadero, la pestaña no podrá ser seleccionada.
+     */
+    deshabilitado?: boolean;
+    label?: string;
+    icon?: React.ReactElement;
+    value?: any;
+    disabled?: boolean;
+}
+export interface CodeplexPestanasProps extends Omit<TabsProps, 'value' | 'onChange' | 'children'> {
+    /**
+     * Lista de pestañas que se mostrarán.
+     */
+    elementos?: CodeplexElementoPestana[];
+    /**
+     * El valor de la pestaña actualmente seleccionada.
+     */
+    valor?: any;
+    /**
+     * Función que se ejecuta al cambiar la pestaña seleccionada.
+     */
+    alCambiar?: (event: React.SyntheticEvent, nuevoValor: any) => void;
+    /**
+     * Si es verdadero, las pestañas se centrarán horizontalmente.
+     * @default false
+     */
     centrado?: boolean;
+    /**
+     * La posición del icono respecto a la etiqueta de la pestaña.
+     * @default 'top'
+     */
+    posicionIcono?: 'top' | 'bottom' | 'start' | 'end';
+    /**
+     * Contenido personalizado si no se utilizan la prop `elementos`.
+     * Alias de `children`.
+     */
+    hijos?: React.ReactNode;
+    /**
+     * Propiedad original de React para el contenido.
+     */
+    children?: React.ReactNode;
+    items?: CodeplexElementoPestana[];
+    value?: any;
+    onChange?: (event: React.SyntheticEvent, nuevoValor: any) => void;
+    centered?: boolean;
+    iconPosition?: 'top' | 'bottom' | 'start' | 'end';
 }
-export declare const CodeplexPestanas: ({ elementos, valor, alCambiar, centrado, ...props }: CodeplexPestanasProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * El componente CodeplexPestanas (Tabs) permite organizar contenido en diferentes vistas
+ * entre las que se puede navegar de forma rápida.
+ */
+export declare const CodeplexPestanas: ({ elementos, items, valor, value, alCambiar, onChange, centrado, centered, posicionIcono, iconPosition, hijos, children, sx, ...props }: CodeplexPestanasProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeplex-sac/navigation",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,6 +10,9 @@
       "require": "./index.js"
     }
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0"