@appcorp/shadcn 1.1.83 → 1.1.86

package/components/enhanced-slider.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { Slider } from "./ui/slider";
+interface EnhancedSliderProps extends React.ComponentPropsWithoutRef<typeof Slider> {
+    label?: string;
+    info?: string;
+    error?: string;
+    min?: number;
+    max?: number;
+    testIdWrapper?: string;
+    testIdLabel?: string;
+    testIdMessage?: string;
+    testIdError?: string;
+    testIdInfo?: string;
+    testIdSlider?: string;
+    testIdMin?: string;
+    testIdMax?: string;
+}
+declare const EnhancedSlider: React.ForwardRefExoticComponent<EnhancedSliderProps & React.RefAttributes<HTMLSpanElement>>;
+export { EnhancedSlider };

package/components/enhanced-slider.js

@@ -0,0 +1,80 @@
+"use client";
+"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 __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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EnhancedSlider = void 0;
+var React = __importStar(require("react"));
+var utils_1 = require("../lib/utils");
+var enhanced_label_1 = require("./enhanced-label");
+var slider_1 = require("./ui/slider");
+var EnhancedSlider = React.forwardRef(function (_a, ref) {
+    var _b, _c, _d, _e;
+    var className = _a.className, label = _a.label, info = _a.info, error = _a.error, min = _a.min, max = _a.max, testIdWrapper = _a.testIdWrapper, testIdLabel = _a.testIdLabel, testIdMessage = _a.testIdMessage, testIdError = _a.testIdError, testIdInfo = _a.testIdInfo, testIdSlider = _a.testIdSlider, testIdMin = _a.testIdMin, testIdMax = _a.testIdMax, props = __rest(_a, ["className", "label", "info", "error", "min", "max", "testIdWrapper", "testIdLabel", "testIdMessage", "testIdError", "testIdInfo", "testIdSlider", "testIdMin", "testIdMax"]);
+    // Prefer explicit min/max props; fall back to Slider props
+    var sliderMin = (_c = min !== null && min !== void 0 ? min : (_b = props.defaultValue) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : 0;
+    var sliderMax = (_e = max !== null && max !== void 0 ? max : (_d = props.defaultValue) === null || _d === void 0 ? void 0 : _d[1]) !== null && _e !== void 0 ? _e : 100;
+    var sliderElement = (React.createElement(slider_1.Slider, __assign({ ref: ref, className: (0, utils_1.cn)("w-full", className), "data-testid": testIdSlider }, props)));
+    return (React.createElement("div", { className: "w-full space-y-2", "data-testid": testIdWrapper },
+        label && (React.createElement(enhanced_label_1.EnhancedLabel, { "data-testid": testIdLabel, className: "mb-0" }, label)),
+        React.createElement("div", { className: "flex items-center justify-between text-xs text-muted-foreground" },
+            React.createElement("span", { "data-testid": testIdMin }, sliderMin),
+            React.createElement("span", { "data-testid": testIdMax }, sliderMax)),
+        sliderElement,
+        (error || info) && (React.createElement("div", { "data-testid": testIdMessage }, error ? (React.createElement("p", { className: "text-xs text-destructive", "data-testid": testIdError }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400", "data-testid": testIdInfo }, info)) : null))));
+});
+exports.EnhancedSlider = EnhancedSlider;
+EnhancedSlider.displayName = "EnhancedSlider";

package/components/shadcn-io/copy-button/index.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { HTMLMotionProps } from "motion/react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "muted" | null | undefined;
+    variant?: "secondary" | "default" | "destructive" | "outline" | "ghost" | "muted" | null | undefined;
     size?: "default" | "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type CopyButtonProps = Omit<HTMLMotionProps<"button">, "children" | "onCopy"> & VariantProps<typeof buttonVariants> & {

package/components/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    variant?: "secondary" | "default" | "destructive" | "outline" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "secondary" | "default" | "destructive" | "outline" | "ghost" | null | undefined;
     size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/components/ui/slider.js

@@ -65,7 +65,15 @@ var Slider = React.forwardRef(function (_a, ref) {
     return (React.createElement(SliderPrimitive.Root, __assign({ ref: ref, className: (0, utils_1.cn)("relative flex w-full touch-none select-none items-center", className) }, props),
         React.createElement(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20" },
             React.createElement(SliderPrimitive.Range, { className: "absolute h-full bg-primary" })),
-        React.createElement(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })));
+        // Render one thumb per value when used as a range (defaultValue or value is an array)
+        (function () {
+            var values = Array.isArray(props.value)
+                ? props.value
+                : Array.isArray(props.defaultValue)
+                    ? props.defaultValue
+                    : [undefined];
+            return values.map(function (_, i) { return (React.createElement(SliderPrimitive.Thumb, { key: i, className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })); });
+        })()));
 });
 exports.Slider = Slider;
 Slider.displayName = SliderPrimitive.Root.displayName;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/shadcn",
-  "version": "1.1.83",
+  "version": "1.1.86",
   "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",
@@ -32,6 +32,7 @@
   "license": "MIT",
   "devDependencies": {
     "@ai-sdk/react": "^3",
+    "@base-ui/react": "^1.5.0",
     "@commitlint/cli": "^20",
     "@commitlint/config-conventional": "^20",
     "@dnd-kit/core": "^6",
@@ -111,7 +112,7 @@
     "next-themes": "^0",
     "postcss": "^8",
     "prettier": "^3",
-    "radix-ui": "^1",
+    "radix-ui": "^1.4.3",
     "react": "^19",
     "react-day-picker": "^9",
     "react-dom": "^19",

package/templates/appcorp-v1/footer/bottom-bar.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+export interface BottomBarProps {
+    founded: string;
+    year: string;
+}
+export declare const BottomBar: FC<BottomBarProps>;

package/templates/appcorp-v1/footer/bottom-bar.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomBar = void 0;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var BottomBar = function (_a) {
+    var founded = _a.founded, year = _a.year;
+    return (react_1.default.createElement("div", { className: "relative mx-auto max-w-7xl px-6 py-5 md:px-10" },
+        react_1.default.createElement("div", { className: "flex flex-col items-center justify-between gap-3 text-xs text-white/35 sm:flex-row" },
+            react_1.default.createElement("p", null,
+                "\u00A9 ",
+                year,
+                " App Corp Ltd. All rights reserved.",
+                founded ? " Est. ".concat(founded, ".") : ""),
+            react_1.default.createElement("div", { className: "flex flex-wrap items-center gap-x-5 gap-y-1" },
+                react_1.default.createElement(link_1.default, { href: "/privacy", className: "hover:text-white/70 transition-colors" }, "Privacy"),
+                react_1.default.createElement(link_1.default, { href: "/terms", className: "hover:text-white/70 transition-colors" }, "Terms"),
+                react_1.default.createElement(link_1.default, { href: "/contact", className: "hover:text-white/70 transition-colors" }, "Contact"),
+                react_1.default.createElement("span", { className: "hidden sm:inline text-white/20" }, "|"),
+                react_1.default.createElement("span", { className: "hidden sm:inline" }, "Crafted with care in London \uD83C\uDDEC\uD83C\uDDE7")))));
+};
+exports.BottomBar = BottomBar;

package/templates/appcorp-v1/footer/cta.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+export interface CtaProps {
+    href: string;
+    label: string;
+}
+export declare const Cta: FC<CtaProps>;

package/templates/appcorp-v1/footer/cta.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cta = void 0;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var lucide_react_1 = require("lucide-react");
+var Cta = function (_a) {
+    var href = _a.href, label = _a.label;
+    return (react_1.default.createElement("div", { className: "relative border-y border-white/8" },
+        react_1.default.createElement("div", { className: "mx-auto flex max-w-7xl flex-col items-center justify-between gap-5 px-6 py-8 text-center sm:flex-row sm:text-left md:px-10" },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("p", { className: "text-base font-semibold text-white" }, "Ready to build something remarkable?"),
+                react_1.default.createElement("p", { className: "mt-1 text-sm text-white/50" }, "Tell us what you want to ship \u2014 we'll tell you exactly how we'd build it.")),
+            react_1.default.createElement(link_1.default, { href: href, className: "inline-flex shrink-0 items-center gap-2 rounded-full bg-primary px-6 py-2.5 text-sm font-semibold text-primary-foreground shadow-lg transition-all hover:bg-primary/90 hover:shadow-primary/25" },
+                label,
+                react_1.default.createElement(lucide_react_1.ArrowRight, { className: "h-4 w-4" })))));
+};
+exports.Cta = Cta;

package/templates/appcorp-v1/footer/footer-grid.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+import { FooterColumn, SocialLink } from "../../../templates/data/appcorp-v1";
+export interface FooterGridProps {
+    description: string;
+    email: string;
+    location: string;
+    logo: string;
+    name: string;
+    phone: string;
+    socialLinks: SocialLink[];
+    tagline: string;
+    columns: FooterColumn[];
+}
+export declare const FooterGrid: FC<FooterGridProps>;

package/templates/appcorp-v1/footer/footer-grid.js

@@ -0,0 +1,52 @@
+"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.FooterGrid = void 0;
+var react_1 = __importDefault(require("react"));
+var image_1 = __importDefault(require("next/image"));
+var link_1 = __importDefault(require("next/link"));
+var social_button_1 = require("../header/social-button");
+var lucide_react_1 = require("lucide-react");
+var badge_1 = require("../../../components/ui/badge");
+var FooterGrid = function (_a) {
+    var columns = _a.columns, description = _a.description, email = _a.email, location = _a.location, logo = _a.logo, name = _a.name, phone = _a.phone, socialLinks = _a.socialLinks, tagline = _a.tagline;
+    return (react_1.default.createElement("div", { className: "relative mx-auto max-w-7xl px-6 pb-10 pt-16 md:px-10" },
+        react_1.default.createElement("div", { className: "grid gap-12 lg:grid-cols-[1.6fr_repeat(4,1fr)]" },
+            react_1.default.createElement("div", { className: "flex flex-col" },
+                react_1.default.createElement(link_1.default, { href: "/", className: "mb-5 inline-flex items-center gap-2.5", "aria-label": "App Corp home" },
+                    react_1.default.createElement(image_1.default, { alt: "App Corp icon", className: "h-9 w-9", height: 36, src: logo, width: 36 }),
+                    react_1.default.createElement("span", { className: "text-base font-semibold tracking-tight text-white" }, name)),
+                react_1.default.createElement("p", { className: "mb-4 text-sm font-medium leading-snug text-white/80" }, tagline),
+                react_1.default.createElement("p", { className: "mb-7 text-sm leading-relaxed text-white/45" }, description),
+                react_1.default.createElement("div", { className: "mb-7 flex items-center gap-2" }, socialLinks.map(function (s) { return (react_1.default.createElement(social_button_1.SocialButton, __assign({ key: s.label }, s))); })),
+                react_1.default.createElement("div", { className: "space-y-2" },
+                    react_1.default.createElement("a", { href: "mailto:".concat(email), className: "flex items-center gap-2 text-xs text-white/45 transition-colors hover:text-white/80" },
+                        react_1.default.createElement(lucide_react_1.Mail, { className: "h-3.5 w-3.5 shrink-0" }),
+                        email),
+                    phone && (react_1.default.createElement("a", { href: "tel:".concat(phone), className: "flex items-center gap-2 text-xs text-white/45 transition-colors hover:text-white/80" },
+                        react_1.default.createElement(lucide_react_1.Phone, { className: "h-3.5 w-3.5 shrink-0" }),
+                        phone)),
+                    react_1.default.createElement("span", { className: "flex items-center gap-2 text-xs text-white/45" },
+                        react_1.default.createElement(lucide_react_1.MapPin, { className: "h-3.5 w-3.5 shrink-0" }),
+                        location))),
+            columns.slice(0, 4).map(function (col) { return (react_1.default.createElement("div", { key: col.heading },
+                react_1.default.createElement("h3", { className: "mb-5 text-xs font-semibold uppercase tracking-widest text-white/40" }, col.heading),
+                react_1.default.createElement("ul", { className: "space-y-3" }, col.links.map(function (link) { return (react_1.default.createElement("li", { key: link.label },
+                    react_1.default.createElement(link_1.default, { href: link.href, className: "group inline-flex items-center gap-1.5 text-sm text-white/60 transition-colors hover:text-white" },
+                        link.label,
+                        link.badge && (react_1.default.createElement(badge_1.Badge, { className: "h-5 rounded-full bg-emerald-500/15 px-2 py-0 text-[10px] font-semibold text-emerald-400 border-0 whitespace-nowrap" }, link.badge))))); })))); }))));
+};
+exports.FooterGrid = FooterGrid;

package/templates/appcorp-v1/footer/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { FooterProps } from "@/templates/data/appcorp-v1";
+export declare const SiteFooter: FC<FooterProps>;

package/templates/appcorp-v1/footer/index.js

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteFooter = void 0;
+var react_1 = __importDefault(require("react"));
+var bottom_bar_1 = require("./bottom-bar");
+var cta_1 = require("./cta");
+var newsletter_1 = require("./newsletter");
+var stats_1 = require("./stats");
+var footer_grid_1 = require("./footer-grid");
+var SiteFooter = function (_a) {
+    var ctas = _a.ctas, description = _a.description, email = _a.email, columns = _a.columns, founded = _a.founded, location = _a.location, logo = _a.logo, name = _a.name, newsletterBody = _a.newsletterBody, newsletterCta = _a.newsletterCta, newsletterDisclaimer = _a.newsletterDisclaimer, newsletterHeading = _a.newsletterHeading, newsletterPlaceholder = _a.newsletterPlaceholder, phone = _a.phone, socialLinks = _a.socialLinks, stats = _a.stats, tagline = _a.tagline, badges = _a.badges, year = _a.year;
+    return (react_1.default.createElement("footer", { className: "relative overflow-hidden bg-gray-800 text-background" },
+        react_1.default.createElement("div", { "aria-hidden": true, className: "bg-dot-grid pointer-events-none absolute inset-0 opacity-[0.04]" }),
+        react_1.default.createElement("div", { "aria-hidden": true, className: "pointer-events-none absolute -top-40 left-1/4 h-112 w-md rounded-full bg-primary/10 blur-3xl" }),
+        react_1.default.createElement(stats_1.Stats, { footerStats: stats }),
+        react_1.default.createElement(footer_grid_1.FooterGrid, { columns: columns, description: description, email: email, location: location, logo: logo, name: name, phone: phone, socialLinks: socialLinks, tagline: tagline }),
+        react_1.default.createElement(newsletter_1.Newsletter, { newsletterBody: newsletterBody, newsletterCta: newsletterCta, newsletterDisclaimer: newsletterDisclaimer, newsletterHeading: newsletterHeading, newsletterPlaceholder: newsletterPlaceholder, techBadges: badges }),
+        ctas
+            .filter(function (cta) { return cta.enabled; })
+            .sort(function (a, b) { return (a.order || 0) - (b.order || 0); })
+            .map(function (cta) { return (react_1.default.createElement(cta_1.Cta, { key: cta.label, href: cta.href, label: cta.label })); }),
+        react_1.default.createElement(bottom_bar_1.BottomBar, { year: year, founded: founded })));
+};
+exports.SiteFooter = SiteFooter;

package/templates/appcorp-v1/footer/newsletter.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import { TechBadge } from "../../../templates/data/appcorp-v1";
+export interface NewsletterProps {
+    newsletterHeading: string;
+    newsletterBody: string;
+    newsletterPlaceholder: string;
+    newsletterCta: string;
+    newsletterDisclaimer: string;
+    techBadges: TechBadge[];
+}
+export declare const Newsletter: FC<NewsletterProps>;

package/templates/appcorp-v1/footer/newsletter.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.Newsletter = void 0;
+var react_1 = __importDefault(require("react"));
+var lucide_react_1 = require("lucide-react");
+var Newsletter = function (_a) {
+    var newsletterHeading = _a.newsletterHeading, newsletterBody = _a.newsletterBody, newsletterPlaceholder = _a.newsletterPlaceholder, newsletterCta = _a.newsletterCta, newsletterDisclaimer = _a.newsletterDisclaimer, techBadges = _a.techBadges;
+    return (react_1.default.createElement("div", { className: "relative border-y border-white/8" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 py-10 md:px-10" },
+            react_1.default.createElement("div", { className: "grid gap-10 md:grid-cols-2 md:items-center" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("h3", { className: "mb-1 text-base font-semibold text-white" }, newsletterHeading),
+                    react_1.default.createElement("p", { className: "mb-4 text-sm text-white/50" }, newsletterBody),
+                    react_1.default.createElement("form", { onSubmit: function (e) { return e.preventDefault(); }, className: "flex max-w-sm gap-2" },
+                        react_1.default.createElement("input", { type: "email", placeholder: newsletterPlaceholder, className: "flex-1 rounded-full border border-white/10 bg-white/5 px-4 py-2 text-sm text-white placeholder:text-white/30 outline-none focus:border-white/25 focus:ring-0" }),
+                        react_1.default.createElement("button", { type: "submit", className: "rounded-full bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground transition-all hover:bg-primary/90" }, newsletterCta)),
+                    react_1.default.createElement("p", { className: "mt-2 text-xs text-white/25" }, newsletterDisclaimer)),
+                react_1.default.createElement("div", { className: "flex flex-wrap justify-start gap-2 md:justify-end" }, techBadges
+                    .filter(function (badge) { return badge.enabled; })
+                    .sort(function (a, b) { return a.order - b.order; })
+                    .map(function (badge) { return (react_1.default.createElement("span", { key: badge.label, className: "inline-flex items-center gap-1.5 rounded-full border border-white/10 bg-white/5 px-3 py-1.5 text-xs font-medium text-white/60" },
+                    react_1.default.createElement(lucide_react_1.CheckCircle2, { className: "h-3 w-3 text-emerald-400" }),
+                    badge.label)); }))))));
+};
+exports.Newsletter = Newsletter;

package/templates/appcorp-v1/footer/stats.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+import { FooterStat } from "../../../templates/data/appcorp-v1";
+export interface StatsProps {
+    footerStats: FooterStat[];
+}
+export declare const Stats: FC<StatsProps>;

package/templates/appcorp-v1/footer/stats.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stats = void 0;
+var react_1 = __importDefault(require("react"));
+var Stats = function (_a) {
+    var footerStats = _a.footerStats;
+    return (react_1.default.createElement("div", { className: "relative border-b border-white/8" },
+        react_1.default.createElement("div", { className: "mx-auto grid max-w-7xl grid-cols-2 divide-x divide-white/8 px-6 md:grid-cols-4 md:px-10" }, footerStats.map(function (stat) { return (react_1.default.createElement("div", { key: stat.label, className: "flex flex-col items-center py-7 text-center" },
+            react_1.default.createElement("span", { className: "text-2xl font-bold tracking-tight text-white md:text-3xl" }, stat.value),
+            react_1.default.createElement("span", { className: "mt-1 text-xs text-white/50" }, stat.label))); }))));
+};
+exports.Stats = Stats;

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

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { AnnouncementBar as AnnouncementBarProps } from "../../data/appcorp-v1";
+export declare const AnnouncementBar: FC<AnnouncementBarProps>;

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnnouncementBar = void 0;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var AnnouncementBar = function (_a) {
+    var text = _a.text, cta = _a.cta, href = _a.href;
+    return (react_1.default.createElement("div", { className: "fixed left-0 right-0 top-0 z-50 flex items-center justify-center gap-3 bg-foreground px-4 py-2 text-xs text-background/80" },
+        react_1.default.createElement("span", null, text),
+        react_1.default.createElement(link_1.default, { className: "font-semibold text-background underline-offset-2 hover:underline", href: href }, cta)));
+};
+exports.AnnouncementBar = AnnouncementBar;

package/templates/appcorp-v1/header/dropdown-panel.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { NavItem } from "../../data/appcorp-v1";
+interface DropdownPanelProps {
+    item: NavItem;
+    onClose: () => void;
+}
+export declare const DropdownPanel: ({ item, onClose }: DropdownPanelProps) => React.JSX.Element | null;
+export {};

package/templates/appcorp-v1/header/dropdown-panel.js

@@ -0,0 +1,72 @@
+"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.DropdownPanel = void 0;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var badge_1 = require("../../../components/ui/badge");
+var lucide_react_1 = require("lucide-react");
+var Icons = __importStar(require("lucide-react"));
+var DropdownPanel = function (_a) {
+    var item = _a.item, onClose = _a.onClose;
+    if (!item.dropdown)
+        return null;
+    var isWide = item.dropdown.length >= 4;
+    return (react_1.default.createElement("div", { className: "absolute top-full mt-2.5 rounded-2xl border border-border/50 bg-background/98 shadow-xl backdrop-blur-lg\n        ".concat(isWide ? "left-1/2 w-155 -translate-x-1/2" : "left-1/2 w-90 -translate-x-1/2"), style: { zIndex: 100 } },
+        react_1.default.createElement("div", { className: "absolute -top-px left-1/2 h-px w-24 -translate-x-1/2 bg-linear-to-r from-transparent via-primary/60 to-transparent" }),
+        react_1.default.createElement("div", { className: "p-3 ".concat(isWide ? "grid grid-cols-2 gap-1" : "flex flex-col gap-1") }, item.dropdown
+            .filter(function (sub) { return sub.enabled; })
+            .sort(function (a, b) { return a.order - b.order; })
+            .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.5 rounded-xl p-3.5 transition-all duration-150 hover:bg-muted/60" },
+                react_1.default.createElement("span", { className: "mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-primary/8 transition-colors group-hover:bg-primary/14" },
+                    react_1.default.createElement(IconComp, { className: "h-4.5 w-4.5 text-primary" })),
+                react_1.default.createElement("span", { className: "min-w-0" },
+                    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-5 rounded-full bg-emerald-500/15 px-2 py-0 text-[10px] font-semibold text-emerald-600 border-0 whitespace-nowrap" }, sub.badge))),
+                    react_1.default.createElement("span", { className: "mt-0.5 block text-xs leading-relaxed text-muted-foreground" }, sub.description))));
+        })),
+        react_1.default.createElement("div", { className: "border-t border-border/40 px-4 py-3 flex items-center justify-between" },
+            react_1.default.createElement("span", { className: "text-xs text-muted-foreground" }, "Not sure where to start?"),
+            react_1.default.createElement(link_1.default, { href: "/contact-new", onClick: onClose, className: "inline-flex items-center gap-1 text-xs font-medium text-primary hover:underline" },
+                "Talk to us ",
+                react_1.default.createElement(lucide_react_1.ArrowRight, { className: "h-3 w-3" })))));
+};
+exports.DropdownPanel = DropdownPanel;

