@mohasinac/appkit 4.53.0 → 4.53.2

package/dist/_internal/server/features/search/data.d.ts

@@ -1,15 +0,0 @@
-import type { SearchQuery } from "../../../../features/search/types";
-/**
- * SSR-compatible search read — deduplicated per request via React.cache().
- * Used by the /search page to pre-render results without a client fetch.
- */
-export declare const getSearchResults: (query: SearchQuery) => Promise<import("../../../..").SearchProductsResult | {
-    items: never[];
-    q: string;
-    total: number;
-    page: number;
-    pageSize: number;
-    totalPages: number;
-    hasMore: boolean;
-    backend: "in-memory";
-}>;

package/dist/_internal/server/features/search/data.js

@@ -1,18 +0,0 @@
-import { cache } from "react";
-import { searchProducts } from "../../../../features/search/actions/search-actions.js";
-/**
- * SSR-compatible search read — deduplicated per request via React.cache().
- * Used by the /search page to pre-render results without a client fetch.
- */
-export const getSearchResults = cache(async (query) => {
-    return searchProducts(query).catch(() => ({
-        items: [],
-        q: query.q ?? "",
-        total: 0,
-        page: 1,
-        pageSize: query.pageSize ?? 20,
-        totalPages: 0,
-        hasMore: false,
-        backend: "in-memory",
-    }));
-});

package/dist/_internal/server/features/search/index.d.ts

@@ -1,3 +0,0 @@
-export { getSearchResults } from "./data";
-export { searchAction } from "./actions";
-export type { SearchQuery } from "../../../../features/search/types";

package/dist/_internal/server/features/search/index.js

@@ -1,2 +0,0 @@
-export { getSearchResults } from "./data.js";
-export { searchAction } from "./actions.js";

package/dist/features/homepage/api/[id]/route.d.ts

@@ -1,23 +0,0 @@
-/**
- * feat-homepage — GET / PATCH / DELETE /api/homepage-sections/[id]
- *
- * Pure stub:
- * ```ts
- * // app/api/homepage-sections/[id]/route.ts
- * export { homepageSectionItemGET as GET, homepageSectionItemPATCH as PATCH, homepageSectionItemDELETE as DELETE }
- * from "@mohasinac/feat-homepage";
- * ```
- */
-import { NextResponse } from "next/server.js";
-export declare function GET(_request: Request, context: {
-    params: Promise<{
-        id: string;
-    }>;
-}): Promise<NextResponse>;
-export { GET as homepageSectionItemGET };
-export declare const homepageSectionItemPATCH: (request: Request, context?: {
-    params: Promise<Record<string, string>>;
-} | undefined) => Promise<Response>;
-export declare const homepageSectionItemDELETE: (request: Request, context?: {
-    params: Promise<Record<string, string>>;
-} | undefined) => Promise<Response>;

package/dist/features/homepage/api/[id]/route.js

