@mohasinac/appkit 2.8.9 → 3.0.0

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Section, Text } from "../../../ui";
+import { Div, Row, Section, Stack, Text } from "../../../ui";
 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" }) })),
@@ -46,9 +46,11 @@ export function TrustBadges({ badges }) {
             background: "var(--section-bg)",
             borderTop: "var(--section-border)",
             borderBottom: "var(--section-border)",
-        }, children: _jsx(Div, { className: "mx-auto max-w-7xl px-4 py-6 sm:py-10", children: _jsx(Div, { className: "grid grid-cols-2 gap-6 sm:grid-cols-4", children: items.map((badge) => (_jsxs(Div, { className: "flex flex-col items-center gap-2 text-center sm:flex-row sm:items-center sm:text-left sm:gap-4", children: [_jsx(Div, { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full", style: {
+        }, children: _jsx(Div, { className: "mx-auto max-w-7xl sm:py-10", paddingY: "y-lg", paddingX: "x-md", children: _jsx(Div, { layout: "grid", gap: "6", className: "grid-cols-2 sm:grid-cols-4", children: items.map((badge) => (
+                // audit-variant-ok: badge Stack — base flex-col + sm:flex-row + sm:gap-4 responsive direction + text-align flip
+                _jsxs(Stack, { className: "text-center sm:flex-row sm:items-center sm:text-left sm:gap-4", align: "center", gap: "sm", children: [_jsx(Row, { className: "h-12 w-12 shrink-0", align: "center", justify: "center", rounded: "full", style: {
                                 background: "rgba(240,196,23,0.12)",
                                 color: "var(--color-red)",
                                 border: "2px solid var(--border-ink)",
-                            }, children: BADGE_ICONS[badge.iconKey] }), _jsxs(Div, { children: [_jsx(Text, { className: "text-sm font-black uppercase tracking-wide", style: { color: "var(--section-title-color)" }, children: badge.title }), _jsx(Text, { className: "text-xs font-medium", style: { color: "var(--color-muted)" }, children: badge.sub })] })] }, badge.id))) }) }) }));
+                            }, children: BADGE_ICONS[badge.iconKey] }), _jsxs(Div, { children: [_jsx(Text, { className: "font-black uppercase tracking-wide", size: "sm", style: { color: "var(--section-title-color)" }, children: badge.title }), _jsx(Text, { style: { color: "var(--color-muted)" }, size: "xs", weight: "medium", children: badge.sub })] })] }, badge.id))) }) }) }));
 }

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

