@mohasinac/appkit 4.53.0 → 4.53.2

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

@@ -1,73 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState, useCallback, useEffect } from "react";
-import Image from "next/image.js";
-import { Div, Row, Span, Text } from "../../../ui/index.js";
-import { resolveMediaUrl } from "../../../utils/media-url.js";
-const __P = {
-    p4: "p-[var(--appkit-space-4)]",
-};
-const __O = {
-    hidden: "overflow-hidden",
-};
-export function BeforeAfterCard({ item, beforeLabel = "Before", afterLabel = "After", }) {
-    const containerRef = useRef(null);
-    const beforeClipRef = useRef(null);
-    const dividerRef = useRef(null);
-    const [position, setPosition] = useState(50);
-    const [dragging, setDragging] = useState(false);
-    const updatePosition = useCallback((clientX) => {
-        const container = containerRef.current;
-        if (!container)
-            return;
-        const rect = container.getBoundingClientRect();
-        const x = clientX - rect.left;
-        const pct = Math.max(0, Math.min(100, (x / rect.width) * 100));
-        setPosition(pct);
-    }, []);
-    useEffect(() => {
-        if (beforeClipRef.current)
-            beforeClipRef.current.style.width = `${position}%`;
-        if (dividerRef.current)
-            dividerRef.current.style.left = `${position}%`;
-    }, [position]);
-    useEffect(() => {
-        if (!dragging)
-            return;
-        const onMove = (e) => {
-            e.preventDefault();
-            const clientX = "touches" in e
-                ? e.touches[0].clientX
-                : e.clientX;
-            updatePosition(clientX);
-        };
-        const onUp = () => setDragging(false);
-        window.addEventListener("mousemove", onMove);
-        window.addEventListener("mouseup", onUp);
-        window.addEventListener("touchmove", onMove, { passive: false });
-        window.addEventListener("touchend", onUp);
-        // Without this, an interrupted touch (OS/browser gesture takeover)
-        // never fires touchend — `dragging` stays true forever, leaking these
-        // window-level listeners for the rest of the component's lifetime.
-        window.addEventListener("touchcancel", onUp);
-        return () => {
-            window.removeEventListener("mousemove", onMove);
-            window.removeEventListener("mouseup", onUp);
-            window.removeEventListener("touchmove", onMove);
-            window.removeEventListener("touchend", onUp);
-            window.removeEventListener("touchcancel", onUp);
-        };
-    }, [dragging, updatePosition]);
-    return (_jsxs(Div, { className: `border-[var(--appkit-color-border)] ${__O.hidden} border bg-[var(--appkit-color-surface)]`, rounded: "2xl", shadow: "sm", children: [_jsxs(Div, { ref: containerRef, className: "relative aspect-[4/3] cursor-col-resize overflow-hidden select-none", onMouseDown: (e) => {
-                    setDragging(true);
-                    updatePosition(e.clientX);
-                }, onTouchStart: (e) => {
-                    setDragging(true);
-                    updatePosition(e.touches[0].clientX);
-                }, role: "slider", "aria-label": `Before and after comparison: ${item.caption}`, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(position), tabIndex: 0, onKeyDown: (e) => {
-                    if (e.key === "ArrowLeft")
-                        setPosition((p) => Math.max(0, p - 2));
-                    if (e.key === "ArrowRight")
-                        setPosition((p) => Math.min(100, p + 2));
-                }, children: [_jsx(Image, { src: resolveMediaUrl(item.afterImage), alt: afterLabel, fill: true, sizes: "(max-width: 640px) 100vw, 50vw", className: "object-cover" }), _jsx(Div, { ref: beforeClipRef, className: "absolute inset-0 overflow-hidden", children: _jsx(Image, { src: resolveMediaUrl(item.beforeImage), alt: beforeLabel, fill: true, sizes: "(max-width: 640px) 100vw, 50vw", className: "object-cover" }) }), _jsx(Div, { ref: dividerRef, shadow: "md", className: "absolute top-0 bottom-0 z-10 w-0.5 bg-[var(--appkit-color-surface)]", children: _jsx(Row, { className: "absolute top-1/2 left-1/2 h-8 w-8 -translate-x-1/2 -translate-y-1/2 bg-[var(--appkit-color-surface)]", align: "center", justify: "center", rounded: "full", shadow: "lg", children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M4 8L1 5M4 8L1 11M4 8H12M12 8L15 5M12 8L15 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) }), _jsx(Span, { surface: "overlay-sm", color: "inverse", size: "xs", weight: "medium", className: "absolute top-3 left-3 z-10", padding: "pill-sm", rounded: "full", children: beforeLabel }), _jsx(Span, { surface: "overlay-sm", color: "inverse", size: "xs", weight: "medium", className: "absolute top-3 right-3 z-10", padding: "pill-sm", rounded: "full", children: afterLabel })] }), _jsx(Div, { className: `${__P.p4}`, children: _jsx(Text, { className: "text-[var(--appkit-color-text)]", size: "sm", weight: "medium", children: item.caption }) })] }));
-}

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

@@ -1,17 +0,0 @@
-/** Minimal result item used by the featured results section. */
-export interface FeaturedResultItem {
-    id?: string;
-    beforeImage: string;
-    afterImage: string;
-    caption?: string;
-    sortOrder?: number;
-}
-export interface FeaturedResultsSectionProps {
-    title: string;
-    subtitle?: string;
-    pillLabel?: string;
-    ornamentLabel?: string;
-    items: FeaturedResultItem[];
-    className?: string;
-}
-export declare function FeaturedResultsSection({ title, subtitle, pillLabel, ornamentLabel, items, className, }: FeaturedResultsSectionProps): import("react").JSX.Element | null;

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

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Heading, HorizontalScroller, Row, Section, Span, Text } from "../../../ui/index.js";
-import { BeforeAfterCard } from "./BeforeAfterCard.js";
-import { CAROUSEL_PER_VIEW } from "../constants/carousel-per-view.js";
-// --- Sectmon -----------------------------------------------------------------
-export function FeaturedResultsSection({ title, subtitle, pillLabel, ornamentLabel = "✶", items, className = "", }) {
-    const pillCls = "inline-flex items-center gap-[var(--appkit-space-2)] rounded-full border border-primary-500/30 bg-primary-500/10 px-[var(--appkit-space-5)] py-[var(--appkit-space-1-5)] text-[length:var(--appkit-text-xs)] font-medium uppercase tracking-[0.2em] text-primary-700 backdrop-blur-sm dark:text-primary-400";
-    if (!items.length)
-        return null;
-    return (_jsxs(Section, { className: className, paddingY: "y-5xl", paddingX: "x-md", children: [_jsxs(Div, { className: "mb-12 text-left", children: [pillLabel && (_jsxs(Span, { className: pillCls, children: [_jsx(Span, { className: "inline-block h-1.5 w-1.5 bg-primary-500", rounded: "full", "aria-hidden": "true" }), pillLabel] })), _jsx(Heading, { level: 2, className: "mt-3 font-display", color: "primary", size: "4xl", children: title }), _jsxs(Row, { align: "center", justify: "start", gap: "sm", color: "faint", className: "mt-3", "aria-hidden": "true", children: [_jsx(Span, { className: "h-px w-6 bg-current" }), _jsx(Span, { size: "xs", children: ornamentLabel }), _jsx(Span, { className: "h-px w-6 bg-current" })] }), subtitle && (_jsx(Text, { className: "mx-auto mt-4 max-w-md", color: "muted", size: "sm", children: subtitle }))] }), _jsx(Div, { className: "mx-auto max-w-7xl", children: _jsx(HorizontalScroller, { items: items, renderItem: (item, i) => (_jsx(Div, { className: "w-full sm:w-auto", children: _jsx(BeforeAfterCard, { item: {
-                                id: item.id ?? `result-${i}`,
-                                beforeImage: item.beforeImage,
-                                afterImage: item.afterImage,
-                                caption: item.caption ?? "",
-                                sortOrder: item.sortOrder ?? i,
-                            } }, item.id ?? `result-${i}`) })), keyExtractor: (item, i) => item.id ?? `result-${i}`, perView: CAROUSEL_PER_VIEW.cards, gap: 24, minItemWidth: 260, snapToItems: true, showArrows: true, loop: true }) })] }));
-}

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

