@appcorp/shadcn 1.1.83 → 1.1.86

package/templates/appcorp-v1/header/mobile-menu.js

@@ -0,0 +1,101 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileMenu = MobileMenu;
+var lucide_react_1 = require("lucide-react");
+var image_1 = __importDefault(require("next/image"));
+var link_1 = __importDefault(require("next/link"));
+var react_1 = __importStar(require("react"));
+var Icons = __importStar(require("lucide-react"));
+var badge_1 = require("../../../components/ui/badge");
+var button_1 = require("../../../components/ui/button");
+var lucide_react_2 = require("lucide-react");
+function MobileMenu(_a) {
+    var headerCta = _a.headerCta, items = _a.items, logo = _a.logo, onClose = _a.onClose, email = _a.email, phone = _a.phone, location = _a.location;
+    var _b = (0, react_1.useState)(null), openSection = _b[0], setOpenSection = _b[1];
+    var toggle = function (label) {
+        return setOpenSection(function (prev) { return (prev === label ? null : label); });
+    };
+    return (react_1.default.createElement("div", { className: "fixed inset-x-0 bottom-0 z-50 flex flex-col bg-background top-8" },
+        react_1.default.createElement("div", { className: "flex h-16 items-center justify-between border-b border-border/40 px-6" },
+            react_1.default.createElement(link_1.default, { href: "/", onClick: onClose, className: "flex items-center gap-2.5" },
+                react_1.default.createElement(image_1.default, { src: logo, alt: "App Corp icon", width: 32, height: 32, className: "h-8 w-8", priority: true }),
+                react_1.default.createElement("span", { className: "text-base font-semibold tracking-tight text-foreground" }, "App Corp")),
+            react_1.default.createElement("button", { onClick: onClose, "aria-label": "Close menu", className: "flex h-9 w-9 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground" },
+                react_1.default.createElement(lucide_react_1.X, { className: "h-5 w-5" }))),
+        react_1.default.createElement("nav", { className: "flex-1 overflow-y-auto px-4 py-4" }, items.map(function (item) {
+            var isOpen = openSection === item.label;
+            if (item.dropdown) {
+                return (react_1.default.createElement("div", { key: item.label, className: "mb-1" },
+                    react_1.default.createElement("button", { onClick: function () { return toggle(item.label); }, className: "flex w-full items-center justify-between rounded-xl px-4 py-3 text-sm font-medium text-foreground transition-colors hover:bg-muted" },
+                        item.label,
+                        react_1.default.createElement(lucide_react_1.ChevronDown, { className: "h-4 w-4 text-muted-foreground transition-transform duration-200 ".concat(isOpen ? "rotate-180" : "") })),
+                    isOpen && (react_1.default.createElement("div", { className: "mb-2 mt-1 space-y-0.5 pl-2" }, item.dropdown.map(function (sub) {
+                        var IconComp = Icons[sub.icon] || Icons.Circle;
+                        return (react_1.default.createElement(link_1.default, { key: sub.href, href: sub.href, onClick: onClose, className: "group flex items-start gap-3 rounded-xl px-4 py-3 transition-colors hover:bg-muted/60" },
+                            react_1.default.createElement("span", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary/10 transition-colors group-hover:bg-primary/15" },
+                                react_1.default.createElement(IconComp, { className: "h-4 w-4 text-primary" })),
+                            react_1.default.createElement("span", null,
+                                react_1.default.createElement("span", { className: "flex items-center gap-2 text-sm font-medium text-foreground" },
+                                    sub.label,
+                                    sub.badge && (react_1.default.createElement(badge_1.Badge, { className: "h-4 rounded-full bg-emerald-500/15 px-1.5 py-0 text-[10px] font-semibold text-emerald-600 border-0" }, sub.badge))),
+                                react_1.default.createElement("span", { className: "mt-0.5 line-clamp-1 text-xs text-muted-foreground" }, sub.description))));
+                    })))));
+            }
+            return (react_1.default.createElement(link_1.default, { key: item.label, href: item.href, onClick: onClose, className: "flex items-center justify-between rounded-xl px-4 py-3 text-sm font-medium text-foreground transition-colors hover:bg-muted" },
+                item.label,
+                react_1.default.createElement(lucide_react_1.ArrowRight, { className: "h-3.5 w-3.5 text-muted-foreground" })));
+        })),
+        react_1.default.createElement("div", { className: "border-t border-border/40 p-5 space-y-3" },
+            react_1.default.createElement("div", { className: "flex items-center gap-2 text-xs text-muted-foreground" },
+                react_1.default.createElement(lucide_react_2.Mail, { className: "h-3.5 w-3.5 shrink-0" }),
+                react_1.default.createElement("span", null, email)),
+            phone && (react_1.default.createElement("div", { className: "flex items-center gap-2 text-xs text-muted-foreground" },
+                react_1.default.createElement(lucide_react_2.Phone, { className: "h-3.5 w-3.5 shrink-0" }),
+                react_1.default.createElement("span", null, phone))),
+            react_1.default.createElement("div", { className: "flex items-center gap-2 text-xs text-muted-foreground" },
+                react_1.default.createElement(lucide_react_2.MapPin, { className: "h-3.5 w-3.5 shrink-0" }),
+                react_1.default.createElement("span", null, location)),
+            react_1.default.createElement("div", { className: "flex flex-row gap-3 mt-1" }, headerCta
+                .filter(function (cta) { return cta.enabled; })
+                .sort(function (a, b) { return a.order - b.order; })
+                .map(function (cta) {
+                return (react_1.default.createElement(button_1.Button, { asChild: true, className: "flex-1 rounded-full ".concat(cta.type === "primary" ? "bg-primary text-white" : "bg-secondary text-foreground hover:bg-foreground hover:text-background"), key: cta.href, size: "default" },
+                    react_1.default.createElement(link_1.default, { href: cta.href }, cta.label)));
+            })))));
+}

