@codeplex-sac/feedback 0.1.1

package/lib/dialogo/dialogo.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { DialogProps, DialogTitleProps, DialogContentProps, DialogContentTextProps, DialogActionsProps } from '@mui/material';
+export interface CodeplexDialogoProps extends DialogProps {
+}
+export declare const CodeplexDialogo: React.FC<CodeplexDialogoProps>;
+export interface CodeplexDialogoTituloProps extends DialogTitleProps {
+}
+export declare const CodeplexDialogoTitulo: React.FC<CodeplexDialogoTituloProps>;
+export interface CodeplexDialogoContenidoProps extends DialogContentProps {
+}
+export declare const CodeplexDialogoContenido: React.FC<CodeplexDialogoContenidoProps>;
+export interface CodeplexDialogoTextoProps extends DialogContentTextProps {
+}
+export declare const CodeplexDialogoTexto: React.FC<CodeplexDialogoTextoProps>;
+export interface CodeplexDialogoAccionesProps extends DialogActionsProps {
+}
+export declare const CodeplexDialogoAcciones: React.FC<CodeplexDialogoAccionesProps>;

package/lib/mensaje-emergente/mensaje-emergente.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { TooltipProps } from '@mui/material/Tooltip';
+export type CodeplexTooltipLado = 'arriba' | 'abajo' | 'izquierda' | 'derecha';
+export type CodeplexTooltipColor = 'oscuro' | 'claro' | 'primario' | 'azul';
+export type CodeplexTooltipAnimacion = 'zoom' | 'fade';
+export interface CodeplexMensajeEmergenteProps extends Omit<TooltipProps, 'title' | 'placement' | 'arrow' | 'children'> {
+    contenido: React.ReactNode;
+    children: React.ReactElement;
+    lado?: CodeplexTooltipLado;
+    flecha?: boolean;
+    color?: CodeplexTooltipColor;
+    animacion?: CodeplexTooltipAnimacion;
+    retraso?: number;
+}
+export declare const CodeplexMensajeEmergente: ({ contenido, children, lado, flecha, color, animacion, retraso, className, sx, ...props }: CodeplexMensajeEmergenteProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeplexTooltip: ({ contenido, children, lado, flecha, color, animacion, retraso, className, sx, ...props }: CodeplexMensajeEmergenteProps) => import("react/jsx-runtime").JSX.Element;

package/lib/modal/modal.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { DialogProps } from '@mui/material';
+export interface CodeplexModalProps extends Omit<DialogProps, 'open' | 'onClose' | 'title' | 'maxWidth' | 'fullScreen'> {
+    abierto?: boolean;
+    alCerrar?: (event: {}, reason: 'backdropClick' | 'escapeKeyDown' | 'closeIcon') => void;
+    titulo?: React.ReactNode;
+    subtitulo?: string;
+    children: React.ReactNode;
+    pie?: React.ReactNode;
+    anchoMaximo?: DialogProps['maxWidth'];
+    pantallaCompleta?: boolean;
+    arrastrable?: boolean;
+    redimensionable?: boolean;
+    sinFondo?: boolean;
+    bloqueado?: boolean;
+    mostrarIconoCierre?: boolean;
+}
+export declare const CodeplexModal: ({ abierto, alCerrar, titulo, subtitulo, children, pie, anchoMaximo, pantallaCompleta, arrastrable, redimensionable, sinFondo, bloqueado, mostrarIconoCierre, ...props }: CodeplexModalProps) => import("react/jsx-runtime").JSX.Element;

package/lib/notificacion/notificacion.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { SnackbarProps } from '@mui/material/Snackbar';
+export type CodeplexNotificacionVariante = 'info' | 'exito' | 'advertencia' | 'error';
+export type CodeplexNotificacionEstilo = 'solido' | 'suave' | 'cristal' | 'contorno';
+export type CodeplexNotificacionAnimacion = 'slide' | 'grow' | 'fade';
+export type CodeplexNotificacionPosicion = 'arriba-izquierda' | 'arriba-centro' | 'arriba-derecha' | 'abajo-izquierda' | 'abajo-centro' | 'abajo-derecha';
+export interface CodeplexNotificacionProps extends Omit<SnackbarProps, 'open' | 'onClose' | 'anchorOrigin'> {
+    abierto: boolean;
+    alCerrar?: () => void;
+    variante?: CodeplexNotificacionVariante;
+    estilo?: CodeplexNotificacionEstilo;
+    titulo?: string;
+    mensaje: string | React.ReactNode;
+    posicion?: CodeplexNotificacionPosicion;
+    animacion?: CodeplexNotificacionAnimacion;
+    duracion?: number | null;
+    mostrarIcono?: boolean;
+    mostrarProgreso?: boolean;
+    cerrable?: boolean;
+    accion?: React.ReactNode;
+}
+export declare const CodeplexNotificacion: ({ abierto, alCerrar, variante, estilo, titulo, mensaje, posicion, animacion, duracion, mostrarIcono, mostrarProgreso, cerrable, accion, className, sx, ...props }: CodeplexNotificacionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeplexTostada: ({ abierto, alCerrar, variante, estilo, titulo, mensaje, posicion, animacion, duracion, mostrarIcono, mostrarProgreso, cerrable, accion, className, sx, ...props }: CodeplexNotificacionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeplexToast: ({ abierto, alCerrar, variante, estilo, titulo, mensaje, posicion, animacion, duracion, mostrarIcono, mostrarProgreso, cerrable, accion, className, sx, ...props }: CodeplexNotificacionProps) => import("react/jsx-runtime").JSX.Element;

package/lib/ventana-emergente/ventana-emergente.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+import { PopoverProps as MuiPopoverProps, SxProps, Theme } from '@mui/material';
+export interface CodeplexVentanaEmergenteProps extends Omit<MuiPopoverProps, 'open' | 'anchorEl' | 'onClose' | 'title' | 'anchorOrigin' | 'transformOrigin' | 'children'> {
+    /**
+     * Contenido que se mostrará dentro de la ventana emergente.
+     * Alias de `children`.
+     */
+    hijos?: React.ReactNode;
+    /**
+     * Propiedad original de React para el contenido.
+     */
+    children?: React.ReactNode;
+    /**
+     * Elemento HTML que sirve de ancla para la posición de la ventana.
+     * Alias de `anchorEl`.
+     */
+    elementoAncla?: MuiPopoverProps['anchorEl'];
+    /**
+     * Controla si la ventana está visible.
+     * Alias de `open`.
+     */
+    abierto: boolean;
+    /**
+     * Función que se ejecuta al solicitar cerrar la ventana.
+     * Alias de `onClose`.
+     */
+    alCerrar?: (event: {}, reason: 'backdropClick' | 'escapeKeyDown' | 'closeIcon') => void;
+    /**
+     * Título de la ventana emergente.
+     */
+    titulo?: React.ReactNode;
+    /**
+     * Muestra el botón de cierre en la esquina superior derecha.
+     * @default false
+     */
+    mostrarIconoCierre?: boolean;
+    /**
+     * Estilos adicionales para el contenedor interno (Box).
+     */
+    estiloContenido?: SxProps<Theme>;
+    /**
+     * Punto de origen en el elemento ancla. Define dónde se "engancha" la ventana.
+     */
+    origenAncla?: MuiPopoverProps['anchorOrigin'];
+    /**
+     * Punto de origen en la propia ventana para la transformación y posicionamiento.
+     */
+    origenTransformacion?: MuiPopoverProps['transformOrigin'];
+}
+/**
+ * El componente CodeplexVentanaEmergente (Popover) muestra contenido flotante anclado a un elemento.
+ * A diferencia del Popper (Posicionador), el Popover bloquea la interacción con el fondo (modal-like)
+ * y gestiona su propio estado de foco.
+ */
+export declare const CodeplexVentanaEmergente: ({ hijos, children, titulo, mostrarIconoCierre, alCerrar, estiloContenido, elementoAncla, abierto, origenAncla, origenTransformacion, sx, ...props }: CodeplexVentanaEmergenteProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@codeplex-sac/feedback",
+  "version": "0.1.1",
+  "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"
+  },
+  "dependencies": {
+    "@mui/material": "^7.3.6",
+    "@mui/icons-material": "^7.3.6",
+    "@mui/system": "^7.3.7",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1"
+  }
+}