@manago/admin 0.1.0 → 0.1.1

package/README.md

@@ -1,17 +1,17 @@
 # @manago/admin
 
-A beautiful, fully-featured admin dashboard component library for Next.js built with shadcn/ui, TanStack Router, and Tailwind CSS.
+A plug-and-play admin interface for e-commerce applications. Install once, configure minimally, and get a fully-featured admin panel.
+
+> 🚀 **[Quick Start Guide](QUICK_START.md)** - Get started in less than 5 minutes!
 
 ## Features
 
-- 🎨 Beautiful UI components built with shadcn/ui
-- 🚀 Built for Next.js 15+ with React 19
-- 📱 Fully responsive with mobile support
-- 🎯 Type-safe with TypeScript
-- 🔐 Built-in authentication with Zustand
-- 🎭 Collapsible sidebar with icon mode
-- 🌐 Client-side routing with TanStack Router
-- ⚡ Fast and optimized with tsup
+- 🎨 **Pre-built UI** - Beautiful, responsive admin interface
+- 🔌 **Framework Agnostic** - Works with Next.js, React Router, TanStack Router
+- ⚙️ **Minimal Configuration** - Just install and configure
+- 🎯 **Type Safe** - Full TypeScript support
+- 🎨 **Customizable** - Configure menu items, branding, and more
+- 📦 **Zero UI Lock-in** - All components are accessible for custom implementations
 
 ## Installation
 
@@ -23,142 +23,280 @@ pnpm add @manago/admin
 yarn add @manago/admin
 ```
 
-### Peer Dependencies
+## Quick Start
 
-Make sure you have these installed:
+### Next.js (App Router)
 
-```bash
-npm install next@^15.0.0 react@^19.0.0 react-dom@^19.0.0
-```
+1. Create a catch-all route at `app/admin/[[...slug]]/page.tsx`:
+
+```tsx
+'use client'
 
-## Usage
+import { ManagoAdmin } from '@manago/admin/nextjs'
+import '@manago/admin/index.css'
+
+export default function AdminPage() {
+  return (
+    <ManagoAdmin
+      apiKey={process.env.NEXT_PUBLIC_MANAGO_API_KEY!}
+      config={{
+        appName: 'My Store',
+      }}
+    />
+  )
+}
+```
 
-### Basic Setup
+2. That's it! Visit `/admin` to see your admin panel.
 
-1. Import the styles in your root layout:
+### React Router v6
 
 ```tsx
-// app/layout.tsx
-import "@manago/admin/styles";
+// routes/admin.tsx
+import { Routes, Route } from 'react-router-dom'
+import { ManagoAdmin } from '@manago/admin/react-router'
+import '@manago/admin/index.css'
+
+export function AdminRoute() {
+  return (
+    <Route
+      path="/admin/*"
+      element={
+        <ManagoAdmin
+          apiKey={process.env.REACT_APP_MANAGO_API_KEY!}
+          config={{
+            appName: 'My Store',
+          }}
+        />
+      }
+    />
+  )
+}
 ```
 
-2. Create an admin page with catch-all routes:
+### TanStack Router
 
 ```tsx
-// app/admin/[[...slug]]/page.tsx
-'use client'
+import { ManagoAdmin } from '@manago/admin/tanstack'
+import '@manago/admin/index.css'
 