@@ -1,103 +0,0 @@
-/**
- * feat-homepage — GET / PATCH / DELETE /api/homepage-sections/[id]
- *
- * Pure stub:
- * ```ts
- * // app/api/homepage-sections/[id]/route.ts
- * export { homepageSectionItemGET as GET, homepageSectionItemPATCH as PATCH, homepageSectionItemDELETE as DELETE }
- * from "@mohasinac/feat-homepage";
- * ```
- */
-import { NextResponse } from "next/server.js";
-import { z } from "zod";
-import { getProviders } from "../../../../contracts/index.js";
-import { createRouteHandler } from "../../../../next/api/routeHandler.js";
-import { normalizeError } from "../../../../errors/normalize.js";
-const ERR_SECTION_NOT_FOUND = "Section not found";
-// ---- GET /api/homepage-sections/[id] ----------------------------------------
-export async function GET(_request, context) {
-    try {
-        const { id } = await context.params;
-        const { db } = getProviders();
-        if (!db) {
-            return NextResponse.json({ success: false, error: "Database provider not registered" }, { status: 503 });
-        }
-        const repo = db.getRepository("homepageSections");
-        const section = await repo.findById(id);
-        if (!section) {
-            return NextResponse.json({ success: false, error: ERR_SECTION_NOT_FOUND }, { status: 404 });
-        }
-        return NextResponse.json({ success: true, data: section });
-    }
-    catch (error) {
-        void normalizeError(error);
-        console.error("[feat-homepage] GET /api/homepage-sections/[id] failed", error);
-        return NextResponse.json({ success: false, error: "Failed to fetch homepage section" }, { status: 500 });
-    }
-}
-export { GET as homepageSectionItemGET };
-// ---- PATCH /api/homepage-sections/[id] -----------------------------------
-const homepageSectionUpdateSchema = z
-    .object({
-    type: z
-        .enum([
-        "hero",
-        "featured_categories",
-        "featured_products",
-        "banner",
-        "testimonials",
-        "promotions",
-        "blog_posts",
-        "sellers",
-        "custom",
-    ])
-        .optional(),
-    title: z.string().optional(),
-    enabled: z.boolean().optional(),
-    isVisible: z.boolean().optional(),
-    order: z.number().int().min(0).optional(),
-    content: z.object({}).passthrough().optional(),
-    mobile: z.object({}).passthrough().optional(),
-})
-    .passthrough();
-export const homepageSectionItemPATCH = createRouteHandler({
-    auth: true,
-    roles: ["admin"],
-    schema: homepageSectionUpdateSchema,
-    handler: async ({ request, body }) => {
-        const url = new URL(request.url);
-        const segments = url.pathname.split("/");
-        const id = segments[segments.length - 1];
-        const { db } = getProviders();
-        if (!db)
-            return NextResponse.json({ success: false, error: "DB not configured" }, { status: 503 });
-        const repo = db.getRepository("homepageSections");
-        const section = await repo.findById(id);
-        if (!section)
-            return NextResponse.json({ success: false, error: ERR_SECTION_NOT_FOUND }, { status: 404 });
-        const updated = await repo.update(id, {
-            ...body,
-            updatedAt: new Date().toISOString(),
-        });
-        return NextResponse.json({ success: true, data: updated });
-    },
-});
-// ---- DELETE /api/homepage-sections/[id] ---------------------------------
-export const homepageSectionItemDELETE = createRouteHandler({
-    auth: true,
-    roles: ["admin"],
-    handler: async ({ request }) => {
-        const url = new URL(request.url);
-        const segments = url.pathname.split("/");
-        const id = segments[segments.length - 1];
-        const { db } = getProviders();
-        if (!db)
-            return NextResponse.json({ success: false, error: "DB not configured" }, { status: 503 });
-        const repo = db.getRepository("homepageSections");
-        const section = await repo.findById(id);
-        if (!section)
-            return NextResponse.json({ success: false, error: ERR_SECTION_NOT_FOUND }, { status: 404 });
-        await repo.delete(id);
-        return NextResponse.json({ success: true });
-    },
-});

package/dist/features/homepage/api/route.d.ts

@@ -1,14 +0,0 @@
-/**
- * feat-homepage — Next.js App Router API handlers (GET/POST /api/homepage-sections)
- *
- * Pure stub:
- * ```ts
- * // app/api/homepage-sections/route.ts
- * export { GET, POST } from "@mohasinac/feat-homepage";
- * ```
- */
-import { NextResponse } from "next/server.js";
-export declare function GET(request: Request): Promise<NextResponse>;
-export declare const POST: (request: Request, context?: {
-    params: Promise<Record<string, string>>;
-} | undefined) => Promise<Response>;

package/dist/features/homepage/api/route.js

