@djangocfg/api 2.1.10 → 2.1.15

package/README.md

@@ -1,111 +1,480 @@
 # @djangocfg/api
 
-> Auto-generated TypeScript API client with React hooks, SWR integration, and Zod validation for Django REST Framework backends
+Core authentication API client and auth system for DjangoCFG applications.
 
-[![npm version](https://img.shields.io/npm/v/@djangocfg/api.svg)](https://www.npmjs.com/package/@djangocfg/api)
-[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
+**Part of [DjangoCFG](https://djangocfg.com)** — modern Django framework for production-ready SaaS applications.
 
-**Part of [DjangoCFG](https://djangocfg.com)** — a modern Django framework for building production-ready SaaS applications. All `@djangocfg/*` packages are designed to work together, providing type-safe configuration, real-time features, and beautiful admin interfaces out of the box.
+## Install
 
----
+```bash
+pnpm add @djangocfg/api
+```
+
+## What's Inside
 
-## Overview
+This package provides everything needed for authentication and user management:
 
-`@djangocfg/api` provides a fully type-safe API client automatically generated from your Django REST Framework OpenAPI schema. It includes React hooks powered by SWR for data fetching, Zod schemas for runtime validation, and fetcher functions for server-side usage.
+- **API Client** - Type-safe client for Django `cfg_accounts` API
+- **Auth System** - Complete authentication module with contexts, hooks, and utilities
+- **JWT Management** - Automatic token refresh and storage
+- **OAuth Integration** - GitHub OAuth with callback handling
+- **Server Middleware** - Proxy middleware for Next.js
+- **Shared Storage** - Authentication storage used by all extensions
 
-## Features
+## Package Structure
 
-- **Type-Safe API Calls** - Full TypeScript support with auto-generated types from OpenAPI
-- **React Hooks** - SWR-powered hooks for seamless data fetching and caching
-- **Zod Validation** - Runtime schema validation for API responses
-- **Code Generation** - Automatic client generation from Django REST Framework schemas
-- **Error Handling** - Built-in retry logic with p-retry
-- **SSR Support** - Works with Next.js server components and API routes
+```
+src/
+├── generated/
+│   └── cfg_accounts/       # Generated API client
+│       ├── api/            # API class with all endpoints
+│       ├── schemas/        # Zod validation schemas
+│       └── types/          # TypeScript types
+└── auth/
+    ├── context/            # AuthProvider, AccountsProvider
+    ├── hooks/              # useAuth, useAuthGuard, useGithubAuth, etc.
+    ├── middlewares/        # Next.js proxy middleware
+    └── utils/              # Validation, errors, logger, analytics
+```
 
-## Installation
+## Entry Points
 
-```bash
-npm install @djangocfg/api
-# or
-pnpm add @djangocfg/api
-# or
-yarn add @djangocfg/api
+| Entry | Import | Description |
+|-------|--------|-------------|
+| **Main** | `@djangocfg/api` | Server-safe exports (API client, fetchers, schemas, types) |
+| **Hooks** | `@djangocfg/api/hooks` | Client-only SWR hooks for data fetching |
+| **Auth** | `@djangocfg/api/auth` | Client-only auth system (providers, hooks) |
+| **Auth Server** | `@djangocfg/api/auth/server` | Server-safe auth utilities (middleware) |
+
+## API Client
+
+Pre-configured API instance with automatic JWT token management:
+
+```typescript
+import { api } from '@djangocfg/api';
+
+// Authentication
+await api.accounts.login({ email, password });
+await api.accounts.logout();
+await api.accounts.register({ email, password, username });
+
+// Profile
+const profile = await api.accounts.profileRetrieve();
+await api.accounts.profileUpdate({ first_name: 'John' });
+
+// Password
+await api.accounts.passwordChange({ old_password, new_password });
+await api.accounts.passwordReset({ email });
+await api.accounts.passwordResetConfirm({ token, password });
+
+// OAuth
+await api.accounts.oauthCallback({ provider: 'github', code });
 ```
 
-## Quick Start
+### Shared Authentication Storage
+
+All DjangoCFG extensions use shared authentication storage from this package:
+
+```typescript
+// Extensions automatically access the same auth tokens
+import { apiSupport } from '@djangocfg/ext-support';
+import { apiPayments } from '@djangocfg/ext-payments';
+
+// All API clients share the same authentication state
+// Login once, authenticated everywhere
+```
+
+This is handled automatically by `createExtensionAPI()` from `@djangocfg/ext-base`.
+
+## Auth Module
+
+Complete authentication system with React contexts, hooks, and utilities.
+
+### Setup
 
 ```tsx
-import { useUsers, createUser } from '@djangocfg/api';
+// app/layout.tsx
+import { AuthProvider, AccountsProvider } from '@djangocfg/api/auth';
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body>
+        <AuthProvider
+          config={{
+            routes: {
+              auth: '/auth',
+              defaultCallback: '/dashboard'
+            }
+          }}
+        >
+          <AccountsProvider>
+            {children}
+          </AccountsProvider>
+        </AuthProvider>
+      </body>
+    </html>
+  );
+}
+```
+
+### Available Hooks
+
+```typescript
+import {
+  useAuth,              // Main auth context (user, isAuthenticated, login, logout)
+  useAuthGuard,         // Protect routes (redirect if not authenticated)
+  useAuthForm,          // Form state management (login, register, reset)
+  useGithubAuth,        // GitHub OAuth integration
+  useAutoAuth,          // Auto-authentication on mount
+  useLocalStorage,      // localStorage helper
+  useSessionStorage,    // sessionStorage helper
+} from '@djangocfg/api/auth';
+```
+
+### useAuth
 
-function UserList() {
-  const { data, error, isLoading } = useUsers();
+Main authentication hook:
+
+```tsx
+'use client';
+import { useAuth } from '@djangocfg/api/auth';
+
+export function UserProfile() {
+  const {
+    user,              // UserProfile | null
+    isAuthenticated,   // boolean
+    isLoading,         // boolean
+    login,             // (email, password) => Promise<void>
+    logout,            // () => Promise<void>
+    register,          // (data) => Promise<void>
+    updateProfile,     // (data) => Promise<void>
+  } = useAuth();
 
   if (isLoading) return <div>Loading...</div>;
-  if (error) return <div>Error: {error.message}</div>;
+
+  if (!isAuthenticated) {
+    return <button onClick={() => login('user@example.com', 'password')}>Login</button>;
+  }
 
   return (
-    <ul>
-      {data?.map(user => (
-        <li key={user.id}>{user.name}</li>
-      ))}
-    </ul>
+    <div>
+      <p>Welcome, {user?.email}!</p>
+      <button onClick={logout}>Logout</button>
+    </div>
   );
 }
 ```
 
-## API Reference
+### useAuthGuard
 
-### Hooks
+Protect routes from unauthenticated access:
+
+```tsx
+'use client';
+import { useAuthGuard } from '@djangocfg/api/auth';
 
-All generated hooks follow the pattern `use{Resource}` and return SWR response objects:
+export default function DashboardPage() {
+  const { isAllowed } = useAuthGuard({
+    redirectTo: '/auth',
+    requireAuth: true,
+  });
+
+  if (!isAllowed) return null;
+
+  return <div>Protected Dashboard Content</div>;
+}
+```
+
+### useAuthForm
+
+Manage authentication form state:
 
 ```tsx
-const { data, error, isLoading, mutate } = useResource(params);
+'use client';
+import { useAuthForm } from '@djangocfg/api/auth';
+
+export function LoginForm() {
+  const {
+    email,
+    password,
+    error,
+    isLoading,
+    setEmail,
+    setPassword,
+    handleLogin,
+    handleRegister,
+    handlePasswordReset,
+  } = useAuthForm();
+
+  return (
+    <form onSubmit={(e) => { e.preventDefault(); handleLogin(); }}>
+      <input
+        type="email"
+        value={email}
+        onChange={(e) => setEmail(e.target.value)}
+      />
+      <input
+        type="password"
+        value={password}
+        onChange={(e) => setPassword(e.target.value)}
+      />
+      {error && <p>{error}</p>}
+      <button type="submit" disabled={isLoading}>
+        {isLoading ? 'Loading...' : 'Login'}
+      </button>
+    </form>
+  );
+}
 ```
 
-### Fetchers
+### useGithubAuth
 
-For server-side usage or custom implementations:
+GitHub OAuth integration:
 
 ```tsx
-import { fetchUsers } from '@djangocfg/api/cfg/generated/fetchers';
+'use client';
+import { useGithubAuth } from '@djangocfg/api/auth';
+
+export function GithubLoginButton() {
+  const {
+    initiateGithubAuth,  // () => Promise<void>
+    isLoading,           // boolean
+    error,               // string | null
+  } = useGithubAuth();
+
+  return (
+    <button onClick={initiateGithubAuth} disabled={isLoading}>
+      {isLoading ? 'Connecting...' : 'Login with GitHub'}
+    </button>
+  );
+}
+
+// app/auth/callback/github/page.tsx
+'use client';
+import { useGithubAuth } from '@djangocfg/api/auth';
+import { useEffect } from 'react';
+
+export default function GithubCallbackPage() {
+  const { handleGithubCallback } = useGithubAuth();
+
+  useEffect(() => {
+    handleGithubCallback();
+  }, []);
+
+  return <div>Processing GitHub login...</div>;
+}
+```
 
-const users = await fetchUsers({ page: 1, limit: 10 });
+## Server Components & API Routes
+
+Use fetchers for server-side data fetching:
+
+```typescript
+import { Fetchers, api } from '@djangocfg/api';
+
+// Server Component
+export default async function ProfilePage() {
+  const profile = await Fetchers.getAccountsProfileRetrieve(api);
+
+  return <div>{profile.email}</div>;
+}
+
+// API Route
+export async function GET() {
+  try {
+    const profile = await Fetchers.getAccountsProfileRetrieve(api);
+    return Response.json(profile);
+  } catch (error) {
+    return Response.json({ error: 'Failed to fetch profile' }, { status: 500 });
+  }
+}
 ```
 
-### Schemas
+## Server Middleware
+
+Proxy middleware for Django backend:
 
-Zod schemas for validation:
+```typescript
+// middleware.ts
+import { proxyMiddleware } from '@djangocfg/api/auth/server';
+import { NextRequest } from 'next/server';
+
+export function middleware(request: NextRequest) {
+  // Proxies /media/* and /api/* to Django backend
+  // Automatically forwards cookies and headers
+  return proxyMiddleware(request);
+}
+
+export const config = {
+  matcher: ['/media/:path*', '/api/:path*'],
+};
+```
+
+## Client Hooks (SWR)
+
+Use SWR hooks for reactive data fetching in client components:
 
 ```tsx
-import { UserSchema } from '@djangocfg/api/cfg/generated/schemas';
+'use client';
+import { useAccountsProfileRetrieve, useAccountsProfileUpdate } from '@djangocfg/api/hooks';
+
+export function Profile() {
+  const { data: profile, isLoading, error, mutate } = useAccountsProfileRetrieve();
+  const { trigger: updateProfile } = useAccountsProfileUpdate();
+
+  const handleUpdate = async () => {
+    await updateProfile({ first_name: 'John' });
+    mutate(); // Revalidate data
+  };
+
+  if (isLoading) return <div>Loading...</div>;
+  if (error) return <div>Error: {error.message}</div>;
+
+  return (
+    <div>
+      <p>Email: {profile?.email}</p>
+      <button onClick={handleUpdate}>Update Profile</button>
+    </div>
+  );
+}
+```
+
+## Validation Schemas
+
+Zod schemas for runtime validation:
+
+```typescript
+import { Schemas } from '@djangocfg/api';
+
+// Validate API responses
+const profile = Schemas.UserProfileSchema.parse(data);
+
+// Validate form data
+const loginData = Schemas.LoginRequestSchema.parse({
+  email: 'user@example.com',
+  password: 'password123',
+});
+```
+
+## TypeScript Types
+
+Full type safety for all API operations:
+
+```typescript
+import type {
+  UserProfile,
+  LoginRequest,
+  RegisterRequest,
+  OAuthProvider,
+  OAuthCallbackRequest,
+} from '@djangocfg/api';
 
-const validatedUser = UserSchema.parse(rawData);
+// Or use namespace
+import type { CfgAccountsTypes } from '@djangocfg/api';
+type Profile = CfgAccountsTypes.UserProfile;
+type LoginReq = CfgAccountsTypes.LoginRequest;
 ```
 
-## Configuration
+## Extension Packages
+
+Extensions are now in **separate packages** with their own API clients that share authentication:
+
+| Extension | Package | Description |
+|-----------|---------|-------------|
+| **Newsletter** | `@djangocfg/ext-newsletter` | Newsletter subscription and campaigns |
+| **Knowledge Base** | `@djangocfg/ext-knowbase` | Documentation, chat, RAG-powered AI |
+| **Leads** | `@djangocfg/ext-leads` | Lead capture and contact forms |
+| **Payments** | `@djangocfg/ext-payments` | Payment processing and subscriptions |
+| **Support** | `@djangocfg/ext-support` | Support tickets and helpdesk |
+
+### Extension Usage
+
+```typescript
+// Extensions automatically use shared auth from @djangocfg/api
+import { apiSupport } from '@djangocfg/ext-support';
+import { apiPayments } from '@djangocfg/ext-payments';
+import { apiLeads } from '@djangocfg/ext-leads';
 
-Set API base URL via environment variable:
+// All authenticated automatically if user is logged in
+const tickets = await apiSupport.tickets.list();
+const payments = await apiPayments.payments.list();
+const leads = await apiLeads.leads.list();
+```
+
+See individual extension documentation for details.
+
+## Error Handling
+
+```typescript
+import { handleError, formatError } from '@djangocfg/api/auth';
+
+try {
+  await api.accounts.login({ email, password });
+} catch (error) {
+  handleError(error, (formattedError) => {
+    console.error('Login failed:', formattedError);
+    // formattedError has consistent structure:
+    // { message: string, code?: string, details?: any }
+  });
+}
+```
+
+## Analytics Integration
+
+Auth events are automatically tracked when analytics is enabled:
+
+```typescript
+// Automatic tracking for:
+// - AUTH_LOGIN_SUCCESS
+// - AUTH_LOGOUT
+// - AUTH_SESSION_EXPIRED
+// - AUTH_TOKEN_REFRESH
+// - AUTH_OAUTH_START
+// - AUTH_OAUTH_SUCCESS
+// - AUTH_OAUTH_FAIL
+```
+
+Analytics setup is handled by `@djangocfg/layouts` package.
+
+## Environment Variables
 
 ```bash
+# Required
 NEXT_PUBLIC_API_URL=http://localhost:8000
+
+# OAuth (optional)
+NEXT_PUBLIC_GITHUB_CLIENT_ID=your_github_client_id
+
+# Static build (optional)
+NEXT_PUBLIC_STATIC_BUILD=false
 ```
 
-## Requirements
+## Development
 
-- Node.js >= 20.11.1
-- React >= 19.1.0
-- SWR >= 2.3.0
-- Zod >= 4.0.10
+```bash
+# Generate API client from Django OpenAPI schema
+make generate
 
-## Documentation
+# Build package
+make build
 
-Full documentation available at [djangocfg.com](https://djangocfg.com)
+# Watch mode
+pnpm dev
+```
 
-## Contributing
+## Requirements
 
-Issues and pull requests are welcome at [GitHub](https://github.com/markolofsen/django-cfg)
+- Next.js >= 15
+- React >= 19
+- SWR (peer dependency)
+- Zod (bundled for validation)
 
 ## License
 
-MIT - see [LICENSE](./LICENSE) for details
+MIT
+
+## Links
+
+- [DjangoCFG Documentation](https://djangocfg.com)
+- [GitHub](https://github.com/markolofsen/django-cfg)

package/dist/auth-server.cjs

@@ -0,0 +1,47 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/auth/server.ts
+var server_exports = {};
+__export(server_exports, {
+  proxyMiddleware: () => proxyMiddleware,
+  proxyMiddlewareConfig: () => proxyMiddlewareConfig
+});
+module.exports = __toCommonJS(server_exports);
+
+// src/auth/middlewares/proxy.ts
+var import_server = require("next/server");
+function proxyMiddleware(request) {
+  const { pathname, search } = request.nextUrl;
+  const apiUrl = process.env.NEXT_PUBLIC_API_URL;
+  if (pathname.startsWith("/media/")) {
+    const targetUrl = `${apiUrl}${pathname}${search}`;
+    return import_server.NextResponse.rewrite(targetUrl, { request: { headers: request.headers } });
+  }
+  if (pathname.startsWith("/api/")) {
+    const targetUrl = `${apiUrl}${pathname}${search}`;
+    return import_server.NextResponse.rewrite(targetUrl, { request: { headers: request.headers } });
+  }
+  return import_server.NextResponse.next();
+}
+__name(proxyMiddleware, "proxyMiddleware");
+var proxyMiddlewareConfig = {
+  matcher: ["/media/:path*", "/api/:path*"]
+};
+//# sourceMappingURL=auth-server.cjs.map

package/dist/auth-server.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/auth/server.ts","../src/auth/middlewares/proxy.ts"],"sourcesContent":["/**\n * @djangocfg/api/auth/server\n *\n * Server-side authentication utilities.\n * Use this entry point in server components, API routes, and middleware.\n *\n * @example\n * ```typescript\n * // middleware.ts\n * import { proxyMiddleware } from '@djangocfg/api/auth/server';\n *\n * export function middleware(request: NextRequest) {\n *   return proxyMiddleware(request);\n * }\n * ```\n */\n\n// Middlewares\nexport * from './middlewares';\n","import { NextRequest, NextResponse } from 'next/server';\n\n/**\n * Proxy middleware for media and API endpoints\n * Use this in your middleware.ts file\n */\nexport function proxyMiddleware(request: NextRequest) {\n  const { pathname, search } = request.nextUrl;\n  const apiUrl = process.env.NEXT_PUBLIC_API_URL;\n\n  // Proxy /media/* - Images and static files\n  if (pathname.startsWith('/media/')) {\n    const targetUrl = `${apiUrl}${pathname}${search}`;\n    return NextResponse.rewrite(targetUrl, { request: { headers: request.headers } });\n  }\n\n  // Proxy /api/* - API endpoints\n  if (pathname.startsWith('/api/')) {\n    const targetUrl = `${apiUrl}${pathname}${search}`;\n    return NextResponse.rewrite(targetUrl, { request: { headers: request.headers } });\n  }\n\n  return NextResponse.next();\n}\n\n/**\n * Recommended matcher config for proxy middleware\n * Add this to your middleware.ts config\n */\nexport const proxyMiddlewareConfig = {\n  matcher: ['/media/:path*', '/api/:path*'],\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAA0C;AAMnC,SAAS,gBAAgB,SAAsB;AACpD,QAAM,EAAE,UAAU,OAAO,IAAI,QAAQ;AACrC,QAAM,SAAS,QAAQ,IAAI;AAG3B,MAAI,SAAS,WAAW,SAAS,GAAG;AAClC,UAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM;AAC/C,WAAO,2BAAa,QAAQ,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,QAAQ,EAAE,CAAC;AAAA,EAClF;AAGA,MAAI,SAAS,WAAW,OAAO,GAAG;AAChC,UAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM;AAC/C,WAAO,2BAAa,QAAQ,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,QAAQ,EAAE,CAAC;AAAA,EAClF;AAEA,SAAO,2BAAa,KAAK;AAC3B;AAjBgB;AAuBT,IAAM,wBAAwB;AAAA,EACnC,SAAS,CAAC,iBAAiB,aAAa;AAC1C;","names":[]}

package/dist/auth-server.d.cts

@@ -0,0 +1,16 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+/**
+ * Proxy middleware for media and API endpoints
+ * Use this in your middleware.ts file
+ */
+declare function proxyMiddleware(request: NextRequest): NextResponse<unknown>;
+/**
+ * Recommended matcher config for proxy middleware
+ * Add this to your middleware.ts config
+ */
+declare const proxyMiddlewareConfig: {
+    matcher: string[];
+};
+
+export { proxyMiddleware, proxyMiddlewareConfig };

package/dist/auth-server.d.ts

@@ -0,0 +1,16 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+/**
+ * Proxy middleware for media and API endpoints
+ * Use this in your middleware.ts file
+ */
+declare function proxyMiddleware(request: NextRequest): NextResponse<unknown>;
+/**
+ * Recommended matcher config for proxy middleware
+ * Add this to your middleware.ts config
+ */
+declare const proxyMiddlewareConfig: {
+    matcher: string[];
+};
+
+export { proxyMiddleware, proxyMiddlewareConfig };

package/dist/auth-server.mjs

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/auth/middlewares/proxy.ts
+import { NextResponse } from "next/server";
+function proxyMiddleware(request) {
+  const { pathname, search } = request.nextUrl;
+  const apiUrl = process.env.NEXT_PUBLIC_API_URL;
+  if (pathname.startsWith("/media/")) {
+    const targetUrl = `${apiUrl}${pathname}${search}`;
+    return NextResponse.rewrite(targetUrl, { request: { headers: request.headers } });
+  }
+  if (pathname.startsWith("/api/")) {
+    const targetUrl = `${apiUrl}${pathname}${search}`;
+    return NextResponse.rewrite(targetUrl, { request: { headers: request.headers } });
+  }
+  return NextResponse.next();
+}
+__name(proxyMiddleware, "proxyMiddleware");
+var proxyMiddlewareConfig = {
+  matcher: ["/media/:path*", "/api/:path*"]
+};
+export {
+  proxyMiddleware,
+  proxyMiddlewareConfig
+};
+//# sourceMappingURL=auth-server.mjs.map

package/dist/auth-server.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/auth/middlewares/proxy.ts"],"sourcesContent":["import { NextRequest, NextResponse } from 'next/server';\n\n/**\n * Proxy middleware for media and API endpoints\n * Use this in your middleware.ts file\n */\nexport function proxyMiddleware(request: NextRequest) {\n  const { pathname, search } = request.nextUrl;\n  const apiUrl = process.env.NEXT_PUBLIC_API_URL;\n\n  // Proxy /media/* - Images and static files\n  if (pathname.startsWith('/media/')) {\n    const targetUrl = `${apiUrl}${pathname}${search}`;\n    return NextResponse.rewrite(targetUrl, { request: { headers: request.headers } });\n  }\n\n  // Proxy /api/* - API endpoints\n  if (pathname.startsWith('/api/')) {\n    const targetUrl = `${apiUrl}${pathname}${search}`;\n    return NextResponse.rewrite(targetUrl, { request: { headers: request.headers } });\n  }\n\n  return NextResponse.next();\n}\n\n/**\n * Recommended matcher config for proxy middleware\n * Add this to your middleware.ts config\n */\nexport const proxyMiddlewareConfig = {\n  matcher: ['/media/:path*', '/api/:path*'],\n};\n"],"mappings":";;;;AAAA,SAAsB,oBAAoB;AAMnC,SAAS,gBAAgB,SAAsB;AACpD,QAAM,EAAE,UAAU,OAAO,IAAI,QAAQ;AACrC,QAAM,SAAS,QAAQ,IAAI;AAG3B,MAAI,SAAS,WAAW,SAAS,GAAG;AAClC,UAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM;AAC/C,WAAO,aAAa,QAAQ,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,QAAQ,EAAE,CAAC;AAAA,EAClF;AAGA,MAAI,SAAS,WAAW,OAAO,GAAG;AAChC,UAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM;AAC/C,WAAO,aAAa,QAAQ,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,QAAQ,EAAE,CAAC;AAAA,EAClF;AAEA,SAAO,aAAa,KAAK;AAC3B;AAjBgB;AAuBT,IAAM,wBAAwB;AAAA,EACnC,SAAS,CAAC,iBAAiB,aAAa;AAC1C;","names":[]}