-import { ManagoProvider, ManagoAdmin } from '@manago/admin'
-
-export default function AdminPage() {
+function App() {
   return (
-    <ManagoProvider
-      apiKey={process.env.NEXT_PUBLIC_MANAGO_API_KEY!}
+    <ManagoAdmin
+      apiKey={import.meta.env.VITE_MANAGO_API_KEY}
       config={{
-        appName: 'My Admin Dashboard',
-        menu: {
-          users: false, // Hide specific menu items
-        },
+        appName: 'My Store',
       }}
-    >
-      <ManagoAdmin />
-    </ManagoProvider>
+      basePath="/admin"
+    />
   )
 }
 ```
 
-### Configuration
+## Configuration
+
+### Menu Customization
+
+Hide or show specific menu items:
 
 ```tsx
-<ManagoProvider
+<ManagoAdmin
   apiKey="your-api-key"
   config={{
-    appName: 'My Store Admin',
-    logo: '/logo.png', // or React component
+    appName: 'My Store',
     menu: {
-      dashboard: true,
-      products: true,
-      orders: true,
-      customers: true,
-      payments: true,
-      users: false,
-      settings: true,
+      dashboard: true,   // Show (default)
+      orders: true,      // Show (default)
+      customers: false,  // Hide
+      products: true,    // Show (default)
+      settings: true,    // Show (default)
     },
-    customMenuItems: [
-      {
-        href: '/analytics',
-        label: 'Analytics',
-        icon: '📊',
-      },
-    ],
   }}
->
-  <ManagoAdmin />
-</ManagoProvider>
+/>
 ```
 
-## Features
+### Branding
+
+Customize the appearance:
 
-### Dashboard
-- Real-time statistics
-- Recent orders and products
-- Beautiful cards and charts
+```tsx
+<ManagoAdmin
+  apiKey="your-api-key"
+  config={{
+    appName: 'My Awesome Store',
+    theme: {
+      primaryColor: '#3b82f6',
+      logo: '/path/to/logo.png',
+    },
+  }}
+/>
+```
 
-### Sidebar Navigation
-- Collapsible to icon mode
-- Active state highlighting
-- Custom menu items support
-- Mobile-responsive
+### API Endpoint
 
-### Authentication
-- Built-in login page
-- Persistent authentication with Zustand
-- Protected routes
+Configure the API endpoint for data fetching:
 
-## Styling
+```tsx
+<ManagoAdmin
+  apiKey="your-api-key"
+  config={{
+    appName: 'My Store',
+    apiEndpoint: 'https://api.mystore.com',
+  }}
+/>
+```
 
-The package uses Tailwind CSS v4. Make sure your project has Tailwind CSS configured.
+## Available Pages
 
-The styles are automatically imported when you import `@manago/admin/styles`.
+The admin interface includes these pages out of the box:
 
-## API
+- **Dashboard** (`/admin`) - Overview with key metrics
+- **Orders** (`/admin/orders`) - Order management
+- **Customers** (`/admin/customers`) - Customer management
+- **Products** (`/admin/products`) - Product management (coming soon)
+- **Settings** (`/admin/settings`) - Application settings
 
-### Components
+## Advanced Usage
 
-- `ManagoProvider` - Main provider component
-- `ManagoAdmin` - Admin dashboard component
+### Custom Implementation
 
-### Configuration Options
+If you need more control, you can use the core components directly:
 
-```typescript
-interface AdminConfig {
-  appName?: string
-  logo?: string | React.ReactNode
-  menu?: {
-    dashboard?: boolean
-    products?: boolean
-    orders?: boolean
-    customers?: boolean
-    payments?: boolean
-    users?: boolean
-    settings?: boolean
+```tsx
+import {
+  ManagoProvider,
+  Layout,
+  Dashboard,
+  useNavigation
+} from '@manago/admin'
+import '@manago/admin/index.css'
+
+function CustomAdmin() {
+  const navigate = (path: string) => {
+    // Your custom navigation logic
   }
-  customMenuItems?: Array<{
-    href: string
-    label: string
-    icon: string
-  }>
+
+  return (
+    <ManagoProvider
+      apiKey="your-api-key"
+      config={{ appName: 'My Store' }}
+      navigate={navigate}
+      currentPath="/admin"
+    >
+      <Layout>
+        <Dashboard />
+      </Layout>
+    </ManagoProvider>
+  )
 }
 ```
 
-## License
+### Available Exports
 
-MIT
+#### Framework Adapters
+- `@manago/admin/nextjs` - Next.js App Router adapter
+- `@manago/admin/react-router` - React Router v6 adapter
+- `@manago/admin/tanstack` - TanStack Router adapter
+
+#### Core Components (from `@manago/admin`)
+- `ManagoProvider` - Context provider
+- `Layout` - Main layout component
+- `Sidebar` - Navigation sidebar
+- `Header` - Top header
+- `Dashboard` - Dashboard page
+- `Orders` - Orders page
+- `Customers` - Customers page
+- `Products` - Products page
+- `Settings` - Settings page
+
+#### Hooks
+- `useManago()` - Access config and API key
+- `useNavigation()` - Framework-agnostic navigation
+
+## TypeScript
+
+Full TypeScript support with exported types:
+
+```tsx
+import type { ManagoConfig, ManagoContextType, MenuItem } from '@manago/admin'
+
+const config: ManagoConfig = {
+  appName: 'My Store',
+  menu: {
+    customers: false,
+  },
+}
+```
+
+## Styling
+
+The package uses Tailwind CSS with a `mng-` prefix to avoid conflicts with your existing styles. All styles are scoped and won't interfere with your application.
+
+## Browser Support
+
+- Chrome (latest)
+- Firefox (latest)
+- Safari (latest)
+- Edge (latest)
+
+## Development
 
-## Author
+### Available Scripts
 
-Your Name
+```bash
+# Build the package
+pnpm build
+
+# Development mode with watch
+pnpm dev
+
+# Test the package locally
+pnpm pack:test
+
+# Publishing (requires npm login)
+pnpm release:patch   # 0.1.0 → 0.1.1 (bug fixes)
+pnpm release:minor   # 0.1.0 → 0.2.0 (new features)
+pnpm release:major   # 0.1.0 → 1.0.0 (breaking changes)
+pnpm release:beta    # 0.1.0 → 0.1.1-beta.0 (pre-release)
+```
+
+### Local Testing
+
+To test the package locally before publishing:
+
+```bash
+# In the package directory
+pnpm pack:test
+
+# This creates a .tgz file
+# Install it in your test project:
+npm install /path/to/manago-admin-0.1.0.tgz
+```
+
+Or use npm link:
+
+```bash
+# In the package directory
+npm link
+
+# In your test project
+npm link @manago/admin
+```
+
+## Roadmap
+
+- [ ] More page components (Products, Analytics, etc.)
+- [ ] Real API integration
+- [ ] Data fetching hooks
+- [ ] Form components
+- [ ] Advanced filtering and search
+- [ ] Export functionality
+- [ ] Multi-language support
+
+## License
+
+MIT
 
-## Contributing
+## Support
 
-Contributions are welcome! Please open an issue or submit a pull request.
+For issues and feature requests, please visit [GitHub Issues](https://github.com/manago/admin/issues).

package/dist/ManagoProvider-DtovqU61.d.mts

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface ManagoConfig {
+    appName: string;
+    menu?: {
+        dashboard?: boolean;
+        orders?: boolean;
+        customers?: boolean;
+        products?: boolean;
+        settings?: boolean;
+        users?: boolean;
+    };
+    theme?: {
+        primaryColor?: string;
+        logo?: string;
+    };
+    apiEndpoint?: string;
+}
+interface ManagoContextType {
+    apiKey: string;
+    config: ManagoConfig;
+    navigate: (path: string) => void;
+    currentPath: string;
+}
+interface MenuItem {
+    id: string;
+    label: string;
+    path: string;
+    icon?: React.ReactNode;
+    hidden?: boolean;
+}
+
+interface ManagoProviderProps {
+    children: ReactNode;
+    apiKey: string;
+    config: ManagoConfig;
+    navigate: (path: string) => void;
+    currentPath: string;
+}
+declare const ManagoProvider: ({ children, apiKey, config, navigate, currentPath, }: ManagoProviderProps) => react_jsx_runtime.JSX.Element;
+declare const useManago: () => ManagoContextType;
+
+export { ManagoProvider as M, type ManagoConfig as a, type ManagoContextType as b, type MenuItem as c, useManago as u };

package/dist/ManagoProvider-DtovqU61.d.ts

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface ManagoConfig {
+    appName: string;
+    menu?: {
+        dashboard?: boolean;
+        orders?: boolean;
+        customers?: boolean;
+        products?: boolean;
+        settings?: boolean;
+        users?: boolean;
+    };
+    theme?: {
+        primaryColor?: string;
+        logo?: string;
+    };
+    apiEndpoint?: string;
+}
+interface ManagoContextType {
+    apiKey: string;
+    config: ManagoConfig;
+    navigate: (path: string) => void;
+    currentPath: string;
+}
+interface MenuItem {
+    id: string;
+    label: string;
+    path: string;
+    icon?: React.ReactNode;
+    hidden?: boolean;
+}
+
+interface ManagoProviderProps {
+    children: ReactNode;
+    apiKey: string;
+    config: ManagoConfig;
+    navigate: (path: string) => void;
+    currentPath: string;
+}
+declare const ManagoProvider: ({ children, apiKey, config, navigate, currentPath, }: ManagoProviderProps) => react_jsx_runtime.JSX.Element;
+declare const useManago: () => ManagoContextType;
+
+export { ManagoProvider as M, type ManagoConfig as a, type ManagoContextType as b, type MenuItem as c, useManago as u };

package/dist/adapters/nextjs/index.d.mts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as ManagoConfig } from '../../ManagoProvider-DtovqU61.mjs';
+export { u as useManago } from '../../ManagoProvider-DtovqU61.mjs';
+import 'react';
+
+interface ManagoAdminProps {
+    apiKey: string;
+    config: ManagoConfig;
+    basePath?: string;
+}
+/**
+ * Next.js App Router adapter for Manago Admin
+ *
+ * Usage:
+ * Create app/admin/[[...slug]]/page.tsx with:
+ *
+ * 'use client'
+ * import { ManagoAdmin } from '@manago/admin/nextjs'
+ *
+ * export default function AdminPage() {
+ *   return <ManagoAdmin apiKey="..." config={{ appName: "My Store" }} />
+ * }
+ */
+declare const ManagoAdmin: ({ apiKey, config, basePath }: ManagoAdminProps) => react_jsx_runtime.JSX.Element | null;
+
+export { ManagoAdmin, ManagoConfig };

package/dist/adapters/nextjs/index.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as ManagoConfig } from '../../ManagoProvider-DtovqU61.js';
+export { u as useManago } from '../../ManagoProvider-DtovqU61.js';
+import 'react';
+
+interface ManagoAdminProps {
+    apiKey: string;
+    config: ManagoConfig;
+    basePath?: string;
+}
+/**
+ * Next.js App Router adapter for Manago Admin
+ *
+ * Usage:
+ * Create app/admin/[[...slug]]/page.tsx with:
+ *
+ * 'use client'
+ * import { ManagoAdmin } from '@manago/admin/nextjs'
+ *
+ * export default function AdminPage() {
+ *   return <ManagoAdmin apiKey="..." config={{ appName: "My Store" }} />
+ * }
+ */
+declare const ManagoAdmin: ({ apiKey, config, basePath }: ManagoAdminProps) => react_jsx_runtime.JSX.Element | null;
+
+export { ManagoAdmin, ManagoConfig };

package/dist/adapters/nextjs/index.js

@@ -0,0 +1,6 @@
+"use strict";var z=Object.create;var f=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var B=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var J=(e,t)=>{for(var s in t)f(e,s,{get:t[s],enumerable:!0})},D=(e,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let g of K(t))!F.call(e,g)&&g!==s&&f(e,g,{get:()=>t[g],enumerable:!(i=G(t,g))||i.enumerable});return e};var U=(e,t,s)=>(s=e!=null?z(B(e)):{},D(t||!e||!e.__esModule?f(s,"default",{value:e,enumerable:!0}):s,e)),q=e=>D(f({},"__esModule",{value:!0}),e);var Z={};J(Z,{ManagoAdmin:()=>L,useManago:()=>d});module.exports=q(Z);var N=require("react"),y=require("next/navigation");var h=U(require("react")),I=require("react/jsx-runtime"),v=(0,h.createContext)(void 0),k=({children:e,apiKey:t,config:s,navigate:i,currentPath:g})=>(0,I.jsx)(v.Provider,{value:{apiKey:t,config:s,navigate:i,currentPath:g},children:e}),d=()=>{let e=h.default.useContext(v);if(!e)throw new Error("useManago must be used within ManagoProvider");return e};var E=require("react");var j=()=>{let e=(0,E.useContext)(v);if(!e)throw new Error("useNavigation must be used within ManagoProvider");return{navigate:e.navigate,currentPath:e.currentPath,isActive:t=>t==="/"?e.currentPath==="/"||e.currentPath==="":e.currentPath.startsWith(t)}};var o=require("react/jsx-runtime"),Q=[{id:"dashboard",label:"Dashboard",path:"/"},{id:"orders",label:"Orders",path:"/orders"},{id:"customers",label:"Customers",path:"/customers"},{id:"products",label:"Products",path:"/products"},{id:"settings",label:"Settings",path:"/settings"}],T=()=>{let{config:e}=d(),{navigate:t,isActive:s}=j(),i=Q.filter(g=>(e.menu||{})[g.id]!==!1);return(0,o.jsxs)("aside",{className:"mng-w-64 mng-bg-slate-900 mng-text-white mng-flex mng-flex-col",children:[(0,o.jsx)("div",{className:"mng-p-6 mng-flex mng-items-center mng-gap-3",children:e.theme?.logo?(0,o.jsx)("img",{src:e.theme.logo,alt:e.appName,className:"mng-h-8"}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"mng-w-8 mng-h-8 mng-bg-blue-500 mng-rounded-md mng-flex mng-items-center mng-justify-center mng-font-bold",children:e.appName.charAt(0).toUpperCase()}),(0,o.jsx)("span",{className:"mng-text-xl mng-font-bold mng-tracking-tight",children:e.appName||"Manago"})]})}),(0,o.jsx)("nav",{className:"mng-flex-1 mng-px-3 mng-space-y-1",children:i.map(g=>(0,o.jsxs)("button",{onClick:()=>t(g.path),className:`
+              mng-w-full mng-flex mng-items-center mng-px-4 mng-py-2.5 mng-text-sm mng-rounded-lg
+              mng-transition-colors mng-text-left
+              ${s(g.path)?"mng-bg-blue-600 mng-text-white":"mng-text-slate-300 hover:mng-bg-slate-800 hover:mng-text-white"}
+            `,children:[g.icon&&(0,o.jsx)("span",{className:"mng-mr-3",children:g.icon}),g.label]},g.id))}),(0,o.jsx)("div",{className:"mng-p-4 mng-border-t mng-border-slate-800",children:(0,o.jsx)("p",{className:"mng-text-xs mng-text-slate-500 mng-text-center",children:"Powered by Manago"})})]})};var x=require("react/jsx-runtime"),W=({title:e="Admin Panel"})=>{let{config:t}=d();return(0,x.jsxs)("header",{className:"mng-h-16 mng-bg-white mng-border-b mng-border-slate-200 mng-flex mng-items-center mng-px-8 mng-justify-between",children:[(0,x.jsx)("h1",{className:"mng-text-sm mng-font-medium mng-text-slate-500",children:e}),(0,x.jsx)("div",{className:"mng-flex mng-items-center mng-gap-4",children:(0,x.jsx)("span",{className:"mng-text-sm mng-text-slate-600",children:t.appName})})]})};var u=require("react/jsx-runtime"),$=({children:e})=>(0,u.jsxs)("div",{className:"mng-flex mng-h-screen mng-bg-slate-50 mng-font-sans",children:[(0,u.jsx)(T,{}),(0,u.jsxs)("div",{className:"mng-flex-1 mng-flex mng-flex-col mng-overflow-hidden",children:[(0,u.jsx)(W,{}),(0,u.jsx)("main",{className:"mng-flex-1 mng-overflow-y-auto mng-p-8",children:e})]})]});var r=require("react/jsx-runtime"),w=()=>(0,r.jsxs)("div",{className:"mng-space-y-6",children:[(0,r.jsxs)("div",{className:"mng-flex mng-items-center mng-justify-between",children:[(0,r.jsx)("h2",{className:"mng-text-2xl mng-font-bold mng-text-slate-800",children:"Overview"}),(0,r.jsx)("button",{className:"mng-bg-blue-600 mng-text-white mng-px-4 mng-py-2 mng-rounded-lg mng-text-sm mng-font-medium hover:mng-bg-blue-700 mng-transition-colors",children:"Download Report"})]}),(0,r.jsx)("div",{className:"mng-grid mng-grid-cols-1 md:mng-grid-cols-3 mng-gap-6",children:[{label:"Total Revenue",value:"\u20AC45,231.89",change:"+20.1%",color:"mng-text-green-600"},{label:"Active Orders",value:"154",change:"+12.5%",color:"mng-text-green-600"},{label:"Refund Rate",value:"1.2%",change:"-0.4%",color:"mng-text-red-600"}].map(e=>(0,r.jsxs)("div",{className:"mng-bg-white mng-p-6 mng-rounded-xl mng-border mng-border-slate-200 mng-shadow-sm",children:[(0,r.jsx)("p",{className:"mng-text-sm mng-font-medium mng-text-slate-500",children:e.label}),(0,r.jsxs)("div",{className:"mng-flex mng-items-baseline mng-gap-2 mng-mt-2",children:[(0,r.jsx)("h3",{className:"mng-text-3xl mng-font-bold mng-text-slate-900",children:e.value}),(0,r.jsx)("span",{className:`mng-text-xs mng-font-medium ${e.color}`,children:e.change})]})]},e.label))}),(0,r.jsx)("div",{className:"mng-bg-white mng-rounded-xl mng-border mng-border-slate-200 mng-shadow-sm mng-h-64 mng-flex mng-items-center mng-justify-center",children:(0,r.jsx)("p",{className:"mng-text-slate-400 mng-italic",children:"Chart visualization will be here..."})})]});var m=require("react/jsx-runtime"),V=[{id:"#ORD-7721",customer:"Ion Popescu",status:"Completed",total:"\u20AC120.00",date:"Acum 2 ore"},{id:"#ORD-7722",customer:"Elena Radu",status:"Processing",total:"\u20AC45.50",date:"Acum 5 ore"},{id:"#ORD-7723",customer:"Mihai Sandu",status:"Pending",total:"\u20AC210.99",date:"Ieri"},{id:"#ORD-7724",customer:"Ana Ionescu",status:"Completed",total:"\u20AC89.99",date:"Ieri"},{id:"#ORD-7725",customer:"George Popa",status:"Cancelled",total:"\u20AC156.00",date:"Acum 2 zile"}],X=e=>{switch(e){case"Completed":return"mng-bg-green-100 mng-text-green-700";case"Processing":return"mng-bg-blue-100 mng-text-blue-700";case"Pending":return"mng-bg-yellow-100 mng-text-yellow-700";case"Cancelled":return"mng-bg-red-100 mng-text-red-700";default:return"mng-bg-slate-100 mng-text-slate-700"}},P=()=>(0,m.jsxs)("div",{className:"mng-space-y-6",children:[(0,m.jsxs)("div",{className:"mng-flex mng-items-center mng-justify-between",children:[(0,m.jsx)("h2",{className:"mng-text-2xl mng-font-bold mng-text-slate-800",children:"Orders Management"}),(0,m.jsx)("button",{className:"mng-bg-blue-600 mng-text-white mng-px-4 mng-py-2 mng-rounded-lg mng-text-sm mng-font-medium hover:mng-bg-blue-700 mng-transition-colors",children:"Export Orders"})]}),(0,m.jsx)("div",{className:"mng-bg-white mng-rounded-xl mng-border mng-border-slate-200 mng-shadow-sm mng-overflow-hidden",children:(0,m.jsxs)("table",{className:"mng-w-full mng-text-left mng-border-collapse",children:[(0,m.jsx)("thead",{children:(0,m.jsxs)("tr",{className:"mng-bg-slate-50 mng-border-b mng-border-slate-200",children:[(0,m.jsx)("th",{className:"mng-px-6 mng-py-4 mng-text-xs mng-font-semibold mng-text-slate-500 mng-uppercase",children:"Order ID"}),(0,m.jsx)("th",{className:"mng-px-6 mng-py-4 mng-text-xs mng-font-semibold mng-text-slate-500 mng-uppercase",children:"Customer"}),(0,m.jsx)("th",{className:"mng-px-6 mng-py-4 mng-text-xs mng-font-semibold mng-text-slate-500 mng-uppercase",children:"Status"}),(0,m.jsx)("th",{className:"mng-px-6 mng-py-4 mng-text-xs mng-font-semibold mng-text-slate-500 mng-uppercase",children:"Total"}),(0,m.jsx)("th",{className:"mng-px-6 mng-py-4 mng-text-xs mng-font-semibold mng-text-slate-500 mng-uppercase",children:"Date"})]})}),(0,m.jsx)("tbody",{className:"mng-divide-y mng-divide-slate-200",children:V.map(e=>(0,m.jsxs)("tr",{className:"hover:mng-bg-slate-50 mng-transition-colors",children:[(0,m.jsx)("td",{className:"mng-px-6 mng-py-4 mng-text-sm mng-font-medium mng-text-blue-600",children:e.id}),(0,m.jsx)("td",{className:"mng-px-6 mng-py-4 mng-text-sm mng-text-slate-600",children:e.customer}),(0,m.jsx)("td",{className:"mng-px-6 mng-py-4",children:(0,m.jsx)("span",{className:`mng-px-2.5 mng-py-0.5 mng-rounded-full mng-text-xs mng-font-medium ${X(e.status)}`,children:e.status})}),(0,m.jsx)("td",{className:"mng-px-6 mng-py-4 mng-text-sm mng-font-semibold mng-text-slate-900",children:e.total}),(0,m.jsx)("td",{className:"mng-px-6 mng-py-4 mng-text-sm mng-text-slate-500",children:e.date})]},e.id))})]})})]});var n=require("react/jsx-runtime"),Y=[{id:"1",name:"Ion Popescu",email:"ion.popescu@example.com",orders:12,totalSpent:"\u20AC1,234.56",joined:"2024-01-15"},{id:"2",name:"Elena Radu",email:"elena.radu@example.com",orders:8,totalSpent:"\u20AC876.32",joined:"2024-02-20"},{id:"3",name:"Mihai Sandu",email:"mihai.sandu@example.com",orders:15,totalSpent:"\u20AC2,103.45",joined:"2023-11-10"},{id:"4",name:"Ana Ionescu",email:"ana.ionescu@example.com",orders:5,totalSpent:"\u20AC543.21",joined:"2024-03-05"}],M=()=>(0,n.jsxs)("div",{className:"mng-space-y-6",children:[(0,n.jsxs)("div",{className:"mng-flex mng-items-center mng-justify-between",children:[(0,n.jsx)("h2",{className:"mng-text-2xl mng-font-bold mng-text-slate-800",children:"Customers"}),(0,n.jsx)("button",{className:"mng-bg-blue-600 mng-text-white mng-px-4 mng-py-2 mng-rounded-lg mng-text-sm mng-font-medium hover:mng-bg-blue-700 mng-transition-colors",children:"Add Customer"})]}),(0,n.jsx)("div",{className:"mng-bg-white mng-rounded-xl mng-border mng-border-slate-200 mng-shadow-sm mng-overflow-hidden",children:(0,n.jsxs)("table",{className:"mng-w-full mng-text-left mng-border-collapse",children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{className:"mng-bg-slate-50 mng-border-b mng-border-slate-200",children:[(0,n.jsx)("th",{className:"mng-px-6 mng-py-4 mng-text-xs mng-font-semibold mng-text-slate-500 mng-uppercase",children:"Customer"}),(0,n.jsx)("th",{className:"mng-px-6 mng-py-4 mng-text-xs mng-font-semibold mng-text-slate-500 mng-uppercase",children:"Email"}),(0,n.jsx)("th",{className:"mng-px-6 mng-py-4 mng-text-xs mng-font-semibold mng-text-slate-500 mng-uppercase",children:"Orders"}),(0,n.jsx)("th",{className:"mng-px-6 mng-py-4 mng-text-xs mng-font-semibold mng-text-slate-500 mng-uppercase",children:"Total Spent"}),(0,n.jsx)("th",{className:"mng-px-6 mng-py-4 mng-text-xs mng-font-semibold mng-text-slate-500 mng-uppercase",children:"Joined"})]})}),(0,n.jsx)("tbody",{className:"mng-divide-y mng-divide-slate-200",children:Y.map(e=>(0,n.jsxs)("tr",{className:"hover:mng-bg-slate-50 mng-transition-colors",children:[(0,n.jsx)("td",{className:"mng-px-6 mng-py-4",children:(0,n.jsxs)("div",{className:"mng-flex mng-items-center mng-gap-3",children:[(0,n.jsx)("div",{className:"mng-w-10 mng-h-10 mng-rounded-full mng-bg-blue-100 mng-flex mng-items-center mng-justify-center mng-text-blue-600 mng-font-semibold",children:e.name.charAt(0)}),(0,n.jsx)("span",{className:"mng-text-sm mng-font-medium mng-text-slate-900",children:e.name})]})}),(0,n.jsx)("td",{className:"mng-px-6 mng-py-4 mng-text-sm mng-text-slate-600",children:e.email}),(0,n.jsx)("td",{className:"mng-px-6 mng-py-4 mng-text-sm mng-text-slate-900",children:e.orders}),(0,n.jsx)("td",{className:"mng-px-6 mng-py-4 mng-text-sm mng-font-semibold mng-text-slate-900",children:e.totalSpent}),(0,n.jsx)("td",{className:"mng-px-6 mng-py-4 mng-text-sm mng-text-slate-500",children:e.joined})]},e.id))})]})})]});var c=require("react/jsx-runtime"),C=()=>(0,c.jsxs)("div",{className:"mng-space-y-6",children:[(0,c.jsxs)("div",{className:"mng-flex mng-items-center mng-justify-between",children:[(0,c.jsx)("h2",{className:"mng-text-2xl mng-font-bold mng-text-slate-800",children:"Products"}),(0,c.jsx)("button",{className:"mng-bg-blue-600 mng-text-white mng-px-4 mng-py-2 mng-rounded-lg mng-text-sm mng-font-medium hover:mng-bg-blue-700 mng-transition-colors",children:"Add Product"})]}),(0,c.jsx)("div",{className:"mng-bg-white mng-rounded-xl mng-border mng-border-slate-200 mng-shadow-sm mng-p-12 mng-flex mng-items-center mng-justify-center mng-min-h-96",children:(0,c.jsx)("p",{className:"mng-text-slate-400 mng-italic",children:"Products management coming soon..."})})]});var a=require("react/jsx-runtime"),R=()=>{let{config:e}=d();return(0,a.jsxs)("div",{className:"mng-space-y-6",children:[(0,a.jsx)("h2",{className:"mng-text-2xl mng-font-bold mng-text-slate-800",children:"Settings"}),(0,a.jsxs)("div",{className:"mng-bg-white mng-rounded-xl mng-border mng-border-slate-200 mng-shadow-sm mng-p-6 mng-space-y-6",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"mng-text-lg mng-font-semibold mng-text-slate-800 mng-mb-4",children:"General Settings"}),(0,a.jsxs)("div",{className:"mng-space-y-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"mng-block mng-text-sm mng-font-medium mng-text-slate-700 mng-mb-2",children:"Application Name"}),(0,a.jsx)("input",{type:"text",disabled:!0,value:e.appName,className:"mng-w-full mng-px-4 mng-py-2 mng-border mng-border-slate-300 mng-rounded-lg mng-bg-slate-50 mng-text-slate-500"}),(0,a.jsx)("p",{className:"mng-text-xs mng-text-slate-500 mng-mt-1",children:"Configured via ManagoProvider"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"mng-block mng-text-sm mng-font-medium mng-text-slate-700 mng-mb-2",children:"API Endpoint"}),(0,a.jsx)("input",{type:"text",disabled:!0,value:e.apiEndpoint||"Not configured",className:"mng-w-full mng-px-4 mng-py-2 mng-border mng-border-slate-300 mng-rounded-lg mng-bg-slate-50 mng-text-slate-500"})]})]})]}),(0,a.jsxs)("div",{className:"mng-border-t mng-border-slate-200 mng-pt-6",children:[(0,a.jsx)("h3",{className:"mng-text-lg mng-font-semibold mng-text-slate-800 mng-mb-4",children:"Menu Configuration"}),(0,a.jsx)("div",{className:"mng-space-y-2",children:Object.entries(e.menu||{}).map(([t,s])=>(0,a.jsxs)("div",{className:"mng-flex mng-items-center mng-justify-between",children:[(0,a.jsx)("span",{className:"mng-text-sm mng-text-slate-700 mng-capitalize",children:t}),(0,a.jsx)("span",{className:`mng-text-sm mng-font-medium ${s?"mng-text-green-600":"mng-text-red-600"}`,children:s?"Enabled":"Disabled"})]},t))})]})]})]})};var l=require("react/jsx-runtime"),L=({apiKey:e,config:t,basePath:s="/admin"})=>{let i=(0,y.usePathname)(),g=(0,y.useRouter)(),[A,H]=(0,N.useState)(!1);(0,N.useEffect)(()=>{H(!0)},[]);let p=(b=>b.startsWith(s)&&b.slice(s.length)||"/")(i),S=b=>{let O=b==="/"?s:`${s}${b}`;g.push(O)};return A?(0,l.jsx)(k,{apiKey:e,config:t,navigate:S,currentPath:p,children:(0,l.jsx)($,{children:p==="/"||p===""?(0,l.jsx)(w,{}):p.startsWith("/orders")?(0,l.jsx)(P,{}):p.startsWith("/customers")?(0,l.jsx)(M,{}):p.startsWith("/products")?(0,l.jsx)(C,{}):p.startsWith("/settings")?(0,l.jsx)(R,{}):(0,l.jsx)("div",{className:"mng-flex mng-items-center mng-justify-center mng-h-full",children:(0,l.jsxs)("div",{className:"mng-text-center",children:[(0,l.jsx)("h2",{className:"mng-text-2xl mng-font-bold mng-text-slate-800 mng-mb-2",children:"Page Not Found"}),(0,l.jsx)("p",{className:"mng-text-slate-600 mng-mb-4",children:"The page you're looking for doesn't exist."}),(0,l.jsx)("button",{onClick:()=>S("/"),className:"mng-bg-blue-600 mng-text-white mng-px-4 mng-py-2 mng-rounded-lg mng-text-sm mng-font-medium hover:mng-bg-blue-700",children:"Go to Dashboard"})]})})})}):null};0&&(module.exports={ManagoAdmin,useManago});
+//# sourceMappingURL=index.js.map