package/templates/appcorp-v1/header/navigation-bar.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { SiteHeaderProps } from ".";
+export declare const NavigationBar: FC<Omit<SiteHeaderProps, "announcementBar">>;

package/templates/appcorp-v1/header/navigation-bar.js

@@ -0,0 +1,117 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationBar = void 0;
+var lucide_react_1 = require("lucide-react");
+var image_1 = __importDefault(require("next/image"));
+var link_1 = __importDefault(require("next/link"));
+var navigation_1 = require("next/navigation");
+var react_1 = __importStar(require("react"));
+var button_1 = require("../../../components/ui/button");
+var dropdown_panel_1 = require("./dropdown-panel");
+var mobile_menu_1 = require("./mobile-menu");
+var NavigationBar = function (_a) {
+    var headerCta = _a.headerCta, logo = _a.logo, navItems = _a.navItems, email = _a.email, phone = _a.phone, location = _a.location;
+    var pathname = (0, navigation_1.usePathname)();
+    var _b = (0, react_1.useState)(false), scrolled = _b[0], setScrolled = _b[1];
+    var _c = (0, react_1.useState)(false), mobileOpen = _c[0], setMobileOpen = _c[1];
+    var _d = (0, react_1.useState)(null), activeDropdown = _d[0], setActiveDropdown = _d[1];
+    var timeoutRef = (0, react_1.useRef)(null);
+    // Scroll detection
+    (0, react_1.useEffect)(function () {
+        var onScroll = function () { return setScrolled(window.scrollY > 20); };
+        window.addEventListener("scroll", onScroll, { passive: true });
+        return function () { return window.removeEventListener("scroll", onScroll); };
+    }, []);
+    // Lock body scroll when mobile menu open
+    (0, react_1.useEffect)(function () {
+        document.body.style.overflow = mobileOpen ? "hidden" : "";
+        return function () {
+            document.body.style.overflow = "";
+        };
+    }, [mobileOpen]);
+    var openDropdown = function (label) {
+        if (timeoutRef.current)
+            clearTimeout(timeoutRef.current);
+        setActiveDropdown(label);
+    };
+    var closeDropdown = function () {
+        timeoutRef.current = setTimeout(function () { return setActiveDropdown(null); }, 150);
+    };
+    var keepOpen = function () {
+        if (timeoutRef.current)
+            clearTimeout(timeoutRef.current);
+    };
+    return (react_1.default.createElement("header", { className: "fixed left-0 right-0 z-40 transition-all duration-300 top-8\n          ".concat(scrolled
+            ? "border-b border-border/40 bg-background/95 shadow-sm backdrop-blur-md"
+            : "bg-transparent") },
+        react_1.default.createElement("div", { className: "relative mx-auto flex h-17 w-full max-w-350 items-center justify-between px-6 md:px-10" },
+            react_1.default.createElement(link_1.default, { href: "/", className: "flex shrink-0 items-center gap-2.5", "aria-label": "App Corp \u2014 home" },
+                react_1.default.createElement(image_1.default, { src: logo, alt: "App Corp icon", width: 32, height: 32, className: "h-8 w-8", priority: true }),
+                react_1.default.createElement("span", { className: "text-base font-semibold tracking-tight text-foreground" }, "App Corp")),
+            react_1.default.createElement("nav", { className: "absolute left-1/2 top-1/2 hidden -translate-x-1/2 -translate-y-1/2 lg:block", "aria-label": "Main navigation" },
+                react_1.default.createElement("ul", { className: "flex items-center gap-1" }, navItems
+                    .filter(function (item) { return item.enabled; })
+                    .sort(function (a, b) { return a.order - b.order; })
+                    .map(function (item) {
+                    var hasDropdown = !!item.dropdown;
+                    var isActive = activeDropdown === item.label;
+                    return (react_1.default.createElement("li", { key: item.label, className: "relative" },
+                        hasDropdown ? (react_1.default.createElement("button", { onMouseEnter: function () { return openDropdown(item.label); }, onMouseLeave: closeDropdown, onFocus: function () { return openDropdown(item.label); }, onBlur: closeDropdown, className: "inline-flex items-center gap-1.5 rounded-xl px-3.5 py-2 text-sm font-medium transition-colors\n                          ".concat(isActive
+                                ? "bg-muted text-foreground"
+                                : "text-muted-foreground hover:bg-muted/70 hover:text-foreground"), "aria-expanded": isActive },
+                            item.label,
+                            react_1.default.createElement(lucide_react_1.ChevronDown, { className: "h-3.5 w-3.5 transition-transform duration-200 ".concat(isActive ? "rotate-180" : "") }))) : (react_1.default.createElement(link_1.default, { href: item.href, className: "inline-flex items-center gap-1.5 rounded-xl px-3.5 py-2 text-sm font-medium transition-colors\n                          ".concat(pathname === item.href
+                                ? "text-foreground bg-muted"
+                                : "text-muted-foreground hover:bg-muted/70 hover:text-foreground") }, item.label)),
+                        hasDropdown && isActive && (react_1.default.createElement("div", { onMouseEnter: keepOpen, onMouseLeave: closeDropdown },
+                            react_1.default.createElement(dropdown_panel_1.DropdownPanel, { item: item, onClose: function () { return setActiveDropdown(null); } })))));
+                }))),
+            react_1.default.createElement("div", { className: "flex shrink-0 items-center gap-3" },
+                headerCta
+                    .filter(function (cta) { return cta.enabled; })
+                    .sort(function (a, b) { return a.order - b.order; })
+                    .map(function (cta) {
+                    return (react_1.default.createElement(button_1.Button, { asChild: true, className: "hidden rounded-full px-5 text-sm shadow-sm transition-all hover:bg-foreground/90 lg:inline-flex ".concat(cta.type === "primary" ? "bg-primary text-white" : "bg-secondary text-foreground hover:bg-foreground hover:text-background"), key: cta.href, size: "default" },
+                        react_1.default.createElement(link_1.default, { href: cta.href }, cta.label)));
+                }),
+                react_1.default.createElement("button", { onClick: function () { return setMobileOpen(true); }, "aria-label": "Open menu", className: "flex h-9 w-9 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground lg:hidden" },
+                    react_1.default.createElement(lucide_react_1.Menu, { className: "h-5 w-5" })),
+                mobileOpen && (react_1.default.createElement(mobile_menu_1.MobileMenu, { items: navItems, onClose: function () { return setMobileOpen(false); }, logo: logo, headerCta: headerCta, email: email, phone: phone, location: location }))))));
+};
+exports.NavigationBar = NavigationBar;

