@codeplex-sac/diseno 0.0.15

package/lib/acordeon/acordeon.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export interface CodeplexElementoAcordeon {
+    id: string;
+    titulo: string;
+    subtitulo?: string;
+    contenido: React.ReactNode;
+    iconoIzquierda?: React.ReactNode;
+    deshabilitado?: boolean;
+}
+export type VarianteAcordeon = 'simple' | 'bordeado' | 'separado';
+export interface CodeplexAcordeonProps {
+    elementos: CodeplexElementoAcordeon[];
+    multiple?: boolean;
+    variante?: VarianteAcordeon;
+    idsAbiertosInicialmente?: string[];
+    alCambiar?: (idsAbiertos: string[]) => void;
+}
+export declare const CodeplexAcordeon: ({ elementos, multiple, variante, idsAbiertosInicialmente, alCambiar, }: CodeplexAcordeonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { CodeplexInfoUsuario } from '../cabecera/cabecera';
+export interface CodeplexElementoMenuLateral {
+    id: string;
+    etiqueta?: React.ReactNode;
+    icono?: React.ReactNode;
+    href?: string;
+    activo?: boolean;
+    deshabilitado?: boolean;
+    insignia?: string;
+    hijos?: CodeplexElementoMenuLateral[];
+    alHacerClick?: () => void;
+    tipo?: 'item' | 'seccion' | 'divisor';
+}
+export interface CodeplexBarraLateralProps {
+    elementos: CodeplexElementoMenuLateral[];
+    usuario?: CodeplexInfoUsuario;
+    logo?: string;
+    textoLogo?: string;
+    colapsado?: boolean;
+    cerrarAlNavegar?: boolean;
+    alAlternar?: (colapsado: boolean) => void;
+    alNavegar?: (href: string) => void;
+    alCerrarSesion?: () => void;
+    mostrarPie?: boolean;
+    children?: React.ReactNode;
+    ancho?: number;
+}
+export declare const CodeplexBarraLateral: ({ elementos, usuario, logo, textoLogo, colapsado, cerrarAlNavegar, alAlternar, alNavegar, alCerrarSesion, mostrarPie, children, ancho, }: CodeplexBarraLateralProps) => import("react/jsx-runtime").JSX.Element;

package/lib/cabecera/cabecera.d.ts

@@ -0,0 +1,23 @@
+export interface CodeplexElementoMigaPan {
+    etiqueta: string;
+    href?: string;
+    alHacerClick?: () => void;
+}
+export interface CodeplexInfoUsuario {
+    nombre: string;
+    email?: string;
+    rol?: string;
+    avatar?: string;
+}
+export interface CodeplexCabeceraProps extends React.HTMLAttributes<HTMLElement> {
+    titulo?: string;
+    migasPan?: CodeplexElementoMigaPan[];
+    usuario?: CodeplexInfoUsuario;
+    mostrarBusqueda?: boolean;
+    alBuscar?: (consulta: string) => void;
+    alNotificaciones?: () => void;
+    alPerfil?: () => void;
+    conteoNotificaciones?: number;
+    barraLateralColapsada?: boolean;
+}
+export declare const CodeplexCabecera: ({ titulo, migasPan, usuario, mostrarBusqueda, alBuscar, alNotificaciones, alPerfil, conteoNotificaciones, barraLateralColapsada, className, children, ...props }: CodeplexCabeceraProps) => import("react/jsx-runtime").JSX.Element;

package/lib/caja/caja.d.ts

@@ -0,0 +1,21 @@
+import { BoxProps as MuiBoxProps } from '@mui/material';
+export type CodeplexCajaVariante = 'predeterminado' | 'bordeado' | 'sombreado' | 'vidrio' | 'gradiente';
+export type CodeplexCajaValidacion = 'error' | 'exito' | 'advertencia' | 'info';
+export interface CodeplexCajaProps extends MuiBoxProps {
+    variante?: CodeplexCajaVariante;
+    validacion?: CodeplexCajaValidacion;
+    centrado?: boolean;
+    pantallaCompleta?: boolean;
+    flexFila?: boolean;
+    flexColumna?: boolean;
+    colorFondo?: string;
+    colorTexto?: string;
+    relleno?: MuiBoxProps['p'];
+    margen?: MuiBoxProps['m'];
+    redondeado?: MuiBoxProps['borderRadius'];
+    alFlotar?: {
+        elevar?: boolean;
+        escalar?: boolean;
+    };
+}
+export declare const CodeplexCaja: import('react').ForwardRefExoticComponent<Omit<CodeplexCajaProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/lib/caja/caja.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CodeplexCaja } from './caja';
+declare const meta: Meta<typeof CodeplexCaja>;
+export default meta;
+type Story = StoryObj<typeof CodeplexCaja>;
+export declare const Predeterminado: Story;
+export declare const Bordeado: Story;
+export declare const Sombreado: Story;
+export declare const Vidrio: Story;
+export declare const Gradiente: Story;
+export declare const ValidacionError: Story;
+export declare const ValidacionExito: Story;
+export declare const FlexFila: Story;

