@codeplex-sac/navegacion 0.0.10

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+export interface CodeplexInfoUsuario {
+    nombre: string;
+    rol?: string;
+    avatar?: string;
+    email?: string;
+}
+export interface CodeplexEnlaceNavegacion {
+    id: string;
+    etiqueta: string;
+    href?: string;
+    activo?: boolean;
+    deshabilitado?: boolean;
+    alHacerClick?: () => void;
+}
+export interface CodeplexBarraNavegacionProps {
+    textoLogo?: string;
+    srcLogo?: string;
+    enlaces?: CodeplexEnlaceNavegacion[];
+    usuario?: CodeplexInfoUsuario;
+    posicion?: 'fixed' | 'sticky' | 'static';
+    children?: React.ReactNode;
+}
+export declare const CodeplexBarraNavegacion: ({ textoLogo, srcLogo, enlaces, usuario, posicion, children, }: CodeplexBarraNavegacionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { DrawerProps, SwipeableDrawerProps } from '@mui/material';
+export interface CodeplexCajonLateralProps extends Omit<DrawerProps, 'open' | 'onClose' | 'anchor' | 'PaperProps' | 'children'> {
+    deslizable?: boolean;
+    hijos?: React.ReactNode;
+    children?: React.ReactNode;
+    ancho?: number | string;
+    cabecera?: React.ReactNode;
+    pie?: React.ReactNode;
+    mostrarIconoCierre?: boolean;
+    alAbrir?: SwipeableDrawerProps['onOpen'];
+    alCerrar?: (event: React.SyntheticEvent | object, reason: 'backdropClick' | 'escapeKeyDown' | 'closeIcon') => void;
+    abierto?: boolean;
+    anclaje?: DrawerProps['anchor'];
+    propsPapel?: DrawerProps['PaperProps'];
+}
+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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { LinkProps } from '@mui/material';
+export interface CodeplexEnlaceProps extends Omit<LinkProps, 'underline' | 'children'> {
+    componente?: React.ElementType;
+    subrayado?: 'none' | 'hover' | 'always';
+    hijos?: React.ReactNode;
+    children?: React.ReactNode;
+    alHacerClick?: (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
+}
+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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { SpeedDialProps, SpeedDialActionProps } from '@mui/material';
+export interface CodeplexAccionMarcacionRapida extends Omit<SpeedDialActionProps, 'icon' | 'tooltipTitle' | 'onClick'> {
+    icono: React.ReactNode;
+    tituloTooltip: React.ReactNode;
+    alHacerClick?: SpeedDialActionProps['onClick'];
+    icon?: React.ReactNode;
+    tooltipTitle?: React.ReactNode;
+    onClick?: SpeedDialActionProps['onClick'];
+}
+export interface CodeplexMarcacionRapidaProps extends Omit<SpeedDialProps, 'ariaLabel' | 'icon' | 'children'> {
+    acciones?: CodeplexAccionMarcacionRapida[];
+    etiquetaAria: string;
+    icono?: React.ReactNode;
+    hijos?: React.ReactNode;
+    children?: React.ReactNode;
+}
+export declare const CodeplexMarcacionRapida: ({ acciones, icono, etiquetaAria, hijos, children, ...props }: CodeplexMarcacionRapidaProps) => import("react/jsx-runtime").JSX.Element;

package/lib/menu/menu.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { MenuProps, MenuItemProps } from '@mui/material';
+export interface CodeplexElementoMenu extends Omit<MenuItemProps, 'children' | 'onClick'> {
+    etiqueta?: React.ReactNode;
+    icono?: React.ReactNode;
+    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' | 'children'> {
+    elementos?: CodeplexElementoMenu[];
+    elementoAnclaje?: MenuProps['anchorEl'];
+    abierto: boolean;
+    alCerrar?: MenuProps['onClose'];
+    hijos?: React.ReactNode;
+    children?: React.ReactNode;
+    open?: boolean;
+    onClose?: MenuProps['onClose'];
+    anchorEl?: MenuProps['anchorEl'];
+}
+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

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { BreadcrumbsProps } from '@mui/material';
+export interface CodeplexElementoMigasPan {
+    etiqueta?: React.ReactNode;
+    href?: string;
+    icono?: React.ReactElement;
+    label?: string;
+    icon?: React.ReactElement;
+}
+export interface CodeplexMigasPanProps extends Omit<BreadcrumbsProps, 'separator' | 'children'> {
+    elementos: CodeplexElementoMigasPan[];
+    rutaInicio?: string;
+    colorActivo?: string;
+    separador?: React.ReactNode;
+    hijos?: React.ReactNode;
+    children?: React.ReactNode;
+    items?: CodeplexElementoMigasPan[];
+    homeRoute?: string;
+    activeColor?: string;
+    separator?: React.ReactNode;
+}
+export declare const CodeplexMigasPan: ({ elementos, items, rutaInicio, homeRoute, colorActivo, activeColor, separador, separator, hijos, children, ...props }: CodeplexMigasPanProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CodeplexMigasPan } from './migas-pan';
+declare const meta: Meta<typeof CodeplexMigasPan>;
+export default meta;
+type Story = StoryObj<typeof CodeplexMigasPan>;
+export declare const Basico: Story;
+export declare const ConIconos: Story;
+export declare const Largo: Story;

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

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { BottomNavigationProps, SxProps, Theme } from '@mui/material';
+export interface CodeplexElementoNavegacionInferior {
+    etiqueta: string | React.ReactNode;
+    icono: React.ReactNode;
+    valor: string | number;
+    label?: string | React.ReactNode;
+    icon?: React.ReactNode;
+    value?: string | number;
+}
+export interface CodeplexNavegacionInferiorProps extends Omit<BottomNavigationProps, 'onChange' | 'value' | 'children'> {
+    elementos: CodeplexElementoNavegacionInferior[];
+    fijo?: boolean;
+    conPapel?: boolean;
+    sxContenedor?: SxProps<Theme>;
+    alCambiar?: (event: React.SyntheticEvent, nuevoValor: string | number) => void;
+    valor?: string | number;
+    hijos?: React.ReactNode;
+    children?: React.ReactNode;
+    items?: CodeplexElementoNavegacionInferior[];
+    fixed?: boolean;
+    withPaper?: boolean;
+    onChange?: (event: React.SyntheticEvent, nuevoValor: string | number) => void;
+    value?: string | number;
+}
+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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { PaginationProps, SxProps, Theme } from '@mui/material';
+export interface CodeplexPaginacionProps extends Omit<PaginationProps, 'count' | 'page' | 'onChange' | 'sx'> {
+    total?: number;
+    pagina?: number;
+    alCambiar?: (event: React.ChangeEvent<unknown>, page: number) => void;
+    centrado?: boolean;
+    count?: number;
+    page?: number;
+    onChange?: (event: React.ChangeEvent<unknown>, page: number) => void;
+    sx?: SxProps<Theme>;
+}
+export declare const CodeplexPaginacion: ({ total, count, pagina, page, alCambiar, onChange, centrado, sx, ...props }: CodeplexPaginacionProps) => import("react/jsx-runtime").JSX.Element;

package/lib/paginacion/paginacion.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CodeplexPaginacion } from './paginacion';
+declare const meta: Meta<typeof CodeplexPaginacion>;
+export default meta;
+type Story = StoryObj<typeof CodeplexPaginacion>;
+export declare const Basico: Story;
+export declare const Variantes: Story;
+export declare const Grande: Story;

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export type LadoPanelLateral = 'izquierda' | 'derecha';
+export type TamanoPanelLateral = 'pequeno' | 'mediano' | 'grande' | 'enorme' | 'completo' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface CodeplexPanelLateralProps {
+    abierto: boolean;
+    lado?: LadoPanelLateral;
+    tamano?: TamanoPanelLateral;
+    titulo?: string;
+    descripcion?: string;
+    mostrarCierre?: boolean;
+    cerrarAlClickFondo?: boolean;
+    alCerrar?: () => void;
+    children?: React.ReactNode;
+    pie?: React.ReactNode;
+}
+export declare const CodeplexPanelLateral: ({ abierto, lado, tamano, titulo, descripcion, mostrarCierre, cerrarAlClickFondo, alCerrar, children, pie, }: CodeplexPanelLateralProps) => import("react/jsx-runtime").JSX.Element;

package/lib/pasos/pasos.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { StepperProps } from '@mui/material';
+export interface CodeplexPaso {
+    etiqueta: string;
+    descripcion?: string;
+    opcional?: boolean;
+    error?: boolean;
+    completado?: boolean;
+    label?: string;
+    description?: string;
+    optional?: boolean;
+    completed?: boolean;
+}
+export interface CodeplexPasosProps extends Omit<StepperProps, 'activeStep' | 'orientation' | 'children'> {
+    pasos?: CodeplexPaso[];
+    pasoActivo: number;
+    orientacion?: StepperProps['orientation'];
+    etiquetasAlternativas?: boolean;
+    noLineal?: boolean;
+    alHacerClickEnPaso?: (indice: number) => void;
+    hijos?: React.ReactNode;
+    children?: React.ReactNode;
+    activeStep?: number;
+    orientation?: StepperProps['orientation'];
+    alternativeLabel?: boolean;
+    nonLinear?: boolean;
+    onStepClick?: (index: number) => void;
+}
+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/pasos/pasos.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CodeplexPasos } from './pasos';
+declare const meta: Meta<typeof CodeplexPasos>;
+export default meta;
+type Story = StoryObj<typeof CodeplexPasos>;
+export declare const Basico: Story;
+export declare const Completado: Story;
+export declare const Controlado: Story;
+export declare const Vertical: Story;

