payaza-storefront-layouts 1.0.0

package/README.md

@@ -0,0 +1,108 @@
+# storefront-layouts
+
+Shared layout components package for StoreFront applications.
+
+## Overview
+
+This package contains all layout components used by both `storefront-app` and `storefront-admin`. The layouts are data-agnostic and accept `storeConfig` as props, allowing multiple stores to use the same layout instances with different data.
+
+## Installation
+
+```bash
+npm install storefront-layouts
+```
+
+Or using npm workspaces:
+
+```json
+{
+  "dependencies": {
+    "storefront-layouts": "workspace:*"
+  }
+}
+```
+
+## Usage
+
+### In storefront-app
+
+```typescript
+import { FoodHomePage } from 'storefront-layouts';
+
+export default function StorePage({ storeConfig }) {
+  return <FoodHomePage storeConfig={storeConfig} />;
+}
+```
+
+### In storefront-admin
+
+```typescript
+import { getLayoutJSON } from 'storefront-layouts';
+
+const layoutData = getLayoutJSON('food');
+```
+
+## Available Layouts
+
+- `food` - Food/Restaurant layout
+- `food-modern` - Modern food layout
+- `clothing` - Clothing/Fashion layout
+- `clothing-minimal` - Minimal clothing layout
+- `booking` - Booking/Service layout
+- `booking-agenda` - Agenda-based booking layout
+- `electronics` - Electronics layout
+- `electronics-grid` - Grid-based electronics layout
+- `motivational-speaker` - Motivational speaker layout
+- `shared` - Shared components used across layouts
+
+## Dependencies
+
+This package requires the following peer dependencies (provided by consuming apps):
+
+- `react` ^19.2.0
+- `react-dom` ^19.2.0
+- `next` ^16.0.3
+
+## TypeScript Configuration
+
+Consuming apps need to configure TypeScript paths to resolve imports:
+
+```json
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./*"],
+      "storefront-layouts": ["../storefront-layouts/src"]
+    }
+  }
+}
+```
+
+## Next.js Configuration
+
+Add to `next.config.ts`:
+
+```typescript
+const nextConfig = {
+  transpilePackages: ['storefront-layouts'],
+};
+```
+
+## Dynamic Data Support
+
+Layouts are designed to work with dynamic data:
+
+- All layout components accept `storeConfig: StoreConfig` as props
+- Layouts use hooks like `useStore()` from consuming apps
+- No hardcoded data - all data comes from consuming apps
+- Supports `preview_layout` query parameter for layout preview
+
+## Building
+
+```bash
+npm run build
+```
+
+This compiles TypeScript to JavaScript in the `dist/` directory.
+
+

package/dist/components/learning/CertificateTemplates.d.ts