@@ -1,8 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { THEME_CONSTANTS } from "../../../tokens";
-import { Div, Grid, Heading, Section, Span, Text } from "../../../ui";
+import { Div, Grid, Heading, Row, Section, Span, Text } from "../../../ui";
 // --- Single cards-variant card -----------------------------------------------
 function TrustFeatureCard({ item, visible, delay, }) {
     return (_jsxs("div", { className: [
@@ -11,15 +10,14 @@ function TrustFeatureCard({ item, visible, delay, }) {
             visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4",
         ].join(" "), 
         // audit-inline-style-ok: computed timing
-        style: { transitionDelay: `${delay}ms` }, "data-section": "trustfeaturessection-div-373", children: [_jsx(Div, { className: "flex h-14 w-14 items-center justify-center rounded-2xl bg-primary-50 dark:bg-primary-950/40 border border-primary-100 dark:border-primary-900/30 flex-shrink-0", children: item.renderIcon ? (item.renderIcon({ className: "w-7 h-7" })) : (_jsx(Span, { className: "text-primary-600 dark:text-secondary-400 text-2xl", "aria-hidden": "true", children: "\u2713" })) }), _jsx(Heading, { level: 3, className: "mt-3 mb-1 text-sm font-bold tracking-wide uppercase text-zinc-900 dark:text-zinc-100", children: item.title }), _jsx(Text, { className: "text-xs leading-relaxed text-zinc-500 dark:text-zinc-400", children: item.description })] }));
+        style: { transitionDelay: `${delay}ms` }, "data-section": "trustfeaturessection-div-373", children: [_jsx(Row, { className: "h-14 w-14 bg-primary-50 dark:bg-primary-950/40 border border-primary-100 dark:border-primary-900/30 flex-shrink-0", align: "center", justify: "center", rounded: "2xl", children: item.renderIcon ? (item.renderIcon({ className: "w-7 h-7" })) : (_jsx(Span, { className: "text-primary-600 dark:text-secondary-400", size: "2xl", "aria-hidden": "true", children: "\u2713" })) }), _jsx(Heading, { level: 3, className: "mt-3 mb-1 tracking-wide uppercase", color: "primary", size: "sm", weight: "bold", children: item.title }), _jsx(Text, { className: "leading-relaxed", color: "muted", size: "xs", children: item.description })] }));
 }
 // --- Single strip-variant item -----------------------------------------------
 function TrustStripItem({ item }) {
-    return (_jsxs(Div, { className: "inline-flex flex-shrink-0 items-center gap-2 px-6", children: [item.renderIcon ? (item.renderIcon({ className: "w-5 h-5" })) : (_jsx(Span, { className: "text-primary-600 dark:text-primary-400 text-lg", "aria-hidden": "true", children: "\u2713" })), _jsx(Text, { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300 whitespace-nowrap", children: item.title })] }));
+    return (_jsxs(Div, { layout: "inline-flex", gap: "2", align: "center", className: "flex-shrink-0", padding: "x-lg", children: [item.renderIcon ? (item.renderIcon({ className: "w-5 h-5" })) : (_jsx(Span, { className: "text-primary-600 dark:text-primary-400", size: "lg", "aria-hidden": "true", children: "\u2713" })), _jsx(Text, { className: "whitespace-nowrap", color: "muted", size: "sm", weight: "medium", children: item.title })] }));
 }
 // --- Section -----------------------------------------------------------------
 export function TrustFeaturesSection({ items, title, variant = "cards", className = "", }) {
-    const { themed } = THEME_CONSTANTS;
     const sectionRef = useRef(null);
     const [visible, setVisible] = useState(false);
     useEffect(() => {
@@ -37,7 +35,7 @@ export function TrustFeaturesSection({ items, title, variant = "cards", classNam
     }, []);
     if (variant === "strip") {
         const doubled = [...items, ...items];
-        return (_jsx(Section, { ref: sectionRef, className: `py-4 overflow-hidden border-y border-zinc-100 dark:border-slate-800 ${className}`, children: _jsx(Div, { className: "flex animate-marquee", children: doubled.map((item, i) => (_jsx(TrustStripItem, { item: item }, `${item.iconName}-${i}`))) }) }));
+        return (_jsx(Section, { border: "subtle", ref: sectionRef, className: `overflow-hidden border-y ${className}`, padding: "y-md", children: _jsx(Div, { layout: "flex", className: "animate-marquee", children: doubled.map((item, i) => (_jsx(TrustStripItem, { item: item }, `${item.iconName}-${i}`))) }) }));
     }
-    return (_jsx(Section, { ref: sectionRef, className: `py-14 px-4 bg-zinc-50 dark:bg-slate-900/80 ${className}`, children: _jsxs(Div, { className: "max-w-6xl mx-auto", children: [title && (_jsx(Div, { className: "text-center mb-8", children: _jsx(Heading, { level: 2, className: "text-3xl md:text-4xl font-bold text-zinc-900 dark:text-zinc-100", children: title }) })), _jsx(Grid, { gap: "lg", className: "grid-cols-2 sm:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4", children: items.map((item, index) => (_jsx(TrustFeatureCard, { item: item, visible: visible, delay: index * 100 }, item.iconName))) })] }) }));
+    return (_jsx(Section, { ref: sectionRef, paddingY: "y-2-5xl", className: className, paddingX: "x-md", surface: "muted", children: _jsxs(Div, { className: "max-w-6xl mx-auto", children: [title && (_jsx(Div, { className: "text-center mb-8", children: _jsx(Heading, { level: 2, color: "primary", size: "3xl", weight: "bold", mdSize: "4xl", children: title }) })), _jsx(Grid, { gap: "lg", className: "grid-cols-2 sm:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4", children: items.map((item, index) => (_jsx(TrustFeatureCard, { item: item, visible: visible, delay: index * 100 }, item.iconName))) })] }) }));
 }

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { THEME_CONSTANTS } from "../../../tokens";
+import { THEMED_TEXT_PRIMARY, THEMED_TEXT_SECONDARY } from "../../../_internal/shared/styles/themed";
 import { Div, Grid, Heading, Section, Text } from "../../../ui";
 const __P = {
     p6: "p-6",
 };
 // --- Section -----------------------------------------------------------------
 export function TrustIndicatorsSection({ items, className = "", }) {
-    const { themed } = THEME_CONSTANTS;
-    return (_jsx(Section, { className: `${__P.p6} ${themed.bgSecondary} ${className}`, children: _jsx(Div, { className: "w-full", children: _jsx(Grid, { gap: "md", className: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4 md:gap-8", children: items.map((indicator, index) => (_jsxs("div", { className: "text-center p-4 rounded-2xl bg-white dark:bg-slate-900 border border-zinc-100 dark:border-slate-800 hover:shadow-md transition-shadow", children: [_jsx(Div, { className: "text-4xl md:text-5xl mb-2 md:mb-3", children: indicator.icon }), _jsx(Heading, { level: 3, className: `text-sm font-semibold ${themed.textPrimary} mb-1 md:mb-2`, children: indicator.title }), _jsx(Text, { className: `text-xs ${themed.textSecondary}`, children: indicator.description })] }, index))) }) }) }));
+    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: "md", className: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4 md:gap-8", children: items.map((indicator, index) => (_jsxs("div", { className: "text-center p-4 rounded-2xl bg-white dark:bg-slate-900 border border-zinc-100 dark:border-slate-800 hover:shadow-md transition-shadow", children: [_jsx(Div, { className: "text-4xl md:text-5xl 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/components/WelcomeSection.js

@@ -1,12 +1,27 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { THEME_CONSTANTS } from "../../../tokens";
+import { THEMED_TEXT_SECONDARY, FLEX_CENTER } from "../../../_internal/shared/styles/themed";
 import { Button, Div, Grid, Heading, Row, Section, SiteLogo, Span, Text, TextLink } from "../../../ui";
 // --- Component ---------------------------------------------------------------
 export function WelcomeSection({ title, subtitle, pillLabel, showCTA = true, ctaLabel = "Shop now", ctaHref, onCtaClick, secondaryCtaLabel = "Browse products", secondaryCtaHref, onSecondaryCtaClick, trustChips = [], isLoading = false, brandLogoText = "", className = "", }) {
-    const { themed, flex } = THEME_CONSTANTS;
+    const themed = { textSecondary: THEMED_TEXT_SECONDARY };
+    const flex = { center: FLEX_CENTER };
     if (isLoading) {
-        return (_jsx(Section, { className: `relative overflow-hidden py-16 md:py-24 px-4 ${className}`, children: _jsxs(Div, { className: "animate-pulse max-w-4xl mx-auto text-center", children: [_jsx(Div, { className: "h-6 bg-zinc-200 dark:bg-slate-700 rounded-full w-52 mx-auto mb-6" }), _jsx(Div, { className: "h-20 bg-zinc-200 dark:bg-slate-700 rounded-lg mb-4 max-w-2xl mx-auto" }), _jsx(Div, { className: "h-6 bg-zinc-200 dark:bg-slate-700 rounded-lg mb-8 max-w-lg mx-auto" }), _jsxs(Row, { justify: "center", gap: "md", children: [_jsx(Div, { className: "h-12 bg-zinc-200 dark:bg-slate-700 rounded-xl w-36" }), _jsx(Div, { className: "h-12 bg-zinc-200 dark:bg-slate-700 rounded-xl w-36" })] })] }) }));
+        return (
+        // audit-variant-ok: responsive md:py-24 override on top of y-4xl base; relative+overflow-hidden are decorative layout
+        _jsx(Section, { className: `relative overflow-hidden md:py-24 ${className}`, paddingY: "y-4xl", paddingX: "x-md", children: _jsxs(Div, { className: "animate-pulse max-w-4xl mx-auto text-center", children: [_jsx(Div, { className: "h-6 w-52 mx-auto mb-6", surface: "subtle", rounded: "full" }), _jsx(Div, { className: "h-20 mb-4 max-w-2xl mx-auto", surface: "subtle", rounded: "lg" }), _jsx(Div, { className: "h-6 mb-8 max-w-lg mx-auto", surface: "subtle", rounded: "lg" }), _jsxs(Row, { justify: "center", gap: "md", children: [_jsx(Div, { className: "h-12 w-36", surface: "subtle", rounded: "xl" }), _jsx(Div, { className: "h-12 w-36", surface: "subtle", rounded: "xl" })] })] }) }));
     }
-    return (_jsxs(Section, { className: `relative overflow-hidden py-20 md:py-28 px-4 ${className}`, children: [_jsx(Div, { className: "pointer-events-none absolute -top-32 -left-32 w-[28rem] h-[28rem] rounded-full bg-primary/10 blur-3xl", "aria-hidden": "true" }), _jsx(Div, { className: "pointer-events-none absolute -bottom-40 -right-40 w-[36rem] h-[36rem] rounded-full bg-secondary/10 dark:bg-secondary/15 blur-3xl", "aria-hidden": "true" }), _jsx(Div, { className: "relative z-10 max-w-7xl mx-auto", children: _jsxs(Grid, { gap: "2xl", className: "grid-cols-1 lg:grid-cols-2 xl:grid-cols-2 2xl:grid-cols-2 items-center", children: [_jsxs(Div, { className: "text-center lg:text-left", children: [pillLabel && (_jsx(Div, { children: _jsxs(Span, { size: "xs", weight: "medium", className: "inline-flex items-center gap-2 rounded-full border border-primary-500/30 bg-primary-500/10 px-5 py-1.5 tracking-[0.2em] uppercase text-primary-700 dark:text-primary-400 backdrop-blur-sm", children: [_jsx(Span, { className: "w-1.5 h-1.5 rounded-full bg-primary-500 inline-block", "aria-hidden": "true" }), pillLabel, _jsx(Span, { className: "w-1.5 h-1.5 rounded-full bg-primary-500 inline-block", "aria-hidden": "true" })] }) })), _jsx(Heading, { level: 1, variant: "none", className: "mt-4 font-display text-5xl md:text-6xl lg:text-7xl xl:text-8xl bg-gradient-to-r from-primary-700 via-cobalt to-secondary-400 dark:from-primary dark:via-cobalt-400 dark:to-primary-300 bg-clip-text text-transparent leading-[1.1] tracking-tight", children: title }), subtitle && (_jsx(Text, { className: `mt-4 text-xl ${themed.textSecondary} max-w-xl leading-relaxed mx-auto lg:mx-0`, children: subtitle })), showCTA && (_jsxs(Row, { wrap: true, gap: "md", className: "mt-8 justify-center lg:justify-start", children: [ctaHref ? (_jsx(TextLink, { href: ctaHref, className: "inline-flex items-center justify-center rounded-xl px-8 py-3.5 text-base font-bold !bg-primary hover:!bg-primary-600 text-white dark:!bg-primary dark:hover:!bg-primary-600 dark:text-white btn-glow transition-all hover:scale-[1.02]", children: ctaLabel })) : (_jsx(Button, { variant: "primary", size: "lg", onClick: onCtaClick, children: ctaLabel })), secondaryCtaHref ? (_jsx(TextLink, { href: secondaryCtaHref, className: "inline-flex items-center justify-center rounded-xl border-2 border-cobalt/40 dark:border-cobalt-400/40 px-8 py-3.5 text-base font-semibold text-cobalt-700 dark:text-cobalt-300 hover:bg-cobalt-50 dark:hover:bg-cobalt-900/20 transition-all hover:scale-[1.02]", children: secondaryCtaLabel })) : (_jsx(Button, { variant: "outline", size: "lg", onClick: onSecondaryCtaClick, children: secondaryCtaLabel }))] })), trustChips.length > 0 && (_jsx(Row, { wrap: true, gap: "sm", className: "mt-6 justify-center lg:justify-start", children: trustChips.map((chip) => (_jsxs(Span, { size: "xs", weight: "medium", className: "inline-flex items-center gap-1.5 bg-zinc-100 dark:bg-slate-800 border border-zinc-200 dark:border-slate-700 rounded-full px-3.5 py-1.5 text-zinc-700 dark:text-zinc-300", children: [chip.emoji, " ", chip.label] }, chip.key))) }))] }), _jsx(Div, { className: "hidden lg:block", children: _jsxs(Div, { className: `relative rounded-3xl overflow-hidden aspect-[4/3] bg-gradient-to-br from-primary-100 via-cobalt-100/60 to-secondary-100 dark:from-primary-950/60 dark:via-cobalt-950/40 dark:to-secondary-950/60 border ${themed.border} shadow-2xl`, children: [_jsx(Div, { className: "absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-cobalt/5" }), _jsx(Row, { centered: true, className: `absolute inset-0 ${flex.center} px-10`, children: _jsx(SiteLogo, { title: brandLogoText || "LetItRip.in", className: "h-24 xl:h-32 2xl:h-40 max-w-full" }) })] }) })] }) })] }));
+    return (
+    // audit-variant-ok: responsive md:py-28 override on top of y-5xl base; relative+overflow-hidden are decorative layout
+    _jsxs(Section, { className: `relative overflow-hidden md:py-28 ${className}`, paddingY: "y-5xl", paddingX: "x-md", children: [_jsx(Div, { className: "pointer-events-none absolute -top-32 -left-32 w-[28rem] h-[28rem] bg-primary/10 blur-3xl", rounded: "full", "aria-hidden": "true" }), _jsx(Div, { className: "pointer-events-none absolute -bottom-40 -right-40 w-[36rem] h-[36rem] bg-secondary/10 dark:bg-secondary/15 blur-3xl", rounded: "full", "aria-hidden": "true" }), _jsx(Div, { className: "relative z-10 max-w-7xl mx-auto", children: _jsxs(Grid, { align: "center", gap: "2xl", className: "grid-cols-1 lg:grid-cols-2 xl:grid-cols-2 2xl:grid-cols-2", children: [_jsxs(Div, { className: "text-center lg:text-left", children: [pillLabel && (_jsx(Div, { children: _jsxs(Span, { layout: "inline-flex", gap: "md", size: "xs", weight: "medium", className: "border border-primary-500/30 bg-primary-500/10 px-5 py-1.5 tracking-[0.2em] text-primary-700 dark:text-primary-400 backdrop-blur-sm", rounded: "full", transform: "uppercase", children: [_jsx(Span, { className: "w-1.5 h-1.5 bg-primary-500 inline-block", rounded: "full", "aria-hidden": "true" }), pillLabel, _jsx(Span, { className: "w-1.5 h-1.5 bg-primary-500 inline-block", rounded: "full", "aria-hidden": "true" })] }) })), _jsx(Heading, { level: 1, variant: "none", gradient: "brand-tri", className: "mt-4 font-display md:text-6xl lg:text-7xl xl:text-8xl leading-[1.1] tracking-tight", size: "5xl", children: title }), subtitle && (_jsx(Text, { className: `mt-4 ${themed.textSecondary} max-w-xl leading-relaxed mx-auto lg:mx-0`, size: "xl", children: subtitle })), showCTA && (
+                                // audit-variant-ok: lg:justify-start responsive override on top of center default; Row.justify only supports single value
+                                _jsxs(Row, { wrap: true, gap: "md", className: "mt-8 lg:justify-start", justify: "center", children: [ctaHref ? (
+                                        // audit-variant-ok: button-styled link — inline-flex layout + !bg-primary override + btn-glow utility; TextLink lacks button variant
+                                        _jsx(TextLink, { rounded: "xl", href: ctaHref, className: "inline-flex items-center justify-center px-8 py-3.5 !bg-primary hover:!bg-primary-600 text-white dark:!bg-primary dark:hover:!bg-primary-600 dark:text-white btn-glow transition-all hover:scale-[1.02]", size: "base", weight: "bold", children: ctaLabel })) : (_jsx(Button, { variant: "primary", size: "lg", onClick: onCtaClick, children: ctaLabel })), secondaryCtaHref ? (
+                                        // audit-variant-ok: button-styled link — inline-flex layout + cobalt outline tokens; TextLink lacks outline button variant
+                                        _jsx(TextLink, { rounded: "xl", href: secondaryCtaHref, className: "inline-flex items-center justify-center border-2 border-cobalt/40 dark:border-cobalt-400/40 px-8 py-3.5 text-cobalt-700 dark:text-cobalt-300 hover:bg-cobalt-50 dark:hover:bg-cobalt-900/20 transition-all hover:scale-[1.02]", size: "base", weight: "semibold", children: secondaryCtaLabel })) : (_jsx(Button, { variant: "outline", size: "lg", onClick: onSecondaryCtaClick, children: secondaryCtaLabel }))] })), trustChips.length > 0 && (
+                                // audit-variant-ok: lg:justify-start responsive override on top of center default; Row.justify only supports single value
+                                _jsx(Row, { wrap: true, gap: "sm", className: "mt-6 lg:justify-start", justify: "center", children: trustChips.map((chip) => (
+                                    // audit-variant-ok: chip with px-3.5 py-1.5 padding outside PADDING_MAP scale + explicit zinc/slate border tokens for theme contrast
+                                    _jsxs(Span, { layout: "inline-flex", gap: "xs", size: "xs", weight: "medium", className: "border border-zinc-200 dark:border-slate-700 px-3.5 py-1.5", rounded: "full", surface: "subtle", color: "muted", children: [chip.emoji, " ", chip.label] }, chip.key))) }))] }), _jsx(Div, { className: "hidden lg:block", children: _jsxs(Div, { className: `relative overflow-hidden aspect-[4/3] bg-[image:var(--appkit-gradient-section-mesh)] shadow-2xl`, border: "default", rounded: "3xl", children: [_jsx(Div, { className: "absolute inset-0 bg-[image:var(--appkit-gradient-glass)]" }), _jsx(Row, { centered: true, className: `absolute inset-0 ${flex.center} px-10`, children: _jsx(SiteLogo, { title: brandLogoText || "LetItRip.in", size: "hero" }) })] }) })] }) })] }));
 }

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

@@ -1,14 +1,12 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { THEME_CONSTANTS } from "../../../tokens";
-import { Button, Div, Heading, RichText, Section, Span, Text } from "../../../ui";
+import { Blockquote, Button, Div, Heading, RichText, Row, Section, Span, Text } from "../../../ui";
 import { Users } from "lucide-react";
 import { getDefaultLocale } from "../../../core/baseline-resolver";
 // --- Section -----------------------------------------------------------------
 export function WhatsAppCommunitySection({ title, descriptionHtml, memberCount, memberCountLabel = "members", testimonial, benefits = [], buttonText = "Join our WhatsApp community", groupLink, isLoading = false, className = "", }) {
-    const { themed, flex } = THEME_CONSTANTS;
     if (isLoading) {
-        return (_jsx(Section, { className: `py-16 px-4 sm:px-8 ${themed.bgSecondary} ${className}`, children: _jsx(Div, { className: "w-full max-w-7xl mx-auto", children: _jsx(Div, { className: "h-72 bg-zinc-200 dark:bg-slate-700 rounded-2xl animate-pulse" }) }) }));
+        return (_jsx(Section, { paddingX: "x-md-2xl", className: className, surface: "subtle", paddingY: "y-4xl", children: _jsx(Div, { className: "w-full max-w-7xl mx-auto", children: _jsx(Div, { className: "h-72 animate-pulse", surface: "subtle", rounded: "2xl" }) }) }));
     }
     if (!title && !groupLink)
         return null;
@@ -16,5 +14,9 @@ export function WhatsAppCommunitySection({ title, descriptionHtml, memberCount,
         if (groupLink)
             window.open(groupLink, "_blank");
     };
-    return (_jsx(Section, { className: `py-16 px-4 sm:px-8 ${themed.bgSecondary} ${className}`, children: _jsx(Div, { className: "w-full max-w-7xl mx-auto", children: _jsxs("div", { className: "relative rounded-2xl overflow-hidden bg-gradient-to-br from-primary via-cobalt to-primary/80 dark:from-primary/90 dark:via-cobalt/90 dark:to-primary/70 text-white shadow-xl", children: [_jsx(Div, { className: "absolute inset-0 opacity-[0.06] pointer-events-none bg-[repeating-linear-gradient(45deg,white_0,white_1px,transparent_0,transparent_50%)] bg-[size:10px_10px]", "aria-hidden": true }), _jsxs(Div, { className: "relative z-10 px-6 py-10 sm:px-10 sm:py-12", children: [_jsxs(Div, { className: `${flex.between} flex-wrap gap-4 mb-8`, children: [_jsxs(Div, { className: "flex items-center gap-3", children: [_jsx(Div, { className: "w-12 h-12 rounded-xl bg-[#25D366] flex items-center justify-center shadow-lg flex-shrink-0", children: _jsx("svg", { className: "w-7 h-7 text-white", fill: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" }) }) }), _jsx(Span, { size: "sm", weight: "medium", className: "text-white/80 tracking-wide uppercase", children: "WhatsApp Community" })] }), memberCount && (_jsxs(Div, { className: "flex items-center gap-2 bg-white/15 backdrop-blur-sm rounded-full px-4 py-1.5", children: [_jsx(Users, { className: "w-4 h-4 text-white/80" }), _jsxs(Span, { size: "sm", weight: "semibold", className: "text-white", children: [memberCount.toLocaleString(getDefaultLocale()), "+ ", memberCountLabel] })] }))] }), _jsx(Heading, { level: 2, className: "text-white text-2xl sm:text-3xl font-bold mb-3 leading-tight", children: title }), descriptionHtml && (_jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm max-w-none prose-invert", className: "text-white/80 text-base mb-6 max-w-2xl leading-relaxed" })), benefits.length > 0 && (_jsx(Div, { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 mb-8 max-w-2xl", children: benefits.slice(0, 4).map((benefit, i) => (_jsxs(Div, { className: "flex items-start gap-2.5", children: [_jsx("span", { className: "mt-0.5 flex-shrink-0 w-5 h-5 rounded-full bg-white/20 flex items-center justify-center", children: _jsx("svg", { className: "w-3 h-3 text-white", fill: "currentColor", viewBox: "0 0 20 20", "aria-hidden": "true", children: _jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }), _jsx(Span, { size: "sm", className: "text-white/90 leading-snug", children: benefit })] }, i))) })), testimonial && (_jsx("blockquote", { className: "border-l-2 border-white/30 pl-4 mb-8 max-w-xl", children: _jsxs(Text, { variant: "none", className: "text-white/75 text-sm italic leading-relaxed", children: ["\u201C", testimonial, "\u201D"] }) })), groupLink && (_jsxs(Button, { variant: "primary", size: "lg", onClick: handleJoin, "aria-label": buttonText, className: "!bg-[#25D366] hover:!bg-[#1ebe5d] !text-white !border-0 shadow-lg font-semibold gap-2.5", children: [_jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" }) }), buttonText] }))] })] }) }) }));
+    return (_jsx(Section, { paddingX: "x-md-2xl", className: className, surface: "subtle", paddingY: "y-4xl", children: _jsx(Div, { className: "w-full max-w-7xl mx-auto", children: _jsxs(Section, { color: "inverse", tone: "accent-banner", rounded: "2xl", shadow: "lg", className: "relative overflow-hidden", children: [_jsx(Div, { className: "absolute inset-0 opacity-[0.06] pointer-events-none bg-[repeating-linear-gradient(45deg,white_0,white_1px,transparent_0,transparent_50%)] bg-[size:10px_10px]", "aria-hidden": true }), _jsxs(Div, { className: "relative z-10 px-6 sm:px-10 sm:py-12", padding: "y-2xl", children: [_jsxs(Row, { align: "center", justify: "between", gap: "md", wrap: true, className: `mb-8`, children: [_jsxs(Row, { align: "center", gap: "3", children: [_jsx(Row, { className: "w-12 h-12 bg-[#25D366] flex-shrink-0", align: "center", justify: "center", rounded: "xl", shadow: "lg", children: _jsx("svg", { className: "w-7 h-7 text-white", fill: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" }) }) }), _jsx(Span, { color: "inverse", size: "sm", weight: "medium", className: "/80 tracking-wide", transform: "uppercase", children: "WhatsApp Community" })] }), memberCount && (_jsxs(Row, { paddingY: "y-2xs-tall", className: "backdrop-blur-sm", surface: "default", padding: "x-md", align: "center", gap: "sm", rounded: "full", children: [_jsx(Users, { className: "w-4 h-4 text-white/80" }), _jsxs(Span, { color: "inverse", size: "sm", weight: "semibold", children: [memberCount.toLocaleString(getDefaultLocale()), "+ ", memberCountLabel] })] }))] }), _jsx(Heading, { color: "inverse", level: 2, className: "mb-3 leading-tight", smSize: "3xl", size: "2xl", weight: "bold", children: title }), descriptionHtml && (_jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm max-w-none prose-invert", className: "text-white/80 text-base mb-6 max-w-2xl leading-relaxed" })), benefits.length > 0 && (_jsx(Div, { layout: "grid", gap: "3", className: "grid-cols-1 sm:grid-cols-2 mb-8 max-w-2xl", children: benefits.slice(0, 4).map((benefit, i) => (_jsxs(Row, { align: "start", gap: "2.5", children: [_jsx(Span, { layout: "flex-center", className: "mt-0.5 flex-shrink-0 w-5 h-5 bg-white/20", rounded: "full", children: _jsx("svg", { className: "w-3 h-3 text-white", fill: "currentColor", viewBox: "0 0 20 20", "aria-hidden": "true", children: _jsx("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }), _jsx(Span, { color: "inverse", size: "sm", className: "/90 leading-snug", children: benefit })] }, i))) })), testimonial && (
+                            // audit-variant-ok: testimonial Blockquote left-border accent + pl-4
+                            _jsx(Blockquote, { className: "border-l-2 border-white/30 pl-4 mb-8 max-w-xl", children: _jsxs(Text, { color: "inverse", variant: "none", className: "/75 italic leading-relaxed", size: "sm", children: ["\u201C", testimonial, "\u201D"] }) })), groupLink && (
+                            // audit-variant-ok: join-whatsapp Button branded #25D366 fill
+                            _jsxs(Button, { gap: "md", variant: "primary", size: "lg", onClick: handleJoin, "aria-label": buttonText, className: "!bg-[#25D366] hover:!bg-[#1ebe5d] !text-white !border-0 shadow-lg font-semibold", children: [_jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" }) }), buttonText] }))] })] }) }) }));
 }

package/dist/features/homepage/constants/carousel-per-view.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Carousel per-view presets used by the homepage section carousels.
+ *
+ * Extracted from `THEME_CONSTANTS.carousel.perView` so the consumer sweep
+ * can drop the THEME_CONSTANTS dependency.
+ */
+export declare const CAROUSEL_PER_VIEW: {
+    /** Default: 1 on mobile, 2 on sm, 3 on md+ */
+    readonly default: {
+        readonly base: 1;
+        readonly sm: 2;
+        readonly md: 3;
+    };
+    /** Standard: 1 on mobile, 3 on md, 4 on lg+ — the canonical homepage carousel preset */
+    readonly standard: {
+        readonly base: 1;
+        readonly md: 3;
+        readonly lg: 4;
+    };
+    /** Cards: 1 on mobile, 2 on sm, 3 on md, 4 on lg+ */
+    readonly cards: {
+        readonly base: 1;
+        readonly sm: 2;
+        readonly md: 3;
+        readonly lg: 4;
+    };
+    /** Compact cards: 1 on mobile, 2 on sm, 4 on md, 5 on xl+ */
+    readonly compact: {
+        readonly base: 1;
+        readonly sm: 2;
+        readonly md: 4;
+        readonly xl: 5;
+    };
+    /** Reviews: 1 on mobile, 2 on sm, 3 on md/lg, 4 on 2xl+ */
+    readonly reviews: {
+        readonly base: 1;
+        readonly sm: 2;
+        readonly md: 3;
+        readonly lg: 3;
+        readonly "2xl": 4;
+    };
+    /** Events: 1 on mobile, 2 on sm, 3 on md, 4 on lg+ */
+    readonly events: {
+        readonly base: 1;
+        readonly sm: 2;
+        readonly md: 3;
+        readonly lg: 4;
+    };
+    /** Featured cards: 1 on mobile, 2 on sm, 3 on lg+ */
+    readonly featuredCards: {
+        readonly base: 1;
+        readonly sm: 2;
+        readonly lg: 3;
+    };
+};
+export type CarouselPerViewPreset = keyof typeof CAROUSEL_PER_VIEW;

package/dist/features/homepage/constants/carousel-per-view.js

@@ -0,0 +1,22 @@
+/**
+ * Carousel per-view presets used by the homepage section carousels.
+ *
+ * Extracted from `THEME_CONSTANTS.carousel.perView` so the consumer sweep
+ * can drop the THEME_CONSTANTS dependency.
+ */
+export const CAROUSEL_PER_VIEW = {
+    /** Default: 1 on mobile, 2 on sm, 3 on md+ */
+    default: { base: 1, sm: 2, md: 3 },
+    /** Standard: 1 on mobile, 3 on md, 4 on lg+ — the canonical homepage carousel preset */
+    standard: { base: 1, md: 3, lg: 4 },
+    /** Cards: 1 on mobile, 2 on sm, 3 on md, 4 on lg+ */
+    cards: { base: 1, sm: 2, md: 3, lg: 4 },
+    /** Compact cards: 1 on mobile, 2 on sm, 4 on md, 5 on xl+ */
+    compact: { base: 1, sm: 2, md: 4, xl: 5 },
+    /** Reviews: 1 on mobile, 2 on sm, 3 on md/lg, 4 on 2xl+ */
+    reviews: { base: 1, sm: 2, md: 3, lg: 3, "2xl": 4 },
+    /** Events: 1 on mobile, 2 on sm, 3 on md, 4 on lg+ */
+    events: { base: 1, sm: 2, md: 3, lg: 4 },
+    /** Featured cards: 1 on mobile, 2 on sm, 3 on lg+ */
+    featuredCards: { base: 1, sm: 2, lg: 3 },
+};

package/dist/features/homepage/constants/hero-carousel-styles.d.ts

@@ -0,0 +1,15 @@
+/**
+ * HeroCarousel-specific class strings (arrow + active/inactive dots).
+ *
+ * Extracted from `THEME_CONSTANTS.carousel.{arrow,dotActive,dotInactive}`
+ * so the consumer sweep can drop the THEME_CONSTANTS dependency.
+ */
+export declare const HERO_CAROUSEL_ARROW = "w-10 h-10 rounded-2xl bg-white/85 dark:bg-slate-800/90 backdrop-blur-sm shadow-lg border border-zinc-300/70 dark:border-slate-600 text-zinc-800 dark:text-zinc-200 hover:-translate-y-0.5 hover:bg-white hover:shadow-xl hover:border-zinc-400 dark:hover:border-slate-500 active:scale-95 transition-all duration-200 flex items-center justify-center";
+export declare const HERO_CAROUSEL_DOT_ACTIVE = "w-8 h-2 !min-h-0 rounded-full bg-white shadow-sm transition-all duration-500";
+export declare const HERO_CAROUSEL_DOT_INACTIVE = "w-2 h-2 !min-h-0 rounded-full bg-white/55 shadow-sm transition-all duration-500";
+/** Absolute fill helper — `position: absolute; inset: 0`. */
+export declare const POSITION_FILL = "absolute inset-0";
+/** Flex centering helper — `flex items-center justify-center`. */
+export declare const FLEX_CENTER = "flex items-center justify-center";
+/** Background for hero placeholder skeleton. */
+export declare const HERO_PLACEHOLDER_BG = "bg-zinc-200 dark:bg-slate-800";

package/dist/features/homepage/constants/hero-carousel-styles.js

@@ -0,0 +1,15 @@
+/**
+ * HeroCarousel-specific class strings (arrow + active/inactive dots).
+ *
+ * Extracted from `THEME_CONSTANTS.carousel.{arrow,dotActive,dotInactive}`
+ * so the consumer sweep can drop the THEME_CONSTANTS dependency.
+ */
+export const HERO_CAROUSEL_ARROW = "w-10 h-10 rounded-2xl bg-white/85 dark:bg-slate-800/90 backdrop-blur-sm shadow-lg border border-zinc-300/70 dark:border-slate-600 text-zinc-800 dark:text-zinc-200 hover:-translate-y-0.5 hover:bg-white hover:shadow-xl hover:border-zinc-400 dark:hover:border-slate-500 active:scale-95 transition-all duration-200 flex items-center justify-center";
+export const HERO_CAROUSEL_DOT_ACTIVE = "w-8 h-2 !min-h-0 rounded-full bg-white shadow-sm transition-all duration-500";
+export const HERO_CAROUSEL_DOT_INACTIVE = "w-2 h-2 !min-h-0 rounded-full bg-white/55 shadow-sm transition-all duration-500";
+/** Absolute fill helper — `position: absolute; inset: 0`. */
+export const POSITION_FILL = "absolute inset-0";
+/** Flex centering helper — `flex items-center justify-center`. */
+export const FLEX_CENTER = "flex items-center justify-center";
+/** Background for hero placeholder skeleton. */
+export const HERO_PLACEHOLDER_BG = "bg-zinc-200 dark:bg-slate-800";

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

@@ -10,4 +10,4 @@ export interface BlogListResult {
 export declare function useBlogArticles(options?: {
     endpoint?: string;
     initialPosts?: BlogListResult["posts"];
-}): import("@tanstack/react-query").UseQueryResult<BlogListResult, Error>;
+}): import("@tanstack/react-query").UseQueryResult<NoInfer<BlogListResult>, Error>;

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

@@ -1,5 +1,5 @@
-import type { ProductItem } from "@mohasinac/appkit/features/products";
+import type { ProductItem } from "../../products/types";
 export declare function useFeaturedAuctions(options?: {
     filterByBrand?: string;
     initialData?: ProductItem[];
-}): import("@tanstack/react-query").UseQueryResult<ProductItem[], Error>;
+}): import("@tanstack/react-query").UseQueryResult<NoInfer<ProductItem[]>, Error>;

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

@@ -1,5 +1,5 @@
-import type { ProductItem } from "@mohasinac/appkit/features/products";
+import type { ProductItem } from "../../products/types";
 export declare function useFeaturedPreOrders(options?: {
     filterByBrand?: string;
     initialData?: ProductItem[];
-}): import("@tanstack/react-query").UseQueryResult<ProductItem[], Error>;
+}): import("@tanstack/react-query").UseQueryResult<NoInfer<ProductItem[]>, Error>;

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

@@ -2,4 +2,4 @@ import type { ProductListResponse } from "../../products/types";
 export declare function useFeaturedProducts(options?: {
     initialData?: ProductListResponse;
     filterByBrand?: string;
-}): import("@tanstack/react-query").UseQueryResult<ProductListResponse, Error>;
+}): import("@tanstack/react-query").UseQueryResult<NoInfer<ProductListResponse>, Error>;

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

@@ -1,4 +1,4 @@
 import type { StoreListItem } from "../../stores/types";
 export declare function useFeaturedStores(limit?: number, options?: {
     initialData?: StoreListItem[];
-}): import("@tanstack/react-query").UseQueryResult<StoreListItem[], Error>;
+}): import("@tanstack/react-query").UseQueryResult<NoInfer<StoreListItem[]>, Error>;

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

@@ -6,4 +6,4 @@ import type { CarouselSlide } from "../types/index";
  */
 export declare function useHeroCarousel(options?: {
     initialData?: CarouselSlide[];
-}): import("@tanstack/react-query").UseQueryResult<CarouselSlide[], Error>;
+}): import("@tanstack/react-query").UseQueryResult<NoInfer<CarouselSlide[]>, Error>;

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

@@ -5,4 +5,4 @@ export interface HomepageEventsListResponse {
 }
 export declare function useHomepageEvents(limit?: number, options?: {
     initialData?: EventItem[];
-}): import("@tanstack/react-query").UseQueryResult<EventItem[], Error>;
+}): import("@tanstack/react-query").UseQueryResult<NoInfer<EventItem[]>, Error>;

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

@@ -4,4 +4,4 @@ export interface UseHomepageReviewsOptions {
     initialData?: Review[];
     staleTime?: number;
 }
-export declare function useHomepageReviews(options?: UseHomepageReviewsOptions): import("@tanstack/react-query").UseQueryResult<Review[], Error>;
+export declare function useHomepageReviews(options?: UseHomepageReviewsOptions): import("@tanstack/react-query").UseQueryResult<NoInfer<Review[]>, Error>;

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

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

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

@@ -1,4 +1,4 @@
 import type { CategoryItem } from "../../categories/types";
 export declare function useTopBrands(limit?: number, options?: {
     initialData?: CategoryItem[];
-}): import("@tanstack/react-query").UseQueryResult<CategoryItem[], Error>;
+}): import("@tanstack/react-query").UseQueryResult<NoInfer<CategoryItem[]>, Error>;

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

@@ -1,4 +1,4 @@
 import type { CategoryItem } from "../../categories/types";
 export declare function useTopCategories(limit?: number, options?: {
     initialData?: CategoryItem[];
-}): import("@tanstack/react-query").UseQueryResult<CategoryItem[], Error>;
+}): import("@tanstack/react-query").UseQueryResult<NoInfer<CategoryItem[]>, Error>;

package/dist/features/homepage/lib/social-feed-fetcher.js

@@ -15,7 +15,9 @@ export async function fetchInstagramPosts(handle, postType, count, accessToken)
     const res = await fetch(url.toString(), { next: { revalidate: 300 } });
     if (!res.ok)
         throw new Error(`Instagram API error: ${await res.text()}`);
+    // audit-unknown-ok: Third-party RSS/JSON ingest — feed shapes vary
     const json = (await res.json());
+    // audit-unknown-ok: Third-party RSS/JSON ingest — feed shapes vary
     const items = Array.isArray(json.data) ? json.data : [];
     return items
         .filter((item) => {
@@ -56,7 +58,9 @@ export async function fetchFacebookPosts(handle, postType, count, accessToken) {
     const res = await fetch(url.toString(), { next: { revalidate: 300 } });
     if (!res.ok)
         throw new Error(`Facebook API error: ${await res.text()}`);
+    // audit-unknown-ok: Third-party RSS/JSON ingest — feed shapes vary
     const json = (await res.json());
+    // audit-unknown-ok: Third-party RSS/JSON ingest — feed shapes vary
     const items = Array.isArray(json.data) ? json.data : [];
     return items
         .filter((item) => {
@@ -118,7 +122,9 @@ export async function fetchTikTokPosts(_handle, postType, count, accessToken) {
     });
     if (!res.ok)
         throw new Error(`TikTok API error: ${await res.text()}`);
+    // audit-unknown-ok: Third-party RSS/JSON ingest — feed shapes vary
     const json = (await res.json());
+    // audit-unknown-ok: Third-party RSS/JSON ingest — feed shapes vary
     const items = json.data?.videos ?? [];
     return items.slice(0, count).map((item) => {
         const v = item;
@@ -169,7 +175,9 @@ export async function fetchDeviantArtPosts(handle, postType, count, clientId, cl
     const res = await fetch(url.toString(), { next: { revalidate: 300 } });
     if (!res.ok)
         throw new Error(`DeviantArt API error: ${await res.text()}`);
+    // audit-unknown-ok: Third-party RSS/JSON ingest — feed shapes vary
     const json = (await res.json());
+    // audit-unknown-ok: Third-party RSS/JSON ingest — feed shapes vary
     const items = json.results ?? [];
     return items.slice(0, count).map((item) => {
         const d = item;

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

@@ -1,3 +1,4 @@
+import { normalizeError } from "../../../errors/normalize";
 /**
  * Carousel Repository
  *
@@ -56,6 +57,7 @@ export class CarouselRepository extends BaseRepository {
             return snapshot.docs.map((doc) => this.mapDoc(doc));
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError(`Failed to retrieve active slides: ${error instanceof Error ? error.message : "Unknown error"}`);
         }
     }
@@ -74,6 +76,7 @@ export class CarouselRepository extends BaseRepository {
             return snapshot.docs.map((doc) => this.mapDoc(doc));
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError(`Failed to retrieve inactive slides: ${error instanceof Error ? error.message : "Unknown error"}`);
         }
     }
@@ -93,6 +96,7 @@ export class CarouselRepository extends BaseRepository {
             return snapshot.docs.map((doc) => this.mapDoc(doc));
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError(`Failed to retrieve slides by creator: ${error instanceof Error ? error.message : "Unknown error"}`);
         }
     }
@@ -117,6 +121,7 @@ export class CarouselRepository extends BaseRepository {
             return await this.findByIdOrFail(slideId);
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError(`Failed to activate slide: ${error instanceof Error ? error.message : "Unknown error"}`);
         }
     }
@@ -135,6 +140,7 @@ export class CarouselRepository extends BaseRepository {
             return await this.findByIdOrFail(slideId);
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError(`Failed to deactivate slide: ${error instanceof Error ? error.message : "Unknown error"}`);
         }
     }
@@ -158,6 +164,7 @@ export class CarouselRepository extends BaseRepository {
             await batch.commit();
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError(`Failed to reorder slides: ${error instanceof Error ? error.message : "Unknown error"}`);
         }
     }
@@ -184,6 +191,7 @@ export class CarouselRepository extends BaseRepository {
             await batch.commit();
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError(`Failed to swap slides: ${error instanceof Error ? error.message : "Unknown error"}`);
         }
     }
@@ -197,6 +205,7 @@ export class CarouselRepository extends BaseRepository {
             return await getFirestoreCount(this.db.collection(this.collection).where(CAROUSEL_FIELDS.ACTIVE, "==", true));
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError(`Failed to count active slides: ${error instanceof Error ? error.message : "Unknown error"}`);
         }
     }
@@ -227,6 +236,7 @@ export class CarouselRepository extends BaseRepository {
             });
         }
         catch (_e) {
+            void normalizeError(_e);
             // Swallow errors — analytics failures must not break the carousel response
         }
     }

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

@@ -6,6 +6,7 @@
  * continues to operate without a CarouselDocument (carouselId = null).
  */
 import { BaseRepository, prepareForFirestore, } from "../../../providers/db-firebase";
+import { normalizeError } from "../../../errors/normalize";
 import { CAROUSELS_COLLECTION, MAX_SLIDES_PER_CAROUSEL, TooManySlidesError, } from "../schemas";
 import { DatabaseError } from "../../../errors";
 import { getAdminDb } from "../../../providers/db-firebase";
@@ -25,6 +26,7 @@ export class CarouselsRepository extends BaseRepository {
             return snap.docs.map((d) => ({ id: d.id, ...d.data() }));
         }
         catch (err) {
+            void normalizeError(err);
             throw new DatabaseError("Failed to list carousels", err);
         }
     }
@@ -48,6 +50,7 @@ export class CarouselsRepository extends BaseRepository {
                 .update(prepareForFirestore(patch));
         }
         catch (err) {
+            void normalizeError(err);
             throw new DatabaseError("Failed to update carousel", err);
         }
     }
@@ -92,6 +95,7 @@ export class CarouselsRepository extends BaseRepository {
             });
         }
         catch (err) {
+            void normalizeError(err);
             throw new DatabaseError("Failed to remove slide from carousel", err);
         }
     }
@@ -110,6 +114,7 @@ export class CarouselsRepository extends BaseRepository {
                 .update(prepareForFirestore({ slideIds: orderedSlideIds }));
         }
         catch (err) {
+            void normalizeError(err);
             throw new DatabaseError("Failed to reorder slides", err);
         }
     }
@@ -136,6 +141,7 @@ export class CarouselsRepository extends BaseRepository {
             return { carousel, slides };
         }
         catch (err) {
+            void normalizeError(err);
             throw new DatabaseError("Failed to get carousel with slides", err);
         }
     }

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

@@ -3,6 +3,7 @@
  *
  * Manages homepage section configuration and ordering.
  */
+import type { JsonValue } from "@mohasinac/appkit";
 import { BaseRepository, type FirebaseSieveFields, type FirebaseSieveResult, type SieveModel } from "../../../providers/db-firebase";
 import { type HomepageSectionCreateInput, type HomepageSectionDocument, type SectionType } from "../schemas";
 export declare class HomepageSectionsRepository extends BaseRepository<HomepageSectionDocument> {
@@ -20,8 +21,8 @@ export declare class HomepageSectionsRepository extends BaseRepository<HomepageS
         id: string;
         order: number;
     }>): Promise<void>;
-    updateSectionConfig(sectionId: string, config: Record<string, unknown>): Promise<HomepageSectionDocument>;
+    updateSectionConfig(sectionId: string, config: Record<string, JsonValue>): Promise<HomepageSectionDocument>;
     batchToggleSections(sectionIds: string[], enabled: boolean): Promise<void>;
-    resetSectionToDefault(sectionId: string, defaultConfig: Record<string, unknown>): Promise<HomepageSectionDocument>;
+    resetSectionToDefault(sectionId: string, defaultConfig: Record<string, JsonValue>): Promise<HomepageSectionDocument>;
 }
 export declare const homepageSectionsRepository: HomepageSectionsRepository;