package/lib/columna/columna.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material';
+export type TamanoColumna = boolean | 'auto' | number;
+export interface CodeplexColumnaProps {
+    children?: React.ReactNode;
+    xs?: TamanoColumna;
+    sm?: TamanoColumna;
+    md?: TamanoColumna;
+    lg?: TamanoColumna;
+    xl?: TamanoColumna;
+    componente?: React.ElementType;
+    sx?: SxProps<Theme>;
+}
+export declare const CodeplexColumna: ({ children, xs, sm, md, lg, xl, componente, sx, }: CodeplexColumnaProps) => import("react/jsx-runtime").JSX.Element;

package/lib/contenedor/contenedor.d.ts

@@ -0,0 +1,9 @@
+import { ContainerProps as MuiContainerProps } from '@mui/material';
+export interface CodeplexContenedorProps extends Omit<MuiContainerProps, 'maxWidth' | 'fixed' | 'disableGutters'> {
+    fluido?: boolean;
+    paginaCentrada?: boolean;
+    anchoMaximo?: MuiContainerProps['maxWidth'];
+    fijo?: boolean;
+    deshabilitarMargenes?: boolean;
+}
+export declare const CodeplexContenedor: ({ fluido, paginaCentrada, sx, anchoMaximo, fijo, deshabilitarMargenes, ...props }: CodeplexContenedorProps) => import("react/jsx-runtime").JSX.Element;

package/lib/cuadricula/cuadricula.d.ts

@@ -0,0 +1,22 @@
+import { GridProps as MuiGridProps } from '@mui/material';
+export type CodeplexCuadriculaDireccion = 'fila' | 'columna' | 'fila-reversa' | 'columna-reversa';
+export type CodeplexCuadriculaEnvoltorio = 'envolver' | 'no-envolver' | 'envolver-reversa';
+export type CodeplexCuadriculaAlineacion = 'inicio' | 'centro' | 'fin' | 'estirar' | 'linea-base';
+export type CodeplexCuadriculaJustificacion = 'inicio' | 'centro' | 'fin' | 'entre' | 'alrededor' | 'uniforme';
+export interface CodeplexCuadriculaProps extends Omit<MuiGridProps, 'container' | 'spacing' | 'direction' | 'wrap' | 'alignItems' | 'justifyContent'> {
+    contenedor?: boolean;
+    elemento?: boolean;
+    espaciado?: MuiGridProps['spacing'];
+    direccion?: CodeplexCuadriculaDireccion;
+    envolver?: CodeplexCuadriculaEnvoltorio;
+    alineacion?: CodeplexCuadriculaAlineacion;
+    justificacion?: CodeplexCuadriculaJustificacion;
+    centrado?: boolean;
+    xs?: boolean | number | 'auto';
+    sm?: boolean | number | 'auto';
+    md?: boolean | number | 'auto';
+    lg?: boolean | number | 'auto';
+    xl?: boolean | number | 'auto';
+    tamano?: MuiGridProps['size'];
+}
+export declare const CodeplexCuadricula: import('react').ForwardRefExoticComponent<Omit<CodeplexCuadriculaProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/lib/esqueleto/esqueleto.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { CodeplexCabeceraProps } from '../cabecera/cabecera';
+import { CodeplexBarraLateralProps } from '../barra-lateral/barra-lateral';
+import { CodeplexPiePaginaProps } from '../pie-pagina/pie-pagina';
+export interface CodeplexEsqueletoPaginaProps {
+    /** Elementos del menú lateral */
+    menu: CodeplexBarraLateralProps['elementos'];
+    /** Información del usuario */
+    usuario?: CodeplexBarraLateralProps['usuario'];
+    /** Configuración adicional del sidebar */
+    sidebarProps?: Partial<CodeplexBarraLateralProps>;
+    /** Configuración adicional del header */
+    headerProps?: Partial<CodeplexCabeceraProps>;
+    /** Configuración adicional del footer */
+    footerProps?: Partial<CodeplexPiePaginaProps>;
+    /** Título de la aplicación */
+    titulo?: string;
+    /** Logo de la aplicación */
+    logo?: string;
+    /** Contenido principal */
+    children: React.ReactNode;
+    /** Callback al navegar */
+    alNavegar?: (href: string) => void;
+}
+export declare const CodeplexEsqueletoPagina: ({ menu, usuario, sidebarProps, headerProps, footerProps, titulo, logo, children, alNavegar, }: CodeplexEsqueletoPaginaProps) => import("react/jsx-runtime").JSX.Element;
+/** @deprecated Usa `CodeplexEsqueletoPagina` directamente. El alias `CodeplexEsqueleto` fue eliminado en v2 para evitar conflicto con `@codeplex-sac/ui`. */
+export declare const CodeplexEsqueleto: ({ menu, usuario, sidebarProps, headerProps, footerProps, titulo, logo, children, alNavegar, }: CodeplexEsqueletoPaginaProps) => import("react/jsx-runtime").JSX.Element;