@@ -0,0 +1,25 @@
+export type CertificateDesign = 'classic' | 'modern' | 'minimal' | 'premium' | 'luxury';
+export interface CertificateData {
+    studentName: string;
+    courseName: string;
+    completionDate: string;
+    certificateId: string;
+    instructorName: string;
+    instructorTitle: string;
+    institutionName?: string;
+    signatureUrl?: string;
+    brandLogo?: string;
+    primaryColor?: string;
+}
+interface CertificateTemplateProps {
+    data: CertificateData;
+    design: CertificateDesign;
+    className?: string;
+}
+export declare function CertificateTemplate({ data, design, className }: CertificateTemplateProps): import("react/jsx-runtime").JSX.Element;
+export declare function CertificateCard({ certificate, onDownload }: {
+    certificate: any;
+    onDownload: (id: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CertificateTemplates.d.ts.map

package/dist/components/learning/CertificateTemplates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CertificateTemplates.d.ts","sourceRoot":"","sources":["../../../src/components/learning/CertificateTemplates.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAExF,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,wBAAwB;IAChC,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CAyWxF;AAED,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE;IAC3D,WAAW,EAAE,GAAG,CAAC;IACjB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,2CAsDA"}

package/dist/components/learning/CertificateTemplates.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import { Award, CheckCircle, ShieldCheck, Star, Shield, QrCode } from 'lucide-react';
+import { motion } from 'framer-motion';
+import { Button } from '../../components/ui/button';
+export function CertificateTemplate({ data, design, className }) {
+    const { studentName, courseName, completionDate, certificateId, instructorName, instructorTitle, institutionName = 'Mindset Mastery Academy', signatureUrl, brandLogo, primaryColor = '#0F172A' } = data;
+    const renderClassic = () => (_jsxs("div", { className: "w-full h-full bg-white border-[20px] border-double p-12 flex flex-col items-center text-center font-serif relative", style: { borderColor: primaryColor }, children: [_jsx("div", { className: "absolute top-6 left-6 w-16 h-16 border-t-4 border-l-4", style: { borderColor: primaryColor } }), _jsx("div", { className: "absolute top-6 right-6 w-16 h-16 border-t-4 border-r-4", style: { borderColor: primaryColor } }), _jsx("div", { className: "absolute bottom-6 left-6 w-16 h-16 border-b-4 border-l-4", style: { borderColor: primaryColor } }), _jsx("div", { className: "absolute bottom-6 right-6 w-16 h-16 border-b-4 border-r-4", style: { borderColor: primaryColor } }), _jsxs("div", { className: "mb-6", children: [_jsx("p", { className: "text-[10px] font-bold uppercase tracking-[0.3em] mb-2 text-slate-400", children: institutionName }), _jsx(Award, { className: "w-16 h-16 mb-4 mx-auto", style: { color: primaryColor } }), _jsx("h1", { className: "text-5xl font-black tracking-widest uppercase mb-1", children: "Certificate" }), _jsx("h2", { className: "text-xl italic text-gray-500", children: "of Achievement" })] }), _jsx("p", { className: "text-lg mb-4", children: "This is to certify that" }), _jsx("h3", { className: "text-5xl font-bold mb-6 underline decoration-1 underline-offset-8 text-slate-900", children: studentName }), _jsx("p", { className: "text-lg mb-4", children: "has successfully demonstrated mastery in" }), _jsx("h4", { className: "text-3xl font-bold mb-10 text-slate-800 tracking-tight", children: courseName }), _jsxs("div", { className: "mt-auto w-full flex justify-between items-end px-12 pb-4", children: [_jsxs("div", { className: "text-left w-56", children: [_jsx("div", { className: "border-b border-slate-200 w-full mb-2 h-12 flex items-end justify-center", children: signatureUrl ? (_jsx("img", { src: signatureUrl, alt: "Signature", className: "h-10 object-contain" })) : (_jsx("span", { className: "text-3xl opacity-80 italic font-signature", children: instructorName })) }), _jsx("p", { className: "font-bold text-[10px] text-slate-900", children: instructorName }), _jsx("p", { className: "text-[8px] text-slate-400 uppercase tracking-widest", children: instructorTitle })] }), _jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "w-24 h-24 rounded-full border-4 flex items-center justify-center mb-2 shadow-inner", style: { borderColor: `${primaryColor}20` }, children: _jsxs("div", { className: "w-18 h-18 rounded-full border flex items-center justify-center relative bg-white shadow-sm", style: { borderColor: primaryColor }, children: [_jsx(Shield, { className: "w-8 h-8", style: { color: primaryColor } }), _jsx("span", { className: "absolute text-[6px] font-black uppercase tracking-tighter rotate-[-15deg] bg-white px-1", children: "Verified" })] }) }), _jsxs("p", { className: "text-[8px] font-mono text-slate-400", children: ["ID: ", certificateId] })] }), _jsxs("div", { className: "text-right w-56", children: [_jsx("div", { className: "border-b border-slate-200 w-full mb-2 h-12 flex items-end justify-center", children: _jsx("span", { className: "font-bold text-[12px] text-slate-900", children: completionDate }) }), _jsx("p", { className: "text-[8px] text-slate-400 uppercase tracking-widest", children: "Date of Graduation" })] })] })] }));
+    const renderModern = () => (_jsxs("div", { className: "w-full h-full bg-slate-50 flex font-sans relative", children: [_jsx("div", { className: "absolute top-0 right-0 w-1/2 h-full opacity-[0.03] pointer-events-none", children: _jsx("svg", { viewBox: "0 0 100 100", className: "w-full h-full fill-current", style: { color: primaryColor }, children: _jsx("path", { d: "M0,0 L100,0 L100,100 Z" }) }) }), _jsxs("div", { className: "w-16 h-full flex flex-col items-center justify-center gap-8 text-white relative z-10", style: { backgroundColor: primaryColor }, children: [_jsx("div", { className: "rotate-[-90deg] whitespace-nowrap font-black tracking-[0.4em] text-[10px] uppercase opacity-40", children: "ACADEMIC EXCELLENCE" }), _jsx("div", { className: "w-8 h-8 rounded-lg bg-white/10 backdrop-blur-md flex items-center justify-center", children: _jsx(Star, { className: "w-4 h-4 fill-white" }) })] }), _jsxs("div", { className: "flex-1 p-12 flex flex-col relative z-10 text-left", children: [_jsxs("div", { className: "flex justify-between items-start mb-10", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-[8px] font-black uppercase tracking-[0.4em] text-primary", children: institutionName }), brandLogo ? (_jsx("img", { src: brandLogo, alt: "Logo", className: "h-8 object-contain" })) : (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-6 h-6 rounded flex items-center justify-center text-white", style: { backgroundColor: primaryColor }, children: _jsx(ShieldCheck, { className: "w-4 h-4" }) }), _jsx("span", { className: "font-black text-xl tracking-tighter text-slate-900", children: "CERTIFIED" })] }))] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-[8px] font-black uppercase tracking-widest text-slate-400", children: "Secure Credential" }), _jsx("p", { className: "text-[10px] font-mono font-bold text-slate-900", children: certificateId })] })] }), _jsxs("div", { className: "mb-8", children: [_jsx("span", { className: "inline-block py-1 px-3 rounded-full bg-slate-900 text-white text-[8px] font-black uppercase tracking-[0.2em] mb-4", children: "Official Certification" }), _jsxs("h1", { className: "text-6xl font-black text-slate-900 leading-[0.9] mb-3", children: ["Certificate ", _jsx("br", {}), _jsx("span", { style: { color: primaryColor }, children: "Of Completion" })] }), _jsx("div", { className: "w-24 h-1.5 rounded-full", style: { backgroundColor: primaryColor } })] }), _jsxs("div", { className: "mt-2 space-y-6", children: [_jsx("p", { className: "text-lg text-slate-400 font-medium tracking-wide", children: "This document confirms that" }), _jsx("h2", { className: "text-6xl font-black text-slate-900 tracking-tight leading-none", children: studentName }), _jsxs("p", { className: "text-base text-slate-500 font-medium max-w-2xl leading-relaxed", children: ["has successfully completed all requirements for the professional curriculum", _jsx("span", { className: "font-black text-slate-900 block mt-1 text-xl", style: { color: primaryColor }, children: courseName })] })] }), _jsxs("div", { className: "mt-auto flex items-end justify-between pb-2", children: [_jsxs("div", { className: "flex gap-12", children: [_jsxs("div", { className: "text-left", children: [_jsx("p", { className: "text-[8px] font-black uppercase tracking-widest text-slate-400 mb-2", children: "Lead Instructor" }), _jsx("div", { className: "mb-1 h-10 flex items-end", children: signatureUrl ? (_jsx("img", { src: signatureUrl, alt: "Signature", className: "h-8 object-contain" })) : (_jsx("span", { className: "text-2xl opacity-80 italic font-signature text-slate-900", children: instructorName })) }), _jsx("p", { className: "font-black text-slate-900 text-[10px] tracking-tight", children: instructorName }), _jsx("p", { className: "text-[8px] text-slate-400 font-bold uppercase tracking-widest", children: instructorTitle })] }), _jsxs("div", { className: "text-left", children: [_jsx("p", { className: "text-[8px] font-black uppercase tracking-widest text-slate-400 mb-10", children: "Issued On" }), _jsx("p", { className: "font-black text-slate-900 text-[10px] tracking-tight", children: completionDate }), _jsx("p", { className: "text-[8px] text-slate-400 font-bold uppercase tracking-widest", children: "Graduation Date" })] })] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-[8px] font-black uppercase tracking-widest text-slate-400 mb-0.5", children: "Authenticated" }), _jsx("p", { className: "text-[8px] text-slate-900 font-bold", children: "Scan to verify" })] }), _jsx("div", { className: "w-16 h-16 bg-white p-1.5 rounded-xl border border-slate-100 flex items-center justify-center shadow-md", children: _jsx(QrCode, { className: "w-full h-full opacity-20" }) })] })] })] })] }));
+    const renderMinimal = () => (_jsxs("div", { className: "w-full h-full bg-white p-16 flex flex-col font-sans relative", children: [_jsx("div", { className: "absolute inset-0 border-[1px] border-slate-100 m-8 pointer-events-none" }), _jsxs("div", { className: "flex justify-between items-center mb-20", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-2.5 h-2.5 rounded-full", style: { backgroundColor: primaryColor } }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-[0.4em] text-slate-900", children: institutionName })] }), _jsx("h1", { className: "text-[10px] font-black uppercase tracking-[0.6em] text-slate-300", children: "Official Certificate" })] }), _jsxs("div", { className: "space-y-12 text-left", children: [_jsxs("div", { children: [_jsx("p", { className: "text-slate-400 uppercase tracking-[0.3em] text-[8px] font-black mb-4", children: "Presented to" }), _jsx("h2", { className: "text-7xl font-light text-slate-900 tracking-tighter leading-none", children: studentName })] }), _jsxs("div", { className: "flex items-center gap-8", children: [_jsx("div", { className: "h-[1px] flex-1 bg-slate-100" }), _jsx("p", { className: "text-slate-400 font-medium italic text-base", children: "for completion of" }), _jsx("div", { className: "h-[1px] flex-1 bg-slate-100" })] }), _jsx("h3", { className: "text-4xl font-black text-slate-900 tracking-tight leading-none", children: courseName })] }), _jsxs("div", { className: "mt-auto flex justify-between items-end pb-4", children: [_jsxs("div", { className: "space-y-4 text-left", children: [_jsxs("div", { className: "flex items-center gap-2 py-1.5 px-3 rounded-full bg-slate-50 border border-slate-100 w-fit", children: [_jsx(CheckCircle, { className: "w-3 h-3 text-green-500" }), _jsx("span", { className: "text-[8px] font-black uppercase tracking-[0.2em] text-slate-500", children: "Verified Achievement" })] }), _jsxs("p", { className: "text-[8px] font-mono font-bold text-slate-300 tracking-widest uppercase", children: ["ID: ", certificateId] })] }), _jsxs("div", { className: "text-right space-y-8", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "mb-2 h-10 flex items-end justify-end", children: signatureUrl ? (_jsx("img", { src: signatureUrl, alt: "Signature", className: "h-8 object-contain ml-auto" })) : (_jsx("span", { className: "text-2xl opacity-60 italic font-signature text-slate-900", children: instructorName })) }), _jsx("p", { className: "font-black text-slate-900 text-[10px] uppercase tracking-[0.2em]", children: instructorName }), _jsx("p", { className: "text-[8px] text-slate-400 font-black uppercase tracking-[0.3em]", children: instructorTitle })] }), _jsx("div", { className: "pt-4 border-t border-slate-100", children: _jsx("p", { className: "text-[8px] text-slate-400 font-black uppercase tracking-[0.4em]", children: completionDate }) })] })] })] }));
+    const renderPremium = () => (_jsxs("div", { className: "w-full h-full bg-slate-900 flex flex-col items-center justify-center p-16 font-sans relative overflow-hidden", children: [_jsx("div", { className: "absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-amber-500 to-transparent opacity-50" }), _jsx("div", { className: "absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-amber-500 to-transparent opacity-50" }), _jsx("div", { className: "absolute top-0 left-0 w-1 h-full bg-gradient-to-b from-transparent via-amber-500 to-transparent opacity-20" }), _jsx("div", { className: "absolute top-0 right-0 w-1 h-full bg-gradient-to-b from-transparent via-amber-500 to-transparent opacity-20" }), _jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-amber-500 opacity-[0.03] blur-[120px] rounded-full pointer-events-none" }), _jsxs("div", { className: "mb-10 flex flex-col items-center gap-4 relative z-10", children: [_jsx("div", { className: "w-16 h-16 rounded-2xl bg-gradient-to-br from-amber-400 to-amber-600 flex items-center justify-center shadow-lg shadow-amber-500/20", children: _jsx(Award, { className: "w-8 h-8 text-white" }) }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-[0.5em] text-amber-500 mb-1", children: institutionName }), _jsx("h1", { className: "text-4xl font-black text-white tracking-[0.2em] uppercase", children: "Certificate" }), _jsx("p", { className: "text-amber-500/60 text-xs font-bold uppercase tracking-[0.3em]", children: "of Premium Excellence" })] })] }), _jsxs("div", { className: "text-center space-y-8 relative z-10", children: [_jsxs("div", { children: [_jsx("p", { className: "text-slate-400 text-sm font-medium italic mb-4", children: "This highly distinguished award is presented to" }), _jsx("h2", { className: "text-6xl font-black text-transparent bg-clip-text bg-gradient-to-b from-white to-slate-400 tracking-tight leading-none py-2", children: studentName })] }), _jsxs("div", { className: "max-w-xl mx-auto space-y-4", children: [_jsx("p", { className: "text-slate-500 text-sm font-medium", children: "for the exceptional completion and mastery of the professional curriculum" }), _jsx("h3", { className: "text-2xl font-black text-amber-500 tracking-tight", children: courseName })] })] }), _jsxs("div", { className: "mt-auto w-full flex justify-between items-end px-4 relative z-10", children: [_jsxs("div", { className: "text-left", children: [_jsx("div", { className: "mb-2 h-10 flex items-end", children: signatureUrl ? (_jsx("img", { src: signatureUrl, alt: "Signature", className: "h-8 object-contain" })) : (_jsx("span", { className: "text-2xl opacity-80 italic font-signature text-white", children: instructorName })) }), _jsx("p", { className: "font-black text-white text-[10px] tracking-widest uppercase", children: instructorName }), _jsx("p", { className: "text-[8px] text-slate-500 font-bold uppercase tracking-[0.2em]", children: instructorTitle })] }), _jsxs("div", { className: "flex flex-col items-center gap-2", children: [_jsx("div", { className: "px-4 py-1.5 rounded-full bg-slate-800 border border-slate-700 shadow-inner", children: _jsx("p", { className: "text-[8px] font-mono text-amber-500/80 font-bold tracking-widest", children: certificateId }) }), _jsx("p", { className: "text-[7px] text-slate-600 font-black uppercase tracking-[0.3em]", children: "Official Verification ID" })] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-white text-[10px] font-black tracking-widest uppercase mb-1", children: completionDate }), _jsx("p", { className: "text-[8px] text-slate-500 font-bold uppercase tracking-[0.2em]", children: "Distinguished Graduate" })] })] })] }));
+    const renderLuxury = () => (_jsxs("div", { className: "w-full h-full bg-[#1A1A1A] flex flex-col items-center justify-center p-20 font-serif relative overflow-hidden", children: [_jsx("div", { className: "absolute inset-4 border border-[#C5A059] opacity-40 pointer-events-none" }), _jsx("div", { className: "absolute inset-8 border-4 border-[#C5A059] opacity-20 pointer-events-none" }), _jsx("div", { className: "absolute top-10 left-1/2 -translate-x-1/2 opacity-60", children: _jsxs("svg", { width: "200", height: "40", viewBox: "0 0 200 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M0 20C50 20 50 0 100 0C150 0 150 20 200 20", stroke: "#C5A059", strokeWidth: "1" }), _jsx("circle", { cx: "100", cy: "0", r: "4", fill: "#C5A059" })] }) }), _jsxs("div", { className: "text-center relative z-10", children: [_jsx("p", { className: "text-[#C5A059] text-xs font-bold uppercase tracking-[0.6em] mb-12", children: institutionName }), _jsxs("div", { className: "space-y-4 mb-16", children: [_jsx("h1", { className: "text-6xl font-light text-white tracking-[0.3em] uppercase", children: "Certificate" }), _jsxs("div", { className: "flex items-center justify-center gap-6", children: [_jsx("div", { className: "h-[1px] w-12 bg-[#C5A059]/40" }), _jsx("p", { className: "text-[#C5A059] italic text-lg tracking-widest", children: "of Distinction" }), _jsx("div", { className: "h-[1px] w-12 bg-[#C5A059]/40" })] })] }), _jsxs("div", { className: "space-y-12", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-slate-500 uppercase tracking-[0.4em] text-[10px]", children: "This is to certify that" }), _jsx("h2", { className: "text-7xl font-bold text-white tracking-tight italic", children: studentName })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("p", { className: "text-slate-500 uppercase tracking-[0.4em] text-[10px]", children: "has achieved mastery in" }), _jsx("h3", { className: "text-3xl font-light text-white tracking-[0.2em] uppercase", children: courseName })] })] })] }), _jsxs("div", { className: "mt-auto w-full flex justify-between items-end px-12 relative z-10 pb-4", children: [_jsxs("div", { className: "text-left", children: [_jsx("div", { className: "mb-4 h-12 flex items-end", children: signatureUrl ? (_jsx("img", { src: signatureUrl, alt: "Signature", className: "h-10 object-contain" })) : (_jsx("span", { className: "text-3xl opacity-60 italic font-signature text-[#C5A059]", children: instructorName })) }), _jsx("div", { className: "h-[1px] w-32 bg-[#C5A059]/40 mb-2" }), _jsx("p", { className: "font-bold text-white text-[10px] tracking-widest uppercase", children: instructorName }), _jsx("p", { className: "text-[8px] text-[#C5A059] uppercase tracking-[0.3em]", children: instructorTitle })] }), _jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "w-20 h-20 border border-[#C5A059]/40 rounded-full flex items-center justify-center rotate-45 mb-4", children: _jsx("div", { className: "w-16 h-16 border-4 border-[#C5A059]/20 rounded-full flex items-center justify-center -rotate-45", children: _jsx(Star, { className: "w-8 h-8 text-[#C5A059]" }) }) }), _jsxs("p", { className: "text-[8px] font-mono text-slate-600 tracking-tighter uppercase", children: ["Authentic ", certificateId] })] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-white text-[10px] font-bold tracking-widest uppercase mb-2", children: completionDate }), _jsx("div", { className: "h-[1px] w-32 bg-[#C5A059]/40 mb-2 ml-auto" }), _jsx("p", { className: "text-[8px] text-[#C5A059] uppercase tracking-[0.3em]", children: "Conferred Date" })] })] })] }));
+    return (_jsx("div", { className: cn("aspect-[1.414/1] w-full overflow-hidden shadow-2xl relative", "print:aspect-none print:w-full print:h-full print:shadow-none print:rounded-none", className), children: design === 'modern' ? renderModern() :
+            design === 'minimal' ? renderMinimal() :
+                design === 'premium' ? renderPremium() :
+                    design === 'luxury' ? renderLuxury() :
+                        renderClassic() }));
+}
+export function CertificateCard({ certificate, onDownload }) {
+    return (_jsxs(motion.div, { whileHover: { y: -5 }, className: "bg-white border border-slate-200 rounded-2xl p-6 flex flex-col gap-4 shadow-sm hover:shadow-xl transition-all group", children: [_jsxs("div", { className: "relative aspect-[1.414/1] rounded-lg overflow-hidden bg-slate-100 border border-slate-100 group-hover:border-slate-200 transition-colors", children: [_jsx("div", { className: "absolute inset-0 flex items-center justify-center opacity-40 group-hover:opacity-100 transition-opacity", children: _jsx(CertificateTemplate, { data: {
+                                studentName: "Student Name",
+                                courseName: certificate.courseName,
+                                completionDate: certificate.date,
+                                certificateId: certificate.id,
+                                instructorName: certificate.instructor,
+                                instructorTitle: "Lead Mentor",
+                                institutionName: certificate.institutionName || 'Mindset Mastery Academy',
+                                primaryColor: certificate.color || '#0F172A'
+                            }, design: certificate.design || 'modern', className: "scale-[0.25] origin-center w-[400%] h-[400%]" }) }), _jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/5 transition-colors" })] }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("div", { className: "w-2 h-2 rounded-full bg-green-500" }), _jsx("span", { className: "text-[10px] font-bold text-slate-400 uppercase tracking-widest", children: "Verified Certificate" })] }), _jsx("h3", { className: "font-bold text-slate-900 text-lg leading-tight mb-1", children: certificate.courseName }), _jsxs("p", { className: "text-xs text-slate-500", children: ["Issued on ", certificate.date] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", className: "flex-1 rounded-xl h-10 text-xs font-bold uppercase tracking-widest", onClick: () => window.open(`/demo/mindset-mastery/account/certificates/${certificate.id}`, '_blank'), children: "View" }), _jsx(Button, { size: "sm", className: "flex-1 rounded-xl h-10 text-xs font-bold uppercase tracking-widest bg-black text-white", onClick: () => onDownload(certificate.id), children: "Download" })] })] }));
+}

package/dist/components/learning/CertificateViewer.d.ts

@@ -0,0 +1,11 @@
+import { CertificateDesign, CertificateData } from './CertificateTemplates';
+interface CertificateViewerProps {
+    certificateId?: string;
+    data?: CertificateData;
+    design?: CertificateDesign;
+    onClose?: () => void;
+    isStandalone?: boolean;
+}
+export declare function CertificateViewer({ certificateId, data: initialData, design: initialDesign, onClose, isStandalone }: CertificateViewerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CertificateViewer.d.ts.map

package/dist/components/learning/CertificateViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CertificateViewer.d.ts","sourceRoot":"","sources":["../../../src/components/learning/CertificateViewer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,iBAAiB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAOjG,UAAU,sBAAsB;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,YAAoB,EAAE,EAAE,sBAAsB,2CA2LnJ"}

package/dist/components/learning/CertificateViewer.js

@@ -0,0 +1,114 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CertificateTemplate } from './CertificateTemplates';
+import { Button } from '../../components/ui/button';
+import { Download, Printer, X, Share2, ArrowLeft, ShieldCheck } from 'lucide-react';
+import { useState, useRef, useEffect } from 'react';
+import { motion } from 'framer-motion';
+import { cn } from '../../lib/utils';
+export function CertificateViewer({ certificateId, data: initialData, design: initialDesign, onClose, isStandalone = false }) {
+    const [isPrinting, setIsPrinting] = useState(false);
+    const certificateRef = useRef(null);
+    // Mock data fetching if only ID is provided (for standalone route)
+    const [data, setData] = useState(initialData || null);
+    const [design, setDesign] = useState(initialDesign || 'modern');
+    useEffect(() => {
+        if (certificateId && !initialData) {
+            // In a real app, fetch from API. For demo, we use mock data.
+            // This ensures the standalone page /account/certificates/[id] works.
+            const mockCerts = {
+                'CERT-8821': {
+                    data: {
+                        studentName: 'Kehinde Omotoso', // Usually comes from auth session
+                        courseName: 'The Art of Focus',
+                        completionDate: 'Dec 15, 2025',
+                        certificateId: 'CERT-8821',
+                        instructorName: 'Dr. Sarah Mitchell',
+                        instructorTitle: 'Lead Mentor',
+                        institutionName: 'Mindset Mastery Academy'
+                    },
+                    design: 'modern'
+                },
+                'CERT-7732': {
+                    data: {
+                        studentName: 'Kehinde Omotoso',
+                        courseName: 'Strategic Planning Guide',
+                        completionDate: 'Nov 20, 2025',
+                        certificateId: 'CERT-7732',
+                        instructorName: 'Marcus Aurelius',
+                        instructorTitle: 'Lead Mentor',
+                        institutionName: 'Global Vision Academy'
+                    },
+                    design: 'minimal'
+                }
+            };
+            const cert = mockCerts[certificateId];
+            if (cert) {
+                setData(cert.data);
+                setDesign(cert.design);
+            }
+        }
+    }, [certificateId, initialData]);
+    const handlePrint = () => {
+        setIsPrinting(true);
+        setTimeout(() => {
+            window.print();
+            setIsPrinting(false);
+        }, 100);
+    };
+    const handleDownload = () => {
+        handlePrint(); // Print to PDF is the primary download method for high-fidelity
+    };
+    if (!data)
+        return (_jsx("div", { className: "min-h-screen bg-slate-50 flex items-center justify-center font-sans", children: _jsxs("div", { className: "text-center", children: [_jsx(ShieldCheck, { className: "w-12 h-12 text-slate-200 mx-auto mb-4" }), _jsx("p", { className: "text-slate-500 font-bold uppercase tracking-widest text-xs", children: "Verifying Credential..." })] }) }));
+    return (_jsxs("div", { className: cn("min-h-screen bg-slate-100 flex flex-col print:bg-white print:p-0 font-sans", !isStandalone && "fixed inset-0 z-[100] p-4 md:p-8"), children: [_jsxs("div", { className: "container mx-auto max-w-6xl py-6 flex items-center justify-between print:hidden", children: [_jsxs("div", { className: "flex items-center gap-4", children: [!isStandalone && (_jsx(Button, { variant: "ghost", onClick: onClose, className: "rounded-full w-10 h-10 p-0 bg-white shadow-sm border border-slate-200", children: _jsx(X, { className: "w-5 h-5" }) })), isStandalone && (_jsxs(Button, { variant: "ghost", onClick: () => window.history.back(), className: "gap-3 bg-white shadow-sm rounded-full px-6 border border-slate-200 font-bold text-xs uppercase tracking-widest", children: [_jsx(ArrowLeft, { className: "w-4 h-4" }), " Back to Account"] }))] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Button, { variant: "outline", className: "rounded-full gap-2 bg-white shadow-sm border-slate-200 font-bold text-xs uppercase tracking-widest px-6", onClick: handlePrint, children: [_jsx(Printer, { className: "w-4 h-4" }), " Print"] }), _jsxs(Button, { className: "rounded-full gap-2 bg-black text-white shadow-lg shadow-black/20 font-bold text-xs uppercase tracking-widest px-8", onClick: handleDownload, children: [_jsx(Download, { className: "w-4 h-4" }), " Download PDF"] })] })] }), _jsx("div", { className: "flex-1 flex items-center justify-center p-4 md:p-8 overflow-auto print:p-0 print:overflow-visible print:block", children: _jsx(motion.div, { layout: true, initial: { opacity: 0, scale: 0.98 }, animate: { opacity: 1, scale: 1 }, className: "w-full max-w-5xl shadow-[0_40px_100px_-20px_rgba(0,0,0,0.15)] print:shadow-none bg-white print:max-w-none print:w-[297mm] print:h-[210mm] print:mx-auto", ref: certificateRef, id: "certificate-to-print", children: _jsx(CertificateTemplate, { data: data, design: design }) }) }), _jsxs("div", { className: "container mx-auto max-w-6xl py-12 flex flex-col items-center gap-4 print:hidden", children: [_jsxs("div", { className: "flex items-center gap-3 text-slate-400", children: [_jsx(ShieldCheck, { className: "w-5 h-5" }), _jsx("p", { className: "text-xs font-black uppercase tracking-[0.3em]", children: "Verified Digital Achievement" })] }), _jsxs("p", { className: "text-[10px] font-mono text-slate-400 bg-white px-4 py-2 rounded-full border border-slate-100 shadow-sm", children: ["Credential ID: ", data.certificateId] }), _jsx("div", { className: "flex gap-4 mt-2", children: _jsx("button", { className: "text-slate-400 hover:text-blue-600 transition-colors", children: _jsx(Share2, { className: "w-5 h-5" }) }) })] }), _jsx("style", { jsx: true, global: true, children: `
+        @media print {
+          @page {
+            size: landscape;
+            margin: 0;
+          }
+          
+          /* Hide everything by default */
+          html, body {
+            margin: 0 !important;
+            padding: 0 !important;
+            width: 297mm !important;
+            height: 210mm !important;
+            overflow: hidden !important;
+            -webkit-print-color-adjust: exact !important;
+            print-color-adjust: exact !important;
+            background: white !important;
+          }
+
+          /* Hide all elements except the certificate */
+          body > * {
+            display: none !important;
+          }
+
+          /* Special container for printing */
+          #print-root {
+            display: block !important;
+            position: absolute !important;
+            left: 0 !important;
+            top: 0 !important;
+            width: 297mm !important;
+            height: 210mm !important;
+            margin: 0 !important;
+            padding: 0 !important;
+            background: white !important;
+          }
+
+          #print-root > div {
+            width: 100% !important;
+            height: 100% !important;
+            box-shadow: none !important;
+            border: none !important;
+            border-radius: 0 !important;
+          }
+        }
+
+        #print-root {
+          display: none;
+        }
+      ` }), _jsx("div", { id: "print-root", children: _jsx("div", { children: _jsx(CertificateTemplate, { data: data, design: design }) }) })] }));
+}

package/dist/components/learning/MentorshipProgress.d.ts

@@ -0,0 +1,18 @@
+interface MentorshipProgram {
+    id: string;
+    name: string;
+    mentorName: string;
+    mentorAvatar?: string;
+    startDate: string;
+    expiryDate: string;
+    sessionsTotal: number;
+    sessionsCompleted: number;
+    status: 'active' | 'expired' | 'completed';
+    lastSessionDate?: string;
+    nextSessionDate?: string;
+}
+export declare function MentorshipProgress({ programs }: {
+    programs: MentorshipProgram[];
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MentorshipProgress.d.ts.map

package/dist/components/learning/MentorshipProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentorshipProgress.d.ts","sourceRoot":"","sources":["../../../src/components/learning/MentorshipProgress.tsx"],"names":[],"mappings":"AASA,UAAU,iBAAiB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA;CAAE,2CAkKjF"}

package/dist/components/learning/MentorshipProgress.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../components/ui/button';
+import { Calendar, Clock, User, MessageSquare, Video, ExternalLink, AlertCircle } from 'lucide-react';
+import Image from 'next/image';
+import { cn } from '../../lib/utils';
+import { motion } from 'framer-motion';
+export function MentorshipProgress({ programs }) {
+    if (programs.length === 0) {
+        return (_jsxs("div", { className: "text-center py-12 bg-slate-50 rounded-3xl border-2 border-dashed border-slate-200", children: [_jsx("div", { className: "w-16 h-16 bg-white rounded-full flex items-center justify-center mx-auto mb-4 shadow-sm", children: _jsx(User, { className: "w-8 h-8 text-slate-300" }) }), _jsx("h3", { className: "text-lg font-bold text-slate-900", children: "No active mentorships" }), _jsx("p", { className: "text-slate-500 max-w-xs mx-auto mt-2", children: "Ready to level up? Browse our mentorship programs and connect with an expert." }), _jsx(Button, { className: "mt-6 rounded-full bg-black text-white px-8", children: "Browse Mentors" })] }));
+    }
+    return (_jsx("div", { className: "space-y-6", children: programs.map((program) => {
+            const isExpired = program.status === 'expired' || new Date(program.expiryDate) < new Date();
+            const progress = (program.sessionsCompleted / program.sessionsTotal) * 100;
+            // Calculate days remaining
+            const daysRemaining = Math.ceil((new Date(program.expiryDate).getTime() - new Date().getTime()) / (1000 * 60 * 60 * 24));
+            return (_jsxs(motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, className: cn("bg-white border-2 rounded-3xl overflow-hidden transition-all", isExpired ? "border-slate-100 opacity-75" : "border-slate-100 hover:border-blue-200 hover:shadow-xl shadow-sm"), children: [_jsx("div", { className: "p-6 md:p-8", children: _jsxs("div", { className: "flex flex-col md:flex-row gap-8", children: [_jsxs("div", { className: "flex flex-row md:flex-col items-center md:items-center gap-4 md:w-48 text-center border-b md:border-b-0 md:border-r border-slate-100 pb-6 md:pb-0 md:pr-8", children: [_jsx("div", { className: "relative w-20 h-20 md:w-24 md:h-24 rounded-full overflow-hidden border-4 border-slate-50 shadow-sm", children: _jsx(Image, { src: program.mentorAvatar || "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop", alt: program.mentorName, fill: true, className: "object-cover", unoptimized: true }) }), _jsxs("div", { children: [_jsx("h4", { className: "font-bold text-slate-900 mt-2", children: program.mentorName }), _jsx("p", { className: "text-xs font-medium text-blue-600 uppercase tracking-widest", children: "Lead Mentor" })] })] }), _jsxs("div", { className: "flex-1 space-y-6", children: [_jsxs("div", { className: "flex flex-col md:flex-row justify-between items-start gap-4", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [_jsx("span", { className: cn("px-2 py-0.5 rounded-full text-[10px] font-black uppercase tracking-widest", isExpired ? "bg-slate-100 text-slate-500" : "bg-blue-100 text-blue-700"), children: isExpired ? 'Completed' : 'Active Program' }), !isExpired && daysRemaining <= 7 && (_jsxs("span", { className: "flex items-center gap-1 text-orange-600 text-[10px] font-bold", children: [_jsx(AlertCircle, { className: "w-3 h-3" }), " Expiers Soon"] }))] }), _jsx("h3", { className: "text-2xl font-black text-slate-900", children: program.name })] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-xs font-bold text-slate-400 uppercase tracking-widest mb-1", children: "Expires On" }), _jsx("p", { className: cn("font-mono font-bold", isExpired ? "text-slate-400" : "text-slate-900"), children: new Date(program.expiryDate).toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' }) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex justify-between items-end text-sm", children: [_jsx("span", { className: "font-bold text-slate-600", children: "Session Progress" }), _jsxs("span", { className: "font-mono font-black text-slate-900", children: [program.sessionsCompleted, "/", program.sessionsTotal, " ", _jsx("span", { className: "text-slate-400 font-medium text-xs", children: "SESSIONS" })] })] }), _jsx("div", { className: "w-full h-3 bg-slate-100 rounded-full overflow-hidden", children: _jsx(motion.div, { initial: { width: 0 }, animate: { width: `${progress}%` }, transition: { duration: 1, ease: "easeOut" }, className: cn("h-full rounded-full transition-all", isExpired ? "bg-slate-300" : "bg-gradient-to-r from-blue-500 to-indigo-600") }) })] }), _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4 pt-4 border-t border-slate-50", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-10 h-10 rounded-xl bg-slate-50 flex items-center justify-center text-slate-400", children: _jsx(Calendar, { className: "w-5 h-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-slate-400", children: "Next Session" }), _jsx("p", { className: "text-sm font-bold text-slate-700", children: program.nextSessionDate || 'TBD' })] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-10 h-10 rounded-xl bg-slate-50 flex items-center justify-center text-slate-400", children: _jsx(MessageSquare, { className: "w-5 h-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-slate-400", children: "Messages" }), _jsx("p", { className: "text-sm font-bold text-slate-700", children: "12 New" })] })] }), _jsxs("div", { className: "flex items-center gap-3 hidden md:flex", children: [_jsx("div", { className: "w-10 h-10 rounded-xl bg-slate-50 flex items-center justify-center text-slate-400", children: _jsx(Clock, { className: "w-5 h-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-slate-400", children: "Enrollment" }), _jsx("p", { className: "text-sm font-bold text-slate-700", children: daysRemaining > 0 ? `${daysRemaining} days left` : 'Expired' })] })] })] })] })] }) }), _jsxs("div", { className: "bg-slate-50/50 border-t border-slate-100 px-8 py-4 flex flex-col sm:flex-row justify-between items-center gap-4", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("button", { className: "text-sm font-bold text-slate-500 hover:text-slate-900 transition-colors flex items-center gap-2", children: [_jsx(Video, { className: "w-4 h-4" }), " Room Link"] }), _jsx("div", { className: "w-[1px] h-4 bg-slate-200" }), _jsxs("button", { className: "text-sm font-bold text-slate-500 hover:text-slate-900 transition-colors flex items-center gap-2", children: [_jsx(ExternalLink, { className: "w-4 h-4" }), " Resources"] })] }), _jsxs("div", { className: "flex gap-3 w-full sm:w-auto", children: [_jsx(Button, { variant: "outline", className: "flex-1 sm:flex-none rounded-full px-6 font-bold h-11 border-slate-200", children: "Manage Schedule" }), _jsx(Button, { className: "flex-1 sm:flex-none rounded-full px-8 font-bold h-11 bg-black text-white hover:bg-slate-800 shadow-lg shadow-black/10", children: "Enter Session" })] })] })] }, program.id));
+        }) }));
+}

package/dist/components/ui/address-selector.d.ts

@@ -0,0 +1,11 @@
+import { Address } from '../../lib/services/customer.service';
+interface AddressSelectorProps {
+    addresses: Address[];
+    selectedAddressId: string | null;
+    onSelect: (addressId: string | null) => void;
+    isLoading?: boolean;
+    isAuthenticated: boolean;
+}
+export declare function AddressSelector({ addresses, selectedAddressId, onSelect, isLoading, isAuthenticated, }: AddressSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=address-selector.d.ts.map

package/dist/components/ui/address-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-selector.d.ts","sourceRoot":"","sources":["../../../src/components/ui/address-selector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAI1D,UAAU,oBAAoB;IAC5B,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,SAAiB,EACjB,eAAe,GAChB,EAAE,oBAAoB,2CA4EtB"}

package/dist/components/ui/address-selector.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MapPin, Check } from 'lucide-react';
+export function AddressSelector({ addresses, selectedAddressId, onSelect, isLoading = false, isAuthenticated, }) {
+    if (!isAuthenticated) {
+        return null;
+    }
+    const formatAddress = (address) => {
+        const parts = [
+            address.address1,
+            address.address2,
+            `${address.city}, ${address.state} ${address.zipCode}`,
+            address.country,
+        ].filter(Boolean);
+        return parts.join(', ');
+    };
+    if (isLoading) {
+        return (_jsx("div", { className: "mb-6 p-4 bg-gray-50 rounded-xl border border-gray-200", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-5 h-5 border-2 border-gray-300 border-t-black rounded-full animate-spin" }), _jsx("span", { className: "text-sm font-medium text-gray-600", children: "Loading addresses..." })] }) }));
+    }
+    return (_jsxs("div", { className: "mb-6 space-y-3", children: [_jsx("label", { className: "text-sm font-bold text-gray-700 ml-1 block", children: "Select or Add Address" }), _jsxs("div", { className: "space-y-2", children: [addresses.length > 0 && (_jsxs("select", { value: selectedAddressId || '', onChange: (e) => onSelect(e.target.value || null), className: "w-full px-5 py-3.5 bg-white border-2 border-gray-100 rounded-xl focus:outline-none focus:ring-0 focus:border-black transition-all font-medium text-gray-900", children: [_jsx("option", { value: "", children: "Add new address" }), addresses.map((address) => (_jsxs("option", { value: address.id, children: [address.label ? `${address.label} - ` : '', formatAddress(address), address.isDefault ? ' (Default)' : ''] }, address.id)))] })), selectedAddressId && (_jsx("div", { className: "p-4 bg-green-50 border-2 border-green-200 rounded-xl", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Check, { className: "w-5 h-5 text-green-600 mt-0.5 flex-shrink-0" }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "text-sm font-bold text-green-900 mb-1", children: addresses.find(a => a.id === selectedAddressId)?.label || 'Selected Address' }), _jsx("p", { className: "text-sm text-green-700", children: formatAddress(addresses.find(a => a.id === selectedAddressId)) })] })] }) })), addresses.length === 0 && (_jsx("div", { className: "p-4 bg-blue-50 border-2 border-blue-200 rounded-xl", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(MapPin, { className: "w-5 h-5 text-blue-600" }), _jsx("p", { className: "text-sm font-medium text-blue-900", children: "No saved addresses. Fill in the form below to add one." })] }) }))] })] }));
+}

package/dist/components/ui/avatar-image.d.ts

@@ -0,0 +1,11 @@
+interface AvatarImageProps {
+    src?: string | null;
+    alt?: string;
+    size?: number;
+    className?: string;
+    fallbackIcon?: React.ReactNode;
+    fill?: boolean;
+}
+export declare function AvatarImage({ src, alt, size, className, fallbackIcon, fill, }: AvatarImageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=avatar-image.d.ts.map

package/dist/components/ui/avatar-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-image.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar-image.tsx"],"names":[],"mappings":"AAMA,UAAU,gBAAgB;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,GAAe,EACf,IAAS,EACT,SAAS,EACT,YAAY,EACZ,IAAY,GACb,EAAE,gBAAgB,2CAwElB"}

package/dist/components/ui/avatar-image.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { User } from 'lucide-react';
+import { cn } from '../../lib/utils';
+export function AvatarImage({ src, alt = 'Profile', size = 40, className, fallbackIcon, fill = false, }) {
+    const [imageError, setImageError] = useState(false);
+    const [imageLoaded, setImageLoaded] = useState(false);
+    const imageRef = useRef(null);
+    const prevSrcRef = useRef(src);
+    // Reset error and loading state when src changes
+    useEffect(() => {
+        const currentSrcValue = typeof src === 'string' && src.trim() ? src : undefined;
+        const hasChanged = currentSrcValue !== prevSrcRef.current;
+        if (hasChanged) {
+            setImageError(false);
+            setImageLoaded(false);
+            prevSrcRef.current = currentSrcValue;
+            // Reset image ref to force reload
+            if (imageRef.current) {
+                imageRef.current.src = '';
+            }
+        }
+    }, [src]);
+    const handleLoad = () => {
+        setImageLoaded(true);
+        setImageError(false);
+    };
+    const handleError = () => {
+        console.warn('[AvatarImage] Image failed to load:', { src, alt });
+        setImageError(true);
+        setImageLoaded(false);
+    };
+    // If no src or error occurred, show fallback
+    if (!src || imageError) {
+        return (_jsx("div", { className: cn('flex items-center justify-center bg-gradient-to-br from-gray-100 to-gray-200 text-gray-400 rounded-full', className), style: fill ? undefined : { width: size, height: size }, children: fallbackIcon || _jsx(User, { className: "text-gray-400", style: { width: `${size / 2}px`, height: `${size / 2}px` } }) }));
+    }
+    return (_jsxs("div", { className: cn('relative overflow-hidden rounded-full', className), style: fill ? undefined : { width: size, height: size }, children: [!imageLoaded && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-gray-100 to-gray-200 z-10", children: _jsx(User, { className: "text-gray-400 animate-pulse", style: { width: `${size / 2}px`, height: `${size / 2}px` } }) })), _jsx("img", { ref: imageRef, src: src, alt: alt, className: cn('object-cover transition-opacity duration-200 rounded-full', imageLoaded ? 'opacity-100' : 'opacity-0', fill ? 'w-full h-full' : ''), style: fill ? undefined : { width: size, height: size }, onLoad: handleLoad, onError: handleError, loading: "lazy" })] }));
+}

package/dist/components/ui/background-patterns.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export declare const DotPattern: ({ className, width, height, cx, cy, cr, color }: {
+    className?: string;
+    width?: number;
+    height?: number;
+    cx?: number;
+    cy?: number;
+    cr?: number;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const GridPattern: ({ className, width, height, strokeDasharray, stroke }: {
+    className?: string;
+    width?: number;
+    height?: number;
+    strokeDasharray?: string;
+    stroke?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const WavePattern: ({ className, color }: {
+    className?: string;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CircleBlur: ({ className, color, style }: {
+    className?: string;
+    color?: string;
+    style?: React.CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=background-patterns.d.ts.map

package/dist/components/ui/background-patterns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"background-patterns.d.ts","sourceRoot":"","sources":["../../../src/components/ui/background-patterns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,UAAU,GAAI;;;;;;;;CAAsF,4CAqBhH,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI;;;;;;CAAsF,4CA2BjH,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI;;;CAAqC,4CAahE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,6BAA+D;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAAE,4CAK5J,CAAC"}

package/dist/components/ui/background-patterns.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DotPattern = ({ className = "", width = 20, height = 20, cx = 1, cy = 1, cr = 1, color = "#CBD5E1" }) => (_jsxs("svg", { className: className, width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("defs", { children: _jsx("pattern", { id: "dot-pattern", x: "0", y: "0", width: width, height: height, patternUnits: "userSpaceOnUse", children: _jsx("circle", { cx: cx, cy: cy, r: cr, fill: color }) }) }), _jsx("rect", { width: "100%", height: "100%", fill: "url(#dot-pattern)" })] }));
+export const GridPattern = ({ className = "", width = 40, height = 40, strokeDasharray = "0", stroke = "#E2E8F0" }) => (_jsxs("svg", { className: className, width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("defs", { children: _jsx("pattern", { id: "grid-pattern", x: "0", y: "0", width: width, height: height, patternUnits: "userSpaceOnUse", children: _jsx("path", { d: `M ${width} 0 L 0 0 0 ${height}`, fill: "none", stroke: stroke, strokeWidth: "1", strokeDasharray: strokeDasharray }) }) }), _jsx("rect", { width: "100%", height: "100%", fill: "url(#grid-pattern)" })] }));
+export const WavePattern = ({ className = "", color = "#F1F5F9" }) => (_jsx("svg", { className: className, viewBox: "0 0 1440 320", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "none", children: _jsx("path", { fill: color, fillOpacity: "1", d: "M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,112C672,96,768,96,864,112C960,128,1056,160,1152,160C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z" }) }));
+export const CircleBlur = ({ className = "", color = "rgba(99, 102, 241, 0.15)", style }) => (_jsx("div", { className: `absolute rounded-full filter blur-3xl ${className}`, style: { backgroundColor: color, ...style } }));

package/dist/components/ui/badge.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: {
+    variant?: "default" | "destructive" | "outline" | "secondary";
+} & import("class-variance-authority/dist/types").ClassProp) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/ui/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;sEAkBlB,CAAA;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAI1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/badge.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+            outline: "text-foreground",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Badge({ className, variant, ...props }) {
+    return (_jsx("div", { className: cn(badgeVariants({ variant }), className), ...props }));
+}
+export { Badge, badgeVariants };

package/dist/components/ui/breadcrumbs.d.ts

@@ -0,0 +1,11 @@
+interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+interface BreadcrumbsProps {
+    items: BreadcrumbItem[];
+    variant?: 'default' | 'light';
+}
+export declare function Breadcrumbs({ items, variant }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/components/ui/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/breadcrumbs.tsx"],"names":[],"mappings":"AAKA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC/B;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,OAAmB,EAAE,EAAE,gBAAgB,2CAwB3E"}

package/dist/components/ui/breadcrumbs.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { ChevronRight } from 'lucide-react';
+export function Breadcrumbs({ items, variant = 'default' }) {
+    const isLight = variant === 'light';
+    return (_jsx("nav", { className: `flex items-center space-x-2 text-sm ${isLight ? 'text-white' : 'text-gray-600'} ${variant === 'default' ? 'mb-6' : ''}`, children: items.map((item, index) => (_jsxs("div", { className: "flex items-center space-x-2", children: [index > 0 && _jsx(ChevronRight, { className: `h-4 w-4 ${isLight ? 'text-white/70' : 'text-gray-400'}` }), item.href && index < items.length - 1 ? (_jsx(Link, { href: item.href, className: `transition-colors ${isLight ? 'hover:text-white/90 text-white' : 'hover:text-gray-900'}`, children: item.label })) : (_jsx("span", { className: index === items.length - 1 ? `${isLight ? 'text-white font-medium' : 'text-gray-900 font-medium'}` : '', children: item.label }))] }, index))) }));
+}