package/templates/appcorp-v1/header/social-button.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+export interface SocialButtonProps {
+    label: string;
+    href: string;
+    icon: string;
+}
+export declare const SocialButton: FC<SocialButtonProps>;

package/templates/appcorp-v1/header/social-button.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SocialButton = void 0;
+var react_1 = __importDefault(require("react"));
+var Icons = __importStar(require("lucide-react"));
+var SocialButton = function (_a) {
+    var label = _a.label, href = _a.href, icon = _a.icon;
+    var IconComp = Icons[icon] || Icons.Globe;
+    return (react_1.default.createElement("a", { "aria-label": label, className: "flex h-9 w-9 items-center justify-center rounded-full border border-white/10 bg-white/5 text-white/60 transition-all hover:border-white/25 hover:bg-white/10 hover:text-white", href: href, rel: "noopener noreferrer", target: "_blank" },
+        react_1.default.createElement(IconComp, { className: "h-4 w-4" })));
+};
+exports.SocialButton = SocialButton;

package/templates/appcorp-v1/home.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { AppCorpV1HomeTemplateProps } from "@/templates/data/appcorp-v1";
+export declare const AppCorpV1HomeTemplate: ({ siteHeader, siteFooter, }: AppCorpV1HomeTemplateProps) => React.JSX.Element;

