4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:Tc84,"use client"; import { memo, useCallback, useId, useMemo, useState } from "react"; import type { FormEvent, MouseEvent } from "react"; import { CtaOnlyPart } from "./parts/cta-only"; import { InlineFormPart } from "./parts/inline-form"; import { DEFAULT_LABELS, type NewsletterSignupProps, type NewsletterSignupStatus, type ResolvedPartProps, } from "./types"; /** * NewsletterSignup — brand-tinted CTA card with email signup. * * Two variants via the `variant` prop: * - `inline-form` (default) — email input + Subscribe button. * - `cta-only` — full-width button only; for "click to open signup flow" patterns. * * Form state can be controlled (`value` + `onChange`) or uncontrolled * (`defaultValue`). Status (`idle | pending | success | error`) can be * controlled (`status` prop) or auto-tracked from a Promise-returning * `onSubmit`. Fully i18n via the `labels` prop. */ function NewsletterSignupImpl(props: NewsletterSignupProps) { const { variant = "inline-form", tone = "primary", headingAs = "h3", value: controlledValue, defaultValue = "", onChange, onSubmit, status: controlledStatus, onStatusChange, labels: labelsProp, className, buttonClassName, id: idProp, } = props; const generatedId = useId(); const baseId = idProp ?? generatedId; const titleId = `${baseId}-title`; const bodyId = `${baseId}-body`; const labels = useMemo( () => ({ ...DEFAULT_LABELS, ...labelsProp }), [labelsProp], ); const [internalValue, setInternalValue] = useState(defaultValue); const isControlled = controlledValue !== undefined; const email = isControlled ? controlledValue : internalValue; const handleEmailChange = useCallback( (next: string) => { if (!isControlled) setInternalValue(next); onChange?.(next); }, [isControlled, onChange], ); const [internalStatus, setInternalStatus] = useState("idle"); const status = controlledStatus ?? internalStatus; const setStatus = useCallback( (next: NewsletterSignupStatus) => { if (controlledStatus === undefined) setInternalStatus(next); onStatusChange?.(next); }, [controlledStatus, onStatusChange], ); const handleSubmit = useCallback( (event: FormEvent | MouseEvent) => { event.preventDefault(); if (status === "pending") return; if (!onSubmit) return; const result = onSubmit(email); if (result instanceof Promise) { setStatus("pending"); result .then(() => setStatus("success")) .catch(() => setStatus("error")); } }, [email, onSubmit, setStatus, status], ); const partProps: ResolvedPartProps = { variant, tone, headingAs, email, onEmailChange: handleEmailChange, status, labels, onSubmit: handleSubmit, className, buttonClassName, titleId, bodyId, }; if (variant === "cta-only") return ; return ; } export const NewsletterSignup = memo(NewsletterSignupImpl); NewsletterSignup.displayName = "NewsletterSignup"; export default NewsletterSignup; 52:Tc6c,import type { FormEvent, MouseEvent } from "react"; export type NewsletterSignupVariant = "inline-form" | "cta-only"; export type NewsletterSignupTone = "primary" | "accent" | "muted"; export type NewsletterSignupStatus = "idle" | "pending" | "success" | "error"; export type NewsletterSignupHeadingLevel = "h2" | "h3" | "h4"; export interface NewsletterSignupLabels { /** Headline. Default: 'Join our newsletter'. */ title?: string; /** Body / description. Default: 'Latest updates, straight to your inbox.'. */ body?: string; /** * Email input placeholder. Default: 'you@example.com' — a format-hint * showing the expected shape (per Nielsen "recognition over recall"). Pass * 'Email address' if you prefer a generic prompt over an example. */ placeholder?: string; /** Email input aria-label. Default: 'Email address'. */ emailLabel?: string; /** Button text. Default: 'Subscribe'. */ button?: string; /** Success message after `onSubmit` resolves. Default: "Thanks! You're subscribed.". */ successMessage?: string; /** Error message after `onSubmit` rejects. Default: 'Something went wrong. Please try again.'. */ errorMessage?: string; } export const DEFAULT_LABELS: Required = { title: "Join our newsletter", body: "Latest updates, straight to your inbox.", placeholder: "you@example.com", emailLabel: "Email address", button: "Subscribe", successMessage: "Thanks! You're subscribed.", errorMessage: "Something went wrong. Please try again.", }; export interface NewsletterSignupProps { /** Visual variant. Default: 'inline-form'. */ variant?: NewsletterSignupVariant; /** Color tint. Default: 'primary'. */ tone?: NewsletterSignupTone; /** Heading semantic level. Default: 'h3'. */ headingAs?: NewsletterSignupHeadingLevel; /** Controlled email value. */ value?: string; /** Uncontrolled initial email value. */ defaultValue?: string; /** Email change callback. */ onChange?: (value: string) => void; /** Submit handler. Return Promise to auto-track pending → success/error. */ onSubmit?: (email: string) => void | Promise; /** Controlled status. If omitted, derives from `onSubmit`'s return. */ status?: NewsletterSignupStatus; /** Status change callback. */ onStatusChange?: (status: NewsletterSignupStatus) => void; /** Localized labels. Defaults are English. */ labels?: NewsletterSignupLabels; /** Override classes for the root container. */ className?: string; /** Override classes for the action button. */ buttonClassName?: string; /** Override the heading id. Default: useId(). */ id?: string; } /** Internal shape passed from the root to each variant part. */ export interface ResolvedPartProps { variant: NewsletterSignupVariant; tone: NewsletterSignupTone; headingAs: NewsletterSignupHeadingLevel; email: string; onEmailChange: (value: string) => void; status: NewsletterSignupStatus; labels: Required; onSubmit: (event: FormEvent | MouseEvent) => void; className: string | undefined; buttonClassName: string | undefined; titleId: string; bodyId: string; } 53:T766,import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { cn } from "@/lib/utils"; import type { ResolvedPartProps } from "../types"; import { resolveTone } from "./tone"; import { StatusMessage } from "./status-message"; /** * Inline-form variant — email input + Subscribe button in a row. * The default for sidebar / footer CTAs that capture email inline. */ export function InlineFormPart({ tone, headingAs, email, onEmailChange, status, labels, onSubmit, className, buttonClassName, titleId, bodyId, }: ResolvedPartProps) { const HeadingTag = headingAs; const toneClasses = resolveTone(tone); return (

{labels.title}

{labels.body}

); } 54:T5f6,import { Button } from "@/components/ui/button"; import { cn } from "@/lib/utils"; import type { ResolvedPartProps } from "../types"; import { resolveTone } from "./tone"; import { StatusMessage } from "./status-message"; /** * CTA-only variant — full-width Subscribe button without an email input. * For "click to open the signup flow elsewhere" patterns; consumer's * `onSubmit` typically opens a modal or navigates. * * onSubmit is called with an empty string ('') since no email is captured here. */ export function CtaOnlyPart({ tone, headingAs, status, labels, onSubmit, className, buttonClassName, titleId, bodyId, }: ResolvedPartProps) { const HeadingTag = headingAs; const toneClasses = resolveTone(tone); return (

{labels.title}

{labels.body}

); } 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4f",null,{"namespace":"@ilinxa","registryDependencies":["button","input"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"src/registry/components/marketing/newsletter-signup/newsletter-signup.tsx","content":"$51","type":"registry:component","target":"components/newsletter-signup/newsletter-signup.tsx"},{"path":"src/registry/components/marketing/newsletter-signup/index.ts","content":"export { NewsletterSignup, default } from \"./newsletter-signup\";\nexport type {\n NewsletterSignupHeadingLevel,\n NewsletterSignupLabels,\n NewsletterSignupProps,\n NewsletterSignupStatus,\n NewsletterSignupTone,\n NewsletterSignupVariant,\n} from \"./types\";\n","type":"registry:component","target":"components/newsletter-signup/index.ts"},{"path":"src/registry/components/marketing/newsletter-signup/types.ts","content":"$52","type":"registry:component","target":"components/newsletter-signup/types.ts"},{"path":"src/registry/components/marketing/newsletter-signup/parts/inline-form.tsx","content":"$53","type":"registry:component","target":"components/newsletter-signup/parts/inline-form.tsx"},{"path":"src/registry/components/marketing/newsletter-signup/parts/cta-only.tsx","content":"$54","type":"registry:component","target":"components/newsletter-signup/parts/cta-only.tsx"},{"path":"src/registry/components/marketing/newsletter-signup/parts/status-message.tsx","content":"import type { NewsletterSignupStatus, NewsletterSignupLabels } from \"../types\";\n\n/**\n * Status message renderer. Lives below the action area in both variants.\n *\n * - `success` renders in muted text inside an aria-live=\"polite\" region.\n * - `error` renders in destructive text inside a role=\"alert\" region.\n * - `idle` and `pending` render an empty live-region (so the assistive\n * technology has a stable announcement target when status changes).\n */\nexport function StatusMessage({\n status,\n labels,\n}: {\n status: NewsletterSignupStatus;\n labels: Required;\n}) {\n if (status === \"error\") {\n return (\n

\n {labels.errorMessage}\n

\n );\n }\n\n return (\n

\n {status === \"success\" ? labels.successMessage : null}\n

\n );\n}\n","type":"registry:component","target":"components/newsletter-signup/parts/status-message.tsx"},{"path":"src/registry/components/marketing/newsletter-signup/parts/tone.ts","content":"import type { NewsletterSignupTone } from \"../types\";\n\n/**\n * Tone → Tailwind class fragments. Each tone gets a frame (background +\n * border) + a heading color modifier. The frame is `rounded-2xl border p-6`\n * by default, applied at the part level.\n */\nconst TONE_MAP: Record = {\n primary: {\n frame: \"border-primary/20 bg-primary/5\",\n heading: \"text-foreground\",\n },\n accent: {\n frame: \"border-accent/40 bg-accent/30\",\n heading: \"text-accent-foreground\",\n },\n muted: {\n frame: \"border-border/50 bg-muted/40\",\n heading: \"text-foreground\",\n },\n};\n\nexport const resolveTone = (tone: NewsletterSignupTone) => TONE_MAP[tone];\n","type":"registry:component","target":"components/newsletter-signup/parts/tone.ts"}],"className":"h-[70svh] min-h-80"}]]}]