@codeplex-sac/layout 0.0.1

package/lib/accordion/accordion.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+export interface CodeplexAccordionItem {
+    id: string;
+    title: string;
+    subtitle?: string;
+    /** Contenido del panel: puede ser texto o JSX */
+    content: React.ReactNode;
+    iconLeft?: React.ReactNode;
+    disabled?: boolean;
+}
+export type AccordionVariant = 'simple' | 'bordered' | 'splitted';
+export interface CodeplexAccordionProps {
+    items: CodeplexAccordionItem[];
+    /** Si true, permite múltiples paneles abiertos a la vez */
+    multiple?: boolean;
+    /** Estilo visual del acordeón */
+    variant?: AccordionVariant;
+    /** IDs de los items abiertos inicialmente */
+    defaultOpenIds?: string[];
+    /** Clase CSS adicional para el contenedor */
+    className?: string;
+    /** Callback al cambiar el estado */
+    onChange?: (openIds: string[]) => void;
+}
+/**
+ * Accordion profesional con animaciones Grid y múltiples variantes.
+ */
+export declare const CodeplexAccordion: ({ items, multiple, variant, defaultOpenIds, onChange, className, }: CodeplexAccordionProps) => import("react/jsx-runtime").JSX.Element;

package/lib/box/box.d.ts

@@ -0,0 +1,20 @@
+import { BoxProps as MuiBoxProps } from '@mui/material';
+export interface CodeplexBoxProps extends MuiBoxProps {
+    /**
+     * Shorcut to make the box a flex container with content centered (vertical & horizontal).
+     */
+    centered?: boolean;
+    /**
+     * Shortcut to set width: 100vw and height: 100vh
+     */
+    fullScreen?: boolean;
+    /**
+     * Shortcut for display: 'flex', flexDirection: 'row'
+     */
+    flexRow?: boolean;
+    /**
+      * Shortcut for display: 'flex', flexDirection: 'column'
+      */
+    flexCol?: boolean;
+}
+export declare const CodeplexBox: ({ centered, fullScreen, flexRow, flexCol, sx, ...props }: CodeplexBoxProps) => import("react/jsx-runtime").JSX.Element;

package/lib/col/col.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export type ColSize = boolean | 'auto' | number | string;
+export interface CodeplexColProps extends React.HTMLAttributes<HTMLDivElement> {
+    xs?: ColSize;
+    sm?: ColSize;
+    md?: ColSize;
+    lg?: ColSize;
+    xl?: ColSize;
+    xxl?: ColSize;
+    tag?: React.ElementType;
+}
+export declare const CodeplexCol: ({ xs, sm, md, lg, xl, xxl, tag: Tag, className, children, ...props }: CodeplexColProps) => import("react/jsx-runtime").JSX.Element;

package/lib/container/container.d.ts

@@ -0,0 +1,12 @@
+import { ContainerProps as MuiContainerProps } from '@mui/material';
+export interface CodeplexContainerProps extends MuiContainerProps {
+    /**
+     * If true, the container will be fluid (maxWidth={false}).
+     */
+    fluid?: boolean;
+    /**
+     * If true, makes the container full height (100vh) and centers content.
+     */
+    pageCentered?: boolean;
+}
+export declare const CodeplexContainer: ({ fluid, pageCentered, sx, maxWidth, ...props }: CodeplexContainerProps) => import("react/jsx-runtime").JSX.Element;

package/lib/drawer/drawer.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+export type CodeplexDrawerSide = 'left' | 'right';
+export type CodeplexDrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface CodeplexDrawerProps {
+    /** Estado de visibilidad */
+    open: boolean;
+    /** Lado desde donde aparece */
+    side?: CodeplexDrawerSide;
+    /** Ancho del panel */
+    size?: CodeplexDrawerSize;
+    /** Título del panel */
+    title?: string;
+    /** Descripción o subtítulo */
+    description?: string;
+    /** Mostrar botón de cierre */
+    showClose?: boolean;
+    /** Cerrar al hacer clic fuera */
+    closeOnOverlayClick?: boolean;
+    /** Cerrar al presionar ESC */
+    closeOnEsc?: boolean;
+    /** Clases adicionales */
+    className?: string;
+    /** Callback para cerrar */
+    onClose?: () => void;
+    /** Contenido principal */
+    children?: React.ReactNode;
+    /** Contenido del footer */
+    footer?: React.ReactNode;
+}
+/**
+ * Panel deslizante lateral (Drawer / Off-canvas).
+ * Soporta animaciones, múltiples tamaños y accesibilidad.
+ */
+export declare const CodeplexDrawer: ({ open, side, size, title, description, showClose, closeOnOverlayClick, closeOnEsc, className, onClose, children, footer, }: CodeplexDrawerProps) => import("react/jsx-runtime").JSX.Element | null;

