@reblu/site-next 1.18.0 → 1.20.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @reblu/site-next
 
+## 1.20.0
+
+### Minor Changes
+
+- 92e0f6f: `CtaButtons` and `EditableCta` gain plug-and-play presentation props. The default markup is unchanged except for one accessibility fix: external CTAs now carry the new-window hint (see `newWindowHint`).
+  - `icon` — leading icon on every CTA, wrapped in an `aria-hidden` span.
+  - `primaryVariant` / `secondaryVariant` — `@reblu/site-ui` Button variant for the first CTA and for the rest (default `'default'`).
+  - `primaryClassName` / `secondaryClassName` — extra class per role, merged after `buttonClassName`, to map CTAs to the SITE's own button styles.
+  - `newWindowHint` — CTAs that open in a new tab now carry a visually-hidden «(se abre en una nueva ventana)» hint (a11y fix; overridable text, pass `''` to opt out, for example on a non-Spanish site). Their accessible name now ends with the hint.
+
+  `EditableCta` forwards every `CtaButtons` presentation prop and accepts the new `header` slot. New exported type: `CtaButtonVariant`.
+
+- b75f066: Deprecate `createShopCheckEmailRoute` (REB-834). The proxied endpoint now always answers `{ exists: false }`, so do not mount it on a new SITE; an existing mount keeps working until the next major removes it. The README's "Wiring a SITE" no longer lists it.
+
+### Patch Changes
+
+- Updated dependencies [92e0f6f]
+- Updated dependencies [b75f066]
+- Updated dependencies [b75f066]
+  - @reblu/site-contracts@1.14.0
+  - @reblu/site-client@5.6.0
+
+## 1.19.0
+
+### Minor Changes
+
+- fd17765: `@reblu/site-next/seo`: home / site-level metadata (REB-651). `buildMetadata({ config, home: true })` titles the home page with the site `seoTitle` as-is (never suffixed by the template; empty → `siteName`), describes it with `seoDescription` (empty → `siteDescription`), and turns a valid `canonicalUrl` into `metadataBase` plus `alternates.canonical`, so relative Open Graph paths resolve. New helpers: `resolveSiteSeoTitle`, `resolveSiteSeoDescription`, `validateCanonicalUrl` and `normalizeCanonicalUrl`.
+
+### Patch Changes
+
+- Updated dependencies [fd17765]
+  - @reblu/site-contracts@1.12.0
+
 ## 1.18.0
 
 ### Minor Changes

package/README.md

@@ -80,6 +80,43 @@ import { client } from '@/lib/reblu'
 <EditableCta slot="hero" client={client} fallback={<StaticHeroCta />} />
 ```
 
+Slots: `header`, `hero`, `blog-end`, `services`, `contact`, `sticky-mobile`,
+`footer`. A persistent header CTA, for example:
+
+```tsx
+import { CalendarIcon } from 'lucide-react'
+
+<EditableCta
+  slot="header"
+  client={client}
+  size="sm"
+  icon={<CalendarIcon />}
+  primaryVariant="default"
+  secondaryVariant="outline"
+  primaryClassName="btn-cta" // optional: map the primary CTA to your own button style
+  fallback={<StaticHeaderCta />}
+/>
+```
+
+`EditableCta` forwards every `CtaButtons` presentation prop:
+
+| Prop                 | Default                            | Effect                                                  |
+| -------------------- | ---------------------------------- | ------------------------------------------------------- |
+| `className`          | —                                  | Wrapper class (layout of the button group)              |
+| `buttonClassName`    | —                                  | Class on every button                                   |
+| `size`               | `'lg'`                             | `@reblu/site-ui` Button size                            |
+| `icon`               | —                                  | Leading icon on every CTA, wrapped in `aria-hidden`     |
+| `primaryVariant`     | `'default'`                        | `@reblu/site-ui` Button variant of the first CTA        |
+| `secondaryVariant`   | `'default'`                        | Button variant of every other CTA                       |
+| `primaryClassName`   | —                                  | Extra class on the first CTA, after `buttonClassName`   |
+| `secondaryClassName` | —                                  | Extra class on every other CTA, after `buttonClassName` |
+| `newWindowHint`      | `'(se abre en una nueva ventana)'` | Visually-hidden text on CTAs that open in a new tab     |
+
+CTAs with an absolute `http(s)` href open in a new tab
+(`target="_blank" rel="noopener noreferrer"`) and carry the `newWindowHint` in a
+`sr-only` span, so screen readers announce the new window. The primary CTA is the
+first one by `sortOrder`.
+
 `CtaButtons` (the `'use client'` renderer) and `StickyMobileCta` are also exported.
 `CtaButtons` is additionally available at the `@reblu/site-next/cta-buttons`
 subpath, which resolves directly to the emitted `'use client'` boundary.
@@ -325,7 +362,7 @@ its own Client Component.
 | `createShopCheckoutRoute(opts?)` | `./shop-route-handlers` | No |
 | `createShopValidateCartRoute()` | `./shop-route-handlers` | No |
 | `createShopApplyDiscountRoute()` | `./shop-route-handlers` | No |
-| `createShopCheckEmailRoute()` | `./shop-route-handlers` | No |
+| `createShopCheckEmailRoute()` — **deprecated** (REB-834) | `./shop-route-handlers` | No |
 | `createShopOrderRoute()` | `./shop-route-handlers` | No |
 | `getShopOrderSummary(client, sessionId)` | `./shop-server` | No |
 | `useShopOrderStatus(sessionId, opts?)` | `./shop` | **Yes** |
@@ -344,7 +381,7 @@ its own Client Component.
    <CartProvider>{children}</CartProvider>
    ```
 