package/templates/appcorp-v1/home.js

@@ -0,0 +1,27 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppCorpV1HomeTemplate = void 0;
+var react_1 = __importDefault(require("react"));
+var footer_1 = require("./footer");
+var header_1 = require("./header");
+var AppCorpV1HomeTemplate = function (_a) {
+    var siteHeader = _a.siteHeader, siteFooter = _a.siteFooter;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(header_1.SiteHeader, __assign({}, siteHeader)),
+        react_1.default.createElement(footer_1.SiteFooter, __assign({}, siteFooter))));
+};
+exports.AppCorpV1HomeTemplate = AppCorpV1HomeTemplate;

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

@@ -0,0 +1,93 @@
+export type AnnouncementBar = {
+    text: string;
+    cta: string;
+    href: string;
+};
+export interface NavDropdownItem {
+    badge?: string;
+    description: string;
+    enabled: boolean;
+    href: string;
+    icon: string;
+    label: string;
+    order: number;
+}
+export interface NavItem {
+    dropdown?: NavDropdownItem[];
+    enabled: boolean;
+    href?: string;
+    label: string;
+    order: number;
+}
+export interface Cta {
+    href: string;
+    enabled: boolean;
+    label: string;
+    order: number;
+    type: "primary" | "secondary";
+}
+export interface FooterLinkItem {
+    label: string;
+    href: string;
+    badge?: string;
+}
+export interface FooterColumn {
+    heading: string;
+    links: FooterLinkItem[];
+}
+export interface SocialLink {
+    enabled: boolean;
+    href: string;
+    icon: string;
+    label: string;
+    order: number;
+}
+export interface FooterStat {
+    value: string;
+    label: string;
+}
+export interface TechBadge {
+    label: string;
+    enabled: boolean;
+    order: number;
+}
+export interface HeaderProps {
+    navItems: NavItem[];
+    announcementBar: AnnouncementBar;
+    headerCta: Cta[];
+    logo: string;
+    email: string;
+    phone: string;
+    location: string;
+}
+export interface FooterProps {
+    badges: TechBadge[];
+    columns: FooterColumn[];
+    ctas: Cta[];
+    description: string;
+    email: string;
+    founded: string;
+    location: string;
+    logo: string;
+    name: string;
+    newsletterBody: string;
+    newsletterCta: string;
+    newsletterDisclaimer: string;
+    newsletterHeading: string;
+    newsletterPlaceholder: string;
+    phone: string;
+    socialLinks: SocialLink[];
+    stats: FooterStat[];
+    tagline: string;
+    year: string;
+}
+export interface AppCorpV1HomeTemplateProps {
+    siteHeader: HeaderProps;
+    siteFooter: FooterProps;
+}
+export declare const announcementBar: AnnouncementBar;
+export declare const navItems: NavItem[];
+export declare const headerCta: Cta[];
+export declare const header: HeaderProps;
+export declare const footer: FooterProps;
+export declare const homePageData: AppCorpV1HomeTemplateProps;