responsive-system 1.0.0

package/README.md

@@ -0,0 +1,382 @@
+# 🎯 Responsive System - Auto-Scaling para Tailwind CSS
+
+**Sistema de escalado automático para todas las pantallas.** Usa Tailwind CSS normal, TODO escala automáticamente.
+
+## ✨ Características
+
+- ✅ **100% Automático**: Instala, configura una vez, olvídate del responsive
+- ✅ **Tailwind Normal**: Usa `text-base`, `p-4`, `gap-6`, `leading-relaxed`, `shadow-lg` como siempre
+- ✅ **Auto-Scaling Completo**: Typography, spacing, line-height, letter-spacing y shadows
+- ✅ **Sistema de Layouts**: 4 layouts predefinidos (Default, Sidebar, Dashboard, Minimal)
+- ✅ **9 Breakpoints**: xs, sm, md, lg, xl, 2xl, 3xl (1920px), 4xl (2560px), 5xl (3840px)
+- ✅ **TypeScript**: 100% type-safe
+- ✅ **Zero Runtime Dependencies**: Solo requiere React y Tailwind como peer dependencies
+- ✅ **No Invasivo**: Instala solo lo que necesites ([Ver guía](INSTALLATION.md))
+
+---
+
+## 📦 Instalación desde npm
+
+### **Instalación Automática**
+
+Este paquete instala automáticamente todas las dependencias necesarias:
+
+- ✅ **React** (v19.1.1) - Se instala automáticamente
+- ✅ **React DOM** (v19.1.1) - Se instala automáticamente  
+- ✅ **Tailwind CSS** (v4.1.14) - Se instala automáticamente
+- ✅ **PostCSS** y **Autoprefixer** - Se instalan automáticamente
+- ✅ **TypeScript** (v5.9.3) - Se instala automáticamente
+
+```bash
+# Solo necesitas esto:
+npm install responsive-system
+```
+
+El script `postinstall` detectará si faltan dependencias y las instalará automáticamente.
+
+### **Inicializar Tailwind (solo la primera vez)**
+
+Después de instalar, inicializa Tailwind:
+
+```bash
+npx tailwindcss init -p
+```
+
+O con yarn/pnpm:
+```bash
+yarn add responsive-system
+# o
+pnpm add responsive-system
+
+# Inicializar Tailwind
+npx tailwindcss init -p
+```
+
+---
+
+## 📦 ¿Tenés un proyecto existente?
+
+**Este sistema NO es invasivo.** Podés instalarlo de 3 formas:
+
+1. **Solo el plugin** (1 archivo) - Auto-scaling sin tocar tu código
+2. **Con hooks** (~8 archivos) - Detección de breakpoints en JS
+3. **Sistema completo** (~30 archivos) - Layouts incluidos
+
+👉 **[Ver guía completa de instalación](INSTALLATION.md)**
+
+---
+
+## 🚀 Inicio Rápido (Proyecto Nuevo)
+
+### **Paso 0: Instalar el paquete**
+
+Si estás empezando desde cero:
+
+```bash
+# Crear proyecto React (si no lo tienes)
+npm create vite@latest mi-proyecto -- --template react-ts
+
+# Instalar el paquete (instala React y Tailwind automáticamente)
+cd mi-proyecto
+npm install
+npm install responsive-system
+
+# Inicializar Tailwind (solo la primera vez)
+npx tailwindcss init -p
+```
+
+**¡Eso es todo!** El paquete instala automáticamente React, Tailwind y todas las dependencias necesarias.
+
+### **1. Configura el Plugin en Tailwind**
+
+```js
+// tailwind.config.js
+import responsiveScalePlugin from 'responsive-system/plugin'
+
+export default {
+  content: ["./src/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {
+      screens: {
+        'xs': '475px', 'sm': '640px', 'md': '768px', 'lg': '1024px',
+        'xl': '1280px', '2xl': '1536px', '3xl': '1920px', '4xl': '2560px', '5xl': '3840px'
+      }
+    },
+  },
+  plugins: [
+    responsiveScalePlugin({
+      scaleProperties: {
+        typography: true,      // font-size
+        spacing: true,         // padding, margin, gap
+        lineHeight: true,      // line-height
+        letterSpacing: true,   // letter-spacing
+        shadows: true,         // box-shadow
+        borderWidth: false,
+        sizing: false,
+        borderRadius: false
+      },
+      scales: {
+        xs: 1.0, sm: 1.0, md: 1.0, lg: 1.0, xl: 1.0,
+        '2xl': 1.05, '3xl': 1.15, '4xl': 1.25, '5xl': 1.35
+      }
+    })
+  ],
+}
+```
+
+### **2. Configura el Sistema de Layouts**
+
+```tsx
+// App.tsx
+import { ResponsiveLayoutProvider, MainLayout } from 'responsive-system'
+
+function App() {
+  return (
+    <ResponsiveLayoutProvider defaultLayout="default">
+      <MainLayout>
+        <YourContent />
+      </MainLayout>
+    </ResponsiveLayoutProvider>
+  )
+}
+```
+
+---
+
+## 🎨 Cómo Funciona
+
+### **Sistema Responsivo (Auto-Scaling)**
+
+El plugin genera CSS variables que escalan automáticamente:
+
+```css
+/* Plugin genera automáticamente */
+:root { --scale-text: 1.0; --scale-spacing: 1.0; }
+
+.text-base { font-size: calc(1rem * var(--scale-text)); }
+.p-4 { padding: calc(1rem * var(--scale-spacing)); }
+```
+
+**En 1920px (3xl):** `--scale-text: 1.15` → `text-base` = 18.4px
+
+### **Sistema de Layouts**
+
+**4 Layouts Predefinidos:**
+
+| Layout | Componentes | Uso |
+|--------|-------------|-----|
+| `default` | Navigation + Footer | Páginas estáticas |
+| `sidebar` | Sidebar | Apps con navegación lateral |
+| `dashboard` | Header + Sidebar + Footer | Dashboards complejos |
+| `minimal` | Solo contenido | Landing pages |
+
+**Cambio Dinámico:**
+```tsx
+import { useLayout } from 'responsive-system'
+
+function MyComponent() {
+  const { setLayout } = useLayout()
+  
+  return (
+    <button onClick={() => setLayout('dashboard')}>
+      Cambiar a Dashboard
+    </button>
+  )
+}
+```
+
+---
+
+## 📊 Breakpoints y Escalas
+
+| Breakpoint | Tamaño | Factor | Ejemplo `text-base` |
+|------------|--------|--------|---------------------|
+| `xs` | 475px+ | 1.0 | 16px |
+| `sm` | 640px+ | 1.0 | 16px |
+| `md` | 768px+ | 1.0 | 16px |
+| `lg` | 1024px+ | 1.0 | 16px |
+| `xl` | 1280px+ | 1.0 | 16px |
+| `2xl` | 1536px+ | 1.05 | 16.8px |
+| `3xl` | 1920px+ | 1.15 | 18.4px |
+| `4xl` | 2560px+ | 1.25 | 20px |
+| `5xl` | 3840px+ | 1.35 | 21.6px |
+
+---
+
+## 🔧 Uso del Hook
+
+```tsx
+import { useResponsiveLayout } from 'responsive-system'
+
+function MyComponent() {
+  const { 
+    // Estado responsivo
+    breakpoint, width, height, isMobile, isDesktop,
+    // Estado del layout
+    layout: { current, setLayout },
+    // Utilidades
+    layoutUtils
+  } = useResponsiveLayout()
+  
+  return (
+    <div className="p-6"> {/* ✅ Escala automáticamente */}
+      <h1 className="text-4xl">Título</h1> {/* ✅ Escala automáticamente */}
+      
+      {/* Renderizado condicional */}
+      {isMobile && <MobileMenu />}
+      {isDesktop && <DesktopSidebar />}
+      
+      {/* Cambio de layout */}
+      <button onClick={() => setLayout('sidebar')}>
+        Cambiar Layout
+      </button>
+    </div>
+  )
+}
+```
+
+---
+
+## 🎯 Qué Escala Automáticamente
+
+### ✅ **SÍ Escala:**
+- **Typography**: `text-base`, `text-lg`, `text-xl`, etc.
+- **Spacing**: `p-4`, `m-6`, `gap-3`, `space-y-2`
+- **Line Height**: `leading-relaxed`, `leading-loose`
+- **Letter Spacing**: `tracking-tight`, `tracking-wide`
+- **Shadows**: `shadow-lg`, `shadow-xl`
+
+### ❌ **NO Escala:**
+- **Sizing**: `w-64`, `h-32` (puede romper layouts)
+- **Border Radius**: `rounded-lg` (mantiene proporciones)
+- **Valores Arbitrarios**: `text-[16px]`, `p-[10px]`
+
+---
+
+## 📱 Layouts en Acción
+
+### **Default Layout**
+```tsx
+import { ResponsiveLayoutProvider, MainLayout } from 'responsive-system'
+
+<ResponsiveLayoutProvider defaultLayout="default">
+  <MainLayout>
+    {/* Navigation arriba, Footer abajo */}
+    <YourContent />
+  </MainLayout>
+</ResponsiveLayoutProvider>
+```
+
+### **Sidebar Layout**
+```tsx
+import { ResponsiveLayoutProvider, MainLayout } from 'responsive-system'
+
+<ResponsiveLayoutProvider defaultLayout="sidebar">
+  <MainLayout>
+    {/* Sidebar izquierda, contenido principal */}
+    <YourContent />
+  </MainLayout>
+</ResponsiveLayoutProvider>
+```
+
+### **Dashboard Layout**
+```tsx
+import { ResponsiveLayoutProvider, MainLayout } from 'responsive-system'
+
+<ResponsiveLayoutProvider defaultLayout="dashboard">
+  <MainLayout>
+    {/* Header + Sidebar + Main + Footer */}
+    <YourContent />
+  </MainLayout>
+</ResponsiveLayoutProvider>
+```
+
+---
+
+## 🏗️ Estructura del Proyecto
+
+```
+src/
+├── plugin/
+│   └── responsiveScalePlugin.js    # Plugin de Tailwind
+├── providers/
+│   ├── index.ts                    # ✅ Barrel exports
+│   ├── ResponsiveProvider.tsx      # Provider base
+│   └── ResponsiveLayoutProvider.tsx # Provider con layouts
+├── hooks/
+│   ├── index.ts                    # ✅ Barrel exports
+│   ├── useResponsive.ts            # Hook responsivo
+│   ├── useResponsiveLayout.ts      # Hook unificado
+│   └── useLayout.ts                # Hook de layout
+├── layouts/
+│   ├── index.ts                    # ✅ Barrel exports
+│   ├── MainLayout.tsx              # Layout principal
+│   ├── DefaultLayout.tsx           # Layout por defecto
+│   ├── SidebarLayout.tsx           # Layout con sidebar
+│   ├── DashboardLayout.tsx         # Layout dashboard
+│   └── MinimalLayout.tsx           # Layout mínimo
+├── components/layout/
+│   ├── index.ts                    # ✅ Barrel exports
+│   ├── Navigation.tsx              # Navegación
+│   ├── Sidebar.tsx                 # Sidebar
+│   ├── Header.tsx                  # Header
+│   └── Footer.tsx                  # Footer
+├── context/
+│   ├── index.ts                    # ✅ Barrel exports
+│   ├── ResponsiveLayoutContext.tsx # Context principal
+│   └── SidebarContext.tsx          # Context del sidebar
+├── config/
+│   └── layout.ts                   # Configuración de layouts
+└── index.ts                        # ✅ Export principal
+```
+
+---
+
+## 🎉 Ejemplo Completo
+
+```tsx
+// App.tsx
+import { ResponsiveLayoutProvider, MainLayout, useResponsiveLayout } from 'responsive-system'
+
+function MyApp() {
+  return (
+    <ResponsiveLayoutProvider defaultLayout="default">
+      <MainLayout>
+        <Dashboard />
+      </MainLayout>
+    </ResponsiveLayoutProvider>
+  )
+}
+
+function Dashboard() {
+  const { breakpoint, isMobile } = useResponsiveLayout()
+  
+  return (
+    <div className="p-6 space-y-6"> {/* ✅ Auto-scaling */}
+      <h1 className="text-4xl font-bold">Dashboard</h1> {/* ✅ Auto-scaling */}
+      
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        <div className="p-6 bg-white rounded-lg shadow-lg"> {/* ✅ Auto-scaling */}
+          <h2 className="text-xl mb-4">Card 1</h2>
+          <p className="text-base leading-relaxed">Contenido...</p>
+        </div>
+        {/* Más cards... */}
+      </div>
+    </div>
+  )
+}
+```
+
+---
+
+## 🚀 Resultado
+
+**¡Eso es todo!** Tu aplicación ahora:
+
+- ✅ **Escala automáticamente** en todas las pantallas
+- ✅ **Usa layouts profesionales** predefinidos
+- ✅ **Mantiene código limpio** con Tailwind normal
+- ✅ **Funciona en móvil y desktop** sin media queries manuales
+- ✅ **Se adapta a pantallas grandes** (1920px, 4K, etc.)
+
+**Desarrollado por [Felipe Caroca](https://github.com/FelipeCaroca1)**

package/dist/components/LayoutSwitcher.d.ts

@@ -0,0 +1,6 @@
+interface LayoutSwitcherProps {
+    compact?: boolean;
+}
+declare const LayoutSwitcher: ({ compact }: LayoutSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export default LayoutSwitcher;
+//# sourceMappingURL=LayoutSwitcher.d.ts.map

package/dist/components/layout/Footer.d.ts

@@ -0,0 +1,3 @@
+declare const Footer: () => import("react/jsx-runtime").JSX.Element;
+export default Footer;
+//# sourceMappingURL=Footer.d.ts.map

package/dist/components/layout/Header.d.ts

@@ -0,0 +1,3 @@
+declare const Header: () => import("react/jsx-runtime").JSX.Element;
+export default Header;
+//# sourceMappingURL=Header.d.ts.map

package/dist/components/layout/Navigation.d.ts

@@ -0,0 +1,3 @@
+declare const Navigation: () => import("react/jsx-runtime").JSX.Element;
+export default Navigation;
+//# sourceMappingURL=Navigation.d.ts.map

package/dist/components/layout/Sidebar.d.ts

@@ -0,0 +1,3 @@
+declare const Sidebar: () => import("react/jsx-runtime").JSX.Element;
+export default Sidebar;
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/components/layout/index.d.ts

@@ -0,0 +1,5 @@
+// Auto-generated from src/components/layout/index.ts
+export { default as Header } from './Header'
+export { default as Sidebar } from './Sidebar'
+export { default as Footer } from './Footer'
+export { default as Navigation } from './Navigation'

package/dist/config/layout.d.ts

@@ -0,0 +1,15 @@
+export interface LayoutConfig {
+    name: string;
+    description: string;
+    components: string[];
+    spacing: string;
+    responsive: {
+        mobile: string;
+        tablet: string;
+        desktop: string;
+    };
+}
+export declare const LAYOUT_CONFIG: Record<string, LayoutConfig>;
+export declare const DEFAULT_LAYOUT = "default";
+export declare const AVAILABLE_LAYOUTS: string[];
+//# sourceMappingURL=layout.d.ts.map

package/dist/constants/breakpoints.d.ts

@@ -0,0 +1,19 @@
+import type { Breakpoint } from '../types/responsive';
+/**
+ * Default breakpoint values
+ * Deben coincidir con tailwind.config.js
+ */
+export declare const DEFAULT_BREAKPOINTS: Record<Breakpoint, number>;
+/**
+ * Get current breakpoint based on window width
+ */
+export declare const getCurrentBreakpoint: (width: number) => Breakpoint;
+/**
+ * Get breakpoint index (for comparisons)
+ */
+export declare const getBreakpointIndex: (breakpoint: Breakpoint) => number;
+/**
+ * Get breakpoint value in pixels
+ */
+export declare const getBreakpointValue: (breakpoint: Breakpoint) => number;
+//# sourceMappingURL=breakpoints.d.ts.map

package/dist/context/NavigationContext.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface NavigationContextType {
+    currentPage: 'demo' | 'test';
+    setCurrentPage: (page: 'demo' | 'test') => void;
+}
+export declare const useNavigation: () => NavigationContextType;
+interface NavigationProviderProps {
+    children: React.ReactNode;
+    defaultPage?: 'demo' | 'test';
+}
+export declare const NavigationProvider: React.FC<NavigationProviderProps>;
+export {};
+//# sourceMappingURL=NavigationContext.d.ts.map

package/dist/context/ResponsiveLayoutContext.d.ts

@@ -0,0 +1,22 @@
+import type { ResponsiveState } from '../types/responsive';
+import type { LayoutConfig } from '../config/layout';
+export interface ResponsiveLayoutState {
+    responsive: ResponsiveState;
+    layout: {
+        current: string;
+        config: LayoutConfig;
+        setLayout: (layout: string) => void;
+    };
+    layoutUtils: {
+        getContainerClass: () => string;
+        getMainClass: () => string;
+        hasSidebar: () => boolean;
+        hasHeader: () => boolean;
+        hasFooter: () => boolean;
+        hasNavigation: () => boolean;
+    };
+}
+declare const ResponsiveLayoutContext: import("react").Context<ResponsiveLayoutState | undefined>;
+export declare const useResponsiveLayoutContext: () => ResponsiveLayoutState;
+export { ResponsiveLayoutContext };
+//# sourceMappingURL=ResponsiveLayoutContext.d.ts.map

package/dist/context/SidebarContext.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface SidebarContextType {
+    sidebarOpen: boolean;
+    setSidebarOpen: (open: boolean) => void;
+}
+export declare const SidebarProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useSidebar: () => SidebarContextType;
+export {};
+//# sourceMappingURL=SidebarContext.d.ts.map

package/dist/context/index.d.ts

@@ -0,0 +1,4 @@
+// Auto-generated from src/context/index.ts
+export { ResponsiveLayoutContext, useResponsiveLayoutContext } from './ResponsiveLayoutContext'
+export { SidebarProvider, useSidebar } from './SidebarContext'
+export { NavigationProvider, useNavigation } from './NavigationContext'

package/dist/hooks/index.d.ts

@@ -0,0 +1,4 @@
+// Auto-generated from src/hooks/index.ts
+export { useResponsive } from './useResponsive'
+export { useResponsiveLayout } from './useResponsiveLayout'
+export { useLayout } from './useLayout'

package/dist/hooks/useLayout.d.ts

@@ -0,0 +1,27 @@
+export declare const useLayout: () => {
+    isDefaultLayout: boolean;
+    isSidebarLayout: boolean;
+    isDashboardLayout: boolean;
+    isMinimalLayout: boolean;
+    grid: {
+        auto: (minWidth?: string) => string;
+        responsive: (breakpoints: Record<string, number>) => string;
+        fixed: (cols: number) => string;
+    };
+    spacing: {
+        container: string;
+        section: string;
+        card: string;
+        gap: string;
+    };
+    getContainerClass: () => string;
+    getMainClass: () => string;
+    hasSidebar: () => boolean;
+    hasHeader: () => boolean;
+    hasFooter: () => boolean;
+    hasNavigation: () => boolean;
+    current: string;
+    config: import("..").LayoutConfig;
+    setLayout: (layout: string) => void;
+};
+//# sourceMappingURL=useLayout.d.ts.map

package/dist/hooks/useResponsive.d.ts

@@ -0,0 +1,7 @@
+import type { ResponsiveState } from '../types/responsive';
+/**
+ * Hook principal useResponsive
+ * Provee información sobre el breakpoint actual y helpers para responsive
+ */
+export declare const useResponsive: () => ResponsiveState;
+//# sourceMappingURL=useResponsive.d.ts.map

package/dist/hooks/useResponsiveLayout.d.ts

@@ -0,0 +1,64 @@
+export declare const useResponsiveLayout: () => {
+    layout: {
+        current: string;
+        config: import("..").LayoutConfig;
+        setLayout: (layout: string) => void;
+    };
+    layoutUtils: {
+        getContainerClass: () => string;
+        getMainClass: () => string;
+        hasSidebar: () => boolean;
+        hasHeader: () => boolean;
+        hasFooter: () => boolean;
+        hasNavigation: () => boolean;
+    };
+    isDefaultLayout: () => boolean;
+    isSidebarLayout: () => boolean;
+    isDashboardLayout: () => boolean;
+    isMinimalLayout: () => boolean;
+    grid: {
+        auto: (minWidth?: string) => string;
+        responsive: (breakpoints: Record<string, number>) => string;
+        fixed: (cols: number) => string;
+    };
+    spacing: {
+        container: string;
+        section: string;
+        card: string;
+        gap: string;
+    };
+    breakpoint: import("..").Breakpoint;
+    width: number;
+    height: number;
+    orientation: import("..").Orientation;
+    isPortrait: boolean;
+    isLandscape: boolean;
+    isXs: boolean;
+    isSm: boolean;
+    isMd: boolean;
+    isLg: boolean;
+    isXl: boolean;
+    is2Xl: boolean;
+    is3Xl: boolean;
+    is4Xl: boolean;
+    is5Xl: boolean;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+    isSmall: boolean;
+    isLarge: boolean;
+    isUltraWide: boolean;
+    is4K: boolean;
+    is5K: boolean;
+    isBreakpointUp: (breakpoint: import("..").Breakpoint) => boolean;
+    isBreakpointDown: (breakpoint: import("..").Breakpoint) => boolean;
+    isBreakpointBetween: (min: import("..").Breakpoint, max: import("..").Breakpoint) => boolean;
+    isWidthUp: (width: number) => boolean;
+    isWidthDown: (width: number) => boolean;
+    isWidthBetween: (min: number, max: number) => boolean;
+    isHeightUp: (height: number) => boolean;
+    isHeightDown: (height: number) => boolean;
+    isHeightBetween: (min: number, max: number) => boolean;
+    debug: boolean;
+};
+//# sourceMappingURL=useResponsiveLayout.d.ts.map

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+// Auto-generated from src/index.ts
+export { ResponsiveLayoutProvider, ResponsiveProvider } from './providers'
+export { MainLayout, DefaultLayout, SidebarLayout, DashboardLayout, MinimalLayout } from './layouts'
+export { useResponsiveLayout, useLayout, useResponsive } from './hooks'
+export { Header, Sidebar, Footer, Navigation } from './components/layout'
+export { default as LayoutSwitcher } from './components/LayoutSwitcher'
+export { useResponsiveLayoutContext, SidebarProvider, useSidebar, NavigationProvider, useNavigation } from './context'
+export type { Breakpoint, Orientation, ResponsiveState, ResponsiveProviderProps } from './types/responsive'
+export { DEFAULT_BREAKPOINTS, getCurrentBreakpoint, getBreakpointIndex, getBreakpointValue } from './constants/breakpoints'
+export { LAYOUT_CONFIG, DEFAULT_LAYOUT, AVAILABLE_LAYOUTS } from './config/layout'
+export type { LayoutConfig } from './config/layout'

package/dist/layouts/DashboardLayout.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface DashboardLayoutProps {
+    children: React.ReactNode;
+}
+declare const DashboardLayout: React.FC<DashboardLayoutProps>;
+export default DashboardLayout;
+//# sourceMappingURL=DashboardLayout.d.ts.map

package/dist/layouts/DefaultLayout.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface DefaultLayoutProps {
+    children: React.ReactNode;
+}
+declare const DefaultLayout: React.FC<DefaultLayoutProps>;
+export default DefaultLayout;
+//# sourceMappingURL=DefaultLayout.d.ts.map

package/dist/layouts/MainLayout.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface MainLayoutProps {
+    children: React.ReactNode;
+    /**
+     * Layout específico a usar. Si se proporciona, sobrescribe el layout del contexto.
+     * Valores posibles: 'default', 'sidebar', 'dashboard', 'minimal'
+     */
+    layout?: 'default' | 'sidebar' | 'dashboard' | 'minimal';
+}
+declare const MainLayout: React.FC<MainLayoutProps>;
+export default MainLayout;
+//# sourceMappingURL=MainLayout.d.ts.map

package/dist/layouts/MinimalLayout.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface MinimalLayoutProps {
+    children: React.ReactNode;
+}
+declare const MinimalLayout: React.FC<MinimalLayoutProps>;
+export default MinimalLayout;
+//# sourceMappingURL=MinimalLayout.d.ts.map

package/dist/layouts/SidebarLayout.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface SidebarLayoutProps {
+    children: React.ReactNode;
+}
+declare const SidebarLayout: React.FC<SidebarLayoutProps>;
+export default SidebarLayout;
+//# sourceMappingURL=SidebarLayout.d.ts.map