package/lib/footer/footer.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface CodeplexFooterLink {
+    label: string;
+    href: string;
+}
+export interface CodeplexFooterProps extends React.HTMLAttributes<HTMLElement> {
+    copyright?: string;
+    links?: CodeplexFooterLink[];
+    socialLinks?: {
+        facebook?: string;
+        twitter?: string;
+        github?: string;
+        linkedin?: string;
+    };
+    sidebarCollapsed?: boolean;
+}
+export declare const CodeplexFooter: ({ copyright, links, socialLinks, sidebarCollapsed, className, children, ...props }: CodeplexFooterProps) => import("react/jsx-runtime").JSX.Element;

package/lib/grid/grid.d.ts

@@ -0,0 +1,8 @@
+import { GridProps as MuiGridProps } from '@mui/material';
+export interface CodeplexGridProps extends MuiGridProps {
+    /**
+     * If true (and container is true), centers items via justifyContent="center" and alignItems="center".
+     */
+    centered?: boolean;
+}
+export declare const CodeplexGrid: ({ centered, sx, ...props }: CodeplexGridProps) => import("react/jsx-runtime").JSX.Element;

package/lib/header/header.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+export interface CodeplexBreadcrumb {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+export interface CodeplexUserInfo {
+    name: string;
+    email?: string;
+    role?: string;
+    avatar?: string;
+}
+export interface CodeplexHeaderProps extends React.HTMLAttributes<HTMLElement> {
+    title?: string;
+    breadcrumbs?: CodeplexBreadcrumb[];
+    user?: CodeplexUserInfo;
+    showSearch?: boolean;
+    onSearch?: (query: string) => void;
+    onNotifications?: () => void;
+    onProfile?: () => void;
+    notificationCount?: number;
+    sidebarCollapsed?: boolean;
+}
+export declare const CodeplexHeader: ({ title, breadcrumbs, user, showSearch, onSearch, onNotifications, onProfile, notificationCount, sidebarCollapsed, className, children, ...props }: CodeplexHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/lib/image-list/image-list.d.ts

@@ -0,0 +1,10 @@
+import { ImageListProps as MuiImageListProps, ImageListItemProps as MuiImageListItemProps, ImageListItemBarProps as MuiImageListItemBarProps } from '@mui/material';
+export interface CodeplexImageListProps extends MuiImageListProps {
+}
+export interface CodeplexImageListItemProps extends MuiImageListItemProps {
+}
+export interface CodeplexImageListItemBarProps extends MuiImageListItemBarProps {
+}
+export declare const CodeplexImageList: (props: CodeplexImageListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeplexImageListItem: (props: CodeplexImageListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeplexImageListItemBar: (props: CodeplexImageListItemBarProps) => import("react/jsx-runtime").JSX.Element;

package/lib/layout.d.ts

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

package/lib/navbar/navbar.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { CodeplexUserInfo } from '../header/header';
+export interface CodeplexNavbarLink {
+    id: string;
+    label: string;
+    href?: string;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export interface CodeplexNavbarProps {
+    logoText?: string;
+    logoSrc?: string;
+    links?: CodeplexNavbarLink[];
+    user?: CodeplexUserInfo;
+    position?: 'fixed' | 'sticky' | 'static';
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const CodeplexNavbar: ({ logoText, logoSrc, links, user, position, className, children, }: CodeplexNavbarProps) => import("react/jsx-runtime").JSX.Element;

package/lib/row/row.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface CodeplexRowProps extends React.HTMLAttributes<HTMLDivElement> {
+    noGutters?: boolean;
+    align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    tag?: React.ElementType;
+}
+export declare const CodeplexRow: ({ noGutters, align, justify, tag: Tag, className, children, ...props }: CodeplexRowProps) => import("react/jsx-runtime").JSX.Element;

package/lib/sidebar/sidebar.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { CodeplexUserInfo } from '../header/header';
+export interface CodeplexMenuItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    href?: string;
+    active?: boolean;
+    disabled?: boolean;
+    badge?: string;
+    children?: CodeplexMenuItem[];
+    onClick?: () => void;
+}
+export interface CodeplexSidebarProps {
+    items: CodeplexMenuItem[];
+    user?: CodeplexUserInfo;
+    logo?: string;
+    logoText?: string;
+    collapsed?: boolean;
+    autoCloseOnNavigate?: boolean;
+    onToggle?: (collapsed: boolean) => void;
+    onNavigate?: (href: string) => void;
+    onLogout?: () => void;
+    footer?: boolean;
+    children?: React.ReactNode;
+}
+export declare const CodeplexSidebar: ({ items, user, logo, logoText, collapsed, autoCloseOnNavigate, onToggle, onNavigate, onLogout, footer, children, }: CodeplexSidebarProps) => import("react/jsx-runtime").JSX.Element;

package/lib/stack/stack.d.ts

@@ -0,0 +1,12 @@
+import { StackProps as MuiStackProps } from '@mui/material';
+export interface CodeplexStackProps extends MuiStackProps {
+    /**
+     * Centers children horizontally and vertically.
+     */
+    centered?: boolean;
+    /**
+     * Applies justifyContent: 'space-between'
+     */
+    between?: boolean;
+}
+export declare const CodeplexStack: ({ centered, between, sx, alignItems, justifyContent, ...props }: CodeplexStackProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@codeplex-sac/layout",
+  "version": "0.0.1",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.mjs",
+      "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"
+  }
+}