@@ -1,7 +0,0 @@
-import type { Banner } from "../types";
-export interface HeroBannerProps {
-    banners: Banner[];
-    /** Milliseconds between automatic slide advances. Default: 5000. */
-    autoplayMs?: number;
-}
-export declare function HeroBanner({ banners, autoplayMs }: HeroBannerProps): import("react").JSX.Element | null;

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

@@ -1,43 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useRef, useCallback } from "react";
-import Image from "next/image.js";
-import Link from "next/link.js";
-import { Button, Div, Heading, Row, Span, Stack } from "../../../ui/index.js";
-import { resolveMediaUrl } from "../../../utils/media-url.js";
-export function HeroBanner({ banners, autoplayMs = 5000 }) {
-    const [current, setCurrent] = useState(0);
-    const [animating, setAnimating] = useState(false);
-    const rootRef = useRef(null);
-    const goTo = useCallback((idx) => {
-        if (animating)
-            return;
-        setAnimating(true);
-        setCurrent(idx);
-        setTimeout(() => setAnimating(false), 600);
-    }, [animating]);
-    const next = useCallback(() => {
-        goTo((current + 1) % banners.length);
-    }, [current, banners.length, goTo]);
-    const prev = useCallback(() => {
-        goTo((current - 1 + banners.length) % banners.length);
-    }, [current, banners.length, goTo]);
-    useEffect(() => {
-        if (banners.length <= 1)
-            return;
-        const id = setInterval(next, autoplayMs);
-        return () => clearInterval(id);
-    }, [next, banners.length, autoplayMs]);
-    // Apply dynamic user-configured colors via CSS custom properties (avoids inline style={{ }})
-    const banner = banners[current];
-    useEffect(() => {
-        const el = rootRef.current;
-        if (!el)
-            return;
-        el.style.setProperty("--hero-bg", banner.backgroundColor ?? "var(--dark-section-deep)");
-        el.style.setProperty("--hero-text", banner.textColor ?? "white");
-    }, [banner.backgroundColor, banner.textColor]);
-    if (banners.length === 0)
-        return null;
-    return (_jsxs(Div, { ref: rootRef, className: "relative overflow-hidden min-h-svh [background:var(--hero-bg,var(--dark-section-deep))]", children: [banners.map((b, i) => (_jsx(Div, { className: `absolute inset-0 transition-opacity duration-700 z-[1] ${i === current ? "opacity-100" : "opacity-0"}`, children: b.backgroundImage && (_jsx(Image, { src: resolveMediaUrl(b.backgroundImage), alt: b.title, fill: true, className: "object-cover object-center", priority: i === 0, sizes: "100vw" })) }, b.id))), _jsx(Div, { className: "absolute inset-0 z-[2] [background:linear-gradient(110deg,rgba(0,0,0,0.82)_0%,rgba(0,0,0,0.45)_55%,rgba(0,0,0,0.18)_100%)]" }), _jsx(Div, { className: "absolute inset-0 z-[3] [background:linear-gradient(to_bottom,rgba(0,0,0,0.08)_0%,transparent_30%,rgba(0,0,0,0.55)_100%)]" }), _jsxs(Stack, { justify: "end", className: "relative pb-[4rem] sm:px-[3rem] sm:pb-[6rem] lg:px-[5rem] min-h-svh z-[10] pt-[var(--header-height,4rem)]", padding: "x-md", children: [banner.subtitle && (_jsx(Div, { className: "mb-3", children: _jsx(Span, { className: "inline-block font-black uppercase tracking-[0.18em] bg-[var(--color-red)] text-white [font-family:var(--font-bangers,Bangers,cursive)] tracking-[0.16em]", padding: "pill-md", size: "xs", children: banner.subtitle }) })), _jsx(Heading, { level: 2, textShadow: "soft-dark", className: "mb-5 max-w-xl leading-none [font-family:var(--font-bangers,Bangers,cursive)] text-[clamp(3rem,9vw,6.5rem)] tracking-[0.04em] text-[var(--hero-text,white)]", children: banner.title }), banner.ctaLabel && banner.ctaUrl && (_jsx(Row, { wrap: true, gap: "md", children: _jsxs(Link, { href: banner.ctaUrl, className: "inline-flex items-center gap-[var(--appkit-space-2)] sm:gap-[var(--appkit-space-3)] px-[var(--appkit-space-5)] py-[var(--appkit-space-3)] sm:px-[var(--appkit-space-8)] sm:py-[var(--appkit-space-3-5)] font-black uppercase transition-all hover:-translate-y-0.5 [font-family:var(--font-bangers,Bangers,cursive)] tracking-[0.1em] text-[clamp(0.85rem,2.5vw,1.1rem)] bg-[var(--color-yellow)] text-[var(--appkit-color-text)] [box-shadow:0_4px_24px_rgba(255,229,0,0.35)]", children: [banner.ctaLabel, _jsx(Span, { "aria-hidden": "true", className: "leading-none", smSize: "xl", size: "lg", children: "\u2192" })] }) }))] }), banners.length > 1 && (_jsxs(_Fragment, { children: [_jsx(Button, { rounded: "full", onClick: prev, "aria-label": "Previous slide", variant: "ghost", size: "sm", justify: "center", className: "absolute left-3 sm:left-6 top-1/2 -translate-y-1/2 transition-all hover:scale-105 z-[15] w-10 h-10 bg-[rgba(255,255,255,0.12)] border border-white/20 text-white backdrop-blur-sm", children: _jsx("svg", { className: "h-4 w-4 sm:h-5 sm:w-5 shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M15 19l-7-7 7-7" }) }) }), _jsx(Button, { rounded: "full", onClick: next, "aria-label": "Next slide", variant: "ghost", size: "sm", justify: "center", className: "absolute right-3 sm:right-6 top-1/2 -translate-y-1/2 transition-all hover:scale-105 z-[15] w-10 h-10 bg-[rgba(255,255,255,0.12)] border border-white/20 text-white backdrop-blur-sm", children: _jsx("svg", { className: "h-4 w-4 sm:h-5 sm:w-5 shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M9 5l7 7-7 7" }) }) })] })), banners.length > 1 && (_jsxs(Row, { className: "absolute bottom-8 right-6 sm:right-12 z-[15]", gap: "3", children: [_jsxs(Span, { className: "font-black tabular-nums text-white/60 [font-family:var(--font-bangers,Bangers,cursive)] tracking-[0.1em]", size: "xs", children: [String(current + 1).padStart(2, "0"), " /", " ", String(banners.length).padStart(2, "0")] }), _jsx(Row, { gap: "xs", className: "", children: banners.map((_, i) => (_jsx(Button, { onClick: () => goTo(i), "aria-label": `Go to slide ${i + 1}`, variant: "ghost", size: "sm", className: `transition-all h-[3px] rounded-[2px] ${i === current ? "w-7 bg-[var(--color-yellow)]" : "w-2.5 bg-white/35"}` }, i))) })] })), _jsx(Stack, { className: "absolute bottom-6 left-1/2 -translate-x-1/2 z-[15] opacity-50", align: "center", gap: "xs", "aria-hidden": "true", children: _jsx(Div, { className: "h-8 w-px [background:linear-gradient(to_bottom,rgba(255,255,255,0),rgba(255,255,255,0.8))]" }) })] }));
-}

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