@@ -1,140 +0,0 @@
-/**
- * feat-homepage — Next.js App Router API handlers (GET/POST /api/homepage-sections)
- *
- * Pure stub:
- * ```ts
- * // app/api/homepage-sections/route.ts
- * export { GET, POST } from "@mohasinac/feat-homepage";
- * ```
- */
-import { NextResponse } from "next/server.js";
-import { z } from "zod";
-import { mediaUrlSchema } from "../../../validation/schemas.js";
-import { getProviders } from "../../../contracts/index.js";
-import { createRouteHandler } from "../../../next/api/routeHandler.js";
-/** Read `__session` cookie from request headers (HTTP cookie string). */
-import { normalizeError } from "../../../errors/normalize.js";
-function getSessionCookie(request) {
-    const cookieHeader = request.headers.get("cookie") ?? "";
-    const match = cookieHeader.match(/(?:^|;\s*)__session=([^;]+)/);
-    return match ? match[1] : null;
-}
-/** Returns the role from the session cookie, or null if invalid / no session provider. */
-async function getRoleFromSession(request) {
-    try {
-        const { session } = getProviders();
-        if (!session)
-            return null;
-        const cookie = getSessionCookie(request);
-        if (!cookie)
-            return null;
-        const payload = await session.verifySession(cookie);
-        return payload.role ?? null;
-    }
-    catch (_err) {
-        void normalizeError(_err);
-        return null;
-    }
-}
-// --- GET /api/homepage-sections -----------------------------------------------
-export async function GET(request) {
-    try {
-        const url = new URL(request.url);
-        const typeFilter = url.searchParams.get("type");
-        const includeDisabled = url.searchParams.get("includeDisabled") === "true";
-        // Admin auth guard for includeDisabled
-        if (includeDisabled) {
-            const role = await getRoleFromSession(request);
-            if (role !== "admin") {
-                return NextResponse.json({ success: false, error: "Admin access required" }, { status: 403 });
-            }
-        }
-        const filterParts = includeDisabled ? [] : ["enabled==true"];
-        if (typeFilter)
-            filterParts.push(`type==${typeFilter}`);
-        const { db } = getProviders();
-        if (!db) {
-            return NextResponse.json({ success: false, error: "Database provider not registered" }, { status: 503 });
-        }
-        const repo = db.getRepository("homepageSections");
-        const result = await repo.findAll({
-            filters: filterParts.join(",") || undefined,
-            sort: "order",
-            order: "asc",
-            pageSize: 50,
-        });
-        const sections = result.data.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
-        const res = NextResponse.json({ success: true, data: sections });
-        res.headers.set("Cache-Control", includeDisabled
-            ? "private, no-cache"
-            : "public, max-age=300, s-maxage=600, stale-while-revalidate=120");
-        return res;
-    }
-    catch (error) {
-        void normalizeError(error);
-        console.error("[feat-homepage] GET /api/homepage-sections failed", error);
-        return NextResponse.json({ success: false, error: "Failed to fetch homepage sections" }, { status: 500 });
-    }
-}
-// ---------------------------------------------------------------------------
-// POST /api/homepage-sections — create a new section (admin only)
-// ---------------------------------------------------------------------------
-const homepageSectionCreateSchema = z
-    .object({
-    type: z.enum([
-        "hero",
-        "featured_categories",
-        "featured_products",
-        "banner",
-        "testimonials",
-        "promotions",
-        "blog_posts",
-        "sellers",
-        "custom",
-    ]),
-    title: z.string().optional(),
-    enabled: z.boolean().optional(),
-    order: z.number().int().min(0).optional(),
-    content: z
-        .object({
-        title: z.string().optional(),
-        subtitle: z.string().optional(),
-        ctaLabel: z.string().optional(),
-        ctaUrl: z.string().optional(),
-        imageUrl: mediaUrlSchema.optional(),
-        videoUrl: mediaUrlSchema.optional(),
-        itemIds: z.array(z.string()).optional(),
-        html: z.string().optional(),
-    })
-        .optional(),
-    mobile: z.object({}).passthrough().optional(),
-})
-    .passthrough();
-export const POST = createRouteHandler({
-    auth: true,
-    roles: ["admin"],
-    schema: homepageSectionCreateSchema,
-    handler: async ({ body }) => {
-        const { db } = getProviders();
-        if (!db) {
-            return NextResponse.json({ success: false, error: "DB not configured" }, { status: 503 });
-        }
-        const repo = db.getRepository("homepageSections");
-        // Auto-assign order: place at end of existing sections
-        const existing = await repo.findAll({
-            sort: "order",
-            order: "desc",
-            pageSize: 1,
-        });
-        const maxOrder = existing.data[0]?.order ?? -1;
-        const now = new Date().toISOString();
-        const created = await repo.create({
-            ...body,
-            order: body.order ?? maxOrder + 1,
-            enabled: body.enabled ?? true,
-            createdAt: now,
-            updatedAt: now,
-        });
-        return NextResponse.json({ success: true, data: created }, { status: 201 });
-    },
-});

