@appcorp/shadcn 1.1.89 → 1.1.91

package/components/enhanced-dropzone.js

@@ -72,8 +72,8 @@ var EnhancedDropzone = function (_a) {
     var _f = (0, react_1.useState)(false), resizeDialogOpen = _f[0], setResizeDialogOpen = _f[1];
     var _g = (0, react_1.useState)(null), pendingFile = _g[0], setPendingFile = _g[1];
     var _h = (0, react_1.useState)(""), pendingFileUrl = _h[0], setPendingFileUrl = _h[1];
-    // Create object URLs for local files synchronously to avoid loading state
-    var createObjectURLs = (0, react_1.useCallback)(function () {
+    // Create and manage object URLs for local files
+    (0, react_1.useEffect)(function () {
         var map = localPreviewsRef.current;
         // Create URLs for new files
         localFiles.forEach(function (file) {
@@ -97,8 +97,6 @@ var EnhancedDropzone = function (_a) {
             }
         });
     }, [localFiles]);
-    // Run synchronously on every render to avoid "loading" flash
-    createObjectURLs();
     // Cleanup on unmount
     (0, react_1.useEffect)(function () {
         var map = localPreviewsRef.current;
@@ -111,15 +109,38 @@ var EnhancedDropzone = function (_a) {
     }, []);
     // Cleanup pending file URL when dialog closes
     (0, react_1.useEffect)(function () {
-        if (!resizeDialogOpen && pendingFileUrl) {
-            URL.revokeObjectURL(pendingFileUrl);
-            setPendingFileUrl("");
-            setPendingFile(null);
+        return function () {
+            if (pendingFileUrl) {
+                URL.revokeObjectURL(pendingFileUrl);
+            }
+        };
+    }, [pendingFileUrl]);
+    // Check if accept includes image types
+    var isImageOnly = react_1.default.useMemo(function () {
+        if (!accept)
+            return false;
+        var acceptTypes = Array.isArray(accept)
+            ? accept
+            : Object.keys(accept || {});
+        return acceptTypes.some(function (type) { return typeof type === "string" && type.toLowerCase().includes("image"); });
+    }, [accept]);
+    // Convert accept array to react-dropzone format if needed
+    var normalizedAccept = react_1.default.useMemo(function () {
+        if (!accept)
+            return undefined;
+        if (Array.isArray(accept)) {
+            // Convert string array like ['image/*'] to object format { 'image/*': [] }
+            return accept.reduce(function (acc, type) {
+                acc[type] = [];
+                return acc;
+            }, {});
         }
-    }, [resizeDialogOpen, pendingFileUrl]);
-    var dropzoneOptions = {
+        // Already in object format
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        accept: (Array.isArray(accept) ? undefined : accept) || undefined,
+        return accept;
+    }, [accept]);
+    var dropzoneOptions = {
+        accept: normalizedAccept,
         maxFiles: maxFiles,
         maxSize: maxSize,
         minSize: minSize,
@@ -169,6 +190,9 @@ var EnhancedDropzone = function (_a) {
     // Handle resize dialog close
     var handleResizeDialogClose = (0, react_1.useCallback)(function () {
         setResizeDialogOpen(false);
+        // Cleanup will happen via the pendingFileUrl useEffect
+        setPendingFileUrl("");
+        setPendingFile(null);
     }, []);
     // Get all preview URLs (remote + local)
     var allPreviews = __spreadArray(__spreadArray([], value.map(function (url) { return ({ type: "remote", url: url, index: 0 }); }), true), localFiles.map(function (file, index) { return ({
@@ -176,11 +200,36 @@ var EnhancedDropzone = function (_a) {
         url: localPreviewsRef.current.get(file) || "",
         index: index,
     }); }), true);
-    return (react_1.default.createElement("div", { className: (0, utils_1.cn)("w-full", className), "data-testid": testIdDropzone },
+    // Format bytes to human-readable size
+    var formatBytes = function (bytes) {
+        if (bytes === 0)
+            return "0 B";
+        var k = 1024;
+        var sizes = ["B", "KB", "MB", "GB"];
+        var i = Math.floor(Math.log(bytes) / Math.log(k));
+        return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + " " + sizes[i];
+    };
+    // Build constraint text for the note
+    var getConstraintText = function () {
+        var constraints = [];
+        if (maxFiles && maxFiles > 1) {
+            constraints.push("Up to ".concat(maxFiles, " files"));
+        }
+        if (minSize || maxSize) {
+            var sizes = [];
+            if (minSize)
+                sizes.push("min ".concat(formatBytes(minSize)));
+            if (maxSize)
+                sizes.push("max ".concat(formatBytes(maxSize)));
+            constraints.push("".concat(sizes.join(", ")));
+        }
+        return constraints.join(" • ");
+    };
+    return (react_1.default.createElement("div", { className: (0, utils_1.cn)("w-full", className), "data-slot": "enhanced-dropzone", "data-testid": testIdDropzone },
         label && (react_1.default.createElement("label", { className: "mb-2 block text-sm font-medium" }, label)),
-        react_1.default.createElement("div", __assign({}, getRootProps(), { className: (0, utils_1.cn)("relative w-full rounded-md border border-dashed p-6 text-center min-h-[280px] flex items-center justify-center", isDragActive && "ring-2 ring-ring ring-offset-2", disabled && "opacity-60 pointer-events-none") }),
+        react_1.default.createElement("div", __assign({}, getRootProps(), { className: (0, utils_1.cn)("relative w-full rounded-md border border-dashed p-6 text-center min-h-70 flex items-center justify-center", isDragActive && "ring-2 ring-ring ring-offset-2", disabled && "opacity-60 pointer-events-none") }),
             react_1.default.createElement("input", __assign({}, getInputProps(), { id: id, "data-testid": testIdInput })),
-            allPreviews.length > 0 ? (react_1.default.createElement("div", { className: "flex flex-col items-center w-full" },
+            isImageOnly && allPreviews.length > 0 ? (react_1.default.createElement("div", { className: "flex flex-col items-center w-full" },
                 react_1.default.createElement("div", { className: "relative w-full max-w-md" },
                     react_1.default.createElement(carousel_1.Carousel, { className: "w-full" },
                         react_1.default.createElement(carousel_1.CarouselPrevious, { type: "button", onClick: function (e) { return e.stopPropagation(); }, onPointerDown: function (e) { return e.stopPropagation(); }, onMouseDown: function (e) { return e.stopPropagation(); }, "data-testid": testIdPrev }),
@@ -204,6 +253,31 @@ var EnhancedDropzone = function (_a) {
                     " image",
                     allPreviews.length !== 1 ? "s" : "",
                     " ",
+                    "selected"))) : !isImageOnly && allPreviews.length > 0 ? (react_1.default.createElement("div", { className: "flex flex-col items-center w-full gap-4" },
+                react_1.default.createElement("div", { className: "w-full max-w-md" },
+                    react_1.default.createElement("div", { className: "space-y-2" }, allPreviews.map(function (preview, idx) {
+                        var _a;
+                        return (react_1.default.createElement("div", { key: "".concat(preview.type, "-").concat(preview.url, "-").concat(idx), "data-testid": "".concat(testIdPreviewPrefix !== null && testIdPreviewPrefix !== void 0 ? testIdPreviewPrefix : "dropzone-preview", "-").concat(idx), className: "flex items-center justify-between gap-3 p-3 rounded-lg border bg-muted/50" },
+                            react_1.default.createElement("span", { className: "text-sm truncate flex-1", "data-testid": "".concat(testIdImagePrefix !== null && testIdImagePrefix !== void 0 ? testIdImagePrefix : "dropzone-image", "-").concat(idx) }, preview.type === "remote"
+                                ? new URL(preview.url).pathname.split("/").pop() ||
+                                    "File"
+                                : ((_a = localFiles[preview.index]) === null || _a === void 0 ? void 0 : _a.name) || "File"),
+                            react_1.default.createElement(button_1.Button, { type: "button", size: "icon", variant: "ghost", onClick: function (e) {
+                                    e.stopPropagation();
+                                    if (preview.type === "remote") {
+                                        handleRemoveRemote(preview.url);
+                                    }
+                                    else {
+                                        handleRemoveLocal(preview.index);
+                                    }
+                                }, className: "h-8 w-8 shrink-0", "aria-label": "Remove file", "data-testid": "".concat(testIdRemovePrefix !== null && testIdRemovePrefix !== void 0 ? testIdRemovePrefix : "dropzone-remove", "-").concat(idx) },
+                                react_1.default.createElement(lucide_react_1.XIcon, { className: "h-4 w-4" }))));
+                    }))),
+                react_1.default.createElement("p", { className: "text-sm font-medium text-muted-foreground", "data-testid": testIdCount },
+                    allPreviews.length,
+                    " file",
+                    allPreviews.length !== 1 ? "s" : "",
+                    " ",
                     "selected"))) : (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center gap-2" },
                 react_1.default.createElement("div", { className: "flex h-12 w-12 items-center justify-center rounded-lg bg-muted text-muted-foreground", "data-testid": testIdEmptyIcon },
                     react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-image" },
@@ -211,14 +285,11 @@ var EnhancedDropzone = function (_a) {
                         react_1.default.createElement("circle", { cx: "9", cy: "9", r: "2" }),
                         react_1.default.createElement("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }))),
                 react_1.default.createElement("div", { className: "space-y-1 text-center" },
-                    react_1.default.createElement("p", { className: "font-medium text-sm", "data-testid": testIdEmptyTitle },
-                        "Upload ",
-                        maxFiles === 1 ? "an image" : "images"),
+                    react_1.default.createElement("p", { className: "font-medium text-sm", "data-testid": testIdEmptyTitle }, maxFiles === 1
+                        ? "Upload ".concat(isImageOnly ? "an image" : "a file")
+                        : "Upload ".concat(isImageOnly ? "images" : "files")),
                     react_1.default.createElement("p", { className: "text-muted-foreground text-xs", "data-testid": testIdEmptySubtitle }, "Drag and drop or click to browse"),
-                    maxFiles > 1 && (react_1.default.createElement("p", { className: "text-muted-foreground text-xs", "data-testid": testIdEmptyNote },
-                        "Up to ",
-                        maxFiles,
-                        " files")))))),
+                    (maxFiles > 1 || minSize || maxSize) && (react_1.default.createElement("p", { className: "text-muted-foreground text-xs", "data-testid": testIdEmptyNote }, getConstraintText())))))),
         (error || info) && (react_1.default.createElement("div", { className: "mt-2", "data-testid": testIdMessage }, error ? (react_1.default.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (react_1.default.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null)),
         resize && pendingFile && (react_1.default.createElement(image_resize_dialog_1.ImageResizeDialog, { open: resizeDialogOpen, onClose: handleResizeDialogClose, imageUrl: pendingFileUrl, onCropComplete: handleCropComplete, fileName: pendingFile.name }))));
 };

package/components/ui/resizable.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import * as ResizablePrimitive from "react-resizable-panels";
 declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React.JSX.Element;
-declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement | HTMLButtonElement | HTMLDivElement | HTMLFormElement | HTMLInputElement | HTMLObjectElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLSpanElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement | HTMLButtonElement | HTMLObjectElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLInputElement | HTMLSpanElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/shadcn",
-  "version": "1.1.89",
+  "version": "1.1.91",
   "scripts": {
     "build:next": "next build",
     "build:storybook": "mv ../.pnp.cjs ../.pnp.cjs.bak 2>/dev/null || true && storybook build -c .storybook -o .out && mv ../.pnp.cjs.bak ../.pnp.cjs 2>/dev/null || true",

package/templates/data/edupilotpro-v1.d.ts

@@ -0,0 +1,33 @@
+export interface DashboardMockupProps {
+    domain: string;
+    enrollmentHeading: string;
+    enrollmentList: {
+        name: string;
+        class: string;
+        status: string;
+    }[];
+    items: {
+        icon: React.ElementType;
+        label: string;
+        active: boolean;
+    }[];
+    schoolName: string;
+    stats: {
+        label: string;
+        value: string;
+        color: string;
+    }[];
+}
+export declare const dashboardMockupMenuList: DashboardMockupProps;
+export interface FeatureCardsProps {
+    items: {
+        icon: React.ElementType;
+        title: string;
+        description: string;
+        highlights: string[];
+        href: string;
+        accent: string;
+        bg: string;
+    }[];
+}
+export declare const featureCards: FeatureCardsProps;

package/templates/data/edupilotpro-v1.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.featureCards = exports.dashboardMockupMenuList = void 0;
+var lucide_react_1 = require("lucide-react");
+exports.dashboardMockupMenuList = {
+    domain: "subdomain.edupilotpro.com",
+    items: [
+        { icon: lucide_react_1.LayoutDashboard, label: "Dashboard", active: true },
+        { icon: lucide_react_1.Users, label: "Students", active: false },
+        { icon: lucide_react_1.BookOpen, label: "Courses", active: false },
+        { icon: lucide_react_1.Calendar, label: "Attendance", active: false },
+        { icon: lucide_react_1.Receipt, label: "Finance", active: false },
+        { icon: lucide_react_1.BarChart3, label: "Analytics", active: false },
+    ],
+    schoolName: "Greenwood Academy",
+    stats: [
+        { label: "Students", value: "412", color: "text-blue-600" },
+        { label: "Teachers", value: "34", color: "text-purple-600" },
+        { label: "Attendance", value: "97%", color: "text-green-700" },
+        { label: "Fees Due", value: "$4.2k", color: "text-rose-600" },
+    ],
+    enrollmentHeading: "Recent Enrollments",
+    enrollmentList: [
+        { name: "Aisha Patel", class: "Grade 7A", status: "Active" },
+        { name: "Omar Faruk", class: "Grade 5B", status: "Active" },
+        { name: "Lena Müller", class: "Grade 9C", status: "Pending" },
+    ],
+};
+exports.featureCards = {
+    items: [
+        {
+            icon: lucide_react_1.Users,
+            title: "AI Admission Assistant",
+            description: "Automate your entire admissions pipeline. The AI Admission Assistant captures enquiries, collects documents, and moves students from application to enrolled — with no manual follow-up from your team.",
+            highlights: [
+                "Digital admission forms & document collection",
+                "AI-guided enrolment workflows",
+                "Family portal with sibling linking",
+                "Searchable student & family database",
+            ],
+            accent: "text-blue-700",
+            bg: "bg-blue-50 dark:bg-blue-950/30",
+            href: "/features/student-family",
+        },
+        {
+            icon: lucide_react_1.BookOpen,
+            title: "Academic Structure Engine",
+            description: "Configure your school's full academic hierarchy — year groups, sections, subjects, courses — once. Every module (attendance, grades, timetables) inherits this structure automatically.",
+            highlights: [
+                "Multi-level class & section hierarchy",
+                "Subject catalogue & course management",
+                "Teacher assignments & academic year config",
+                "Supports all curriculum frameworks",
+            ],
+            accent: "text-purple-700",
+            bg: "bg-purple-50 dark:bg-purple-950/30",
+            href: "/features/academic-structure",
+        },
+        {
+            icon: lucide_react_1.Calendar,
+            title: "AI Attendance Assistant",
+            description: "Teachers mark an entire class present in one tap. The AI Attendance Assistant records every entry, detects chronic absence patterns, and automatically notifies parents — all without lifting a finger.",
+            highlights: [
+                "One-tap bulk attendance marking",
+                "AI-powered absence pattern detection",
+                "Instant automated parent notifications",
+                "Conflict-free visual timetable builder",
+            ],
+            accent: "text-green-700",
+            bg: "bg-green-50 dark:bg-green-950/30",
+            href: "/features/attendance-schedules",
+        },
+        {
+            icon: lucide_react_1.BarChart3,
+            title: "AI Reporting Assistant",
+            description: "From test scores to polished report cards in one click. The AI Reporting Assistant calculates GPA, ranks students, flags underperformers, and generates print-ready PDFs at the end of every term.",
+            highlights: [
+                "Automatic GPA & class rank calculation",
+                "AI-flagged underperformance alerts",
+                "One-click PDF report card generation",
+                "Multi-term performance trend analytics",
+            ],
+            accent: "text-orange-700",
+            bg: "bg-orange-50 dark:bg-orange-950/30",
+            href: "/features/grades-assessments",
+        },
+        {
+            icon: lucide_react_1.CreditCard,
+            title: "AI Fee Reminder Automation",
+            description: "Build your fee structures once. EduPilotPro auto-generates invoices every term, sends escalating payment reminders automatically, and keeps your outstanding fee dashboard updated in real time.",
+            highlights: [
+                "Automated termly invoice generation",
+                "AI fee reminder sequences to parents",
+                "Real-time outstanding balance tracking",
+                "Discount, scholarship & exemption management",
+            ],
+            accent: "text-rose-700",
+            bg: "bg-rose-50 dark:bg-rose-950/30",
+            href: "/features/financial-management",
+        },
+        {
+            icon: lucide_react_1.Shield,
+            title: "Smart Role-Based Access",
+            description: "Every staff member, teacher, and parent sees exactly what they need. Five permission levels ensure data is protected, workflows are clean, and nothing leaks between roles.",
+            highlights: [
+                "5-tier role hierarchy (Admin → Parent)",
+                "Staff & workspace user management",
+                "Audit-ready access and activity logs",
+                "Secure, GDPR-compliant authentication",
+            ],
+            accent: "text-teal-700",
+            bg: "bg-teal-50 dark:bg-teal-950/30",
+            href: "/features/access-control",
+        },
+    ],
+};

package/templates/edupilotpro-v1/feature-card.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from "react";
+export interface FeatureCardProps {
+    accent: string;
+    bg: string;
+    description: string;
+    highlights: string[];
+    href: string;
+    Icon: React.ComponentType<{
+        className?: string;
+    }>;
+    title: string;
+}
+export declare const FeatureCard: FC<FeatureCardProps>;

package/templates/edupilotpro-v1/feature-card.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureCard = void 0;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var lucide_react_1 = require("lucide-react");
+var card_1 = require("../../components/ui/card");
+var FeatureCard = function (_a) {
+    var accent = _a.accent, bg = _a.bg, description = _a.description, highlights = _a.highlights, href = _a.href, Icon = _a.Icon, title = _a.title;
+    return (react_1.default.createElement(link_1.default, { key: title, href: href, prefetch: false, className: "group flex" },
+        react_1.default.createElement(card_1.Card, { className: "flex w-full flex-col border-border/60 transition-all hover:shadow-lg hover:border-primary/40" },
+            react_1.default.createElement(card_1.CardHeader, { className: "pb-3" },
+                react_1.default.createElement("div", { className: "mb-4 inline-flex h-11 w-11 items-center justify-center rounded-xl ".concat(bg) },
+                    react_1.default.createElement(Icon, { className: "h-5 w-5 ".concat(accent) })),
+                react_1.default.createElement(card_1.CardTitle, { className: "text-lg" }, title)),
+            react_1.default.createElement(card_1.CardContent, { className: "flex flex-col flex-1 gap-4" },
+                react_1.default.createElement("p", { className: "text-sm text-muted-foreground leading-relaxed" }, description),
+                react_1.default.createElement("ul", { className: "mt-auto space-y-1.5" }, highlights.map(function (h) { return (react_1.default.createElement("li", { key: h, className: "flex items-start gap-2 text-sm text-foreground" },
+                    react_1.default.createElement(lucide_react_1.CheckCircle2, { className: "mt-0.5 h-4 w-4 shrink-0 ".concat(accent) }),
+                    h)); })),
+                react_1.default.createElement("div", { className: "mt-2 flex items-center gap-1 text-xs font-semibold ".concat(accent) },
+                    "Learn more",
+                    react_1.default.createElement(lucide_react_1.ArrowRight, { className: "h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5" }))))));
+};
+exports.FeatureCard = FeatureCard;

package/templates/edupilotpro-v1/mockups/dashboard-mockup.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { DashboardMockupProps } from "../../data/edupilotpro-v1";
+export declare const DashboardMockup: FC<DashboardMockupProps>;

package/templates/edupilotpro-v1/mockups/dashboard-mockup.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DashboardMockup = void 0;
+var react_1 = __importDefault(require("react"));
+var lucide_react_1 = require("lucide-react");
+var DashboardMockup = function (_a) {
+    var domain = _a.domain, enrollmentHeading = _a.enrollmentHeading, enrollmentList = _a.enrollmentList, items = _a.items, schoolName = _a.schoolName, stats = _a.stats;
+    return (react_1.default.createElement("div", { className: "relative mx-auto w-full max-w-3xl" },
+        react_1.default.createElement("div", { className: "absolute inset-0 -z-10 scale-95 blur-3xl opacity-30 bg-gradient-to-br from-primary via-purple-500 to-blue-500 rounded-2xl" }),
+        react_1.default.createElement("div", { className: "rounded-xl border border-border/60 bg-background shadow-2xl overflow-hidden" },
+            react_1.default.createElement("div", { className: "flex items-center gap-2 border-b border-border/60 bg-muted/50 px-4 py-3" },
+                react_1.default.createElement("span", { className: "h-3 w-3 rounded-full bg-red-400" }),
+                react_1.default.createElement("span", { className: "h-3 w-3 rounded-full bg-yellow-400" }),
+                react_1.default.createElement("span", { className: "h-3 w-3 rounded-full bg-green-400" }),
+                react_1.default.createElement("div", { className: "ml-3 flex-1 rounded-md bg-background/70 border border-border/40 px-3 py-1 text-xs text-muted-foreground" }, domain)),
+            react_1.default.createElement("div", { className: "flex h-[340px] sm:h-[380px]" },
+                react_1.default.createElement("div", { className: "hidden w-44 flex-shrink-0 border-r border-border/40 bg-muted/30 p-3 sm:block" },
+                    react_1.default.createElement("div", { className: "mb-4 flex items-center gap-2" },
+                        react_1.default.createElement("span", { className: "flex h-6 w-6 items-center justify-center rounded bg-primary text-primary-foreground" },
+                            react_1.default.createElement(lucide_react_1.GraduationCap, { className: "h-4 w-4" })),
+                        react_1.default.createElement("span", { className: "text-xs font-bold" }, "EduPilotPro")),
+                    items.map(function (_a) {
+                        var Icon = _a.icon, label = _a.label, active = _a.active;
+                        return (react_1.default.createElement("div", { key: label, className: "mb-1 flex items-center gap-2 rounded-md px-2 py-1.5 text-xs ".concat(active
+                                ? "bg-primary/10 text-primary font-semibold"
+                                : "text-muted-foreground") },
+                            react_1.default.createElement(Icon, { className: "h-3.5 w-3.5 shrink-0" }),
+                            label));
+                    })),
+                react_1.default.createElement("div", { className: "flex-1 overflow-hidden p-4" },
+                    react_1.default.createElement("p", { className: "mb-3 text-sm font-semibold text-foreground" },
+                        "Overview \u2014 ",
+                        schoolName),
+                    react_1.default.createElement("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-4" }, stats.map(function (_a) {
+                        var label = _a.label, value = _a.value, color = _a.color;
+                        return (react_1.default.createElement("div", { key: label, className: "rounded-lg border border-border/50 bg-card p-3" },
+                            react_1.default.createElement("p", { className: "text-[10px] text-muted-foreground" }, label),
+                            react_1.default.createElement("p", { className: "text-lg font-bold ".concat(color) }, value)));
+                    })),
+                    react_1.default.createElement("div", { className: "mt-3 rounded-lg border border-border/50 bg-card p-3" },
+                        react_1.default.createElement("p", { className: "mb-2 text-xs font-semibold text-foreground" }, enrollmentHeading),
+                        react_1.default.createElement("div", { className: "space-y-1.5" }, enrollmentList.map(function (_a) {
+                            var name = _a.name, cls = _a.class, status = _a.status;
+                            return (react_1.default.createElement("div", { key: name, className: "flex items-center justify-between text-[10px]" },
+                                react_1.default.createElement("span", { className: "font-medium text-foreground" }, name),
+                                react_1.default.createElement("span", { className: "text-muted-foreground" }, cls),
+                                react_1.default.createElement("span", { className: "rounded-full px-1.5 py-0.5 text-[9px] font-medium ".concat(status === "Active"
+                                        ? "bg-green-100 text-green-700"
+                                        : "bg-yellow-100 text-yellow-700") }, status)));
+                        }))))))));
+};
+exports.DashboardMockup = DashboardMockup;