@@ -1,7 +0,0 @@
-import type { HomepageSection } from "../types";
-interface HeroSectionProps {
-    section: HomepageSection;
-    onCtaClick?: () => void;
-}
-export declare function HeroSection({ section, onCtaClick }: HeroSectionProps): import("react").JSX.Element;
-export {};

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Div, Heading, Section, Text } from "../../../ui/index.js";
-export function HeroSection({ section, onCtaClick }) {
-    const { content } = section;
-    return (_jsxs(Section, { layout: "flex", align: "center", className: "relative min-h-[60vh] bg-neutral-900", background: content?.imageUrl ? { type: "image", value: content.imageUrl } : undefined, children: [_jsx(Div, { surface: "overlay-xs", className: "absolute inset-0" }), _jsxs(Div, { paddingX: "x-page", className: "relative mx-auto max-w-7xl text-left text-white", padding: "y-4xl", children: [content?.title && (_jsx(Heading, { level: 1, className: "leading-tight", smSize: "5xl", size: "4xl", lgSize: "6xl", weight: "bold", children: content.title })), content?.subtitle && (_jsx(Text, { className: "mt-4 max-w-2xl opacity-90", size: "lg", children: content.subtitle })), content?.ctaLabel && (_jsx(Button, { rounded: "full", onClick: onCtaClick, paddingX: "xl", paddingY: "md", textSize: "sm", weight: "semibold", className: "mt-8 inline-block bg-[rgba(255,255,255,1)] text-[var(--appkit-color-text)] transition hover:bg-[var(--appkit-color-surface)]", children: content.ctaLabel }))] })] }));
-}

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