package/dist/features/homepage/api/sections/[id]/route.d.ts

@@ -1,26 +0,0 @@
-/**
- * feat-homepage — GET/PATCH/DELETE /api/homepage/sections/[id]
- *
- * Homepage section retrieval, updates, and deletion.
- *
- * Consumer stub:
- * ```ts
- * export { sectionDetailGET as GET, sectionDetailPATCH as PATCH, sectionDetailDELETE as DELETE } from "@mohasinac/feat-homepage";
- * ```
- */
-import { NextResponse } from "next/server.js";
-export declare function GET(request: Request, { params }: {
-    params: {
-        id: string;
-    };
-}): Promise<NextResponse>;
-export declare function PATCH(request: Request, { params }: {
-    params: {
-        id: string;
-    };
-}): Promise<NextResponse>;
-export declare function DELETE(request: Request, { params }: {
-    params: {
-        id: string;
-    };
-}): Promise<NextResponse>;

package/dist/features/homepage/api/sections/[id]/route.js

@@ -1,95 +0,0 @@
-/**
- * feat-homepage — GET/PATCH/DELETE /api/homepage/sections/[id]
- *
- * Homepage section retrieval, updates, and deletion.
- *
- * Consumer stub:
- * ```ts
- * export { sectionDetailGET as GET, sectionDetailPATCH as PATCH, sectionDetailDELETE as DELETE } from "@mohasinac/feat-homepage";
- * ```
- */
-import { NextResponse } from "next/server.js";
-import { getProviders } from "../../../../../contracts/index.js";
-import { normalizeError } from "../../../../../errors/normalize.js";
-const ERR_SECTION_ID_REQUIRED = "Section ID is required";
-const ERR_DB_NOT_CONFIGURED = "Database provider not configured";
-const ERR_INTERNAL_SERVER_ERROR = "Internal server error";
-export async function GET(request, { params }) {
-    try {
-        const { id } = await params;
-        if (!id) {
-            return NextResponse.json({ success: false, error: ERR_SECTION_ID_REQUIRED }, { status: 400 });
-        }
-        const { db } = getProviders();
-        if (!db)
-            return NextResponse.json({ success: false, error: ERR_DB_NOT_CONFIGURED }, { status: 503 });
-        const repo = db.getRepository("homepage_sections");
-        const section = await repo.findById(id);
-        if (!section) {
-            return NextResponse.json({ success: false, error: "Section not found" }, { status: 404 });
-        }
-        return NextResponse.json({
-            success: true,
-            data: section,
-        });
-    }
-    catch (error) {
-        void normalizeError(error);
-        return NextResponse.json({
-            success: false,
-            error: error instanceof Error ? error.message : ERR_INTERNAL_SERVER_ERROR,
-        }, { status: 500 });
-    }
-}
-export async function PATCH(request, { params }) {
-    try {
-        const { id } = await params;
-        if (!id) {
-            return NextResponse.json({ success: false, error: ERR_SECTION_ID_REQUIRED }, { status: 400 });
-        }
-        const body = await request.json();
-        const { db } = getProviders();
-        if (!db)
-            return NextResponse.json({ success: false, error: ERR_DB_NOT_CONFIGURED }, { status: 503 });
-        const repo = db.getRepository("homepage_sections");
-        const updated = await repo.update(id, body);
-        if (!updated) {
-            return NextResponse.json({ success: false, error: "Section not found" }, { status: 404 });
-        }
-        return NextResponse.json({
-            success: true,
-            data: updated,
-        });
-    }
-    catch (error) {
-        void normalizeError(error);
-        return NextResponse.json({
-            success: false,
-            error: error instanceof Error ? error.message : ERR_INTERNAL_SERVER_ERROR,
-        }, { status: 500 });
-    }
-}
-export async function DELETE(request, { params }) {
-    try {
-        const { id } = await params;
-        if (!id) {
-            return NextResponse.json({ success: false, error: ERR_SECTION_ID_REQUIRED }, { status: 400 });
-        }
-        const { db } = getProviders();
-        if (!db)
-            return NextResponse.json({ success: false, error: ERR_DB_NOT_CONFIGURED }, { status: 503 });
-        const repo = db.getRepository("homepage_sections");
-        await repo.delete(id);
-        return NextResponse.json({
-            success: true,
-            data: { id },
-        });
-    }
-    catch (error) {
-        void normalizeError(error);
-        return NextResponse.json({
-            success: false,
-            error: error instanceof Error ? error.message : ERR_INTERNAL_SERVER_ERROR,
-        }, { status: 500 });
-    }
-}