package/templates/appcorp-v1/header/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { AnnouncementBar as AnnouncementBarProps, Cta, NavItem } from "../../data/appcorp-v1";
+export interface SiteHeaderProps {
+    announcementBar: AnnouncementBarProps;
+    headerCta: Cta[];
+    logo: string;
+    navItems: NavItem[];
+    email: string;
+    phone: string;
+    location: string;
+}
+export declare const SiteHeader: ({ announcementBar, headerCta, logo, navItems, email, phone, location, }: SiteHeaderProps) => React.JSX.Element;

package/templates/appcorp-v1/header/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteHeader = void 0;
+var react_1 = __importDefault(require("react"));
+var announcement_bar_1 = require("./announcement-bar");
+var navigation_bar_1 = require("./navigation-bar");
+var SiteHeader = function (_a) {
+    var announcementBar = _a.announcementBar, headerCta = _a.headerCta, logo = _a.logo, navItems = _a.navItems, email = _a.email, phone = _a.phone, location = _a.location;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(announcement_bar_1.AnnouncementBar, { text: announcementBar.text, cta: announcementBar.cta, href: announcementBar.href }),
+        react_1.default.createElement(navigation_bar_1.NavigationBar, { logo: logo, navItems: navItems, headerCta: headerCta, email: email, phone: phone, location: location })));
+};
+exports.SiteHeader = SiteHeader;

package/templates/appcorp-v1/header/mobile-menu.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Cta, NavItem } from "../../data/appcorp-v1";
+interface MobileMenuProps {
+    announcementVisible?: boolean;
+    headerCta: Cta[];
+    items: NavItem[];
+    logo: string;
+    onClose: () => void;
+    email: string;
+    phone: string;
+    location: string;
+}
+export declare function MobileMenu({ headerCta, items, logo, onClose, email, phone, location, }: MobileMenuProps): React.JSX.Element;
+export {};