@@ -1,2 +0,0 @@
-/** Full-page skeleton shown while homepage data loads. */
-export declare function HomepageSkeleton(): import("react").JSX.Element;

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

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FLEX_BETWEEN } from "../../../_internal/shared/styles/themed.js";
-import { SKELETON } from "../../../_internal/shared/styles/skeleton.js";
-import { Div, Grid, Row, Section, Stack } from "../../../ui/index.js";
-const __P = {
-    p8: "p-[var(--appkit-space-8)]",
-};
-const __O = {
-    hidden: "overflow-hidden",
-};
-/** Full-page skeleton shown while homepage data loads. */
-export function HomepageSkeleton() {
-    const flex = { between: FLEX_BETWEEN };
-    const skeleton = SKELETON;
-    // Hardcoded clamp values (extended THEME_CONSTANTS keys not in @mohasinac/tokens)
-    const heroSkeletonH = "h-[clamp(420px,72vh,680px)]";
-    const trustCardH = "h-[clamp(120px,18vh,170px)]";
-    const categoryTileH = "h-[clamp(112px,16vh,160px)]";
-    const newsletterH = "h-[clamp(220px,28vh,320px)]";
-    return (_jsxs(Div, { className: `w-full ${__O.hidden}`, children: [_jsx(Div, { className: `${skeleton.card} w-full ${heroSkeletonH}`, "aria-hidden": "true" }), _jsx(Section, { className: `${__P.p8}`, surface: "muted", children: _jsx(Grid, { cols: "statTiles", children: Array.from({ length: 4 }).map((_, i) => (_jsx(Stack, { className: `${skeleton.card} ${trustCardH}`, align: "center", gap: "3", padding: "lg" }, i))) }) }), _jsxs(Section, { className: `${__P.p8}`, surface: "subtle", children: [_jsx(Div, { className: `${skeleton.heading} w-48 mx-auto mb-6` }), _jsx(Grid, { cols: "statTiles", children: Array.from({ length: 6 }).map((_, i) => (_jsx(Div, { className: `${skeleton.card} ${categoryTileH}` }, i))) })] }), _jsxs(Section, { className: `${__P.p8}`, surface: "muted", children: [_jsxs(Row, { className: `${flex.between} mb-6`, children: [_jsx(Div, { className: `${skeleton.heading} w-52` }), _jsx(Div, { className: `${skeleton.text} w-24` })] }), _jsx(Grid, { cols: "cards", children: Array.from({ length: 5 }).map((_, i) => (_jsxs(Stack, { gap: "xs", children: [_jsx(Div, { className: `${skeleton.image} w-full pb-[100%]` }), _jsx(Div, { className: `${skeleton.text} w-3/4` }), _jsx(Div, { className: `${skeleton.text} w-1/2` })] }, i))) })] }), _jsxs(Section, { className: `${__P.p8}`, surface: "subtle", children: [_jsxs(Row, { className: `${flex.between} mb-6`, children: [_jsx(Div, { className: `${skeleton.heading} w-56` }), _jsx(Div, { className: `${skeleton.text} w-24` })] }), _jsx(Grid, { cols: "cards", children: Array.from({ length: 5 }).map((_, i) => (_jsxs(Stack, { gap: "xs", children: [_jsx(Div, { className: `${skeleton.image} w-full pb-[100%]` }), _jsx(Div, { className: `${skeleton.text} w-3/4` }), _jsx(Div, { className: `${skeleton.text} w-1/2` })] }, i))) })] }), _jsx(Section, { className: `${__P.p8}`, surface: "muted", children: _jsx(Div, { className: `${skeleton.card} max-w-2xl mx-auto ${newsletterH}`, rounded: "2xl" }) })] }));
-}

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