-2. **Route Handlers** — mount the five factories, one file each (mirrors the
+2. **Route Handlers** — mount the four factories, one file each (mirrors the
    `./route-handlers` auth pattern — a one-line file per route):
 
    ```ts
@@ -358,22 +395,37 @@ its own Client Component.
    // app/api/shop/apply-discount/route.ts
    export const POST = createShopApplyDiscountRoute()
 
-   // app/api/shop/check-email/route.ts
-   export const POST = createShopCheckEmailRoute()
-
    // app/api/shop/order/[sessionId]/route.ts
    export const GET = createShopOrderRoute()
    ```
 
-   All five read `REBLU_API_BASE_URL`/`REBLU_API_KEY` lazily from `process.env`
-   (same as `./route-handlers`'s `createProxyRoute`, which they wrap) — the
-   API key never reaches the browser.
+   All of them read `REBLU_API_BASE_URL`/`REBLU_API_KEY` lazily from
+   `process.env` (same as `./route-handlers`'s `createProxyRoute`, which they
+   wrap) — the API key never reaches the browser.
+
+   Do not mount `createShopCheckEmailRoute()` on a new SITE: it is
+   **deprecated** (REB-834) and removed in the next major. Its endpoint used to
+   say whether an email had an account — an enumeration oracle on the
+   tenant's customer list — and now always answers `{ exists: false }`. An
+   existing mount keeps working; remove it at your convenience. The checkout
+   always offers «Iniciar sesión o continuar como invitado», and the server
+   links a guest's order to an existing account after payment.
+
+   **Forward the visitor's IP.** base-api rate-limits some public routes
+   per client IP (check-email, and the auth routes such as login and
+   magic-link), reading the IP from `x-forwarded-for`. A SITE
+   that calls `/api/site/*` from its own server must forward the visitor's
+   `x-forwarded-for` (and `x-real-ip`), or every visitor shares the SITE
+   server's single IP window and one busy page throttles them all.
+   `createProxyRoute` — and therefore every `createShop*Route` factory —
+   already forwards both headers; only hand-written server-side calls need to
+   do it themselves.
 
 3. **Pages** — create `app/shop/cart/page.tsx`, `app/shop/checkout/page.tsx`
    and `app/shop/order-confirmation/page.tsx`. Read the cart with `useCart()`
    from `./cart`, render `@reblu/site-blocks`'s `CartLineList`/`CartSummary`/
    `CheckoutForm`/`OrderConfirmation`, and `fetch` the Route Handlers from
-   step 2 for checkout/validate-cart/apply-discount/check-email/order (never
+   step 2 for checkout/validate-cart/apply-discount/order (never
    call base-api directly from a Client Component — that's what step 2's
    Route Handlers are for). See `apps/demo-site`'s `shop/{cart,checkout,
    order-confirmation}/page.tsx` in this monorepo for a complete, working
@@ -682,6 +734,43 @@ yet. Need the string only? `resolveSeoTitle({ seoTitle, title, sectionLabel },
 { template: config.seoTitleTemplate, siteName: config.siteName })`.
 Description/Open Graph are intentionally minimal here (REB-823 extends them).
 
+### Home page and canonical URL — `buildMetadata({ config, home: true })` (REB-651)
+
+The site has its own search title and description in nexus (Ajustes → SEO y
+Redes), separate from `siteName`/`siteDescription`, which stay the identity
+used in breadcrumbs and chrome. `GET /api/site/config` serves them as
+`seoTitle`, `seoDescription` and `canonicalUrl` (all `null` when unset).
+
+```ts
+// app/page.tsx — the home page: no hardcoded title, description or domain
+import type { Metadata } from 'next'
+import { buildMetadata } from '@reblu/site-next/seo'
+
+export async function generateMetadata(): Promise<Metadata> {
+  return buildMetadata({ config: await reblu.config.get(), home: true })
+}
+
+// app/layout.tsx — every route resolves relative Open Graph paths against it
+import { normalizeCanonicalUrl } from '@reblu/site-next/seo'
+
+export async function generateMetadata(): Promise<Metadata> {
+  const config = await reblu.config.get()
+  const siteUrl = normalizeCanonicalUrl(config.canonicalUrl) ?? process.env.NEXT_PUBLIC_SITE_URL!
+  return { metadataBase: new URL(siteUrl) /* , title, openGraph… */ }
+}
+```
+
+- `config.seoTitle`, when set, is the **whole** home title — used as-is, never
+  suffixed by the template. Empty → `siteName`, exactly as before.
+- `config.seoDescription` falls back to `siteDescription`.
+- A valid `config.canonicalUrl` (an `https` origin) becomes `metadataBase`
+  plus `alternates.canonical: '/'`, so an `ogImageUrl` given as a relative
+  path resolves against the site's domain. The env var becomes a fallback.
+
+`home: true` is explicit: a route whose title happens to be empty never picks
+up the site's SEO title. Need the strings only? `resolveSiteSeoTitle(config)`
+and `resolveSiteSeoDescription(config)`.
+
 ## Structured data (JSON-LD)
 
 `@reblu/site-next/json-ld` (REB-622, server-only, dependency-free) renders one

package/dist/cta-buttons.cjs

@@ -37,22 +37,49 @@ module.exports = __toCommonJS(cta_buttons_exports);
 var import_site_ui = require("@reblu/site-ui");
 var import_link = __toESM(require("next/link"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_NEW_WINDOW_HINT = "(se abre en una nueva ventana)";
 function isExternal(href) {
   return /^https?:\/\//i.test(href);
 }
-function CtaButtons({ ctas, className, buttonClassName, size = "lg" }) {
+function CtaButtons({
+  ctas,
+  className,
+  buttonClassName,
+  size = "lg",
+  icon,
+  primaryVariant = "default",
+  secondaryVariant = "default",
+  primaryClassName,
+  secondaryClassName,
+  newWindowHint = DEFAULT_NEW_WINDOW_HINT
+}) {
   if (ctas.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, "data-slot": "cta-buttons", children: ctas.map((cta) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_site_ui.Button,
-    {
-      asChild: true,
-      size,
-      className: buttonClassName,
-      "data-cta-id": cta.analyticsId ?? void 0,
-      children: isExternal(cta.href) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: cta.href, target: "_blank", rel: "noopener noreferrer", children: cta.label }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: cta.href, children: cta.label })
-    },
-    cta.id
-  )) });
+  const leadingIcon = icon == null ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", className: "inline-flex shrink-0", children: icon });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, "data-slot": "cta-buttons", children: ctas.map((cta, index) => {
+    const isPrimary = index === 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_site_ui.Button,
+      {
+        asChild: true,
+        size,
+        variant: isPrimary ? primaryVariant : secondaryVariant,
+        className: (0, import_site_ui.cn)(buttonClassName, isPrimary ? primaryClassName : secondaryClassName),
+        "data-cta-id": cta.analyticsId ?? void 0,
+        children: isExternal(cta.href) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: cta.href, target: "_blank", rel: "noopener noreferrer", children: [
+          leadingIcon,
+          cta.label,
+          newWindowHint ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: newWindowHint })
+          ] }) : null
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href: cta.href, children: [
+          leadingIcon,
+          cta.label
+        ] })
+      },
+      cta.id
+    );
+  }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cta-buttons.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/cta-buttons.tsx"],"sourcesContent":["'use client'\n\nimport type { Cta } from '@reblu/site-contracts'\nimport { Button } from '@reblu/site-ui'\nimport Link from 'next/link'\n\ntype ButtonSize = 'sm' | 'default' | 'lg'\n\nexport interface CtaButtonsProps {\n  ctas: Cta[]\n  /** Wrapper class (layout of the button group). */\n  className?: string\n  /** Class applied to each button. */\n  buttonClassName?: string\n  size?: ButtonSize\n}\n\n/** External = absolute http(s) URL (e.g. a Klinikare booking link). */\nfunction isExternal(href: string): boolean {\n  return /^https?:\\/\\//i.test(href)\n}\n\n/**\n * Presentational CTA renderer (REB-394, moved to `@reblu/site-next` in REB-418).\n * Pure — takes already-resolved CTAs and renders one styled button-link each.\n * Internal hrefs use `next/link` (client routing); external URLs open in a new,\n * safely-rel tab. `analyticsId` is surfaced as `data-cta-id` on the clickable\n * element for GA `cta_click` tracking. Renders nothing when there are no CTAs.\n *\n * Imports `Button` from `@reblu/site-ui` (public) — never `@reblu/ui` (private).\n */\nexport function CtaButtons({ ctas, className, buttonClassName, size = 'lg' }: CtaButtonsProps) {\n  if (ctas.length === 0) return null\n\n  return (\n    <div className={className} data-slot='cta-buttons'>\n      {ctas.map((cta) => (\n        <Button\n          key={cta.id}\n          asChild\n          size={size}\n          className={buttonClassName}\n          data-cta-id={cta.analyticsId ?? undefined}\n        >\n          {isExternal(cta.href) ? (\n            <a href={cta.href} target='_blank' rel='noopener noreferrer'>\n              {cta.label}\n            </a>\n          ) : (\n            <Link href={cta.href}>{cta.label}</Link>\n          )}\n        </Button>\n      ))}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAuB;AACvB,kBAAiB;AAyCL;AA3BZ,SAAS,WAAW,MAAuB;AACzC,SAAO,gBAAgB,KAAK,IAAI;AAClC;AAWO,SAAS,WAAW,EAAE,MAAM,WAAW,iBAAiB,OAAO,KAAK,GAAoB;AAC7F,MAAI,KAAK,WAAW,EAAG,QAAO;AAE9B,SACE,4CAAC,SAAI,WAAsB,aAAU,eAClC,eAAK,IAAI,CAAC,QACT;AAAA,IAAC;AAAA;AAAA,MAEC,SAAO;AAAA,MACP;AAAA,MACA,WAAW;AAAA,MACX,eAAa,IAAI,eAAe;AAAA,MAE/B,qBAAW,IAAI,IAAI,IAClB,4CAAC,OAAE,MAAM,IAAI,MAAM,QAAO,UAAS,KAAI,uBACpC,cAAI,OACP,IAEA,4CAAC,YAAAA,SAAA,EAAK,MAAM,IAAI,MAAO,cAAI,OAAM;AAAA;AAAA,IAX9B,IAAI;AAAA,EAaX,CACD,GACH;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../src/cta-buttons.tsx"],"sourcesContent":["'use client'\n\nimport type { Cta } from '@reblu/site-contracts'\nimport { Button, cn, type ButtonVariantProps } from '@reblu/site-ui'\nimport Link from 'next/link'\nimport type { ReactNode } from 'react'\n\ntype ButtonSize = 'sm' | 'default' | 'lg'\n\n/** A `@reblu/site-ui` Button variant (`default`, `outline`, `secondary`, …). */\nexport type CtaButtonVariant = NonNullable<ButtonVariantProps['variant']>\n\n/** Default screen-reader hint appended to CTAs that open in a new tab. */\nconst DEFAULT_NEW_WINDOW_HINT = '(se abre en una nueva ventana)'\n\nexport interface CtaButtonsProps {\n  ctas: Cta[]\n  /** Wrapper class (layout of the button group). */\n  className?: string\n  /** Class applied to each button. */\n  buttonClassName?: string\n  size?: ButtonSize\n  /**\n   * Leading icon rendered before every CTA label. Decorative: it is wrapped in\n   * an `aria-hidden` span, so the accessible name stays the label.\n   */\n  icon?: ReactNode\n  /** Button variant of the primary CTA (the first one, by `sortOrder`). Default `default`. */\n  primaryVariant?: CtaButtonVariant\n  /** Button variant of every secondary CTA (all but the first). Default `default`. */\n  secondaryVariant?: CtaButtonVariant\n  /**\n   * Extra class for the primary CTA, merged after `buttonClassName`. Lets a SITE\n   * map the primary CTA to its own button style (e.g. a brand `cta` variant).\n   */\n  primaryClassName?: string\n  /** Extra class for every secondary CTA, merged after `buttonClassName`. */\n  secondaryClassName?: string\n  /**\n   * Visually-hidden text appended to CTAs that open in a new tab, so screen\n   * readers announce the context change. Default «(se abre en una nueva ventana)».\n   */\n  newWindowHint?: string\n}\n\n/** External = absolute http(s) URL (e.g. a third-party booking link). */\nfunction isExternal(href: string): boolean {\n  return /^https?:\\/\\//i.test(href)\n}\n\n/**\n * Presentational CTA renderer (REB-394, moved to `@reblu/site-next` in REB-418).\n * Pure — takes already-resolved CTAs and renders one styled button-link each.\n * Internal hrefs use `next/link` (client routing); external URLs open in a new,\n * safely-rel tab and carry a visually-hidden new-window hint. `analyticsId` is\n * surfaced as `data-cta-id` on the clickable element for GA `cta_click`\n * tracking. Renders nothing when there are no CTAs.\n *\n * The first CTA is the primary one; the rest are secondary. Each role takes its\n * own Button variant and extra class, so a SITE maps the CTAs to its own button\n * styles without forking this markup.\n *\n * Imports `Button` from `@reblu/site-ui` (public) — never `@reblu/ui` (private).\n */\nexport function CtaButtons({\n  ctas,\n  className,\n  buttonClassName,\n  size = 'lg',\n  icon,\n  primaryVariant = 'default',\n  secondaryVariant = 'default',\n  primaryClassName,\n  secondaryClassName,\n  newWindowHint = DEFAULT_NEW_WINDOW_HINT,\n}: CtaButtonsProps) {\n  if (ctas.length === 0) return null\n\n  const leadingIcon =\n    icon == null ? null : (\n      <span aria-hidden='true' className='inline-flex shrink-0'>\n        {icon}\n      </span>\n    )\n\n  return (\n    <div className={className} data-slot='cta-buttons'>\n      {ctas.map((cta, index) => {\n        const isPrimary = index === 0\n        return (\n          <Button\n            key={cta.id}\n            asChild\n            size={size}\n            variant={isPrimary ? primaryVariant : secondaryVariant}\n            className={cn(buttonClassName, isPrimary ? primaryClassName : secondaryClassName)}\n            data-cta-id={cta.analyticsId ?? undefined}\n          >\n            {isExternal(cta.href) ? (\n              <a href={cta.href} target='_blank' rel='noopener noreferrer'>\n                {leadingIcon}\n                {cta.label}\n                {newWindowHint ? <> <span className='sr-only'>{newWindowHint}</span></> : null}\n              </a>\n            ) : (\n              <Link href={cta.href}>\n                {leadingIcon}\n                {cta.label}\n              </Link>\n            )}\n          </Button>\n        )\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAoD;AACpD,kBAAiB;AA4EX;AAnEN,IAAM,0BAA0B;AAiChC,SAAS,WAAW,MAAuB;AACzC,SAAO,gBAAgB,KAAK,IAAI;AAClC;AAgBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,GAAoB;AAClB,MAAI,KAAK,WAAW,EAAG,QAAO;AAE9B,QAAM,cACJ,QAAQ,OAAO,OACb,4CAAC,UAAK,eAAY,QAAO,WAAU,wBAChC,gBACH;AAGJ,SACE,4CAAC,SAAI,WAAsB,aAAU,eAClC,eAAK,IAAI,CAAC,KAAK,UAAU;AACxB,UAAM,YAAY,UAAU;AAC5B,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,SAAO;AAAA,QACP;AAAA,QACA,SAAS,YAAY,iBAAiB;AAAA,QACtC,eAAW,mBAAG,iBAAiB,YAAY,mBAAmB,kBAAkB;AAAA,QAChF,eAAa,IAAI,eAAe;AAAA,QAE/B,qBAAW,IAAI,IAAI,IAClB,6CAAC,OAAE,MAAM,IAAI,MAAM,QAAO,UAAS,KAAI,uBACpC;AAAA;AAAA,UACA,IAAI;AAAA,UACJ,gBAAgB,4EAAE;AAAA;AAAA,YAAC,4CAAC,UAAK,WAAU,WAAW,yBAAc;AAAA,aAAO,IAAM;AAAA,WAC5E,IAEA,6CAAC,YAAAA,SAAA,EAAK,MAAM,IAAI,MACb;AAAA;AAAA,UACA,IAAI;AAAA,WACP;AAAA;AAAA,MAjBG,IAAI;AAAA,IAmBX;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":["Link"]}

package/dist/cta-buttons.d.cts

@@ -1,7 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Cta } from '@reblu/site-contracts';
+import { ButtonVariantProps } from '@reblu/site-ui';
+import { ReactNode } from 'react';
 
 type ButtonSize = 'sm' | 'default' | 'lg';
+/** A `@reblu/site-ui` Button variant (`default`, `outline`, `secondary`, …). */
+type CtaButtonVariant = NonNullable<ButtonVariantProps['variant']>;
 interface CtaButtonsProps {
     ctas: Cta[];
     /** Wrapper class (layout of the button group). */
@@ -9,16 +13,42 @@ interface CtaButtonsProps {
     /** Class applied to each button. */
     buttonClassName?: string;
     size?: ButtonSize;
+    /**
+     * Leading icon rendered before every CTA label. Decorative: it is wrapped in
+     * an `aria-hidden` span, so the accessible name stays the label.
+     */
+    icon?: ReactNode;
+    /** Button variant of the primary CTA (the first one, by `sortOrder`). Default `default`. */
+    primaryVariant?: CtaButtonVariant;
+    /** Button variant of every secondary CTA (all but the first). Default `default`. */
+    secondaryVariant?: CtaButtonVariant;
+    /**
+     * Extra class for the primary CTA, merged after `buttonClassName`. Lets a SITE
+     * map the primary CTA to its own button style (e.g. a brand `cta` variant).
+     */
+    primaryClassName?: string;
+    /** Extra class for every secondary CTA, merged after `buttonClassName`. */
+    secondaryClassName?: string;
+    /**
+     * Visually-hidden text appended to CTAs that open in a new tab, so screen
+     * readers announce the context change. Default «(se abre en una nueva ventana)».
+     */
+    newWindowHint?: string;
 }
 /**
  * Presentational CTA renderer (REB-394, moved to `@reblu/site-next` in REB-418).
  * Pure — takes already-resolved CTAs and renders one styled button-link each.
  * Internal hrefs use `next/link` (client routing); external URLs open in a new,
- * safely-rel tab. `analyticsId` is surfaced as `data-cta-id` on the clickable
- * element for GA `cta_click` tracking. Renders nothing when there are no CTAs.
+ * safely-rel tab and carry a visually-hidden new-window hint. `analyticsId` is
+ * surfaced as `data-cta-id` on the clickable element for GA `cta_click`
+ * tracking. Renders nothing when there are no CTAs.
+ *
+ * The first CTA is the primary one; the rest are secondary. Each role takes its
+ * own Button variant and extra class, so a SITE maps the CTAs to its own button
+ * styles without forking this markup.
  *
  * Imports `Button` from `@reblu/site-ui` (public) — never `@reblu/ui` (private).
  */
-declare function CtaButtons({ ctas, className, buttonClassName, size }: CtaButtonsProps): react_jsx_runtime.JSX.Element | null;
+declare function CtaButtons({ ctas, className, buttonClassName, size, icon, primaryVariant, secondaryVariant, primaryClassName, secondaryClassName, newWindowHint, }: CtaButtonsProps): react_jsx_runtime.JSX.Element | null;
 
-export { CtaButtons, type CtaButtonsProps };
+export { type CtaButtonVariant, CtaButtons, type CtaButtonsProps };

package/dist/cta-buttons.d.ts

@@ -1,7 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Cta } from '@reblu/site-contracts';
+import { ButtonVariantProps } from '@reblu/site-ui';
+import { ReactNode } from 'react';
 
 type ButtonSize = 'sm' | 'default' | 'lg';
+/** A `@reblu/site-ui` Button variant (`default`, `outline`, `secondary`, …). */
+type CtaButtonVariant = NonNullable<ButtonVariantProps['variant']>;
 interface CtaButtonsProps {
     ctas: Cta[];
     /** Wrapper class (layout of the button group). */
@@ -9,16 +13,42 @@ interface CtaButtonsProps {
     /** Class applied to each button. */
     buttonClassName?: string;
     size?: ButtonSize;
+    /**
+     * Leading icon rendered before every CTA label. Decorative: it is wrapped in
+     * an `aria-hidden` span, so the accessible name stays the label.
+     */
+    icon?: ReactNode;
+    /** Button variant of the primary CTA (the first one, by `sortOrder`). Default `default`. */
+    primaryVariant?: CtaButtonVariant;
+    /** Button variant of every secondary CTA (all but the first). Default `default`. */
+    secondaryVariant?: CtaButtonVariant;
+    /**
+     * Extra class for the primary CTA, merged after `buttonClassName`. Lets a SITE
+     * map the primary CTA to its own button style (e.g. a brand `cta` variant).
+     */
+    primaryClassName?: string;
+    /** Extra class for every secondary CTA, merged after `buttonClassName`. */
+    secondaryClassName?: string;
+    /**
+     * Visually-hidden text appended to CTAs that open in a new tab, so screen
+     * readers announce the context change. Default «(se abre en una nueva ventana)».
+     */
+    newWindowHint?: string;
 }
 /**
  * Presentational CTA renderer (REB-394, moved to `@reblu/site-next` in REB-418).
  * Pure — takes already-resolved CTAs and renders one styled button-link each.
  * Internal hrefs use `next/link` (client routing); external URLs open in a new,
- * safely-rel tab. `analyticsId` is surfaced as `data-cta-id` on the clickable
- * element for GA `cta_click` tracking. Renders nothing when there are no CTAs.
+ * safely-rel tab and carry a visually-hidden new-window hint. `analyticsId` is
+ * surfaced as `data-cta-id` on the clickable element for GA `cta_click`
+ * tracking. Renders nothing when there are no CTAs.
+ *
+ * The first CTA is the primary one; the rest are secondary. Each role takes its
+ * own Button variant and extra class, so a SITE maps the CTAs to its own button
+ * styles without forking this markup.
  *
  * Imports `Button` from `@reblu/site-ui` (public) — never `@reblu/ui` (private).
  */
-declare function CtaButtons({ ctas, className, buttonClassName, size }: CtaButtonsProps): react_jsx_runtime.JSX.Element | null;
+declare function CtaButtons({ ctas, className, buttonClassName, size, icon, primaryVariant, secondaryVariant, primaryClassName, secondaryClassName, newWindowHint, }: CtaButtonsProps): react_jsx_runtime.JSX.Element | null;
 
-export { CtaButtons, type CtaButtonsProps };
+export { type CtaButtonVariant, CtaButtons, type CtaButtonsProps };

package/dist/cta-buttons.js

@@ -1,25 +1,52 @@
 "use client";
 
 // src/cta-buttons.tsx
-import { Button } from "@reblu/site-ui";
+import { Button, cn } from "@reblu/site-ui";
 import Link from "next/link";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_NEW_WINDOW_HINT = "(se abre en una nueva ventana)";
 function isExternal(href) {
   return /^https?:\/\//i.test(href);
 }
-function CtaButtons({ ctas, className, buttonClassName, size = "lg" }) {
+function CtaButtons({
+  ctas,
+  className,
+  buttonClassName,
+  size = "lg",
+  icon,
+  primaryVariant = "default",
+  secondaryVariant = "default",
+  primaryClassName,
+  secondaryClassName,
+  newWindowHint = DEFAULT_NEW_WINDOW_HINT
+}) {
   if (ctas.length === 0) return null;
-  return /* @__PURE__ */ jsx("div", { className, "data-slot": "cta-buttons", children: ctas.map((cta) => /* @__PURE__ */ jsx(
-    Button,
-    {
-      asChild: true,
-      size,
-      className: buttonClassName,
-      "data-cta-id": cta.analyticsId ?? void 0,
-      children: isExternal(cta.href) ? /* @__PURE__ */ jsx("a", { href: cta.href, target: "_blank", rel: "noopener noreferrer", children: cta.label }) : /* @__PURE__ */ jsx(Link, { href: cta.href, children: cta.label })
-    },
-    cta.id
-  )) });
+  const leadingIcon = icon == null ? null : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "inline-flex shrink-0", children: icon });
+  return /* @__PURE__ */ jsx("div", { className, "data-slot": "cta-buttons", children: ctas.map((cta, index) => {
+    const isPrimary = index === 0;
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        asChild: true,
+        size,
+        variant: isPrimary ? primaryVariant : secondaryVariant,
+        className: cn(buttonClassName, isPrimary ? primaryClassName : secondaryClassName),
+        "data-cta-id": cta.analyticsId ?? void 0,
+        children: isExternal(cta.href) ? /* @__PURE__ */ jsxs("a", { href: cta.href, target: "_blank", rel: "noopener noreferrer", children: [
+          leadingIcon,
+          cta.label,
+          newWindowHint ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: newWindowHint })
+          ] }) : null
+        ] }) : /* @__PURE__ */ jsxs(Link, { href: cta.href, children: [
+          leadingIcon,
+          cta.label
+        ] })
+      },
+      cta.id
+    );
+  }) });
 }
 export {
   CtaButtons

package/dist/cta-buttons.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/cta-buttons.tsx"],"sourcesContent":["'use client'\n\nimport type { Cta } from '@reblu/site-contracts'\nimport { Button } from '@reblu/site-ui'\nimport Link from 'next/link'\n\ntype ButtonSize = 'sm' | 'default' | 'lg'\n\nexport interface CtaButtonsProps {\n  ctas: Cta[]\n  /** Wrapper class (layout of the button group). */\n  className?: string\n  /** Class applied to each button. */\n  buttonClassName?: string\n  size?: ButtonSize\n}\n\n/** External = absolute http(s) URL (e.g. a Klinikare booking link). */\nfunction isExternal(href: string): boolean {\n  return /^https?:\\/\\//i.test(href)\n}\n\n/**\n * Presentational CTA renderer (REB-394, moved to `@reblu/site-next` in REB-418).\n * Pure — takes already-resolved CTAs and renders one styled button-link each.\n * Internal hrefs use `next/link` (client routing); external URLs open in a new,\n * safely-rel tab. `analyticsId` is surfaced as `data-cta-id` on the clickable\n * element for GA `cta_click` tracking. Renders nothing when there are no CTAs.\n *\n * Imports `Button` from `@reblu/site-ui` (public) — never `@reblu/ui` (private).\n */\nexport function CtaButtons({ ctas, className, buttonClassName, size = 'lg' }: CtaButtonsProps) {\n  if (ctas.length === 0) return null\n\n  return (\n    <div className={className} data-slot='cta-buttons'>\n      {ctas.map((cta) => (\n        <Button\n          key={cta.id}\n          asChild\n          size={size}\n          className={buttonClassName}\n          data-cta-id={cta.analyticsId ?? undefined}\n        >\n          {isExternal(cta.href) ? (\n            <a href={cta.href} target='_blank' rel='noopener noreferrer'>\n              {cta.label}\n            </a>\n          ) : (\n            <Link href={cta.href}>{cta.label}</Link>\n          )}\n        </Button>\n      ))}\n    </div>\n  )\n}\n"],"mappings":";;;AAGA,SAAS,cAAc;AACvB,OAAO,UAAU;AAyCL;AA3BZ,SAAS,WAAW,MAAuB;AACzC,SAAO,gBAAgB,KAAK,IAAI;AAClC;AAWO,SAAS,WAAW,EAAE,MAAM,WAAW,iBAAiB,OAAO,KAAK,GAAoB;AAC7F,MAAI,KAAK,WAAW,EAAG,QAAO;AAE9B,SACE,oBAAC,SAAI,WAAsB,aAAU,eAClC,eAAK,IAAI,CAAC,QACT;AAAA,IAAC;AAAA;AAAA,MAEC,SAAO;AAAA,MACP;AAAA,MACA,WAAW;AAAA,MACX,eAAa,IAAI,eAAe;AAAA,MAE/B,qBAAW,IAAI,IAAI,IAClB,oBAAC,OAAE,MAAM,IAAI,MAAM,QAAO,UAAS,KAAI,uBACpC,cAAI,OACP,IAEA,oBAAC,QAAK,MAAM,IAAI,MAAO,cAAI,OAAM;AAAA;AAAA,IAX9B,IAAI;AAAA,EAaX,CACD,GACH;AAEJ;","names":[]}
+{"version":3,"sources":["../src/cta-buttons.tsx"],"sourcesContent":["'use client'\n\nimport type { Cta } from '@reblu/site-contracts'\nimport { Button, cn, type ButtonVariantProps } from '@reblu/site-ui'\nimport Link from 'next/link'\nimport type { ReactNode } from 'react'\n\ntype ButtonSize = 'sm' | 'default' | 'lg'\n\n/** A `@reblu/site-ui` Button variant (`default`, `outline`, `secondary`, …). */\nexport type CtaButtonVariant = NonNullable<ButtonVariantProps['variant']>\n\n/** Default screen-reader hint appended to CTAs that open in a new tab. */\nconst DEFAULT_NEW_WINDOW_HINT = '(se abre en una nueva ventana)'\n\nexport interface CtaButtonsProps {\n  ctas: Cta[]\n  /** Wrapper class (layout of the button group). */\n  className?: string\n  /** Class applied to each button. */\n  buttonClassName?: string\n  size?: ButtonSize\n  /**\n   * Leading icon rendered before every CTA label. Decorative: it is wrapped in\n   * an `aria-hidden` span, so the accessible name stays the label.\n   */\n  icon?: ReactNode\n  /** Button variant of the primary CTA (the first one, by `sortOrder`). Default `default`. */\n  primaryVariant?: CtaButtonVariant\n  /** Button variant of every secondary CTA (all but the first). Default `default`. */\n  secondaryVariant?: CtaButtonVariant\n  /**\n   * Extra class for the primary CTA, merged after `buttonClassName`. Lets a SITE\n   * map the primary CTA to its own button style (e.g. a brand `cta` variant).\n   */\n  primaryClassName?: string\n  /** Extra class for every secondary CTA, merged after `buttonClassName`. */\n  secondaryClassName?: string\n  /**\n   * Visually-hidden text appended to CTAs that open in a new tab, so screen\n   * readers announce the context change. Default «(se abre en una nueva ventana)».\n   */\n  newWindowHint?: string\n}\n\n/** External = absolute http(s) URL (e.g. a third-party booking link). */\nfunction isExternal(href: string): boolean {\n  return /^https?:\\/\\//i.test(href)\n}\n\n/**\n * Presentational CTA renderer (REB-394, moved to `@reblu/site-next` in REB-418).\n * Pure — takes already-resolved CTAs and renders one styled button-link each.\n * Internal hrefs use `next/link` (client routing); external URLs open in a new,\n * safely-rel tab and carry a visually-hidden new-window hint. `analyticsId` is\n * surfaced as `data-cta-id` on the clickable element for GA `cta_click`\n * tracking. Renders nothing when there are no CTAs.\n *\n * The first CTA is the primary one; the rest are secondary. Each role takes its\n * own Button variant and extra class, so a SITE maps the CTAs to its own button\n * styles without forking this markup.\n *\n * Imports `Button` from `@reblu/site-ui` (public) — never `@reblu/ui` (private).\n */\nexport function CtaButtons({\n  ctas,\n  className,\n  buttonClassName,\n  size = 'lg',\n  icon,\n  primaryVariant = 'default',\n  secondaryVariant = 'default',\n  primaryClassName,\n  secondaryClassName,\n  newWindowHint = DEFAULT_NEW_WINDOW_HINT,\n}: CtaButtonsProps) {\n  if (ctas.length === 0) return null\n\n  const leadingIcon =\n    icon == null ? null : (\n      <span aria-hidden='true' className='inline-flex shrink-0'>\n        {icon}\n      </span>\n    )\n\n  return (\n    <div className={className} data-slot='cta-buttons'>\n      {ctas.map((cta, index) => {\n        const isPrimary = index === 0\n        return (\n          <Button\n            key={cta.id}\n            asChild\n            size={size}\n            variant={isPrimary ? primaryVariant : secondaryVariant}\n            className={cn(buttonClassName, isPrimary ? primaryClassName : secondaryClassName)}\n            data-cta-id={cta.analyticsId ?? undefined}\n          >\n            {isExternal(cta.href) ? (\n              <a href={cta.href} target='_blank' rel='noopener noreferrer'>\n                {leadingIcon}\n                {cta.label}\n                {newWindowHint ? <> <span className='sr-only'>{newWindowHint}</span></> : null}\n              </a>\n            ) : (\n              <Link href={cta.href}>\n                {leadingIcon}\n                {cta.label}\n              </Link>\n            )}\n          </Button>\n        )\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;AAGA,SAAS,QAAQ,UAAmC;AACpD,OAAO,UAAU;AA4EX,SAsB2B,UAtB3B,KAsB2B,YAtB3B;AAnEN,IAAM,0BAA0B;AAiChC,SAAS,WAAW,MAAuB;AACzC,SAAO,gBAAgB,KAAK,IAAI;AAClC;AAgBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,GAAoB;AAClB,MAAI,KAAK,WAAW,EAAG,QAAO;AAE9B,QAAM,cACJ,QAAQ,OAAO,OACb,oBAAC,UAAK,eAAY,QAAO,WAAU,wBAChC,gBACH;AAGJ,SACE,oBAAC,SAAI,WAAsB,aAAU,eAClC,eAAK,IAAI,CAAC,KAAK,UAAU;AACxB,UAAM,YAAY,UAAU;AAC5B,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,SAAO;AAAA,QACP;AAAA,QACA,SAAS,YAAY,iBAAiB;AAAA,QACtC,WAAW,GAAG,iBAAiB,YAAY,mBAAmB,kBAAkB;AAAA,QAChF,eAAa,IAAI,eAAe;AAAA,QAE/B,qBAAW,IAAI,IAAI,IAClB,qBAAC,OAAE,MAAM,IAAI,MAAM,QAAO,UAAS,KAAI,uBACpC;AAAA;AAAA,UACA,IAAI;AAAA,UACJ,gBAAgB,iCAAE;AAAA;AAAA,YAAC,oBAAC,UAAK,WAAU,WAAW,yBAAc;AAAA,aAAO,IAAM;AAAA,WAC5E,IAEA,qBAAC,QAAK,MAAM,IAAI,MACb;AAAA;AAAA,UACA,IAAI;AAAA,WACP;AAAA;AAAA,MAjBG,IAAI;AAAA,IAmBX;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/index.cjs

@@ -61,22 +61,49 @@ var NextCacheAdapter = class {
 var import_site_ui = require("@reblu/site-ui");
 var import_link = __toESM(require("next/link"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_NEW_WINDOW_HINT = "(se abre en una nueva ventana)";
 function isExternal(href) {
   return /^https?:\/\//i.test(href);
 }
-function CtaButtons({ ctas, className, buttonClassName, size = "lg" }) {
+function CtaButtons({
+  ctas,
+  className,
+  buttonClassName,
+  size = "lg",
+  icon,
+  primaryVariant = "default",
+  secondaryVariant = "default",
+  primaryClassName,
+  secondaryClassName,
+  newWindowHint = DEFAULT_NEW_WINDOW_HINT
+}) {
   if (ctas.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, "data-slot": "cta-buttons", children: ctas.map((cta) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_site_ui.Button,
-    {
-      asChild: true,
-      size,
-      className: buttonClassName,
-      "data-cta-id": cta.analyticsId ?? void 0,
-      children: isExternal(cta.href) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: cta.href, target: "_blank", rel: "noopener noreferrer", children: cta.label }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: cta.href, children: cta.label })
-    },
-    cta.id
-  )) });
+  const leadingIcon = icon == null ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", className: "inline-flex shrink-0", children: icon });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, "data-slot": "cta-buttons", children: ctas.map((cta, index) => {
+    const isPrimary = index === 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_site_ui.Button,
+      {
+        asChild: true,
+        size,
+        variant: isPrimary ? primaryVariant : secondaryVariant,
+        className: (0, import_site_ui.cn)(buttonClassName, isPrimary ? primaryClassName : secondaryClassName),
+        "data-cta-id": cta.analyticsId ?? void 0,
+        children: isExternal(cta.href) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: cta.href, target: "_blank", rel: "noopener noreferrer", children: [
+          leadingIcon,
+          cta.label,
+          newWindowHint ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: newWindowHint })
+          ] }) : null
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href: cta.href, children: [
+          leadingIcon,
+          cta.label
+        ] })
+      },
+      cta.id
+    );
+  }) });
 }
 
 // src/sticky-mobile-cta.tsx
@@ -96,17 +123,10 @@ function StickyMobileCta({ ctas }) {
 
 // src/editable-cta.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-async function EditableCta({
-  slot,
-  client,
-  className,
-  buttonClassName,
-  size,
-  fallback = null
-}) {
+async function EditableCta({ slot, client, fallback = null, ...buttonProps }) {
   const { data: ctas } = await client.ctas.list(slot).catch(() => ({ data: [] }));
   if (ctas.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: fallback });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CtaButtons, { ctas, className, buttonClassName, size });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CtaButtons, { ctas, ...buttonProps });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/next-cache-adapter.ts","../src/cta-buttons.tsx","../src/sticky-mobile-cta.tsx","../src/editable-cta.tsx"],"sourcesContent":["/**\n * `@reblu/site-next` — Next.js RSC glue for Reblu SITEs (REB-418 / design doc §5).\n *\n * Two things live here, both framework-coupled to Next so the lower SDK layers\n * (`@reblu/site-client`, `@reblu/site-contracts`, `@reblu/site-ui`) stay\n * framework-agnostic:\n *\n * 1. {@link NextCacheAdapter} — implements `@reblu/site-client`'s\n *    `RebluCacheAdapter`, translating cache policy into Next ISR `fetch` options.\n * 2. The editable-CTA glue (`EditableCta` server component + its `CtaButtons`\n *    client boundary + `StickyMobileCta`), consuming the injected SDK client.\n *\n * `EditableCta` re-exports the `'use client'` `CtaButtons` from its own emitted\n * chunk, so the RSC boundary survives the build (see the R4 smoke test).\n */\nexport { NextCacheAdapter } from './next-cache-adapter'\nexport { CtaButtons, type CtaButtonsProps } from './cta-buttons'\nexport { StickyMobileCta, type StickyMobileCtaProps } from './sticky-mobile-cta'\nexport { EditableCta, type EditableCtaProps, type CtaClient, type CtaSlot } from './editable-cta'\n","import type { RebluCacheAdapter, RebluCachePolicy } from '@reblu/site-client'\n\n/**\n * Next.js ISR cache adapter (REB-418 / design doc §5.2).\n *\n * Implements the framework-agnostic {@link RebluCacheAdapter} interface exported\n * by `@reblu/site-client`, translating a {@link RebluCachePolicy} into the\n * `fetch` options Next understands. This is the piece that restores the exact\n * ISR behavior demo-site hard-codes today — now injected instead of baked in:\n *\n * ```ts\n * createRebluClient({ baseUrl, apiKey, cache: new NextCacheAdapter(60) })\n * ```\n *\n * - `revalidate` > 0  → `{ next: { revalidate } }` (time-based ISR)\n * - `revalidate` `false` / `0` → `{ cache: 'no-store' }` (dynamic / preview)\n * - omitted `revalidate` → the constructor `defaultRevalidate`\n */\nexport class NextCacheAdapter implements RebluCacheAdapter {\n  /**\n   * @param defaultRevalidate ISR window (seconds) applied when a request omits\n   *   its own `revalidate`. Defaults to `60` for parity with demo-site's current\n   *   ISR default (`client.ts:45`). Pass `false`/`0` to default to no-store.\n   */\n  constructor(private readonly defaultRevalidate: number | false = 60) {}\n\n  resolveRequestInit(policy: RebluCachePolicy): RequestInit {\n    const revalidate = policy.revalidate ?? this.defaultRevalidate\n    if (revalidate === false || revalidate === 0) {\n      return { cache: 'no-store' }\n    }\n    return { next: { revalidate } } as RequestInit\n  }\n}\n","'use client'\n\nimport type { Cta } from '@reblu/site-contracts'\nimport { Button } from '@reblu/site-ui'\nimport Link from 'next/link'\n\ntype ButtonSize = 'sm' | 'default' | 'lg'\n\nexport interface CtaButtonsProps {\n  ctas: Cta[]\n  /** Wrapper class (layout of the button group). */\n  className?: string\n  /** Class applied to each button. */\n  buttonClassName?: string\n  size?: ButtonSize\n}\n\n/** External = absolute http(s) URL (e.g. a Klinikare booking link). */\nfunction isExternal(href: string): boolean {\n  return /^https?:\\/\\//i.test(href)\n}\n\n/**\n * Presentational CTA renderer (REB-394, moved to `@reblu/site-next` in REB-418).\n * Pure — takes already-resolved CTAs and renders one styled button-link each.\n * Internal hrefs use `next/link` (client routing); external URLs open in a new,\n * safely-rel tab. `analyticsId` is surfaced as `data-cta-id` on the clickable\n * element for GA `cta_click` tracking. Renders nothing when there are no CTAs.\n *\n * Imports `Button` from `@reblu/site-ui` (public) — never `@reblu/ui` (private).\n */\nexport function CtaButtons({ ctas, className, buttonClassName, size = 'lg' }: CtaButtonsProps) {\n  if (ctas.length === 0) return null\n\n  return (\n    <div className={className} data-slot='cta-buttons'>\n      {ctas.map((cta) => (\n        <Button\n          key={cta.id}\n          asChild\n          size={size}\n          className={buttonClassName}\n          data-cta-id={cta.analyticsId ?? undefined}\n        >\n          {isExternal(cta.href) ? (\n            <a href={cta.href} target='_blank' rel='noopener noreferrer'>\n              {cta.label}\n            </a>\n          ) : (\n            <Link href={cta.href}>{cta.label}</Link>\n          )}\n        </Button>\n      ))}\n    </div>\n  )\n}\n","import type { Cta } from '@reblu/site-contracts'\n\nimport { CtaButtons } from './cta-buttons'\n\nexport interface StickyMobileCtaProps {\n  ctas: Cta[]\n}\n\n/**\n * StickyMobileCta (REB-394, moved to `@reblu/site-next` in REB-418) — a\n * mobile-only sticky bottom bar surfacing the `sticky-mobile` slot CTAs. Hidden\n * on `md+` (desktop has its own CTAs). Renders nothing when no CTA is configured,\n * so it never adds empty chrome.\n */\nexport function StickyMobileCta({ ctas }: StickyMobileCtaProps) {\n  if (ctas.length === 0) return null\n\n  return (\n    <div className='fixed inset-x-0 bottom-0 z-50 md:hidden border-t border-border bg-background/95 px-4 py-3 backdrop-blur supports-[backdrop-filter]:bg-background/80'>\n      <CtaButtons\n        ctas={ctas}\n        className='flex justify-center gap-3'\n        buttonClassName='w-full rounded-lg font-semibold'\n        size='lg'\n      />\n    </div>\n  )\n}\n","import type { RebluClient } from '@reblu/site-client'\nimport type { Cta } from '@reblu/site-contracts'\nimport type { ReactNode } from 'react'\n\nimport { CtaButtons } from './cta-buttons'\n\ntype ButtonSize = 'sm' | 'default' | 'lg'\n\n/** The `Cta.slot` union — the valid placement keys, sourced from the contract. */\nexport type CtaSlot = Cta['slot']\n\n/**\n * The slice of the SDK client `EditableCta` needs: just the `ctas` namespace.\n * Typing it structurally lets a SITE pass either the full `RebluClient` or a\n * narrower singleton, without coupling this component to the whole surface.\n */\nexport type CtaClient = Pick<RebluClient, 'ctas'>\n\nexport interface EditableCtaProps {\n  /** CtaSlot value: hero | blog-end | services | contact | sticky-mobile | footer. */\n  slot: CtaSlot\n  /** The Reblu SDK client instance the SITE owns (env-configured upstream). */\n  client: CtaClient\n  className?: string\n  buttonClassName?: string\n  size?: ButtonSize\n  /**\n   * Rendered when the slot has no configured CTA (or the upstream fetch fails).\n   * Lets each placement keep its existing static CTA as a graceful fallback.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * EditableCta (REB-394, moved to `@reblu/site-next` in REB-418) — drop-anywhere\n * async Server Component that renders the CTAs configured for a slot from nexus,\n * with no redeploy. Fetches active CTAs via the injected SDK client and degrades\n * gracefully: on empty/failure it renders `fallback` (a static CTA) instead of\n * breaking the page.\n *\n * The client is injected (prop or per-SITE singleton) so this package never\n * reads `process.env` and stays framework-glue only — the SITE owns the env and\n * wires the ISR-aware {@link NextCacheAdapter}.\n */\nexport async function EditableCta({\n  slot,\n  client,\n  className,\n  buttonClassName,\n  size,\n  fallback = null,\n}: EditableCtaProps) {\n  const { data: ctas } = await client.ctas\n    .list(slot)\n    .catch(() => ({ data: [] as Cta[] }))\n\n  if (ctas.length === 0) return <>{fallback}</>\n\n  return (\n    <CtaButtons ctas={ctas} className={className} buttonClassName={buttonClassName} size={size} />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACkBO,IAAM,mBAAN,MAAoD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMzD,YAA6B,oBAAoC,IAAI;AAAxC;AAAA,EAAyC;AAAA,EAAzC;AAAA,EAE7B,mBAAmB,QAAuC;AACxD,UAAM,aAAa,OAAO,cAAc,KAAK;AAC7C,QAAI,eAAe,SAAS,eAAe,GAAG;AAC5C,aAAO,EAAE,OAAO,WAAW;AAAA,IAC7B;AACA,WAAO,EAAE,MAAM,EAAE,WAAW,EAAE;AAAA,EAChC;AACF;;;AC9BA,qBAAuB;AACvB,kBAAiB;AAyCL;AA3BZ,SAAS,WAAW,MAAuB;AACzC,SAAO,gBAAgB,KAAK,IAAI;AAClC;AAWO,SAAS,WAAW,EAAE,MAAM,WAAW,iBAAiB,OAAO,KAAK,GAAoB;AAC7F,MAAI,KAAK,WAAW,EAAG,QAAO;AAE9B,SACE,4CAAC,SAAI,WAAsB,aAAU,eAClC,eAAK,IAAI,CAAC,QACT;AAAA,IAAC;AAAA;AAAA,MAEC,SAAO;AAAA,MACP;AAAA,MACA,WAAW;AAAA,MACX,eAAa,IAAI,eAAe;AAAA,MAE/B,qBAAW,IAAI,IAAI,IAClB,4CAAC,OAAE,MAAM,IAAI,MAAM,QAAO,UAAS,KAAI,uBACpC,cAAI,OACP,IAEA,4CAAC,YAAAA,SAAA,EAAK,MAAM,IAAI,MAAO,cAAI,OAAM;AAAA;AAAA,IAX9B,IAAI;AAAA,EAaX,CACD,GACH;AAEJ;;;ACpCM,IAAAC,sBAAA;AALC,SAAS,gBAAgB,EAAE,KAAK,GAAyB;AAC9D,MAAI,KAAK,WAAW,EAAG,QAAO;AAE9B,SACE,6CAAC,SAAI,WAAU,uJACb;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,MAAK;AAAA;AAAA,EACP,GACF;AAEJ;;;AC6BgC,IAAAC,sBAAA;AAZhC,eAAsB,YAAY;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAqB;AACnB,QAAM,EAAE,MAAM,KAAK,IAAI,MAAM,OAAO,KACjC,KAAK,IAAI,EACT,MAAM,OAAO,EAAE,MAAM,CAAC,EAAW,EAAE;AAEtC,MAAI,KAAK,WAAW,EAAG,QAAO,6EAAG,oBAAS;AAE1C,SACE,6CAAC,cAAW,MAAY,WAAsB,iBAAkC,MAAY;AAEhG;","names":["Link","import_jsx_runtime","import_jsx_runtime"]}
+{"version":3,"sources":["../src/index.ts","../src/next-cache-adapter.ts","../src/cta-buttons.tsx","../src/sticky-mobile-cta.tsx","../src/editable-cta.tsx"],"sourcesContent":["/**\n * `@reblu/site-next` — Next.js RSC glue for Reblu SITEs (REB-418 / design doc §5).\n *\n * Two things live here, both framework-coupled to Next so the lower SDK layers\n * (`@reblu/site-client`, `@reblu/site-contracts`, `@reblu/site-ui`) stay\n * framework-agnostic:\n *\n * 1. {@link NextCacheAdapter} — implements `@reblu/site-client`'s\n *    `RebluCacheAdapter`, translating cache policy into Next ISR `fetch` options.\n * 2. The editable-CTA glue (`EditableCta` server component + its `CtaButtons`\n *    client boundary + `StickyMobileCta`), consuming the injected SDK client.\n *\n * `EditableCta` re-exports the `'use client'` `CtaButtons` from its own emitted\n * chunk, so the RSC boundary survives the build (see the R4 smoke test).\n */\nexport { NextCacheAdapter } from './next-cache-adapter'\nexport { CtaButtons, type CtaButtonsProps, type CtaButtonVariant } from './cta-buttons'\nexport { StickyMobileCta, type StickyMobileCtaProps } from './sticky-mobile-cta'\nexport { EditableCta, type EditableCtaProps, type CtaClient, type CtaSlot } from './editable-cta'\n","import type { RebluCacheAdapter, RebluCachePolicy } from '@reblu/site-client'\n\n/**\n * Next.js ISR cache adapter (REB-418 / design doc §5.2).\n *\n * Implements the framework-agnostic {@link RebluCacheAdapter} interface exported\n * by `@reblu/site-client`, translating a {@link RebluCachePolicy} into the\n * `fetch` options Next understands. This is the piece that restores the exact\n * ISR behavior demo-site hard-codes today — now injected instead of baked in:\n *\n * ```ts\n * createRebluClient({ baseUrl, apiKey, cache: new NextCacheAdapter(60) })\n * ```\n *\n * - `revalidate` > 0  → `{ next: { revalidate } }` (time-based ISR)\n * - `revalidate` `false` / `0` → `{ cache: 'no-store' }` (dynamic / preview)\n * - omitted `revalidate` → the constructor `defaultRevalidate`\n */\nexport class NextCacheAdapter implements RebluCacheAdapter {\n  /**\n   * @param defaultRevalidate ISR window (seconds) applied when a request omits\n   *   its own `revalidate`. Defaults to `60` for parity with demo-site's current\n   *   ISR default (`client.ts:45`). Pass `false`/`0` to default to no-store.\n   */\n  constructor(private readonly defaultRevalidate: number | false = 60) {}\n\n  resolveRequestInit(policy: RebluCachePolicy): RequestInit {\n    const revalidate = policy.revalidate ?? this.defaultRevalidate\n    if (revalidate === false || revalidate === 0) {\n      return { cache: 'no-store' }\n    }\n    return { next: { revalidate } } as RequestInit\n  }\n}\n","'use client'\n\nimport type { Cta } from '@reblu/site-contracts'\nimport { Button, cn, type ButtonVariantProps } from '@reblu/site-ui'\nimport Link from 'next/link'\nimport type { ReactNode } from 'react'\n\ntype ButtonSize = 'sm' | 'default' | 'lg'\n\n/** A `@reblu/site-ui` Button variant (`default`, `outline`, `secondary`, …). */\nexport type CtaButtonVariant = NonNullable<ButtonVariantProps['variant']>\n\n/** Default screen-reader hint appended to CTAs that open in a new tab. */\nconst DEFAULT_NEW_WINDOW_HINT = '(se abre en una nueva ventana)'\n\nexport interface CtaButtonsProps {\n  ctas: Cta[]\n  /** Wrapper class (layout of the button group). */\n  className?: string\n  /** Class applied to each button. */\n  buttonClassName?: string\n  size?: ButtonSize\n  /**\n   * Leading icon rendered before every CTA label. Decorative: it is wrapped in\n   * an `aria-hidden` span, so the accessible name stays the label.\n   */\n  icon?: ReactNode\n  /** Button variant of the primary CTA (the first one, by `sortOrder`). Default `default`. */\n  primaryVariant?: CtaButtonVariant\n  /** Button variant of every secondary CTA (all but the first). Default `default`. */\n  secondaryVariant?: CtaButtonVariant\n  /**\n   * Extra class for the primary CTA, merged after `buttonClassName`. Lets a SITE\n   * map the primary CTA to its own button style (e.g. a brand `cta` variant).\n   */\n  primaryClassName?: string\n  /** Extra class for every secondary CTA, merged after `buttonClassName`. */\n  secondaryClassName?: string\n  /**\n   * Visually-hidden text appended to CTAs that open in a new tab, so screen\n   * readers announce the context change. Default «(se abre en una nueva ventana)».\n   */\n  newWindowHint?: string\n}\n\n/** External = absolute http(s) URL (e.g. a third-party booking link). */\nfunction isExternal(href: string): boolean {\n  return /^https?:\\/\\//i.test(href)\n}\n\n/**\n * Presentational CTA renderer (REB-394, moved to `@reblu/site-next` in REB-418).\n * Pure — takes already-resolved CTAs and renders one styled button-link each.\n * Internal hrefs use `next/link` (client routing); external URLs open in a new,\n * safely-rel tab and carry a visually-hidden new-window hint. `analyticsId` is\n * surfaced as `data-cta-id` on the clickable element for GA `cta_click`\n * tracking. Renders nothing when there are no CTAs.\n *\n * The first CTA is the primary one; the rest are secondary. Each role takes its\n * own Button variant and extra class, so a SITE maps the CTAs to its own button\n * styles without forking this markup.\n *\n * Imports `Button` from `@reblu/site-ui` (public) — never `@reblu/ui` (private).\n */\nexport function CtaButtons({\n  ctas,\n  className,\n  buttonClassName,\n  size = 'lg',\n  icon,\n  primaryVariant = 'default',\n  secondaryVariant = 'default',\n  primaryClassName,\n  secondaryClassName,\n  newWindowHint = DEFAULT_NEW_WINDOW_HINT,\n}: CtaButtonsProps) {\n  if (ctas.length === 0) return null\n\n  const leadingIcon =\n    icon == null ? null : (\n      <span aria-hidden='true' className='inline-flex shrink-0'>\n        {icon}\n      </span>\n    )\n\n  return (\n    <div className={className} data-slot='cta-buttons'>\n      {ctas.map((cta, index) => {\n        const isPrimary = index === 0\n        return (\n          <Button\n            key={cta.id}\n            asChild\n            size={size}\n            variant={isPrimary ? primaryVariant : secondaryVariant}\n            className={cn(buttonClassName, isPrimary ? primaryClassName : secondaryClassName)}\n            data-cta-id={cta.analyticsId ?? undefined}\n          >\n            {isExternal(cta.href) ? (\n              <a href={cta.href} target='_blank' rel='noopener noreferrer'>\n                {leadingIcon}\n                {cta.label}\n                {newWindowHint ? <> <span className='sr-only'>{newWindowHint}</span></> : null}\n              </a>\n            ) : (\n              <Link href={cta.href}>\n                {leadingIcon}\n                {cta.label}\n              </Link>\n            )}\n          </Button>\n        )\n      })}\n    </div>\n  )\n}\n","import type { Cta } from '@reblu/site-contracts'\n\nimport { CtaButtons } from './cta-buttons'\n\nexport interface StickyMobileCtaProps {\n  ctas: Cta[]\n}\n\n/**\n * StickyMobileCta (REB-394, moved to `@reblu/site-next` in REB-418) — a\n * mobile-only sticky bottom bar surfacing the `sticky-mobile` slot CTAs. Hidden\n * on `md+` (desktop has its own CTAs). Renders nothing when no CTA is configured,\n * so it never adds empty chrome.\n */\nexport function StickyMobileCta({ ctas }: StickyMobileCtaProps) {\n  if (ctas.length === 0) return null\n\n  return (\n    <div className='fixed inset-x-0 bottom-0 z-50 md:hidden border-t border-border bg-background/95 px-4 py-3 backdrop-blur supports-[backdrop-filter]:bg-background/80'>\n      <CtaButtons\n        ctas={ctas}\n        className='flex justify-center gap-3'\n        buttonClassName='w-full rounded-lg font-semibold'\n        size='lg'\n      />\n    </div>\n  )\n}\n","import type { RebluClient } from '@reblu/site-client'\nimport type { Cta } from '@reblu/site-contracts'\nimport type { ReactNode } from 'react'\n\nimport { CtaButtons, type CtaButtonsProps } from './cta-buttons'\n\n/** The `Cta.slot` union — the valid placement keys, sourced from the contract. */\nexport type CtaSlot = Cta['slot']\n\n/**\n * The slice of the SDK client `EditableCta` needs: just the `ctas` namespace.\n * Typing it structurally lets a SITE pass either the full `RebluClient` or a\n * narrower singleton, without coupling this component to the whole surface.\n */\nexport type CtaClient = Pick<RebluClient, 'ctas'>\n\n/** Presentation props `EditableCta` forwards unchanged to {@link CtaButtons}. */\ntype ForwardedButtonProps = Omit<CtaButtonsProps, 'ctas'>\n\nexport interface EditableCtaProps extends ForwardedButtonProps {\n  /** CtaSlot value: header | hero | blog-end | services | contact | sticky-mobile | footer. */\n  slot: CtaSlot\n  /** The Reblu SDK client instance the SITE owns (env-configured upstream). */\n  client: CtaClient\n  /**\n   * Rendered when the slot has no configured CTA (or the upstream fetch fails).\n   * Lets each placement keep its existing static CTA as a graceful fallback.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * EditableCta (REB-394, moved to `@reblu/site-next` in REB-418) — drop-anywhere\n * async Server Component that renders the CTAs configured for a slot from nexus,\n * with no redeploy. Fetches active CTAs via the injected SDK client and degrades\n * gracefully: on empty/failure it renders `fallback` (a static CTA) instead of\n * breaking the page.\n *\n * The client is injected (prop or per-SITE singleton) so this package never\n * reads `process.env` and stays framework-glue only — the SITE owns the env and\n * wires the ISR-aware {@link NextCacheAdapter}.\n */\nexport async function EditableCta({ slot, client, fallback = null, ...buttonProps }: EditableCtaProps) {\n  const { data: ctas } = await client.ctas\n    .list(slot)\n    .catch(() => ({ data: [] as Cta[] }))\n\n  if (ctas.length === 0) return <>{fallback}</>\n\n  return <CtaButtons ctas={ctas} {...buttonProps} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACkBO,IAAM,mBAAN,MAAoD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMzD,YAA6B,oBAAoC,IAAI;AAAxC;AAAA,EAAyC;AAAA,EAAzC;AAAA,EAE7B,mBAAmB,QAAuC;AACxD,UAAM,aAAa,OAAO,cAAc,KAAK;AAC7C,QAAI,eAAe,SAAS,eAAe,GAAG;AAC5C,aAAO,EAAE,OAAO,WAAW;AAAA,IAC7B;AACA,WAAO,EAAE,MAAM,EAAE,WAAW,EAAE;AAAA,EAChC;AACF;;;AC9BA,qBAAoD;AACpD,kBAAiB;AA4EX;AAnEN,IAAM,0BAA0B;AAiChC,SAAS,WAAW,MAAuB;AACzC,SAAO,gBAAgB,KAAK,IAAI;AAClC;AAgBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,GAAoB;AAClB,MAAI,KAAK,WAAW,EAAG,QAAO;AAE9B,QAAM,cACJ,QAAQ,OAAO,OACb,4CAAC,UAAK,eAAY,QAAO,WAAU,wBAChC,gBACH;AAGJ,SACE,4CAAC,SAAI,WAAsB,aAAU,eAClC,eAAK,IAAI,CAAC,KAAK,UAAU;AACxB,UAAM,YAAY,UAAU;AAC5B,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,SAAO;AAAA,QACP;AAAA,QACA,SAAS,YAAY,iBAAiB;AAAA,QACtC,eAAW,mBAAG,iBAAiB,YAAY,mBAAmB,kBAAkB;AAAA,QAChF,eAAa,IAAI,eAAe;AAAA,QAE/B,qBAAW,IAAI,IAAI,IAClB,6CAAC,OAAE,MAAM,IAAI,MAAM,QAAO,UAAS,KAAI,uBACpC;AAAA;AAAA,UACA,IAAI;AAAA,UACJ,gBAAgB,4EAAE;AAAA;AAAA,YAAC,4CAAC,UAAK,WAAU,WAAW,yBAAc;AAAA,aAAO,IAAM;AAAA,WAC5E,IAEA,6CAAC,YAAAA,SAAA,EAAK,MAAM,IAAI,MACb;AAAA;AAAA,UACA,IAAI;AAAA,WACP;AAAA;AAAA,MAjBG,IAAI;AAAA,IAmBX;AAAA,EAEJ,CAAC,GACH;AAEJ;;;AChGM,IAAAC,sBAAA;AALC,SAAS,gBAAgB,EAAE,KAAK,GAAyB;AAC9D,MAAI,KAAK,WAAW,EAAG,QAAO;AAE9B,SACE,6CAAC,SAAI,WAAU,uJACb;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,MAAK;AAAA;AAAA,EACP,GACF;AAEJ;;;ACoBgC,IAAAC,sBAAA;AALhC,eAAsB,YAAY,EAAE,MAAM,QAAQ,WAAW,MAAM,GAAG,YAAY,GAAqB;AACrG,QAAM,EAAE,MAAM,KAAK,IAAI,MAAM,OAAO,KACjC,KAAK,IAAI,EACT,MAAM,OAAO,EAAE,MAAM,CAAC,EAAW,EAAE;AAEtC,MAAI,KAAK,WAAW,EAAG,QAAO,6EAAG,oBAAS;AAE1C,SAAO,6CAAC,cAAW,MAAa,GAAG,aAAa;AAClD;","names":["Link","import_jsx_runtime","import_jsx_runtime"]}