@mohasinac/appkit 4.70.0 → 4.71.2

package/dist/errors/error-codes.d.ts

@@ -1,7 +1,7 @@
 export declare const BID_ERROR_CODES: {
     readonly PRODUCT_NOT_FOUND: "BID_PRODUCT_NOT_FOUND";
-    readonly NOT_AUCTION: "BID_NOT_AUCTION";
-    readonly AUCTION_ENDED: "BID_AUCTION_ENDED";
+    readonly NOT_COLLECTOR_DROP: "BID_NOT_COLLECTOR_DROP";
+    readonly COLLECTOR_DROP_ENDED: "BID_COLLECTOR_DROP_ENDED";
     readonly TOO_LOW: "BID_AMOUNT_TOO_LOW";
     readonly INCREMENT_VIOLATED: "BID_INCREMENT_TOO_LOW";
     readonly SELF_BID: "BID_SELF_BID";
@@ -9,7 +9,7 @@ export declare const BID_ERROR_CODES: {
     /**
      * The buyout price is no longer better than the standing bid. Replaced
      * `BUY_NOW_BIDS_STARTED` (deleted 2026-08-24), which fired the instant anyone
-     * bid at all — that eBay rule hid Buy Now on nearly every live auction.
+     * bid at all — that eBay rule hid Buy Now on nearly every live collector drop.
      */
     readonly BUY_NOW_UNAVAILABLE: "BID_BUY_NOW_UNAVAILABLE";
     readonly BUY_NOW_NO_PRICE: "BID_BUY_NOW_NO_PRICE";
@@ -17,10 +17,10 @@ export declare const BID_ERROR_CODES: {
     readonly BUYOUT_LAPSED: "BID_BUYOUT_LAPSED";
     /** Bidding passed the buyout price while the buyer was in checkout. */
     readonly BUYOUT_OUTBID: "BID_BUYOUT_OUTBID";
-    /** Another buyer's buyout claimed the auction first. */
-    readonly AUCTION_ALREADY_SOLD: "BID_AUCTION_ALREADY_SOLD";
-    /** The auction's clock ran out mid-checkout, so it settled to a real bidder. */
-    readonly AUCTION_ENDED_BEFORE_CHECKOUT: "BID_AUCTION_ENDED_BEFORE_CHECKOUT";
+    /** Another buyer's buyout claimed the collector drop first. */
+    readonly COLLECTOR_DROP_ALREADY_SOLD: "BID_COLLECTOR_DROP_ALREADY_SOLD";
+    /** The collector drop's clock ran out mid-checkout, so it settled to a real bidder. */
+    readonly COLLECTOR_DROP_ENDED_BEFORE_CHECKOUT: "BID_COLLECTOR_DROP_ENDED_BEFORE_CHECKOUT";
 };
 /**
  * Checkout refusals that are BUSINESS rules rather than malformed requests.

package/dist/errors/error-codes.js

@@ -1,7 +1,7 @@
 export const BID_ERROR_CODES = {
     PRODUCT_NOT_FOUND: "BID_PRODUCT_NOT_FOUND",
-    NOT_AUCTION: "BID_NOT_AUCTION",
-    AUCTION_ENDED: "BID_AUCTION_ENDED",
+    NOT_COLLECTOR_DROP: "BID_NOT_COLLECTOR_DROP",
+    COLLECTOR_DROP_ENDED: "BID_COLLECTOR_DROP_ENDED",
     TOO_LOW: "BID_AMOUNT_TOO_LOW",
     INCREMENT_VIOLATED: "BID_INCREMENT_TOO_LOW",
     SELF_BID: "BID_SELF_BID",
@@ -9,7 +9,7 @@ export const BID_ERROR_CODES = {
     /**
      * The buyout price is no longer better than the standing bid. Replaced
      * `BUY_NOW_BIDS_STARTED` (deleted 2026-08-24), which fired the instant anyone
-     * bid at all — that eBay rule hid Buy Now on nearly every live auction.
+     * bid at all — that eBay rule hid Buy Now on nearly every live collector drop.
      */
     BUY_NOW_UNAVAILABLE: "BID_BUY_NOW_UNAVAILABLE",
     BUY_NOW_NO_PRICE: "BID_BUY_NOW_NO_PRICE",
@@ -17,10 +17,10 @@ export const BID_ERROR_CODES = {
     BUYOUT_LAPSED: "BID_BUYOUT_LAPSED",
     /** Bidding passed the buyout price while the buyer was in checkout. */
     BUYOUT_OUTBID: "BID_BUYOUT_OUTBID",
-    /** Another buyer's buyout claimed the auction first. */
-    AUCTION_ALREADY_SOLD: "BID_AUCTION_ALREADY_SOLD",
-    /** The auction's clock ran out mid-checkout, so it settled to a real bidder. */
-    AUCTION_ENDED_BEFORE_CHECKOUT: "BID_AUCTION_ENDED_BEFORE_CHECKOUT",
+    /** Another buyer's buyout claimed the collector drop first. */
+    COLLECTOR_DROP_ALREADY_SOLD: "BID_COLLECTOR_DROP_ALREADY_SOLD",
+    /** The collector drop's clock ran out mid-checkout, so it settled to a real bidder. */
+    COLLECTOR_DROP_ENDED_BEFORE_CHECKOUT: "BID_COLLECTOR_DROP_ENDED_BEFORE_CHECKOUT",
 };
 /**
  * Checkout refusals that are BUSINESS rules rather than malformed requests.

package/dist/errors/error-display-map.js

@@ -117,11 +117,11 @@ export const ERROR_DISPLAY_MAP = {
     [BID_ERROR_CODES.PRODUCT_NOT_FOUND]: {
         messageKey: k(BID_ERROR_CODES.PRODUCT_NOT_FOUND),
     },
-    [BID_ERROR_CODES.NOT_AUCTION]: {
-        messageKey: k(BID_ERROR_CODES.NOT_AUCTION),
+    [BID_ERROR_CODES.NOT_COLLECTOR_DROP]: {
+        messageKey: k(BID_ERROR_CODES.NOT_COLLECTOR_DROP),
     },
-    [BID_ERROR_CODES.AUCTION_ENDED]: {
-        messageKey: k(BID_ERROR_CODES.AUCTION_ENDED),
+    [BID_ERROR_CODES.COLLECTOR_DROP_ENDED]: {
+        messageKey: k(BID_ERROR_CODES.COLLECTOR_DROP_ENDED),
     },
     [BID_ERROR_CODES.TOO_LOW]: {
         field: "amount",
@@ -147,11 +147,11 @@ export const ERROR_DISPLAY_MAP = {
     [BID_ERROR_CODES.BUYOUT_OUTBID]: {
         messageKey: k(BID_ERROR_CODES.BUYOUT_OUTBID),
     },
-    [BID_ERROR_CODES.AUCTION_ALREADY_SOLD]: {
-        messageKey: k(BID_ERROR_CODES.AUCTION_ALREADY_SOLD),
+    [BID_ERROR_CODES.COLLECTOR_DROP_ALREADY_SOLD]: {
+        messageKey: k(BID_ERROR_CODES.COLLECTOR_DROP_ALREADY_SOLD),
     },
-    [BID_ERROR_CODES.AUCTION_ENDED_BEFORE_CHECKOUT]: {
-        messageKey: k(BID_ERROR_CODES.AUCTION_ENDED_BEFORE_CHECKOUT),
+    [BID_ERROR_CODES.COLLECTOR_DROP_ENDED_BEFORE_CHECKOUT]: {
+        messageKey: k(BID_ERROR_CODES.COLLECTOR_DROP_ENDED_BEFORE_CHECKOUT),
     },
     // ---------- Offers ----------
     [OFFER_ERROR_CODES.DISABLED]: { messageKey: k(OFFER_ERROR_CODES.DISABLED) },

package/dist/errors/messages.d.ts

@@ -334,18 +334,18 @@ export declare const ERROR_MESSAGES: {
         readonly FETCH_FAILED: "Failed to load bids";
         readonly CREATE_FAILED: "Failed to place bid";
         readonly NOT_FOUND: "Bid not found";
-        readonly AUCTION_ENDED: "This auction has already ended";
-        readonly AUCTION_NOT_FOUND: "Auction product not found";
-        readonly NOT_AN_AUCTION: "This product is not an auction";
+        readonly COLLECTOR_DROP_ENDED: "This collector drop has already ended";
+        readonly COLLECTOR_DROP_NOT_FOUND: "Collector Drop product not found";
+        readonly NOT_A_COLLECTOR_DROP: "This product is not a collector drop";
         readonly BID_TOO_LOW: "Your bid must be higher than the current bid";
         readonly INCREMENT_TOO_LOW: "Your bid does not meet the minimum increment requirement";
-        readonly OWN_AUCTION: "You cannot bid on your own auction";
+        readonly OWN_COLLECTOR_DROP: "You cannot bid on your own collector drop";
         readonly BUY_NOW_UNAVAILABLE: "Buy Now is unavailable — bidding has already passed the Buy Now price";
-        readonly BUY_NOW_NO_PRICE: "This auction does not have a Buy Now price";
-        readonly BUYOUT_LAPSED: "Your Buy Now claim expired. Head back to the auction to bid or try again.";
+        readonly BUY_NOW_NO_PRICE: "This collector drop does not have a Buy Now price";
+        readonly BUYOUT_LAPSED: "Your Buy Now claim expired. Head back to the collector drop to bid or try again.";
         readonly BUYOUT_OUTBID: "Bidding passed the Buy Now price while you were checking out, so this purchase can no longer go through.";
-        readonly AUCTION_ALREADY_SOLD: "Another buyer completed their purchase first, so this auction is already sold.";
-        readonly AUCTION_ENDED_BEFORE_CHECKOUT: "The auction ended before you completed payment, so it went to the winning bidder.";
+        readonly COLLECTOR_DROP_ALREADY_SOLD: "Another buyer completed their purchase first, so this collector drop is already sold.";
+        readonly COLLECTOR_DROP_ENDED_BEFORE_CHECKOUT: "The collector drop ended before you completed payment, so it went to the winning bidder.";
     };
     readonly CONTACT: {
         readonly SEND_FAILED: "Failed to send your message. Please try again.";

package/dist/errors/messages.js

@@ -360,18 +360,18 @@ export const ERROR_MESSAGES = {
         FETCH_FAILED: "Failed to load bids",
         CREATE_FAILED: "Failed to place bid",
         NOT_FOUND: "Bid not found",
-        AUCTION_ENDED: "This auction has already ended",
-        AUCTION_NOT_FOUND: "Auction product not found",
-        NOT_AN_AUCTION: "This product is not an auction",
+        COLLECTOR_DROP_ENDED: "This collector drop has already ended",
+        COLLECTOR_DROP_NOT_FOUND: "Collector Drop product not found",
+        NOT_A_COLLECTOR_DROP: "This product is not a collector drop",
         BID_TOO_LOW: "Your bid must be higher than the current bid",
         INCREMENT_TOO_LOW: "Your bid does not meet the minimum increment requirement",
-        OWN_AUCTION: "You cannot bid on your own auction",
+        OWN_COLLECTOR_DROP: "You cannot bid on your own collector drop",
         BUY_NOW_UNAVAILABLE: "Buy Now is unavailable — bidding has already passed the Buy Now price",
-        BUY_NOW_NO_PRICE: "This auction does not have a Buy Now price",
-        BUYOUT_LAPSED: "Your Buy Now claim expired. Head back to the auction to bid or try again.",
+        BUY_NOW_NO_PRICE: "This collector drop does not have a Buy Now price",
+        BUYOUT_LAPSED: "Your Buy Now claim expired. Head back to the collector drop to bid or try again.",
         BUYOUT_OUTBID: "Bidding passed the Buy Now price while you were checking out, so this purchase can no longer go through.",
-        AUCTION_ALREADY_SOLD: "Another buyer completed their purchase first, so this auction is already sold.",
-        AUCTION_ENDED_BEFORE_CHECKOUT: "The auction ended before you completed payment, so it went to the winning bidder.",
+        COLLECTOR_DROP_ALREADY_SOLD: "Another buyer completed their purchase first, so this collector drop is already sold.",
+        COLLECTOR_DROP_ENDED_BEFORE_CHECKOUT: "The collector drop ended before you completed payment, so it went to the winning bidder.",
     },
     CONTACT: {
         SEND_FAILED: "Failed to send your message. Please try again.",

package/dist/features/_guide-cls.d.ts

@@ -3,6 +3,7 @@ export declare const GC: {
     sectionHeader: string;
     sectionBody: string;
     iconPrimary: string;
+    iconPrimarySm: string;
     sectionTitle: string;
     listMuted: string;
     listDiscMuted: string;

package/dist/features/_guide-cls.js

@@ -1,14 +1,23 @@
 // Shared className constants for guide view components.
+//
+// 🛑 `iconBg` was a hardcoded gradient (owner's direct correction,
+// 2026-11-05: 11+ guide pages each showing an identically-gradiented icon
+// chip reads as decoration repeated everywhere, not a deliberate accent).
+// One flat, theme-safe tint now — `--appkit-color-border-subtle` already
+// inverts correctly per `[data-theme]`, same token `surface="subtle"`
+// resolves to elsewhere, so there is no separate light/dark color choice
+// to go wrong in one theme and not the other.
 export const GC = {
     sectionWrap: "rounded-2xl border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] overflow-hidden",
     sectionHeader: "flex items-center gap-3 px-6 py-4 border-b border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface-2,var(--appkit-color-border))]/20",
     sectionBody: "px-6 py-5",
     iconPrimary: "w-5 h-5 text-[var(--appkit-color-primary)]",
+    iconPrimarySm: "w-4 h-4 text-[var(--appkit-color-primary)]",
     sectionTitle: "text-base font-semibold text-[var(--appkit-color-text)]",
     listMuted: "space-y-2 text-sm text-[var(--appkit-color-text-muted)]",
     listDiscMuted: "list-disc list-inside space-y-1 text-sm text-[var(--appkit-color-text-muted)]",
     textMuted: "text-sm text-[var(--appkit-color-text-muted)]",
     textStrong: "text-[var(--appkit-color-text)]",
     code: "text-xs bg-[var(--appkit-color-border)] px-1 py-0.5 rounded",
-    iconBg: "[background:linear-gradient(135deg,var(--appkit-color-primary-700)_0%,var(--appkit-color-cobalt)_100%)]",
+    iconBg: "bg-[var(--appkit-color-border-subtle)]",
 };

package/dist/features/about/components/DeveloperView.d.ts

@@ -1,3 +1,4 @@
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface DeveloperViewProps {
     labels?: {
         title?: string;
@@ -6,6 +7,8 @@ export interface DeveloperViewProps {
         backToTeam?: string;
         empty?: string;
     };
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
 /**
  * Reuses the existing `siteSettings.aboutContent.teamMembers` /
@@ -13,4 +16,4 @@ export interface DeveloperViewProps {
  * filtered to `isDeveloper` members — rather than inventing a separate
  * content model just for this page. See CLAUDE.md's About-family notes.
  */
-export declare function DeveloperView({ labels }: DeveloperViewProps): Promise<import("react").JSX.Element>;
+export declare function DeveloperView({ labels, pageRegionCards }: DeveloperViewProps): Promise<import("react").JSX.Element>;

package/dist/features/about/components/DeveloperView.js

@@ -14,13 +14,15 @@ import { TextLink } from "../../../ui/components/TextLink.js";
 import { ROUTES } from "../../../constants/index.js";
 import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
 import { siteSettingsRepository } from "../../admin/repository/site-settings.repository.js";
+import { getBrandName } from "../../../core/brand-resolver.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 /**
  * Reuses the existing `siteSettings.aboutContent.teamMembers` /
  * `.milestones` data (already admin-editable via Site Settings → About) —
  * filtered to `isDeveloper` members — rather than inventing a separate
  * content model just for this page. See CLAUDE.md's About-family notes.
  */
-export async function DeveloperView({ labels = {} }) {
+export async function DeveloperView({ labels = {}, pageRegionCards = [] }) {
     const page = { container: PAGE_CONTAINER };
     let teamMembers = [];
     let milestones = [];
@@ -39,5 +41,5 @@ export async function DeveloperView({ labels = {} }) {
         });
     }
     const developers = teamMembers.filter((m) => m.isDeveloper);
-    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { width: "sm", centered: false, subtitleSize: "sm", title: labels.title ?? "Meet the Developer", subtitle: labels.subtitle ?? "The person building LetItRip, one feature at a time." }), _jsxs(Div, { className: `${page.container.sm}`, padding: "content-banner", children: [developers.length === 0 ? (_jsx(Text, { variant: "secondary", children: labels.empty ?? "Developer profile coming soon." })) : (_jsx(Stack, { gap: "xl", children: developers.map((dev) => (_jsxs(Stack, { gap: "md", surface: "default", padding: "lg", rounded: "xl", border: "default", children: [_jsxs(Row, { gap: "md", align: "center", children: [_jsx(Avatar, { src: dev.photoUrl, name: dev.name, alt: dev.name, size: "lg" }), _jsxs(Stack, { gap: "xs", children: [_jsx(Heading, { level: 2, children: dev.name }), _jsxs(Row, { gap: "xs", wrap: true, children: [_jsx(Span, { size: "xs", weight: "bold", className: "text-primary tracking-wide", transform: "uppercase", children: dev.role }), dev.isFounder && _jsx(Badge, { variant: "primary", size: "xs", children: "Founder" }), _jsx(Badge, { variant: "secondary", size: "xs", children: "Developer" })] })] })] }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", children: dev.bio }), dev.githubUrl && (_jsx(Anchor, { href: dev.githubUrl, tone: "brand", size: "sm", underline: "hover", children: "GitHub \u2197" }))] }, dev.name))) })), milestones.length > 0 && (_jsxs(Div, { className: "mt-14 border-t", border: "default", padding: "t-xl", children: [_jsx(Heading, { level: 3, className: "mb-6", color: "muted", size: "sm", weight: "semibold", transform: "uppercase", children: labels.journeyTitle ?? "The Journey" }), _jsx(Stack, { className: "relative border-l-2 border-primary/30 max-w-2xl pl-[2rem]", gap: "lg", children: milestones.map(({ year, text }) => (_jsxs(Div, { className: "relative", children: [_jsx(Div, { className: "absolute -left-10 top-1 w-4 h-4 bg-primary border-2 border-white", rounded: "full" }), _jsx(Span, { size: "xs", weight: "bold", className: "text-primary tracking-wide", transform: "uppercase", children: year }), _jsx(Text, { className: "mt-1", children: text })] }, year))) })] })), _jsx(Div, { className: "mt-10", children: _jsx(TextLink, { href: String(ROUTES.PUBLIC.ABOUT), variant: "muted", size: "sm", children: labels.backToTeam ?? "← Meet the whole team" }) })] })] }));
+    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { width: "sm", centered: false, subtitleSize: "sm", title: labels.title ?? "Meet the Developer", subtitle: labels.subtitle ?? `The person building ${getBrandName()}, one feature at a time.` }), _jsxs(Div, { className: `${page.container.sm}`, padding: "content-banner", children: [developers.length === 0 ? (_jsx(Text, { variant: "secondary", children: labels.empty ?? "Developer profile coming soon." })) : (_jsx(Stack, { gap: "xl", children: developers.map((dev) => (_jsxs(Stack, { gap: "md", surface: "default", padding: "lg", rounded: "xl", border: "default", children: [_jsxs(Row, { gap: "md", align: "center", children: [_jsx(Avatar, { src: dev.photoUrl, name: dev.name, alt: dev.name, size: "lg" }), _jsxs(Stack, { gap: "xs", children: [_jsx(Heading, { level: 2, children: dev.name }), _jsxs(Row, { gap: "xs", wrap: true, children: [_jsx(Span, { size: "xs", weight: "bold", className: "text-primary tracking-wide", transform: "uppercase", children: dev.role }), dev.isFounder && _jsx(Badge, { variant: "primary", size: "xs", children: "Founder" }), _jsx(Badge, { variant: "secondary", size: "xs", children: "Developer" })] })] })] }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", children: dev.bio }), dev.githubUrl && (_jsx(Anchor, { href: dev.githubUrl, tone: "brand", size: "sm", underline: "hover", children: "GitHub \u2197" }))] }, dev.name))) })), milestones.length > 0 && (_jsxs(Div, { className: "mt-14 border-t", border: "default", padding: "t-xl", children: [_jsx(Heading, { level: 3, className: "mb-6", color: "muted", size: "sm", weight: "semibold", transform: "uppercase", children: labels.journeyTitle ?? "The Journey" }), _jsx(Stack, { className: "relative border-l-2 border-primary/30 max-w-2xl pl-[2rem]", gap: "lg", children: milestones.map(({ year, text }) => (_jsxs(Div, { className: "relative", children: [_jsx(Div, { className: "absolute -left-10 top-1 w-4 h-4 bg-primary border-2 border-white", rounded: "full" }), _jsx(Span, { size: "xs", weight: "bold", className: "text-primary tracking-wide", transform: "uppercase", children: year }), _jsx(Text, { className: "mt-1", children: text })] }, year))) })] })), _jsx(Div, { className: "mt-10", children: _jsx(TextLink, { href: String(ROUTES.PUBLIC.ABOUT), variant: "muted", size: "sm", children: labels.backToTeam ?? "← Meet the whole team" }) }), _jsx(Div, { className: "mt-10", children: _jsx(AdminComposableRegion, { pageId: "developer", initialCards: pageRegionCards }) })] })] }));
 }

package/dist/features/about/components/FeesView.d.ts

@@ -1,3 +1,6 @@
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface FeesViewProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function FeesView({}?: FeesViewProps): Promise<import("react").JSX.Element>;
+export declare function FeesView({ pageRegionCards, }?: FeesViewProps): Promise<import("react").JSX.Element>;

package/dist/features/about/components/FeesView.js

@@ -7,6 +7,7 @@ import { Caption, Heading, Text } from "../../../ui/components/Typography.js";
 import { Div } from "../../../ui/components/Div.js";
 import { Row, Stack } from "../../../ui/components/Layout.js";
 import { Section, Table, Tbody, Td, Th, Thead, Tr } from "../../../ui/components/Semantic.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",
 };
@@ -15,7 +16,7 @@ const __O = {
 };
 const CLS_RATE_CELL = "py-[var(--appkit-space-3)] px-[var(--appkit-space-4)] font-semibold text-violet-700 dark:text-violet-400";
 const CLS_HIGHLIGHT = "font-bold text-green-700 dark:text-green-400";
-export async function FeesView({} = {}) {
+export async function FeesView({ pageRegionCards = [], } = {}) {
     const themed = { bgPrimary: THEMED_BG_PRIMARY, bgSecondary: THEMED_BG_SECONDARY };
     const page = { container: PAGE_CONTAINER };
     const { getTranslations } = await import("next-intl/server");
@@ -96,7 +97,7 @@ export async function FeesView({} = {}) {
         { label: t("netPayoutLabel"), example: "= ₹917.40", highlight: true },
     ];
     void ROUTES; // ROUTES imported for future CTA links if needed
-    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { title: t("title"), subtitle: t("subtitle"), width: "sm" }), _jsxs(Stack, { gap: "section", className: `${page.container.sm}`, padding: "content-banner", children: [renderFeeTableSection(t, themed, FEE_ROWS), renderPayoutExampleSection(t, themed, OFFER_PAYOUT_ROWS), renderDisclaimerSection(t, themed)] })] }));
+    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { title: t("title"), subtitle: t("subtitle"), width: "sm" }), _jsxs(Stack, { gap: "section", className: `${page.container.sm}`, padding: "content-banner", children: [renderFeeTableSection(t, themed, FEE_ROWS), renderPayoutExampleSection(t, themed, OFFER_PAYOUT_ROWS), renderDisclaimerSection(t, themed), _jsx(AdminComposableRegion, { pageId: "fees", initialCards: pageRegionCards })] })] }));
 }
 function renderFeeTableSection(t, themed, rows) {
     return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-6", children: t("tableTitle") }), _jsx(Div, { className: `${__O.xAuto}`, border: "default", rounded: "xl", children: _jsxs(Table, { size: "sm", children: [_jsx(Thead, { className: themed.bgSecondary, children: _jsxs(Tr, { children: [_jsx(Th, { className: "text-left", padding: "md", weight: "semibold", children: t("colFeeType") }), _jsx(Th, { className: "text-left", padding: "md", weight: "semibold", children: t("colRate") }), _jsx(Th, { className: "text-left", padding: "md", weight: "semibold", children: t("colPaidBy") }), _jsx(Th, { className: "text-left hidden md:table-cell", padding: "md", weight: "semibold", children: t("colNote") })] }) }), _jsx(Tbody, { className: "divide-y divide-neutral-100 divide-[var(--appkit-color-border)]", children: rows.map((row) => (_jsxs(Tr, { className: `${themed.bgPrimary} hover:bg-surface-hover`, children: [_jsx(Td, { weight: "medium", padding: "md", children: row.category }), _jsx(Td, { className: CLS_RATE_CELL, children: row.rate }), _jsx(Td, { padding: "md", children: _jsx(Caption, { children: row.who }) }), _jsx(Td, { className: "text-[var(--appkit-color-text-muted)] hidden md:table-cell", padding: "md", size: "xs", children: row.note })] }, row.category))) })] }) }), _jsx(Caption, { className: "mt-3 block", color: "muted", children: t("tableNote") })] }));

package/dist/features/about/components/GstExplainerView.d.ts

@@ -1,4 +1,7 @@
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface GstExplainerViewProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
 /**
  * D6b — how GST works on LetItRip, for buyers and for sellers.
@@ -25,4 +28,4 @@ export interface GstExplainerViewProps {
  * Every figure traces to the model written down in the plan's C0b/C0c and to
  * `taxCodes` — nothing here is an invented rate.
  */
-export declare function GstExplainerView({}?: GstExplainerViewProps): Promise<import("react").JSX.Element>;
+export declare function GstExplainerView({ pageRegionCards }?: GstExplainerViewProps): Promise<import("react").JSX.Element>;

package/dist/features/about/components/GstExplainerView.js

@@ -8,6 +8,7 @@ import { Div } from "../../../ui/components/Div.js";
 import { Row, Stack } from "../../../ui/components/Layout.js";
 import { Section, Table, Tbody, Td, Th, Thead, Tr } from "../../../ui/components/Semantic.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",
 };
@@ -39,7 +40,7 @@ const __O = {
  * Every figure traces to the model written down in the plan's C0b/C0c and to
  * `taxCodes` — nothing here is an invented rate.
  */
-export async function GstExplainerView({} = {}) {
+export async function GstExplainerView({ pageRegionCards = [] } = {}) {
     const page = { container: PAGE_CONTAINER };
     const themed = { bgPrimary: THEMED_BG_PRIMARY, bgSecondary: THEMED_BG_SECONDARY };
     const { getTranslations } = await import("next-intl/server");
@@ -60,5 +61,5 @@ export async function GstExplainerView({} = {}) {
         { line: t("whoPays3Item"), who: t("whoPays3Who"), note: t("whoPays3Note") },
         { line: t("whoPays4Item"), who: t("whoPays4Who"), note: t("whoPays4Note") },
     ];
-    return (_jsxs(Div, { children: [_jsx(Section, { className: themed.bgPrimary, padding: "y-2xl", children: _jsxs(Div, { className: page.container.lg, children: [_jsx(Heading, { level: 1, size: "3xl", mdSize: "4xl", weight: "bold", className: "mb-3", children: t("title") }), _jsx(Text, { size: "lg", color: "muted", className: "max-w-3xl", children: t("intro") })] }) }), _jsx(Section, { padding: "y-xl", children: _jsxs(Div, { className: page.container.lg, children: [_jsxs(Alert, { variant: "info", className: "mb-8", children: [_jsx(Text, { weight: "semibold", children: t("inclusiveTitle") }), _jsx(Text, { size: "sm", children: t("inclusiveText") })] }), _jsx(Heading, { level: 2, size: "xl", weight: "semibold", className: "mb-4", children: t("ratesTitle") }), _jsx(Text, { color: "muted", className: "mb-4 max-w-3xl", children: t("ratesIntro") }), _jsx(Div, { className: __O.xAuto, children: _jsxs(Table, { size: "sm", children: [_jsx(Thead, { children: _jsxs(Tr, { border: "default", children: [_jsx(Th, { children: t("colBand") }), _jsx(Th, { children: t("colRate") }), _jsx(Th, { children: t("colExamples") }), _jsx(Th, { children: t("colHsn") })] }) }), _jsx(Tbody, { children: RATE_ROWS.map((r) => (_jsxs(Tr, { border: "subtle", children: [_jsx(Td, { padding: "sm", children: r.band }), _jsx(Td, { padding: "sm", children: _jsx(Text, { weight: "semibold", children: r.rate }) }), _jsx(Td, { padding: "sm", color: "muted", children: r.examples }), _jsx(Td, { padding: "sm", color: "muted", children: r.hsn })] }, r.band))) })] }) }), _jsx(Caption, { className: "mt-2", children: t("ratesCaption") })] }) }), _jsx(Section, { className: themed.bgSecondary, padding: "y-xl", children: _jsxs(Div, { className: page.container.lg, children: [_jsx(Heading, { level: 2, size: "xl", weight: "semibold", className: "mb-4", children: t("whoPaysTitle") }), _jsx(Div, { className: __O.xAuto, children: _jsxs(Table, { size: "sm", children: [_jsx(Thead, { children: _jsxs(Tr, { border: "default", children: [_jsx(Th, { children: t("colLine") }), _jsx(Th, { children: t("colWho") }), _jsx(Th, { children: t("colNote") })] }) }), _jsx(Tbody, { children: WHO_PAYS.map((r) => (_jsxs(Tr, { border: "subtle", children: [_jsx(Td, { padding: "sm", children: r.line }), _jsx(Td, { padding: "sm", children: _jsx(Text, { weight: "semibold", children: r.who }) }), _jsx(Td, { padding: "sm", color: "muted", children: r.note })] }, r.line))) })] }) })] }) }), _jsx(Section, { padding: "y-xl", children: _jsxs(Div, { className: page.container.lg, children: [_jsxs(Stack, { gap: "lg", children: [_jsxs(Div, { className: __P.p5, surface: "card", rounded: "xl", border: "subtle", children: [_jsx(Heading, { level: 3, size: "lg", weight: "semibold", className: "mb-2", children: t("splitTitle") }), _jsx(Text, { color: "muted", children: t("splitText") })] }), _jsxs(Div, { className: __P.p5, surface: "card", rounded: "xl", border: "subtle", children: [_jsx(Heading, { level: 3, size: "lg", weight: "semibold", className: "mb-2", children: t("invoiceTitle") }), _jsx(Text, { color: "muted", children: t("invoiceText") })] }), _jsxs(Div, { className: __P.p5, surface: "card", rounded: "xl", border: "subtle", children: [_jsx(Heading, { level: 3, size: "lg", weight: "semibold", className: "mb-2", children: t("sellerTitle") }), _jsx(Text, { color: "muted", children: t("sellerText") })] })] }), _jsxs(Row, { gap: "md", wrap: true, className: "mt-8", children: [_jsx(TextLink, { href: String(ROUTES.PUBLIC.FEES), children: t("linkFees") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.HOW_PAYOUTS_WORK), children: t("linkPayouts") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.FAQS), children: t("linkFaqs") })] })] }) })] }));
+    return (_jsxs(Div, { children: [_jsx(Section, { className: themed.bgPrimary, padding: "y-2xl", children: _jsxs(Div, { className: page.container.lg, children: [_jsx(Heading, { level: 1, size: "3xl", mdSize: "4xl", weight: "bold", className: "mb-3", children: t("title") }), _jsx(Text, { size: "lg", color: "muted", className: "max-w-3xl", children: t("intro") })] }) }), _jsx(Section, { padding: "y-xl", children: _jsxs(Div, { className: page.container.lg, children: [_jsxs(Alert, { variant: "info", className: "mb-8", children: [_jsx(Text, { weight: "semibold", children: t("inclusiveTitle") }), _jsx(Text, { size: "sm", children: t("inclusiveText") })] }), _jsx(Heading, { level: 2, size: "xl", weight: "semibold", className: "mb-4", children: t("ratesTitle") }), _jsx(Text, { color: "muted", className: "mb-4 max-w-3xl", children: t("ratesIntro") }), _jsx(Div, { className: __O.xAuto, children: _jsxs(Table, { size: "sm", children: [_jsx(Thead, { children: _jsxs(Tr, { border: "default", children: [_jsx(Th, { children: t("colBand") }), _jsx(Th, { children: t("colRate") }), _jsx(Th, { children: t("colExamples") }), _jsx(Th, { children: t("colHsn") })] }) }), _jsx(Tbody, { children: RATE_ROWS.map((r) => (_jsxs(Tr, { border: "subtle", children: [_jsx(Td, { padding: "sm", children: r.band }), _jsx(Td, { padding: "sm", children: _jsx(Text, { weight: "semibold", children: r.rate }) }), _jsx(Td, { padding: "sm", color: "muted", children: r.examples }), _jsx(Td, { padding: "sm", color: "muted", children: r.hsn })] }, r.band))) })] }) }), _jsx(Caption, { className: "mt-2", children: t("ratesCaption") })] }) }), _jsx(Section, { className: themed.bgSecondary, padding: "y-xl", children: _jsxs(Div, { className: page.container.lg, children: [_jsx(Heading, { level: 2, size: "xl", weight: "semibold", className: "mb-4", children: t("whoPaysTitle") }), _jsx(Div, { className: __O.xAuto, children: _jsxs(Table, { size: "sm", children: [_jsx(Thead, { children: _jsxs(Tr, { border: "default", children: [_jsx(Th, { children: t("colLine") }), _jsx(Th, { children: t("colWho") }), _jsx(Th, { children: t("colNote") })] }) }), _jsx(Tbody, { children: WHO_PAYS.map((r) => (_jsxs(Tr, { border: "subtle", children: [_jsx(Td, { padding: "sm", children: r.line }), _jsx(Td, { padding: "sm", children: _jsx(Text, { weight: "semibold", children: r.who }) }), _jsx(Td, { padding: "sm", color: "muted", children: r.note })] }, r.line))) })] }) })] }) }), _jsx(Section, { padding: "y-xl", children: _jsxs(Div, { className: page.container.lg, children: [_jsxs(Stack, { gap: "lg", children: [_jsxs(Div, { className: __P.p5, surface: "card", rounded: "xl", border: "subtle", children: [_jsx(Heading, { level: 3, size: "lg", weight: "semibold", className: "mb-2", children: t("splitTitle") }), _jsx(Text, { color: "muted", children: t("splitText") })] }), _jsxs(Div, { className: __P.p5, surface: "card", rounded: "xl", border: "subtle", children: [_jsx(Heading, { level: 3, size: "lg", weight: "semibold", className: "mb-2", children: t("invoiceTitle") }), _jsx(Text, { color: "muted", children: t("invoiceText") })] }), _jsxs(Div, { className: __P.p5, surface: "card", rounded: "xl", border: "subtle", children: [_jsx(Heading, { level: 3, size: "lg", weight: "semibold", className: "mb-2", children: t("sellerTitle") }), _jsx(Text, { color: "muted", children: t("sellerText") })] })] }), _jsxs(Row, { gap: "md", wrap: true, className: "mt-8", children: [_jsx(TextLink, { href: String(ROUTES.PUBLIC.FEES), children: t("linkFees") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.HOW_PAYOUTS_WORK), children: t("linkPayouts") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.FAQS), children: t("linkFaqs") })] })] }) }), _jsx(Section, { padding: "y-xl", children: _jsx(Div, { className: page.container.lg, children: _jsx(AdminComposableRegion, { pageId: "gst", initialCards: pageRegionCards }) }) })] }));
 }

package/dist/features/about/components/GuidesHubView.d.ts

@@ -1,9 +1,10 @@
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 /**
  * D6 — the content hub: every explainer this site owns, in one place.
  *
  * ## 🛑 Why an index page is worth its own route here
  *
- * There are **fourteen** explainers (`/how-auctions-work` … `/fees`, `/gst`,
+ * There are **fourteen** explainers (`/how-collector-drops-work` … `/fees`, `/gst`,
  * `/spot-a-fake`, the two seller guides) and the only way to reach most of them
  * is the footer. A footer link is reachable but it is not a *destination*: it
  * cannot rank, it cannot be linked to from a blog post as "our guides", and it
@@ -24,5 +25,7 @@
  * if any of them stops resolving to a real page.
  */
 export interface GuidesHubViewProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function GuidesHubView({}?: GuidesHubViewProps): Promise<import("react").JSX.Element>;
+export declare function GuidesHubView({ pageRegionCards }?: GuidesHubViewProps): Promise<import("react").JSX.Element>;

package/dist/features/about/components/GuidesHubView.js

@@ -7,10 +7,11 @@ import { Grid } from "../../../ui/components/Layout.js";
 import { Heading, Text } from "../../../ui/components/Typography.js";
 import { Section } from "../../../ui/components/Semantic.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",
 };
-export async function GuidesHubView({} = {}) {
+export async function GuidesHubView({ pageRegionCards = [] } = {}) {
     const page = { container: PAGE_CONTAINER };
     const { getTranslations } = await import("next-intl/server");
     const t = await getTranslations("guidesHub");
@@ -19,7 +20,7 @@ export async function GuidesHubView({} = {}) {
             heading: t("groupBuyingTitle"),
             blurb: t("groupBuyingBlurb"),
             items: [
-                { href: String(ROUTES.PUBLIC.HOW_AUCTIONS_WORK), label: t("howAuctions"), text: t("howAuctionsText") },
+                { href: String(ROUTES.PUBLIC.HOW_COLLECTOR_DROPS_WORK), label: t("howCollectorDrops"), text: t("howCollectorDropsText") },
                 { href: String(ROUTES.PUBLIC.HOW_OFFERS_WORK), label: t("howOffers"), text: t("howOffersText") },
                 { href: String(ROUTES.PUBLIC.HOW_PRE_ORDERS_WORK), label: t("howPreOrders"), text: t("howPreOrdersText") },
                 { href: String(ROUTES.PUBLIC.HOW_CHECKOUT_WORKS), label: t("howCheckout"), text: t("howCheckoutText") },
@@ -54,11 +55,11 @@ export async function GuidesHubView({} = {}) {
             items: [
                 { href: String(ROUTES.PUBLIC.SELLER_GUIDE), label: t("sellerGuide"), text: t("sellerGuideText") },
                 /*
-                 * 🛑 HIDDEN BLOCK — the bundle and prize-draw guides, withdrawn
+                 * 🛑 HIDDEN BLOCK — the bundle and clearance guides, withdrawn
                  * 2026-10-20 alongside the footer entries for those listing types
                  * (`HIDDEN_FOOTER_LINK_HREFS`, src/constants/navigation.tsx). A hub
                  * card is a promise that the thing it describes is open for business;
-                 * teaching a seller to run a prize draw they cannot currently publish
+                 * teaching a seller to run clearance they cannot currently publish
                  * is worse than saying nothing.
                  *
                  * The pages, the routes and the `guidesHub.bundleGuide*` /
@@ -66,10 +67,10 @@ export async function GuidesHubView({} = {}) {
                  * restoring this is uncommenting two lines.
                  *
                  * { href: String(ROUTES.PUBLIC.SELLER_GUIDE_BUNDLES), label: t("bundleGuide"), text: t("bundleGuideText") },
-                 * { href: String(ROUTES.PUBLIC.SELLER_GUIDE_PRIZE_DRAWS), label: t("prizeDrawGuide"), text: t("prizeDrawGuideText") },
+                 * { href: String(ROUTES.PUBLIC.SELLER_GUIDE_CLEARANCE), label: t("prizeDrawGuide"), text: t("prizeDrawGuideText") },
                  */
             ],
         },
     ];
-    return (_jsxs(Div, { children: [_jsx(Section, { className: THEMED_BG_PRIMARY, padding: "y-2xl", children: _jsxs(Div, { className: page.container.lg, children: [_jsx(Heading, { level: 1, size: "3xl", mdSize: "4xl", weight: "bold", className: "mb-3", children: t("title") }), _jsx(Text, { size: "lg", color: "muted", className: "max-w-3xl", children: t("intro") })] }) }), GROUPS.map((g) => (_jsx(Section, { padding: "y-xl", children: _jsxs(Div, { className: page.container.lg, children: [_jsx(Heading, { level: 2, size: "xl", weight: "semibold", className: "mb-1", children: g.heading }), _jsx(Text, { color: "muted", className: "mb-4", children: g.blurb }), _jsx(Grid, { cols: "cards", gap: "md", children: g.items.map((i) => (_jsxs(Div, { className: __P.p5, surface: "card", rounded: "xl", border: "subtle", children: [_jsx(TextLink, { href: i.href, weight: "semibold", children: i.label }), _jsx(Text, { size: "sm", color: "muted", className: "mt-1", children: i.text })] }, i.href))) })] }) }, g.heading)))] }));
+    return (_jsxs(Div, { children: [_jsx(Section, { className: THEMED_BG_PRIMARY, padding: "y-2xl", children: _jsxs(Div, { className: page.container.lg, children: [_jsx(Heading, { level: 1, size: "3xl", mdSize: "4xl", weight: "bold", className: "mb-3", children: t("title") }), _jsx(Text, { size: "lg", color: "muted", className: "max-w-3xl", children: t("intro") })] }) }), GROUPS.map((g) => (_jsx(Section, { padding: "y-xl", children: _jsxs(Div, { className: page.container.lg, children: [_jsx(Heading, { level: 2, size: "xl", weight: "semibold", className: "mb-1", children: g.heading }), _jsx(Text, { color: "muted", className: "mb-4", children: g.blurb }), _jsx(Grid, { cols: "cards", gap: "md", children: g.items.map((i) => (_jsxs(Div, { className: __P.p5, surface: "card", rounded: "xl", border: "subtle", children: [_jsx(TextLink, { href: i.href, weight: "semibold", children: i.label }), _jsx(Text, { size: "sm", color: "muted", className: "mt-1", children: i.text })] }, i.href))) })] }) }, g.heading))), _jsx(Section, { padding: "y-xl", children: _jsx(Div, { className: page.container.lg, children: _jsx(AdminComposableRegion, { pageId: "guides", initialCards: pageRegionCards }) }) })] }));
 }

package/dist/features/about/components/HelpPageView.d.ts

@@ -1,3 +1,12 @@
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface HelpPageViewProps {
+    /**
+     * Stable, hand-chosen id for this page's admin-composable region (Phase
+     * 12). Follows the ROUTE — every caller computes and passes its own
+     * distinct id (e.g. `help`, `support`).
+     */
+    pageId: string;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function HelpPageView({}?: HelpPageViewProps): Promise<import("react").JSX.Element>;
+export declare function HelpPageView({ pageId, pageRegionCards, }: HelpPageViewProps): Promise<import("react").JSX.Element>;

package/dist/features/about/components/HelpPageView.js

@@ -13,11 +13,12 @@ import { BookOpen, MessageCircle, ShoppingBag, Gavel, PackageCheck, UserCheck, S
 import { closedSurfaceContext, isClosedHref, } from "../../../_internal/shared/listing-types/route-gating.js";
 import { getSiteSettingsGlobal } from "../../admin/utils/getSiteSettingsGlobal.js";
 import { safeRead } from "../../../errors/safe-read.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const __P = {
     p6: "p-[var(--appkit-space-6)]",
     p8: "p-[var(--appkit-space-8)]",
 };
-export async function HelpPageView({} = {}) {
+export async function HelpPageView({ pageId, pageRegionCards = [], }) {
     const page = { container: PAGE_CONTAINER };
     const flex = { row: FLEX_ROW };
     const { getTranslations } = await import("next-intl/server");
@@ -48,9 +49,9 @@ export async function HelpPageView({} = {}) {
         },
         {
             icon: Gavel,
-            title: t("topicAuctions"),
-            desc: t("topicAuctionsDesc"),
-            href: String(ROUTES.PUBLIC.HELP_AUCTIONS),
+            title: t("topicCollectorDrops"),
+            desc: t("topicCollectorDropsDesc"),
+            href: String(ROUTES.PUBLIC.HELP_COLLECTOR_DROPS),
             color: "bg-sky-50 border-sky-200 dark:bg-sky-900/20 dark:border-sky-700",
             iconColor: "text-sky-600 dark:text-sky-400",
         },
@@ -95,7 +96,7 @@ export async function HelpPageView({} = {}) {
             iconColor: "text-rose-600 dark:text-rose-400",
         },
     ];
-    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { title: t("title"), subtitle: t("subtitle") }), _jsxs(Stack, { gap: "14", className: `${page.container.md}`, padding: "content-banner", children: [renderTopicsGrid(t, flex, TOPICS.filter((x) => !isClosedHref(x.href, closedSurfaces))), renderScamAwarenessAlert(t), renderTrackOrderSection(t), renderContactCtaSection(t)] })] }));
+    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { title: t("title"), subtitle: t("subtitle") }), _jsxs(Stack, { gap: "14", className: `${page.container.md}`, padding: "content-banner", children: [_jsx(AdminComposableRegion, { pageId: pageId, initialCards: pageRegionCards }), renderTopicsGrid(t, flex, TOPICS.filter((x) => !isClosedHref(x.href, closedSurfaces))), renderScamAwarenessAlert(t), renderTrackOrderSection(t), renderContactCtaSection(t)] })] }));
 }
 function renderTopicsGrid(t, flex, topics) {
     return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-6", align: "center", children: t("browseTopics") }), _jsx(Div, { layout: "grid", gap: "4", className: "sm:grid-cols-2 lg:grid-cols-3", children: topics.map(({ icon: Icon, title, desc, href, color, iconColor }) => (_jsxs(TextLink, { rounded: "xl", href: href, shadow: "hover-md", className: `group border p-[1.25rem] transition ${color} no-underline`, children: [_jsx(Row, { align: "center", justify: "center", className: `w-10 h-10 mb-3`, surface: "default", rounded: "lg", children: _jsx(Icon, { className: `w-5 h-5 ${iconColor}` }) }), _jsxs(Div, { layout: "flex", justify: "between", align: "start", className: flex.row, children: [_jsxs(Div, { children: [_jsx(Text, { className: "mb-1", weight: "semibold", children: title }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", size: "sm", children: desc })] }), _jsx(ChevronRight, { className: "w-4 h-4 mt-1 flex-shrink-0 opacity-40 group-hover:opacity-80 transition-opacity" })] })] }, href))) })] }));