@@ -1,25 +0,0 @@
-import React from "react";
-export interface HomepageViewProps {
-    renderHero?: () => React.ReactNode;
-    renderWelcome?: () => React.ReactNode;
-    renderTrustFeatures?: () => React.ReactNode;
-    renderStats?: () => React.ReactNode;
-    renderTopCategories?: () => React.ReactNode;
-    renderTopBrands?: () => React.ReactNode;
-    renderFeaturedProducts?: () => React.ReactNode;
-    renderFeaturedAuctions?: () => React.ReactNode;
-    renderFeaturedPreOrders?: () => React.ReactNode;
-    renderFeaturedStores?: () => React.ReactNode;
-    renderFeaturedEvents?: () => React.ReactNode;
-    renderAdvertisement?: () => React.ReactNode;
-    renderCustomerReviews?: () => React.ReactNode;
-    renderCommunity?: () => React.ReactNode;
-    renderFaq?: () => React.ReactNode;
-    renderBlogArticles?: () => React.ReactNode;
-    renderHowItWorks?: () => React.ReactNode;
-    renderSecurity?: () => React.ReactNode;
-    renderNewsletter?: () => React.ReactNode;
-    renderFeaturedResults?: () => React.ReactNode;
-    className?: string;
-}
-export declare function HomepageView({ renderHero, renderWelcome, renderTrustFeatures, renderStats, renderTopCategories, renderTopBrands, renderFeaturedProducts, renderFeaturedAuctions, renderFeaturedPreOrders, renderFeaturedStores, renderFeaturedEvents, renderAdvertisement, renderCustomerReviews, renderCommunity, renderFaq, renderBlogArticles, renderHowItWorks, renderSecurity, renderNewsletter, renderFeaturedResults, className, }: HomepageViewProps): React.JSX.Element;

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

@@ -1,5 +0,0 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Div } from "../../../ui/index.js";
-export function HomepageView({ renderHero, renderWelcome, renderTrustFeatures, renderStats, renderTopCategories, renderTopBrands, renderFeaturedProducts, renderFeaturedAuctions, renderFeaturedPreOrders, renderFeaturedStores, renderFeaturedEvents, renderAdvertisement, renderCustomerReviews, renderCommunity, renderFaq, renderBlogArticles, renderHowItWorks, renderSecurity, renderNewsletter, renderFeaturedResults, className = "", }) {
-    return (_jsxs(Div, { className: className, children: [renderHero?.(), renderWelcome?.(), renderTrustFeatures?.(), renderStats?.(), renderTopCategories?.(), renderTopBrands?.(), renderFeaturedProducts?.(), renderFeaturedAuctions?.(), renderFeaturedPreOrders?.(), renderFeaturedStores?.(), renderFeaturedEvents?.(), renderAdvertisement?.(), renderCustomerReviews?.(), renderCommunity?.(), renderFaq?.(), renderBlogArticles?.(), renderHowItWorks?.(), renderSecurity?.(), renderNewsletter?.(), renderFeaturedResults?.()] }));
-}

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

@@ -1,23 +0,0 @@
-import React from "react";
-export interface NewsletterBannerProps {
-    /**
-     * Called when the user submits the form. Throw on failure — the component
-     * will show a generic error message.
-     */
-    onSubscribe: (email: string) => Promise<void>;
-    /** Eyebrow label. Default: "STAY CONNECTED". */
-    eyebrow?: string;
-    /** Section heading. Default: "Join Our Newsletter". */
-    heading?: string;
-    /** Sub-heading. Default: "Get exclusive offers, new arrivals and more." */
-    subheading?: string;
-    /** Email placeholder text. Default: "Enter your email". */
-    placeholder?: string;
-    /** CTA button label. Default: "Subscribe". */
-    ctaLabel?: string;
-    /** Success message shown after subscribe. Default: "You're in! Check your inbox." */
-    successMessage?: string;
-    /** Error message on failure. Default: "Something went wrong. Please try again." */
-    errorMessage?: string;
-}
-export declare function NewsletterBanner({ onSubscribe, eyebrow, heading, subheading, placeholder, ctaLabel, successMessage, errorMessage, }: NewsletterBannerProps): React.JSX.Element;

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

@@ -1,37 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { normalizeError } from "../../../errors/normalize.js";
-import { useState } from "react";
-import { Button, Div, Heading, Span, Text } from "../../../ui/index.js";
-import { DynamicBgDiv } from "../../../ui/components/DynamicBgDiv.js";
-import { Form } from "../../../ui/components/Form.js";
-import { FieldInput } from "../../../ui/forms/FieldInput.js";
-import { newsletterSubscribeSchema } from "../../admin/schemas/small-forms.js";
-import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary.js";
-const CLS_ERROR_TEXT = "mt-3 text-[length:var(--appkit-text-sm)] text-error";
-export function NewsletterBanner({ onSubscribe, eyebrow = "STAY CONNECTED", heading = "Join Our Newsletter", subheading = "Get exclusive offers, new arrivals and more.", placeholder = "Enter your email", ctaLabel = "Subscribe", successMessage = "You're in! Check your inbox.", errorMessage = "Something went wrong. Please try again.", }) {
-    const [email, setEmail] = useState("");
-    const [loading, setLoading] = useState(false);
-    const [success, setSuccess] = useState(false);
-    const [error, setError] = useState(false);
-    async function handleSubmit(e) {
-        e.preventDefault();
-        if (!email)
-            return;
-        setLoading(true);
-        setError(false);
-        try {
-            await onSubscribe(email);
-            setEmail("");
-            setSuccess(true);
-        }
-        catch (_err) {
-            void normalizeError(_err);
-            setError(true);
-        }
-        finally {
-            setLoading(false);
-        }
-    }
-    return (_jsxs(DynamicBgDiv, { background: "var(--newsletter-bg, linear-gradient(135deg, var(--appkit-color-primary) 0%, var(--appkit-color-secondary) 100%))", className: "py-[var(--appkit-space-24)] relative overflow-hidden", children: [_jsx(Div, { className: "pointer-events-none absolute -top-20 -right-20 h-60 w-60 border border-white/[0.06]", rounded: "full" }), _jsx(Div, { className: "pointer-events-none absolute -bottom-16 -left-16 h-48 w-48 border border-dashed border-white/[0.08]", rounded: "full" }), _jsxs(Div, { className: "relative mx-auto max-w-2xl text-left sm:px-[1.5rem]", padding: "x-md", children: [_jsx(Span, { color: "inverse", size: "xs", weight: "semibold", className: "mb-4 inline-flex border border-white/20 tracking-widest /70", rounded: "full", padding: "pill-md", transform: "uppercase", children: eyebrow }), _jsx(Heading, { color: "inverse", level: 2, smSize: "4xl", size: "3xl", weight: "bold", children: heading }), _jsx(Text, { color: "inverse", className: "mt-4 /60", children: subheading }), success ? (_jsx(Text, { paddingY: "md", color: "inverse", className: "mt-8 border border-white/20 bg-[rgba(255,255,255,0.1)]", paddingX: "x-lg", size: "sm", weight: "semibold", rounded: "xl", children: successMessage })) : (_jsxs(Form, { schema: newsletterSubscribeSchema, onSubmit: handleSubmit, className: "mt-8 flex gap-[0.75rem]", children: [_jsx(FormErrorSummary, {}), _jsx(FieldInput, { name: "email", type: "email", value: email, onChange: setEmail, placeholder: placeholder, required: true, className: "flex-1" }), _jsx(Button, { rounded: "xl", type: "submit", disabled: loading, variant: "primary", paddingX: "lg", textSize: "sm", className: "shrink-0 py-[0.75rem] font-[700] transition-opacity disabled:opacity-60 bg-[var(--color-yellow)] text-black", children: loading ? "…" : ctaLabel })] })), error && (_jsx(Text, { className: CLS_ERROR_TEXT, children: errorMessage })), _jsx(Text, { color: "inverse", className: "mt-4 /40", size: "xs", children: "No spam, ever. Unsubscribe anytime." })] })] }));
-}

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