package/lib/pestanas/pestanas.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { TabsProps } from '@mui/material';
+export interface CodeplexElementoPestana {
+    etiqueta: string;
+    icono?: React.ReactElement;
+    valor: string | number;
+    deshabilitado?: boolean;
+    label?: string;
+    icon?: React.ReactElement;
+    value?: string | number;
+    disabled?: boolean;
+}
+export interface CodeplexPestanasProps extends Omit<TabsProps, 'value' | 'onChange' | 'children'> {
+    elementos?: CodeplexElementoPestana[];
+    valor?: string | number;
+    alCambiar?: (event: React.SyntheticEvent, nuevoValor: string | number) => void;
+    centrado?: boolean;
+    posicionIcono?: 'top' | 'bottom' | 'start' | 'end';
+    hijos?: React.ReactNode;
+    children?: React.ReactNode;
+    items?: CodeplexElementoPestana[];
+    value?: string | number;
+    onChange?: (event: React.SyntheticEvent, nuevoValor: string | number) => void;
+    centered?: boolean;
+    iconPosition?: 'top' | 'bottom' | 'start' | 'end';
+}
+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/lib/pestanas/pestanas.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CodeplexPestanas } from './pestanas';
+declare const meta: Meta<typeof CodeplexPestanas>;
+export default meta;
+type Story = StoryObj<typeof CodeplexPestanas>;
+export declare const Basico: Story;
+export declare const Controlado: Story;
+export declare const AnchoCompleto: Story;

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@codeplex-sac/navegacion",
+  "version": "0.0.10",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "require": "./index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-router-dom": "^6.0.0 || ^7.0.0"
+  },
+  "dependencies": {
+    "@mui/icons-material": "^7.3.6",
+    "@mui/material": "^7.3.6"
+  }
+}