package/dist/features/about/components/HowCheckoutWorksView.d.ts

@@ -1,3 +1,6 @@
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface HowCheckoutWorksViewProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function HowCheckoutWorksView({}?: HowCheckoutWorksViewProps): Promise<import("react").JSX.Element>;
+export declare function HowCheckoutWorksView({ pageRegionCards, }?: HowCheckoutWorksViewProps): Promise<import("react").JSX.Element>;

package/dist/features/about/components/HowCheckoutWorksView.js

@@ -1,20 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
-import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
-import { ProseHero } from "./ProseHero.js";
 import { Div } from "../../../ui/components/Div.js";
 import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
 import { Heading, Text } from "../../../ui/components/Typography.js";
-import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Row } from "../../../ui/components/Layout.js";
 import { Section } from "../../../ui/components/Semantic.js";
-import { TextLink } from "../../../ui/components/TextLink.js";
 import { Wallet, Smartphone, Banknote, CalendarClock } from "lucide-react";
+import { PolicyCta, PolicyPageView, PolicySteps } from "./PolicyPageView.js";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",
-    p8: "p-[var(--appkit-space-8)]",
 };
-export async function HowCheckoutWorksView({} = {}) {
-    const page = { container: PAGE_CONTAINER };
+export async function HowCheckoutWorksView({ pageRegionCards = [], } = {}) {
     const { getTranslations } = await import("next-intl/server");
     const t = await getTranslations("howCheckoutWorks");
     const STEPS = [
@@ -91,14 +87,8 @@ export async function HowCheckoutWorksView({} = {}) {
             desc: t("diagramStep5Desc"),
         },
     ];
-    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { title: t("title"), subtitle: t("subtitle") }), _jsxs(Stack, { gap: "14", className: `${page.container.md}`, padding: "content-banner", children: [renderCheckoutStepsSection(t, STEPS), _jsx(Section, { children: _jsx(FlowDiagram, { title: `🗺️ ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), renderPaymentMethodsSection(t, PAYMENT_METHODS), renderCheckoutCtaSection(t)] })] }));
-}
-function renderCheckoutStepsSection(t, steps) {
-    return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-8", align: "center", children: t("stepsTitle") }), _jsx(Stack, { gap: "5", children: steps.map(({ number, icon, title, text }) => (_jsxs(Row, { className: `${__P.p5}`, border: "default", surface: "muted", align: "start", gap: "md", rounded: "xl", children: [_jsx(Row, { align: "center", justify: "center", className: `flex-shrink-0 w-10 h-10 bg-primary/10 dark:bg-primary/15`, rounded: "full", children: icon }), _jsxs(Div, { children: [_jsxs(Text, { className: "mb-0.5", weight: "semibold", children: [number, ". ", title] }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", size: "sm", children: text })] })] }, number))) })] }));
+    return (_jsxs(PolicyPageView, { pageId: "how-checkout-works", pageRegionCards: pageRegionCards, title: t("title"), subtitle: t("subtitle"), containerSize: "md", children: [_jsx(PolicySteps, { title: t("stepsTitle"), items: STEPS }), _jsx(Section, { children: _jsx(FlowDiagram, { title: `🗺️ ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), renderPaymentMethodsSection(t, PAYMENT_METHODS), _jsx(PolicyCta, { title: t("ctaTitle"), text: t("ctaText"), primary: { label: t("ctaBrowse"), href: String(ROUTES.PUBLIC.PRODUCTS) }, secondary: { label: t("ctaOrders"), href: String(ROUTES.PUBLIC.HOW_ORDERS_WORK) } })] }));
 }
 function renderPaymentMethodsSection(t, methods) {
     return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-3", align: "center", children: t("paymentMethodsTitle") }), _jsx(Text, { variant: "secondary", className: "mb-8 max-w-xl mx-auto", align: "center", children: t("paymentMethodsSubtitle") }), _jsx(Div, { layout: "grid", gap: "5", className: "md:grid-cols-3", children: methods.map(({ icon: Icon, title, text, color, iconColor }) => (_jsxs(Div, { className: `border ${__P.p5} ${color}`, rounded: "xl", children: [_jsx(Row, { align: "center", justify: "center", className: `w-10 h-10 mb-3`, surface: "default", rounded: "lg", children: _jsx(Icon, { className: `w-5 h-5 ${iconColor}` }) }), _jsx(Text, { className: "mb-1", weight: "semibold", children: title }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", size: "sm", children: text })] }, title))) })] }));
 }
-function renderCheckoutCtaSection(t) {
-    return (_jsxs(Section, { className: `${__P.p8} text-center`, border: "default", surface: "subtle", rounded: "2xl", children: [_jsx(Heading, { level: 2, className: "mb-3", children: t("ctaTitle") }), _jsx(Text, { variant: "secondary", className: "mb-6 max-w-lg mx-auto", children: t("ctaText") }), _jsxs(Row, { align: "center", justify: "center", gap: "md", wrap: true, children: [_jsx(TextLink, { href: String(ROUTES.PUBLIC.PRODUCTS), children: t("ctaBrowse") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.HOW_ORDERS_WORK), variant: "muted", children: t("ctaOrders") })] })] }));
-}

package/dist/features/about/components/HowCollectorDropsWorkView.d.ts

@@ -0,0 +1,6 @@
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export interface HowCollectorDropsWorkViewProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+}
+export declare function HowCollectorDropsWorkView({ pageRegionCards, }?: HowCollectorDropsWorkViewProps): Promise<import("react").JSX.Element>;