@@ -1,14 +0,0 @@
-import React from "react";
-export interface SiteFeatureItem {
-    id: string;
-    icon: string;
-    title: string;
-    description: string;
-}
-export interface SiteFeaturesSectionProps {
-    title: string;
-    subtitle?: string;
-    features: SiteFeatureItem[];
-    className?: string;
-}
-export declare function SiteFeaturesSection({ title, subtitle, features, className, }: SiteFeaturesSectionProps): React.JSX.Element;

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

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { THEMED_TEXT_PRIMARY, THEMED_TEXT_SECONDARY } from "../../../_internal/shared/styles/themed.js";
-import { Div, Grid, Heading, Section, Text } from "../../../ui/index.js";
-const __P = {
-    p8: "p-[var(--appkit-space-8)]",
-};
-// --- Section -----------------------------------------------------------------
-export function SiteFeaturesSection({ title, subtitle, features, className = "", }) {
-    const themed = { textPrimary: THEMED_TEXT_PRIMARY, textSecondary: THEMED_TEXT_SECONDARY };
-    return (_jsx(Section, { className: `${__P.p8} ${className}`, surface: "subtle", children: _jsxs(Div, { className: "w-full", children: [_jsxs(Div, { className: "text-left mb-12", children: [_jsx(Heading, { level: 2, className: `${themed.textPrimary} mb-3`, size: "3xl", mdSize: "4xl", weight: "bold", children: title }), subtitle && (_jsx(Text, { className: `${themed.textSecondary} max-w-2xl mx-auto`, size: "base", children: subtitle }))] }), _jsx(Grid, { gap: "section", className: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: features.map((feature) => (_jsxs(Div, { padding: "lg", rounded: "2xl", border: "subtle", shadow: "hover-lg", className: "text-left transition-all group bg-[var(--appkit-color-surface)]", children: [_jsx(Div, { className: "text-[3.75rem] mb-4 group-hover:scale-110 transition-transform", children: feature.icon }), _jsx(Heading, { level: 3, className: `${themed.textPrimary} mb-2`, size: "base", weight: "bold", children: feature.title }), _jsx(Text, { className: `${themed.textSecondary}`, size: "base", children: feature.description })] }, feature.id))) })] }) }));
-}

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