package/dist/features/homepage/api/sections/route.d.ts

@@ -1,13 +0,0 @@
-/**
- * feat-homepage — GET/POST /api/homepage/sections
- *
- * Homepage sections list with Sieve filtering and creation.
- *
- * Consumer stub:
- * ```ts
- * export { sectionsListGET as GET, sectionsListPOST as POST } from "@mohasinac/feat-homepage";
- * ```
- */
-import { NextResponse } from "next/server.js";
-export declare function GET(request: Request): Promise<NextResponse>;
-export declare function POST(request: Request): Promise<NextResponse>;

package/dist/features/homepage/api/sections/route.js

@@ -1,82 +0,0 @@
-/**
- * feat-homepage — GET/POST /api/homepage/sections
- *
- * Homepage sections list with Sieve filtering and creation.
- *
- * Consumer stub:
- * ```ts
- * export { sectionsListGET as GET, sectionsListPOST as POST } from "@mohasinac/feat-homepage";
- * ```
- */
-import { NextResponse } from "next/server.js";
-import { getProviders } from "../../../../contracts/index.js";
-import { normalizeError } from "../../../../errors/normalize.js";
-function numParam(url, key, fallback) {
-    const v = url.searchParams.get(key);
-    const n = v !== null ? Number(v) : NaN;
-    return Number.isFinite(n) ? n : fallback;
-}
-export async function GET(request) {
-    try {
-        const url = new URL(request.url);
-        const page = Math.max(1, numParam(url, "page", 1));
-        const pageSize = Math.min(100, Math.max(1, numParam(url, "pageSize", 20)));
-        const filters = url.searchParams.get("filters") ?? undefined;
-        const sort = url.searchParams.get("sorts") ??
-            url.searchParams.get("sort") ??
-            "-createdAt";
-        const { db } = getProviders();
-        if (!db)
-            return NextResponse.json({ success: false, error: "DB not configured" }, { status: 503 });
-        const repo = db.getRepository("homepage_sections");
-        const result = await repo.findAll({
-            filters,
-            sort,
-            page,
-            pageSize: pageSize,
-        });
-        const totalPages = Math.max(1, Math.ceil(result.total / pageSize));
-        return NextResponse.json({
-            success: true,
-            data: {
-                items: result.data,
-                total: result.total,
-                page,
-                pageSize,
-                totalPages,
-                hasMore: page < totalPages,
-            },
-        });
-    }
-    catch (error) {
-        void normalizeError(error);
-        return NextResponse.json({
-            success: false,
-            error: error instanceof Error ? error.message : "Internal server error",
-        }, { status: 500 });
-    }
-}
-export async function POST(request) {
-    try {
-        const body = await request.json();
-        const { db } = getProviders();
-        if (!db)
-            return NextResponse.json({ success: false, error: "DB not configured" }, { status: 503 });
-        const repo = db.getRepository("homepage_sections");
-        const created = await repo.create({
-            ...body,
-            createdAt: new Date(),
-        });
-        return NextResponse.json({
-            success: true,
-            data: created,
-        }, { status: 201 });
-    }
-    catch (error) {
-        void normalizeError(error);
-        return NextResponse.json({
-            success: false,
-            error: error instanceof Error ? error.message : "Internal server error",
-        }, { status: 500 });
-    }
-}

package/dist/features/homepage/components/AdvertisementBanner.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-export interface AdvertisementBannerProps {
-    title: string;
-    subtitle?: string;
-    ctaLabel?: string;
-    onCtaClick?: () => void;
-    backgroundImage?: string;
-    backgroundColor?: string;
-    tagLabel?: string;
-    isLoading?: boolean;
-    compact?: boolean;
-    className?: string;
-}
-export declare function AdvertisementBanner({ title, subtitle, ctaLabel, onCtaClick, backgroundImage, backgroundColor, tagLabel, isLoading, compact, className, }: AdvertisementBannerProps): React.JSX.Element;