package/lib/fila/fila.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material';
+type Alineacion = 'inicio' | 'centro' | 'fin' | 'linea-base' | 'estirar' | 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+type Justificacion = 'inicio' | 'centro' | 'fin' | 'entre' | 'alrededor' | 'uniforme' | 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export interface CodeplexFilaProps {
+    children?: React.ReactNode;
+    sinMargenes?: boolean;
+    alineacion?: Alineacion;
+    justificacion?: Justificacion;
+    espaciado?: number;
+    envolver?: boolean;
+    componente?: React.ElementType;
+    sx?: SxProps<Theme>;
+}
+export declare const CodeplexFila: ({ children, sinMargenes, alineacion, justificacion, espaciado, envolver, componente, sx, }: CodeplexFilaProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/layout.d.ts

@@ -0,0 +1,2 @@
+export declare function Layout(): import("react/jsx-runtime").JSX.Element;
+export default Layout;

package/lib/lista-imagenes/lista-imagenes.d.ts

@@ -0,0 +1,22 @@
+import { ImageListProps as MuiImageListProps, ImageListItemProps as MuiImageListItemProps, ImageListItemBarProps as MuiImageListItemBarProps } from '@mui/material';
+export type CodeplexListaImagenesVariante = 'estandar' | 'mosaico' | 'mamposteria' | 'tejido';
+export type CodeplexBarraPosicion = 'arriba' | 'abajo';
+export interface CodeplexListaImagenesProps extends Omit<MuiImageListProps, 'cols' | 'rowHeight' | 'gap' | 'variant'> {
+    columnas?: MuiImageListProps['cols'];
+    altoFila?: MuiImageListProps['rowHeight'];
+    espacio?: MuiImageListProps['gap'];
+    variante?: CodeplexListaImagenesVariante;
+}
+export interface CodeplexElementoListaImagenesProps extends Omit<MuiImageListItemProps, 'cols' | 'rows'> {
+    columnas?: MuiImageListItemProps['cols'];
+    filas?: MuiImageListItemProps['rows'];
+}
+export interface CodeplexBarraElementoListaImagenesProps extends Omit<MuiImageListItemBarProps, 'title' | 'subtitle' | 'actionIcon' | 'position'> {
+    titulo?: MuiImageListItemBarProps['title'];
+    subtitulo?: MuiImageListItemBarProps['subtitle'];
+    iconoAccion?: MuiImageListItemBarProps['actionIcon'];
+    posicion?: CodeplexBarraPosicion;
+}
+export declare const CodeplexListaImagenes: ({ columnas, altoFila, espacio, variante, ...props }: CodeplexListaImagenesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeplexElementoListaImagenes: ({ columnas, filas, ...props }: CodeplexElementoListaImagenesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeplexBarraElementoListaImagenes: ({ titulo, subtitulo, iconoAccion, posicion, ...props }: CodeplexBarraElementoListaImagenesProps) => import("react/jsx-runtime").JSX.Element;

package/lib/pie-pagina/pie-pagina.d.ts

@@ -0,0 +1,16 @@
+export interface CodeplexEnlacePiePagina {
+    etiqueta: string;
+    href: string;
+}
+export interface CodeplexPiePaginaProps extends React.HTMLAttributes<HTMLElement> {
+    derechosAutor?: string;
+    enlaces?: CodeplexEnlacePiePagina[];
+    redesSociales?: {
+        facebook?: string;
+        twitter?: string;
+        github?: string;
+        linkedin?: string;
+    };
+    barraLateralColapsada?: boolean;
+}
+export declare const CodeplexPiePagina: ({ derechosAutor, enlaces, redesSociales, barraLateralColapsada, className, children, ...props }: CodeplexPiePaginaProps) => import("react/jsx-runtime").JSX.Element;

package/lib/pila/pila.d.ts

@@ -0,0 +1,16 @@
+import { StackProps as MuiStackProps } from '@mui/material';
+export type CodeplexPilaDireccion = 'fila' | 'columna' | 'fila-reversa' | 'columna-reversa';
+export type CodeplexPilaAlineacion = 'inicio' | 'centro' | 'fin' | 'estirar' | 'linea-base';
+export type CodeplexPilaJustificacion = 'inicio' | 'centro' | 'fin' | 'entre' | 'alrededor' | 'uniforme';
+export interface CodeplexPilaProps extends Omit<MuiStackProps, 'direction' | 'spacing' | 'alignItems' | 'justifyContent' | 'divider'> {
+    direccion?: CodeplexPilaDireccion | CodeplexPilaDireccion[] | {
+        [key: string]: CodeplexPilaDireccion;
+    };
+    espaciado?: number | string;
+    alineacion?: CodeplexPilaAlineacion;
+    justificacion?: CodeplexPilaJustificacion;
+    divisor?: boolean | React.ReactNode;
+    centrado?: boolean;
+    entre?: boolean;
+}
+export declare const CodeplexPila: import('react').ForwardRefExoticComponent<Omit<CodeplexPilaProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@codeplex-sac/diseno",
+  "version": "0.0.15",
+  "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"
+  },
+  "index": "index.css",
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-router-dom": "^6.0.0 || ^7.0.0"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.7",
+    "@mui/material": "^7.3.7",
+    "@mui/system": "^7.3.7"
+  }
+}