@@ -1,6 +0,0 @@
-import React from "react";
-import type { TrustBadge } from "../types";
-export interface TrustBadgesProps {
-    badges?: TrustBadge[];
-}
-export declare function TrustBadges({ badges }: TrustBadgesProps): React.JSX.Element;

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

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Grid, Row, Section, Stack, Text } from "../../../ui/index.js";
-const BADGE_ICONS = {
-    shipping: (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-7 w-7", "aria-hidden": "true", children: [_jsx("path", { d: "M5 12H19" }), _jsx("path", { d: "M15 7l5 5-5 5" }), _jsx("path", { d: "M1 17V7a4 4 0 0 1 4-4h10" }), _jsx("path", { d: "M22 17a4 4 0 0 1-4 4H5" })] })),
-    support: (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-7 w-7", "aria-hidden": "true", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) })),
-    rewards: (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-7 w-7", "aria-hidden": "true", children: _jsx("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) })),
-    secure: (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-7 w-7", "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), _jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] })),
-};
-const FALLBACK_BADGES = [
-    {
-        id: "shipping",
-        title: "Free Shipping",
-        sub: "On qualifying orders",
-        iconKey: "shipping",
-        sortOrder: 1,
-        active: true,
-    },
-    {
-        id: "support",
-        title: "Expert Support",
-        sub: "Mon–Sat, 10 AM – 7 PM",
-        iconKey: "support",
-        sortOrder: 2,
-        active: true,
-    },
-    {
-        id: "rewards",
-        title: "Loyalty Rewards",
-        sub: "Earn points on every order",
-        iconKey: "rewards",
-        sortOrder: 3,
-        active: true,
-    },
-    {
-        id: "secure",
-        title: "Secure Payments",
-        sub: "UPI · Cards · EMI available",
-        iconKey: "secure",
-        sortOrder: 4,
-        active: true,
-    },
-];
-export function TrustBadges({ badges }) {
-    const items = badges && badges.length > 0 ? badges : FALLBACK_BADGES;
-    return (_jsx(Section, { className: "bg-[var(--section-bg)] [border-top:var(--section-border)] [border-bottom:var(--section-border)]", children: _jsx(Div, { className: "mx-auto max-w-7xl sm:py-[2.5rem]", paddingY: "y-lg", paddingX: "x-md", children: _jsx(Grid, { cols: "statTiles", gap: "lg", children: items.map((badge) => (_jsxs(Stack, { className: "text-left [flex-direction:row] gap-[1rem]", align: "center", gap: "sm", children: [_jsx(Row, { className: "h-12 w-12 shrink-0 bg-[rgba(240,196,23,0.12)] text-[var(--color-red)] [border:2px_solid_var(--border-ink)]", align: "center", justify: "center", rounded: "full", children: BADGE_ICONS[badge.iconKey] }), _jsxs(Div, { children: [_jsx(Text, { className: "font-black uppercase tracking-wide text-[var(--section-title-color)]", size: "sm", children: badge.title }), _jsx(Text, { className: "text-[var(--color-muted)]", size: "xs", weight: "medium", children: badge.sub })] })] }, badge.id))) }) }) }));
-}

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