package/dist/features/homepage/components/AdvertisementBanner.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CARD_ASPECT_BANNER, GRID_COLS_2_MD } from "../../../_internal/shared/styles/grid.js";
-import { Button, Div, Grid, Heading, Row, Scrim, Section, Span, Stack, Text } from "../../../ui/index.js";
-import { DynamicBgDiv } from "../../../ui/components/DynamicBgDiv.js";
-import { MediaImage } from "../../media/MediaImage.js";
-import { ArrowRight, Sparkles } from "lucide-react";
-const __P = {
-    p8: "p-[var(--appkit-space-8)]",
-};
-const __O = {
-    hidden: "overflow-hidden",
-};
-const CLS_GRADIENT_BG = "absolute inset-0 bg-[image:var(--appkit-gradient-promotion)]";
-const CLS_CTA_BTN_SM = "bg-[var(--appkit-color-surface)] bg-[var(--appkit-color-surface)] text-indigo-700 hover:bg-surface-hover font-semibold gap-[var(--appkit-space-1-5)] flex-shrink-0";
-const CLS_CTA_BTN_LG = "bg-[var(--appkit-color-surface)] bg-[var(--appkit-color-surface)] text-indigo-700 hover:bg-surface-hover font-semibold shadow-lg gap-[var(--appkit-space-2)]";
-// --- Constants ---------------------------------------------------------------
-const CLS_CONTAINER = "w-full max-w-7xl mx-auto";
-// --- Component ---------------------------------------------------------------
-export function AdvertisementBanner({ title, subtitle, ctaLabel = "Shop now", onCtaClick, backgroundImage, backgroundColor, tagLabel, isLoading = false, compact = false, className = "", }) {
-    const wrapClass = "bg-[image:var(--appkit-gradient-section-warm)]";
-    if (isLoading) {
-        return (_jsx(Section, { className: `${__P.p8} ${wrapClass} ${className}`, children: _jsx(Div, { className: CLS_CONTAINER, children: _jsx(Div, { className: "h-72 animate-pulse", surface: "subtle", rounded: "2xl" }) }) }));
-    }
-    // -- Split layout: when a backgroundImage is provided --
-    if (backgroundImage) {
-        return (_jsx(Section, { className: `${__P.p8} ${wrapClass} ${className}`, children: _jsx(Div, { className: CLS_CONTAINER, children: _jsx(Div, { className: `relative ${__O.hidden} bg-neutral-900`, rounded: "2xl", shadow: "xl", children: _jsxs(Grid, { className: `${GRID_COLS_2_MD} min-h-[clamp(300px,40vh,420px)]`, children: [_jsxs(Div, { className: `relative ${CARD_ASPECT_BANNER} order-last md:order-first min-h-0 min-h-[clamp(300px,40vh,420px)]`, children: [_jsx(MediaImage, { src: backgroundImage, alt: title, size: "banner", priority: true }), _jsx(Scrim, { direction: "right-to-left", intensity: "medium", className: "hidden md:block absolute inset-y-0 right-0 w-24" })] }), _jsxs(Stack, { justify: "center", className: "relative", paddingX: "x-xl", padding: "y-2xl", children: [_jsx(Div, { className: "absolute top-0 right-0 w-32 h-32 opacity-10 pointer-events-none bg-[radial-gradient(circle,_white_1px,_transparent_1px)] bg-[length:12px_12px]", "aria-hidden": true }), tagLabel && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: "inverse", size: "xs", weight: "semibold", className: "self-start bg-[rgba(255,255,255,0.1)] /80 tracking-widest mb-5 backdrop-blur-sm", rounded: "full", padding: "pill-md", transform: "uppercase", children: [_jsx(Sparkles, { className: "w-3.5 h-3.5" }), tagLabel] })), _jsx(Heading, { color: "inverse", level: 2, variant: "none", className: "font-extrabold mb-4 leading-tight", mdSize: "4xl", lgSize: "5xl", size: "3xl", children: title }), subtitle && (_jsx(Text, { color: "inverse", variant: "none", className: "/75 mb-8 leading-relaxed", mdSize: "lg", size: "base", children: subtitle })), ctaLabel && onCtaClick && (_jsxs(Button, { gap: "md", variant: "secondary", size: "lg", onClick: onCtaClick, className: "self-start bg-[var(--appkit-color-surface)] text-[var(--appkit-color-text)] hover:bg-[var(--appkit-color-surface)] dark:bg-[var(--appkit-color-surface)] dark:text-[var(--appkit-color-text)] dark:hover:bg-neutral-200 font-[600]", shadow: "lg", children: [ctaLabel, _jsx(ArrowRight, { className: "w-4 h-4" })] }))] })] }) }) }) }));
-    }
-    // -- Full-width gradient layout --
-    return (_jsx(Section, { className: `${__P.p8} ${wrapClass} ${className}`, children: _jsx(Div, { className: CLS_CONTAINER, children: _jsxs(DynamicBgDiv, { color: backgroundColor, className: [
-                    "flex items-center relative overflow-hidden rounded-2xl",
-                    compact
-                        ? "h-[clamp(112px,16vh,160px)]"
-                        : "min-h-[clamp(240px,34vh,360px)]",
-                ].join(" "), children: [!backgroundColor && (_jsx(Div, { className: CLS_GRADIENT_BG, "aria-hidden": true })), _jsxs(Div, { className: `absolute inset-0 ${__O.hidden}`, "aria-hidden": true, children: [_jsx(Div, { className: "absolute -top-16 -left-16 w-64 h-64 bg-primary/20 blur-3xl animate-pulse", rounded: "full" }), _jsx(Div, { className: "absolute -bottom-16 right-0 w-80 h-80 bg-cobalt/20 blur-3xl animate-pulse", rounded: "full" })] }), compact ? (_jsxs(Row, { justify: "between", className: "relative z-10 w-full", gap: "md", padding: "inlineLg", children: [_jsxs(Span, { layout: "inline-flex", gap: "md", children: [_jsx(Sparkles, { className: "w-4 h-4 text-white/80" }), _jsx(Span, { color: "inverse", size: "sm", weight: "semibold", children: title })] }), ctaLabel && onCtaClick && (_jsxs(Button, { variant: "secondary", size: "sm", onClick: onCtaClick, className: CLS_CTA_BTN_SM, children: [ctaLabel, _jsx(ArrowRight, { className: "w-3.5 h-3.5" })] }))] })) : (_jsxs(Div, { className: "relative z-10 w-full max-w-4xl mx-auto md:py-[4rem] text-left", paddingY: "y-3xl", paddingX: "x-lg", children: [tagLabel && (_jsxs(Span, { layout: "inline-flex", gap: "xs", color: "inverse", size: "xs", weight: "semibold", className: "bg-[rgba(255,255,255,0.15)] /90 tracking-widest mb-5 backdrop-blur-sm", shadow: "sm", rounded: "full", padding: "pill-lg", transform: "uppercase", children: [_jsx(Sparkles, { className: "w-3.5 h-3.5" }), tagLabel] })), _jsx(Heading, { color: "inverse", level: 2, variant: "none", className: "font-extrabold mb-4 leading-tight", mdSize: "5xl", lgSize: "6xl", size: "3xl", shadow: "lg", children: title }), subtitle && (_jsx(Text, { color: "inverse", variant: "none", className: "mb-10 max-w-2xl", mdSize: "xl", size: "base", children: subtitle })), ctaLabel && onCtaClick && (_jsxs(Button, { variant: "secondary", size: "lg", onClick: onCtaClick, className: CLS_CTA_BTN_LG, children: [ctaLabel, _jsx(ArrowRight, { className: "w-4 h-4" })] }))] }))] }) }) }));
-}

package/dist/features/homepage/components/BeforeAfterCard.d.ts

@@ -1,9 +0,0 @@
-import type { BeforeAfterItem } from "../types";
-export interface BeforeAfterCardProps {
-    item: BeforeAfterItem;
-    /** Label shown on the left (before) side. Default: "Before". */
-    beforeLabel?: string;
-    /** Label shown on the right (after) side. Default: "After". */
-    afterLabel?: string;
-}
-export declare function BeforeAfterCard({ item, beforeLabel, afterLabel, }: BeforeAfterCardProps): import("react").JSX.Element;