@@ -1,12 +0,0 @@
-import React from "react";
-export interface TrustIndicatorItem {
-    key?: string;
-    icon: string;
-    title: string;
-    description: string;
-}
-export interface TrustIndicatorsSectionProps {
-    items: TrustIndicatorItem[];
-    className?: string;
-}
-export declare function TrustIndicatorsSection({ items, className, }: TrustIndicatorsSectionProps): React.JSX.Element;

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

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { THEMED_TEXT_PRIMARY, THEMED_TEXT_SECONDARY } from "../../../_internal/shared/styles/themed.js";
-import { Div, Grid, Heading, Section, Text } from "../../../ui/index.js";
-const __P = {
-    p6: "p-[var(--appkit-space-6)]",
-};
-// --- Section -----------------------------------------------------------------
-export function TrustIndicatorsSection({ items, className = "", }) {
-    const themed = { textPrimary: THEMED_TEXT_PRIMARY, textSecondary: THEMED_TEXT_SECONDARY };
-    return (_jsx(Section, { className: `${__P.p6} ${className}`, surface: "subtle", children: _jsx(Div, { className: "w-full", children: _jsx(Grid, { gap: "section", className: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4", children: items.map((indicator, index) => (_jsxs(Div, { padding: "md", rounded: "2xl", border: "subtle", shadow: "hover-md", className: "text-left bg-[var(--appkit-color-surface)]", children: [_jsx(Div, { className: "text-[2.25rem] md:text-[3rem] mb-2 md:mb-3", children: indicator.icon }), _jsx(Heading, { level: 3, className: `${themed.textPrimary} mb-1 md:mb-2`, size: "sm", weight: "semibold", children: indicator.title }), _jsx(Text, { className: `${themed.textSecondary}`, size: "xs", children: indicator.description })] }, index))) }) }) }));
-}

package/dist/features/homepage/hooks/useHomepage.d.ts

@@ -1,11 +0,0 @@
-import type { HomepageData } from "../types";
-interface UseHomepageOptions {
-    initialData?: HomepageData;
-    enabled?: boolean;
-}
-export declare function useHomepage(opts?: UseHomepageOptions): {
-    sections: import("..").HomepageSection[];
-    isLoading: boolean;
-    error: Error | null;
-};
-export {};

package/dist/features/homepage/hooks/useHomepage.js

@@ -1,17 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import { apiClient } from "../../../http/index.js";
-import { HOMEPAGE_ENDPOINTS } from "../../../constants/api-endpoints.js";
-export function useHomepage(opts) {
-    const query = useQuery({
-        queryKey: ["homepage"],
-        queryFn: () => apiClient.get(HOMEPAGE_ENDPOINTS.GET),
-        initialData: opts?.initialData,
-        enabled: opts?.enabled,
-        staleTime: 5 * 60 * 1000,
-    });
-    return {
-        sections: query.data?.sections ?? [],
-        isLoading: query.isLoading,
-        error: query.error,
-    };
-}

package/dist/features/homepage/hooks/useHomepageSections.d.ts

@@ -1,2 +0,0 @@
-import type { HomepageSectionDocument } from "../schemas";
-export declare function useHomepageSections(params?: string): import("@tanstack/react-query").UseQueryResult<HomepageSectionDocument[], Error>;

package/dist/features/homepage/hooks/useHomepageSections.js

@@ -1,10 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import { apiClient } from "../../../http/index.js";
-import { HOMEPAGE_ENDPOINTS } from "../../../constants/api-endpoints.js";
-export function useHomepageSections(params) {
-    return useQuery({
-        queryKey: ["homepage-sections", params ?? ""],
-        queryFn: () => apiClient.get(`${HOMEPAGE_ENDPOINTS.SECTIONS}${params ? `?${params}` : ""}`),
-        staleTime: 5 * 60 * 1000,
-    });
-}

package/dist/features/homepage/repository/homepage.repository.d.ts

@@ -1,11 +0,0 @@
-import type { IRepository, PagedResult, SieveQuery } from "../../../contracts";
-import type { HomepageSection } from "../types";
-export declare class HomepageSectionsRepository {
-    private readonly repo;
-    constructor(repo: IRepository<HomepageSection>);
-    findAll(query?: SieveQuery): Promise<PagedResult<HomepageSection>>;
-    findById(id: string): Promise<HomepageSection | null>;
-    create(data: Omit<HomepageSection, "id">): Promise<HomepageSection>;
-    update(id: string, data: Partial<HomepageSection>): Promise<HomepageSection>;
-    delete(id: string): Promise<void>;
-}

package/dist/features/homepage/repository/homepage.repository.js

@@ -1,25 +0,0 @@
-export class HomepageSectionsRepository {
-    constructor(repo) {
-        this.repo = repo;
-    }
-    async findAll(query) {
-        return this.repo.findAll({
-            filters: "isVisible==true",
-            sort: "order",
-            pageSize: 50,
-            ...query,
-        });
-    }
-    async findById(id) {
-        return this.repo.findById(id);
-    }
-    async create(data) {
-        return this.repo.create(data);
-    }
-    async update(id, data) {
-        return this.repo.update(id, data);
-    }
-    async delete(id) {
-        return this.repo.delete(id);
-    }
-}

package/dist/features/search/actions/index.d.ts

@@ -1 +0,0 @@
-export * from "./search-actions";

package/dist/features/search/actions/index.js

@@ -1 +0,0 @@
-export * from "./search-actions.js";

package/dist/features/search/actions/search-actions.d.ts

@@ -1,18 +0,0 @@
-/**
- * Search Domain Actions (appkit)
- *
- * Pure business functions — auth, rate-limiting, and Next.js specifics
- * are handled by the calling server action in the consumer.
- */
-import type { FirebaseSieveResult } from "../../../providers/db-firebase";
-import type { ProductDocument } from "../../products/schemas";
-import type { SearchQuery } from "../types";
-export interface SearchProductsResult extends FirebaseSieveResult<ProductDocument> {
-    q: string;
-    backend: "in-memory";
-}
-/**
- * Search products using Firestore Sieve filters.
- * All filtering criteria are optional — omitting them returns all published products.
- */
-export declare function searchProducts(query?: SearchQuery): Promise<SearchProductsResult>;

package/dist/features/search/actions/search-actions.js

@@ -1,43 +0,0 @@
-/**
- * Search Domain Actions (appkit)
- *
- * Pure business functions — auth, rate-limiting, and Next.js specifics
- * are handled by the calling server action in the consumer.
- */
-import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
-import { productRepository } from "../../products/repository/products.repository.js";
-import { serverLogger } from "../../../monitoring/index.js";
-/**
- * Search products using Firestore Sieve filters.
- * All filtering criteria are optional — omitting them returns all published products.
- */
-export async function searchProducts(query = {}) {
-    const { q = "", category, subcategory, minPrice = 0, maxPrice = 0, condition, listingType, sort = "-createdAt", page = 1, pageSize = 20, } = query;
-    const filterParts = ["status==published"];
-    if (category)
-        filterParts.push(sieveFilter("category", SIEVE_OP.EQ, category));
-    if (subcategory)
-        filterParts.push(sieveFilter("subcategory", SIEVE_OP.EQ, subcategory));
-    if (minPrice > 0)
-        filterParts.push(sieveFilter("price", SIEVE_OP.GTE, minPrice));
-    if (maxPrice > 0 && maxPrice >= minPrice)
-        filterParts.push(sieveFilter("price", SIEVE_OP.LTE, maxPrice));
-    if (condition)
-        filterParts.push(sieveFilter("condition", SIEVE_OP.EQ, condition));
-    // SB1-G Phase 4 — canonical listingType discriminator.
-    if (listingType)
-        filterParts.push(sieveFilter("listingType", SIEVE_OP.EQ, listingType));
-    if (q.trim())
-        filterParts.push(`title_=${q.trim()}`);
-    const sieveResult = await productRepository.list({
-        filters: filterParts.join(","),
-        sorts: sort,
-        page,
-        pageSize,
-    });
-    serverLogger.info("searchProducts (Firestore-native)", {
-        q: q || "(empty)",
-        total: sieveResult.total,
-    });
-    return { ...sieveResult, q, backend: "in-memory" };
-}

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

@@ -1,22 +0,0 @@
-/**
- * feat-search — Next.js App Router API handler (GET /api/search)
- *
- * 2-line stub:
- * ```ts
- * // app/api/search/route.ts
- * export { GET } from "@mohasinac/feat-search";
- * ```
- *
- * Performs Sieve-based product search via SearchRepository.
- * Supports: q, category, subcategory, minPrice, maxPrice, condition,
- *   listingType, inStock, minRating, sort, page, pageSize.
- *
- * Note: external search providers are not built into this route. To enable one,
- * register an ISearchProvider via registerProviders() and handle it at
- * the application layer (middleware / wrapper route) before delegating here.
- *
- * Requires `db` registered in providers.config via `registerProviders()`.
- * Collection: "products"
- */
-import { NextResponse } from "next/server.js";
-export declare function GET(request: Request): Promise<NextResponse>;