@thorprovider/blocks 1.0.0 → 3.0.0

package/dist/blocks/marketing/banners/banner-1.mjs

@@ -0,0 +1,153 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { motion, useReducedMotion } from "motion/react";
+import { ArrowRight, X } from "lucide-react";
+import { Avatar, AvatarFallback, AvatarImage } from "../../../ui/avatar.mjs";
+import { Badge } from "../../../ui/badge.mjs";
+import { Button } from "../../../ui/button.mjs";
+import { AvatarGroup } from "./avatar-group.mjs";
+function Banner1({
+  shape = "bar",
+  badge,
+  message,
+  href,
+  linkLabel,
+  avatars,
+  fullWidth,
+  onCtaClick,
+  onDismiss
+}) {
+  const [visibility, setVisibility] = useState("visible");
+  const reduceMotion = useReducedMotion();
+  useEffect(() => {
+    if (visibility !== "closing") {
+      return;
+    }
+    const timer = window.setTimeout(() => setVisibility("closed"), 200);
+    return () => window.clearTimeout(timer);
+  }, [visibility]);
+  const dismiss = () => {
+    onDismiss?.();
+    setVisibility(reduceMotion ? "closed" : "closing");
+  };
+  if (visibility === "closed") {
+    return null;
+  }
+  const closing = visibility === "closing";
+  if (shape === "pill") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `fixed inset-x-4 bottom-4 z-50 transition-all duration-200 ease-out motion-reduce:transition-none sm:inset-x-auto sm:left-1/2 sm:-translate-x-1/2 ${closing ? "translate-y-2 opacity-0" : "opacity-100"}`,
+        children: /* @__PURE__ */ jsxs("div", { className: "bg-background/95 border-border flex items-center gap-3 rounded-full border py-2 pr-2 pl-3 shadow-lg backdrop-blur sm:pl-4", children: [
+          avatars && avatars.length > 0 && /* @__PURE__ */ jsx(AvatarGroup, { "aria-hidden": "true", children: avatars.map((src) => /* @__PURE__ */ jsxs(Avatar, { className: "ring-background size-6 ring-2", children: [
+            /* @__PURE__ */ jsx(AvatarImage, { src: src || void 0, alt: "" }),
+            /* @__PURE__ */ jsx(AvatarFallback, {})
+          ] }, src)) }),
+          /* @__PURE__ */ jsx("p", { className: "truncate text-sm", children: message }),
+          /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href,
+              className: "hover:text-foreground text-muted-foreground focus-visible:ring-ring hidden shrink-0 items-center gap-1 rounded-sm text-sm font-medium transition-colors duration-150 focus-visible:ring-2 focus-visible:outline-none sm:inline-flex",
+              children: [
+                linkLabel,
+                /* @__PURE__ */ jsx(ArrowRight, { className: "size-3.5" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "size-8 shrink-0 rounded-full",
+              "aria-label": "Dismiss announcement",
+              onClick: dismiss,
+              children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+            }
+          )
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `grid transition-all duration-200 ease-out motion-reduce:transition-none ${closing ? "grid-rows-[0fr] opacity-0" : "grid-rows-[1fr] opacity-100"}`,
+      children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "bg-primary text-primary-foreground", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `flex w-full items-center gap-3 px-4 py-2.5 sm:px-6 lg:px-8 ${fullWidth ? "" : "mx-auto max-w-7xl"}`,
+          children: [
+            badge ? /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: "secondary",
+                className: "hidden shrink-0 rounded-full px-2 py-0 text-xs font-semibold sm:inline-flex",
+                children: badge
+              }
+            ) : null,
+            /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 truncate text-sm", children: message }),
+            onCtaClick ? /* @__PURE__ */ jsxs("span", { className: "relative inline-flex", children: [
+              /* @__PURE__ */ jsx(
+                motion.span,
+                {
+                  "aria-hidden": "true",
+                  className: "pointer-events-none absolute inset-0 rounded-md ring-2 ring-background/70",
+                  initial: { scale: 1, opacity: 0.7 },
+                  animate: reduceMotion ? { scale: 1, opacity: 0 } : { scale: [1, 1.35], opacity: [0.7, 0] },
+                  transition: { duration: 1.8, repeat: Infinity, ease: "easeOut", repeatDelay: 0.4 }
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "secondary",
+                  size: "sm",
+                  onClick: onCtaClick,
+                  className: "shrink-0",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: linkLabel }),
+                    /* @__PURE__ */ jsx("span", { className: "sr-only sm:hidden", children: linkLabel }),
+                    /* @__PURE__ */ jsx(ArrowRight, { className: "size-3.5", "aria-hidden": "true" })
+                  ]
+                }
+              )
+            ] }) : /* @__PURE__ */ jsxs(
+              "a",
+              {
+                href,
+                className: "focus-visible:ring-ring inline-flex shrink-0 items-center gap-1 rounded-sm text-sm font-medium underline-offset-4 transition-opacity duration-150 hover:opacity-80 hover:underline focus-visible:ring-2 focus-visible:outline-none",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: linkLabel }),
+                  /* @__PURE__ */ jsx("span", { className: "sr-only sm:hidden", children: linkLabel }),
+                  /* @__PURE__ */ jsx(ArrowRight, { className: "size-3.5", "aria-hidden": "true" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "hover:bg-primary-foreground/10 hover:text-primary-foreground size-8 shrink-0",
+                "aria-label": "Dismiss announcement",
+                onClick: dismiss,
+                children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+              }
+            )
+          ]
+        }
+      ) }) })
+    }
+  );
+}
+var banner_1_default = Banner1;
+export {
+  Banner1,
+  banner_1_default as default
+};
+//# sourceMappingURL=banner-1.mjs.map

package/dist/blocks/marketing/banners/banner-1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/marketing/banners/banner-1.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\nimport { motion, useReducedMotion } from 'motion/react'\nimport { ArrowRight, X } from 'lucide-react'\nimport { Avatar, AvatarFallback, AvatarImage } from '../../../ui/avatar'\nimport { Badge } from '../../../ui/badge'\nimport { Button } from '../../../ui/button'\nimport { AvatarGroup } from './avatar-group'\n\nexport type Banner1Shape = 'bar' | 'pill'\n\nexport interface Banner1Props {\n  /**\n   * 'bar'  — full-width strip above the header (the default).\n   * 'pill' — floating rounded card pinned to the bottom of the viewport, with an avatar stack.\n   */\n  shape?: Banner1Shape\n  badge?: string\n  message: string\n  href: string\n  linkLabel: string\n  /** Used by the 'pill' shape only; decorative avatars of the announcement's authors. */\n  avatars?: string[]\n  /**\n   * 'bar' only. When true, the inner content spans the full width of its parent\n   * (skips the centered `max-w-7xl` container) so badge/message/CTA reach the edges.\n   */\n  fullWidth?: boolean\n  /** Fired when the user clicks the banner CTA. When provided, the CTA renders as a button instead of a link. */\n  onCtaClick?: () => void\n  /** Fired when the user dismisses the banner. */\n  onDismiss?: () => void\n}\n\ntype Visibility = 'visible' | 'closing' | 'closed'\n\nexport function Banner1({\n  shape = 'bar',\n  badge,\n  message,\n  href,\n  linkLabel,\n  avatars,\n  fullWidth,\n  onCtaClick,\n  onDismiss,\n}: Banner1Props) {\n  const [visibility, setVisibility] = useState<Visibility>('visible')\n  const reduceMotion = useReducedMotion()\n\n  useEffect(() => {\n    if (visibility !== 'closing') {\n      return\n    }\n\n    const timer = window.setTimeout(() => setVisibility('closed'), 200)\n    return () => window.clearTimeout(timer)\n  }, [visibility])\n\n  const dismiss = () => {\n    onDismiss?.()\n    setVisibility(reduceMotion ? 'closed' : 'closing')\n  }\n\n  if (visibility === 'closed') {\n    return null\n  }\n\n  const closing = visibility === 'closing'\n\n  if (shape === 'pill') {\n    return (\n      <div\n        className={`fixed inset-x-4 bottom-4 z-50 transition-all duration-200 ease-out motion-reduce:transition-none sm:inset-x-auto sm:left-1/2 sm:-translate-x-1/2 ${\n          closing ? 'translate-y-2 opacity-0' : 'opacity-100'\n        }`}\n      >\n        <div className='bg-background/95 border-border flex items-center gap-3 rounded-full border py-2 pr-2 pl-3 shadow-lg backdrop-blur sm:pl-4'>\n          {avatars && avatars.length > 0 && (\n            <AvatarGroup aria-hidden='true'>\n              {avatars.map(src => (\n                <Avatar key={src} className='ring-background size-6 ring-2'>\n                  <AvatarImage src={src || undefined} alt='' />\n                  <AvatarFallback />\n                </Avatar>\n              ))}\n            </AvatarGroup>\n          )}\n          <p className='truncate text-sm'>{message}</p>\n          <a\n            href={href}\n            className='hover:text-foreground text-muted-foreground focus-visible:ring-ring hidden shrink-0 items-center gap-1 rounded-sm text-sm font-medium transition-colors duration-150 focus-visible:ring-2 focus-visible:outline-none sm:inline-flex'\n          >\n            {linkLabel}\n            <ArrowRight className='size-3.5' />\n          </a>\n          <Button\n            variant='ghost'\n            size='icon'\n            className='size-8 shrink-0 rounded-full'\n            aria-label='Dismiss announcement'\n            onClick={dismiss}\n          >\n            <X className='size-4' />\n          </Button>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      className={`grid transition-all duration-200 ease-out motion-reduce:transition-none ${\n        closing ? 'grid-rows-[0fr] opacity-0' : 'grid-rows-[1fr] opacity-100'\n      }`}\n    >\n      <div className='overflow-hidden'>\n        <div className='bg-primary text-primary-foreground'>\n          <div\n            className={`flex w-full items-center gap-3 px-4 py-2.5 sm:px-6 lg:px-8 ${\n              fullWidth ? '' : 'mx-auto max-w-7xl'\n            }`}\n          >\n            {badge ? (\n              <Badge\n                variant='secondary'\n                className='hidden shrink-0 rounded-full px-2 py-0 text-xs font-semibold sm:inline-flex'\n              >\n                {badge}\n              </Badge>\n            ) : null}\n\n            <p className='min-w-0 flex-1 truncate text-sm'>{message}</p>\n\n            {onCtaClick ? (\n              <span className='relative inline-flex'>\n                <motion.span\n                  aria-hidden='true'\n                  className='pointer-events-none absolute inset-0 rounded-md ring-2 ring-background/70'\n                  initial={{ scale: 1, opacity: 0.7 }}\n                  animate={\n                    reduceMotion\n                      ? { scale: 1, opacity: 0 }\n                      : { scale: [1, 1.35], opacity: [0.7, 0] }\n                  }\n                  transition={{ duration: 1.8, repeat: Infinity, ease: 'easeOut', repeatDelay: 0.4 }}\n                />\n                <Button\n                  type='button'\n                  variant='secondary'\n                  size='sm'\n                  onClick={onCtaClick}\n                  className='shrink-0'\n                >\n                  <span className='hidden sm:inline'>{linkLabel}</span>\n                  <span className='sr-only sm:hidden'>{linkLabel}</span>\n                  <ArrowRight className='size-3.5' aria-hidden='true' />\n                </Button>\n              </span>\n            ) : (\n              <a\n                href={href}\n                className='focus-visible:ring-ring inline-flex shrink-0 items-center gap-1 rounded-sm text-sm font-medium underline-offset-4 transition-opacity duration-150 hover:opacity-80 hover:underline focus-visible:ring-2 focus-visible:outline-none'\n              >\n                <span className='hidden sm:inline'>{linkLabel}</span>\n                <span className='sr-only sm:hidden'>{linkLabel}</span>\n                <ArrowRight className='size-3.5' aria-hidden='true' />\n              </a>\n            )}\n\n            <Button\n              variant='ghost'\n              size='icon'\n              className='hover:bg-primary-foreground/10 hover:text-primary-foreground size-8 shrink-0'\n              aria-label='Dismiss announcement'\n              onClick={dismiss}\n            >\n              <X className='size-4' />\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default Banner1"],"mappings":";AAkFgB,SACE,KADF;AAhFhB,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,wBAAwB;AACzC,SAAS,YAAY,SAAS;AAC9B,SAAS,QAAQ,gBAAgB,mBAAmB;AACpD,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,mBAAmB;AA6BrB,SAAS,QAAQ;AAAA,EACtB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiB;AACf,QAAM,CAAC,YAAY,aAAa,IAAI,SAAqB,SAAS;AAClE,QAAM,eAAe,iBAAiB;AAEtC,YAAU,MAAM;AACd,QAAI,eAAe,WAAW;AAC5B;AAAA,IACF;AAEA,UAAM,QAAQ,OAAO,WAAW,MAAM,cAAc,QAAQ,GAAG,GAAG;AAClE,WAAO,MAAM,OAAO,aAAa,KAAK;AAAA,EACxC,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,UAAU,MAAM;AACpB,gBAAY;AACZ,kBAAc,eAAe,WAAW,SAAS;AAAA,EACnD;AAEA,MAAI,eAAe,UAAU;AAC3B,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,eAAe;AAE/B,MAAI,UAAU,QAAQ;AACpB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,oJACT,UAAU,4BAA4B,aACxC;AAAA,QAEA,+BAAC,SAAI,WAAU,6HACZ;AAAA,qBAAW,QAAQ,SAAS,KAC3B,oBAAC,eAAY,eAAY,QACtB,kBAAQ,IAAI,SACX,qBAAC,UAAiB,WAAU,iCAC1B;AAAA,gCAAC,eAAY,KAAK,OAAO,QAAW,KAAI,IAAG;AAAA,YAC3C,oBAAC,kBAAe;AAAA,eAFL,GAGb,CACD,GACH;AAAA,UAEF,oBAAC,OAAE,WAAU,oBAAoB,mBAAQ;AAAA,UACzC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,WAAU;AAAA,cAET;AAAA;AAAA,gBACD,oBAAC,cAAW,WAAU,YAAW;AAAA;AAAA;AAAA,UACnC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAW;AAAA,cACX,SAAS;AAAA,cAET,8BAAC,KAAE,WAAU,UAAS;AAAA;AAAA,UACxB;AAAA,WACF;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,2EACT,UAAU,8BAA8B,6BAC1C;AAAA,MAEA,8BAAC,SAAI,WAAU,mBACb,8BAAC,SAAI,WAAU,sCACb;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,8DACT,YAAY,KAAK,mBACnB;AAAA,UAEC;AAAA,oBACC;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAU;AAAA,gBAET;AAAA;AAAA,YACH,IACE;AAAA,YAEJ,oBAAC,OAAE,WAAU,mCAAmC,mBAAQ;AAAA,YAEvD,aACC,qBAAC,UAAK,WAAU,wBACd;AAAA;AAAA,gBAAC,OAAO;AAAA,gBAAP;AAAA,kBACC,eAAY;AAAA,kBACZ,WAAU;AAAA,kBACV,SAAS,EAAE,OAAO,GAAG,SAAS,IAAI;AAAA,kBAClC,SACE,eACI,EAAE,OAAO,GAAG,SAAS,EAAE,IACvB,EAAE,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,EAAE;AAAA,kBAE5C,YAAY,EAAE,UAAU,KAAK,QAAQ,UAAU,MAAM,WAAW,aAAa,IAAI;AAAA;AAAA,cACnF;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,SAAS;AAAA,kBACT,WAAU;AAAA,kBAEV;AAAA,wCAAC,UAAK,WAAU,oBAAoB,qBAAU;AAAA,oBAC9C,oBAAC,UAAK,WAAU,qBAAqB,qBAAU;AAAA,oBAC/C,oBAAC,cAAW,WAAU,YAAW,eAAY,QAAO;AAAA;AAAA;AAAA,cACtD;AAAA,eACF,IAEA;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,WAAU;AAAA,gBAEV;AAAA,sCAAC,UAAK,WAAU,oBAAoB,qBAAU;AAAA,kBAC9C,oBAAC,UAAK,WAAU,qBAAqB,qBAAU;AAAA,kBAC/C,oBAAC,cAAW,WAAU,YAAW,eAAY,QAAO;AAAA;AAAA;AAAA,YACtD;AAAA,YAGF;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,cAAW;AAAA,gBACX,SAAS;AAAA,gBAET,8BAAC,KAAE,WAAU,UAAS;AAAA;AAAA,YACxB;AAAA;AAAA;AAAA,MACF,GACF,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ;","names":[]}

package/dist/blocks/marketing/cta/cta-section-1.d.ts

@@ -0,0 +1,13 @@
+import type { CTA } from '../../../lib/types';
+export interface CtaSection1Props {
+    badgeText?: string;
+    title?: string;
+    description?: string;
+    primaryCta?: CTA;
+    secondaryCta?: CTA;
+    onPrimaryClick?: () => void;
+    onSecondaryClick?: () => void;
+}
+export declare function CtaSection1({ badgeText, title, description, primaryCta, secondaryCta, onPrimaryClick, onSecondaryClick, }: CtaSection1Props): import("react").JSX.Element;
+export default CtaSection1;
+//# sourceMappingURL=cta-section-1.d.ts.map

package/dist/blocks/marketing/cta/cta-section-1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cta-section-1.d.ts","sourceRoot":"","sources":["../../../../src/blocks/marketing/cta/cta-section-1.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAA;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B;AAID,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,cAAc,EACd,gBAAgB,GACjB,EAAE,gBAAgB,+BAoFlB;AAED,eAAe,WAAW,CAAA"}

package/dist/blocks/marketing/cta/cta-section-1.js

@@ -0,0 +1,116 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var cta_section_1_exports = {};
+__export(cta_section_1_exports, {
+  CtaSection1: () => CtaSection1,
+  default: () => cta_section_1_default
+});
+module.exports = __toCommonJS(cta_section_1_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_badge = require("../../../ui/badge.js");
+var import_button = require("../../../ui/button.js");
+var import_lucide_react = require("lucide-react");
+const HEADING_ID = "cta-section-1-heading";
+function CtaSection1({
+  badgeText,
+  title,
+  description,
+  primaryCta,
+  secondaryCta,
+  onPrimaryClick,
+  onSecondaryClick
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "section",
+    {
+      className: "bg-background relative w-full overflow-hidden py-24",
+      "aria-labelledby": title ? HEADING_ID : void 0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative mx-auto max-w-4xl text-center", children: [
+        badgeText && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_badge.Badge,
+          {
+            variant: "secondary",
+            className: "mb-6 h-auto rounded-md px-2.5 py-0.5 text-sm font-medium",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Radio, { className: "!size-5", "aria-hidden": "true" }),
+              badgeText
+            ]
+          }
+        ),
+        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "h1",
+          {
+            id: HEADING_ID,
+            className: "mb-6 text-4xl font-bold tracking-tight text-balance sm:text-5xl lg:text-6xl",
+            children: title
+          }
+        ),
+        description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground mx-auto mb-10 max-w-2xl text-lg text-balance", children: description }),
+        (primaryCta || secondaryCta) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center justify-center gap-4", children: [
+          primaryCta && (primaryCta.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { asChild: true, size: "lg", className: "h-10 cursor-pointer px-6 w-fit", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: primaryCta.href, children: [
+            primaryCta.label,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, {})
+          ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_button.Button,
+            {
+              size: "lg",
+              className: "h-10 cursor-pointer px-6 w-fit",
+              onClick: onPrimaryClick,
+              children: [
+                primaryCta.label,
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, {})
+              ]
+            }
+          )),
+          secondaryCta && (secondaryCta.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_button.Button,
+            {
+              asChild: true,
+              variant: "outline",
+              size: "lg",
+              className: "h-10 cursor-pointer px-6 w-fit",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: secondaryCta.href, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Phone, {}),
+                secondaryCta.label
+              ] })
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_button.Button,
+            {
+              variant: "outline",
+              size: "lg",
+              className: "h-10 cursor-pointer px-6 w-fit",
+              onClick: onSecondaryClick,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Phone, {}),
+                secondaryCta.label
+              ]
+            }
+          ))
+        ] })
+      ] }) })
+    }
+  );
+}
+var cta_section_1_default = CtaSection1;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CtaSection1
+});
+//# sourceMappingURL=cta-section-1.js.map

package/dist/blocks/marketing/cta/cta-section-1.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/marketing/cta/cta-section-1.tsx"],"sourcesContent":["import { Badge } from '../../../ui/badge'\nimport { Button } from '../../../ui/button'\nimport { ArrowRight, Phone, Radio } from 'lucide-react'\nimport type { CTA } from '../../../lib/types'\n\nexport interface CtaSection1Props {\n  badgeText?: string\n  title?: string\n  description?: string\n  primaryCta?: CTA\n  secondaryCta?: CTA\n  onPrimaryClick?: () => void\n  onSecondaryClick?: () => void\n}\n\nconst HEADING_ID = 'cta-section-1-heading'\n\nexport function CtaSection1({\n  badgeText,\n  title,\n  description,\n  primaryCta,\n  secondaryCta,\n  onPrimaryClick,\n  onSecondaryClick,\n}: CtaSection1Props) {\n  return (\n    <section\n      className='bg-background relative w-full overflow-hidden py-24'\n      aria-labelledby={title ? HEADING_ID : undefined}\n    >\n      <div className='mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8'>\n        <div className='relative mx-auto max-w-4xl text-center'>\n          {badgeText && (\n            <Badge\n              variant='secondary'\n              className='mb-6 h-auto rounded-md px-2.5 py-0.5 text-sm font-medium'\n            >\n              <Radio className='!size-5' aria-hidden='true' />\n              {badgeText}\n            </Badge>\n          )}\n\n          {title && (\n            <h1\n              id={HEADING_ID}\n              className='mb-6 text-4xl font-bold tracking-tight text-balance sm:text-5xl lg:text-6xl'\n            >\n              {title}\n            </h1>\n          )}\n\n          {description && (\n            <p className='text-muted-foreground mx-auto mb-10 max-w-2xl text-lg text-balance'>\n              {description}\n            </p>\n          )}\n\n          {(primaryCta || secondaryCta) && (\n            <div className='flex flex-wrap items-center justify-center gap-4'>\n              {primaryCta &&\n                (primaryCta.href ? (\n                  <Button asChild size='lg' className='h-10 cursor-pointer px-6 w-fit'>\n                    <a href={primaryCta.href}>\n                      {primaryCta.label}\n                      <ArrowRight />\n                    </a>\n                  </Button>\n                ) : (\n                  <Button\n                    size='lg'\n                    className='h-10 cursor-pointer px-6 w-fit'\n                    onClick={onPrimaryClick}\n                  >\n                    {primaryCta.label}\n                    <ArrowRight />\n                  </Button>\n                ))}\n\n              {secondaryCta &&\n                (secondaryCta.href ? (\n                  <Button\n                    asChild\n                    variant='outline'\n                    size='lg'\n                    className='h-10 cursor-pointer px-6 w-fit'\n                  >\n                    <a href={secondaryCta.href}>\n                      <Phone />\n                      {secondaryCta.label}\n                    </a>\n                  </Button>\n                ) : (\n                  <Button\n                    variant='outline'\n                    size='lg'\n                    className='h-10 cursor-pointer px-6 w-fit'\n                    onClick={onSecondaryClick}\n                  >\n                    <Phone />\n                    {secondaryCta.label}\n                  </Button>\n                ))}\n            </div>\n          )}\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default CtaSection1"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCY;AAlCZ,mBAAsB;AACtB,oBAAuB;AACvB,0BAAyC;AAazC,MAAM,aAAa;AAEZ,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,mBAAiB,QAAQ,aAAa;AAAA,MAEtC,sDAAC,SAAI,WAAU,iDACb,uDAAC,SAAI,WAAU,0CACZ;AAAA,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YAEV;AAAA,0DAAC,6BAAM,WAAU,WAAU,eAAY,QAAO;AAAA,cAC7C;AAAA;AAAA;AAAA,QACH;AAAA,QAGD,SACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA,QAGD,eACC,4CAAC,OAAE,WAAU,sEACV,uBACH;AAAA,SAGA,cAAc,iBACd,6CAAC,SAAI,WAAU,oDACZ;AAAA,yBACE,WAAW,OACV,4CAAC,wBAAO,SAAO,MAAC,MAAK,MAAK,WAAU,kCAClC,uDAAC,OAAE,MAAM,WAAW,MACjB;AAAA,uBAAW;AAAA,YACZ,4CAAC,kCAAW;AAAA,aACd,GACF,IAEA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAER;AAAA,2BAAW;AAAA,gBACZ,4CAAC,kCAAW;AAAA;AAAA;AAAA,UACd;AAAA,UAGH,iBACE,aAAa,OACZ;AAAA,YAAC;AAAA;AAAA,cACC,SAAO;AAAA,cACP,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cAEV,uDAAC,OAAE,MAAM,aAAa,MACpB;AAAA,4DAAC,6BAAM;AAAA,gBACN,aAAa;AAAA,iBAChB;AAAA;AAAA,UACF,IAEA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAET;AAAA,4DAAC,6BAAM;AAAA,gBACN,aAAa;AAAA;AAAA;AAAA,UAChB;AAAA,WAEN;AAAA,SAEJ,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,wBAAQ;","names":[]}

package/dist/blocks/marketing/cta/cta-section-1.mjs

@@ -0,0 +1,92 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge } from "../../../ui/badge.mjs";
+import { Button } from "../../../ui/button.mjs";
+import { ArrowRight, Phone, Radio } from "lucide-react";
+const HEADING_ID = "cta-section-1-heading";
+function CtaSection1({
+  badgeText,
+  title,
+  description,
+  primaryCta,
+  secondaryCta,
+  onPrimaryClick,
+  onSecondaryClick
+}) {
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: "bg-background relative w-full overflow-hidden py-24",
+      "aria-labelledby": title ? HEADING_ID : void 0,
+      children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "relative mx-auto max-w-4xl text-center", children: [
+        badgeText && /* @__PURE__ */ jsxs(
+          Badge,
+          {
+            variant: "secondary",
+            className: "mb-6 h-auto rounded-md px-2.5 py-0.5 text-sm font-medium",
+            children: [
+              /* @__PURE__ */ jsx(Radio, { className: "!size-5", "aria-hidden": "true" }),
+              badgeText
+            ]
+          }
+        ),
+        title && /* @__PURE__ */ jsx(
+          "h1",
+          {
+            id: HEADING_ID,
+            className: "mb-6 text-4xl font-bold tracking-tight text-balance sm:text-5xl lg:text-6xl",
+            children: title
+          }
+        ),
+        description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mx-auto mb-10 max-w-2xl text-lg text-balance", children: description }),
+        (primaryCta || secondaryCta) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-4", children: [
+          primaryCta && (primaryCta.href ? /* @__PURE__ */ jsx(Button, { asChild: true, size: "lg", className: "h-10 cursor-pointer px-6 w-fit", children: /* @__PURE__ */ jsxs("a", { href: primaryCta.href, children: [
+            primaryCta.label,
+            /* @__PURE__ */ jsx(ArrowRight, {})
+          ] }) }) : /* @__PURE__ */ jsxs(
+            Button,
+            {
+              size: "lg",
+              className: "h-10 cursor-pointer px-6 w-fit",
+              onClick: onPrimaryClick,
+              children: [
+                primaryCta.label,
+                /* @__PURE__ */ jsx(ArrowRight, {})
+              ]
+            }
+          )),
+          secondaryCta && (secondaryCta.href ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              asChild: true,
+              variant: "outline",
+              size: "lg",
+              className: "h-10 cursor-pointer px-6 w-fit",
+              children: /* @__PURE__ */ jsxs("a", { href: secondaryCta.href, children: [
+                /* @__PURE__ */ jsx(Phone, {}),
+                secondaryCta.label
+              ] })
+            }
+          ) : /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "lg",
+              className: "h-10 cursor-pointer px-6 w-fit",
+              onClick: onSecondaryClick,
+              children: [
+                /* @__PURE__ */ jsx(Phone, {}),
+                secondaryCta.label
+              ]
+            }
+          ))
+        ] })
+      ] }) })
+    }
+  );
+}
+var cta_section_1_default = CtaSection1;
+export {
+  CtaSection1,
+  cta_section_1_default as default
+};
+//# sourceMappingURL=cta-section-1.mjs.map

package/dist/blocks/marketing/cta/cta-section-1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/marketing/cta/cta-section-1.tsx"],"sourcesContent":["import { Badge } from '../../../ui/badge'\nimport { Button } from '../../../ui/button'\nimport { ArrowRight, Phone, Radio } from 'lucide-react'\nimport type { CTA } from '../../../lib/types'\n\nexport interface CtaSection1Props {\n  badgeText?: string\n  title?: string\n  description?: string\n  primaryCta?: CTA\n  secondaryCta?: CTA\n  onPrimaryClick?: () => void\n  onSecondaryClick?: () => void\n}\n\nconst HEADING_ID = 'cta-section-1-heading'\n\nexport function CtaSection1({\n  badgeText,\n  title,\n  description,\n  primaryCta,\n  secondaryCta,\n  onPrimaryClick,\n  onSecondaryClick,\n}: CtaSection1Props) {\n  return (\n    <section\n      className='bg-background relative w-full overflow-hidden py-24'\n      aria-labelledby={title ? HEADING_ID : undefined}\n    >\n      <div className='mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8'>\n        <div className='relative mx-auto max-w-4xl text-center'>\n          {badgeText && (\n            <Badge\n              variant='secondary'\n              className='mb-6 h-auto rounded-md px-2.5 py-0.5 text-sm font-medium'\n            >\n              <Radio className='!size-5' aria-hidden='true' />\n              {badgeText}\n            </Badge>\n          )}\n\n          {title && (\n            <h1\n              id={HEADING_ID}\n              className='mb-6 text-4xl font-bold tracking-tight text-balance sm:text-5xl lg:text-6xl'\n            >\n              {title}\n            </h1>\n          )}\n\n          {description && (\n            <p className='text-muted-foreground mx-auto mb-10 max-w-2xl text-lg text-balance'>\n              {description}\n            </p>\n          )}\n\n          {(primaryCta || secondaryCta) && (\n            <div className='flex flex-wrap items-center justify-center gap-4'>\n              {primaryCta &&\n                (primaryCta.href ? (\n                  <Button asChild size='lg' className='h-10 cursor-pointer px-6 w-fit'>\n                    <a href={primaryCta.href}>\n                      {primaryCta.label}\n                      <ArrowRight />\n                    </a>\n                  </Button>\n                ) : (\n                  <Button\n                    size='lg'\n                    className='h-10 cursor-pointer px-6 w-fit'\n                    onClick={onPrimaryClick}\n                  >\n                    {primaryCta.label}\n                    <ArrowRight />\n                  </Button>\n                ))}\n\n              {secondaryCta &&\n                (secondaryCta.href ? (\n                  <Button\n                    asChild\n                    variant='outline'\n                    size='lg'\n                    className='h-10 cursor-pointer px-6 w-fit'\n                  >\n                    <a href={secondaryCta.href}>\n                      <Phone />\n                      {secondaryCta.label}\n                    </a>\n                  </Button>\n                ) : (\n                  <Button\n                    variant='outline'\n                    size='lg'\n                    className='h-10 cursor-pointer px-6 w-fit'\n                    onClick={onSecondaryClick}\n                  >\n                    <Phone />\n                    {secondaryCta.label}\n                  </Button>\n                ))}\n            </div>\n          )}\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default CtaSection1"],"mappings":"AAkCY,SAIE,KAJF;AAlCZ,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,YAAY,OAAO,aAAa;AAazC,MAAM,aAAa;AAEZ,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,mBAAiB,QAAQ,aAAa;AAAA,MAEtC,8BAAC,SAAI,WAAU,iDACb,+BAAC,SAAI,WAAU,0CACZ;AAAA,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YAEV;AAAA,kCAAC,SAAM,WAAU,WAAU,eAAY,QAAO;AAAA,cAC7C;AAAA;AAAA;AAAA,QACH;AAAA,QAGD,SACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA,QAGD,eACC,oBAAC,OAAE,WAAU,sEACV,uBACH;AAAA,SAGA,cAAc,iBACd,qBAAC,SAAI,WAAU,oDACZ;AAAA,yBACE,WAAW,OACV,oBAAC,UAAO,SAAO,MAAC,MAAK,MAAK,WAAU,kCAClC,+BAAC,OAAE,MAAM,WAAW,MACjB;AAAA,uBAAW;AAAA,YACZ,oBAAC,cAAW;AAAA,aACd,GACF,IAEA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAER;AAAA,2BAAW;AAAA,gBACZ,oBAAC,cAAW;AAAA;AAAA;AAAA,UACd;AAAA,UAGH,iBACE,aAAa,OACZ;AAAA,YAAC;AAAA;AAAA,cACC,SAAO;AAAA,cACP,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cAEV,+BAAC,OAAE,MAAM,aAAa,MACpB;AAAA,oCAAC,SAAM;AAAA,gBACN,aAAa;AAAA,iBAChB;AAAA;AAAA,UACF,IAEA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAET;AAAA,oCAAC,SAAM;AAAA,gBACN,aAAa;AAAA;AAAA;AAAA,UAChB;AAAA,WAEN;AAAA,SAEJ,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,wBAAQ;","names":[]}

package/dist/blocks/marketing/faq/faq-block-1.d.ts

@@ -0,0 +1,16 @@
+export interface FaqItem {
+    value: string;
+    question: string;
+    answer: string;
+}
+export interface FaqBlock1Props {
+    /** Preguntas y respuestas del bloque. Cada item necesita un `value` único. */
+    items: FaqItem[];
+    title?: string;
+    description?: string;
+    /** Permite abrir varios items a la vez (`'multiple'`) o solo uno (`'single'`). */
+    accordionType?: 'single' | 'multiple';
+}
+export declare function FaqBlock1({ items, title, description, accordionType, }: FaqBlock1Props): import("react").JSX.Element;
+export default FaqBlock1;
+//# sourceMappingURL=faq-block-1.d.ts.map

package/dist/blocks/marketing/faq/faq-block-1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"faq-block-1.d.ts","sourceRoot":"","sources":["../../../../src/blocks/marketing/faq/faq-block-1.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,8EAA8E;IAC9E,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kFAAkF;IAClF,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;CACtC;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAA8B,EAC9B,WAAW,EACX,aAA0B,GAC3B,EAAE,cAAc,+BAoBhB;AAED,eAAe,SAAS,CAAA"}

package/dist/blocks/marketing/faq/faq-block-1.js

@@ -0,0 +1,49 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var faq_block_1_exports = {};
+__export(faq_block_1_exports, {
+  FaqBlock1: () => FaqBlock1,
+  default: () => faq_block_1_default
+});
+module.exports = __toCommonJS(faq_block_1_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_accordion = require("../../../ui/accordion.js");
+function FaqBlock1({
+  items,
+  title = "Preguntas frecuentes",
+  description,
+  accordionType = "multiple"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full py-16", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto w-full max-w-4xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-12 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "mb-4 text-4xl font-bold", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground", children: description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion, { type: accordionType, className: "flex flex-col gap-4", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_accordion.AccordionItem, { value: item.value, className: "rounded-md !border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.AccordionTrigger, { className: "cursor-pointer px-4 py-4", children: item.question }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.AccordionContent, { className: "text-muted-foreground px-4", children: item.answer })
+    ] }, item.value)) })
+  ] }) });
+}
+var faq_block_1_default = FaqBlock1;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FaqBlock1
+});
+//# sourceMappingURL=faq-block-1.js.map

package/dist/blocks/marketing/faq/faq-block-1.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/marketing/faq/faq-block-1.tsx"],"sourcesContent":["import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '../../../ui/accordion'\n\nexport interface FaqItem {\n  value: string\n  question: string\n  answer: string\n}\n\nexport interface FaqBlock1Props {\n  /** Preguntas y respuestas del bloque. Cada item necesita un `value` único. */\n  items: FaqItem[]\n  title?: string\n  description?: string\n  /** Permite abrir varios items a la vez (`'multiple'`) o solo uno (`'single'`). */\n  accordionType?: 'single' | 'multiple'\n}\n\nexport function FaqBlock1({\n  items,\n  title = 'Preguntas frecuentes',\n  description,\n  accordionType = 'multiple',\n}: FaqBlock1Props) {\n  return (\n    <div className='w-full py-16'>\n      <div className='mx-auto w-full max-w-4xl px-4 sm:px-6 lg:px-8'>\n        <div className='mb-12 text-center'>\n          <h2 className='mb-4 text-4xl font-bold'>{title}</h2>\n          {description && <p className='text-muted-foreground'>{description}</p>}\n        </div>\n\n        <Accordion type={accordionType} className='flex flex-col gap-4'>\n          {items.map(item => (\n            <AccordionItem key={item.value} value={item.value} className='rounded-md !border'>\n              <AccordionTrigger className='cursor-pointer px-4 py-4'>{item.question}</AccordionTrigger>\n              <AccordionContent className='text-muted-foreground px-4'>{item.answer}</AccordionContent>\n            </AccordionItem>\n          ))}\n        </Accordion>\n      </div>\n    </div>\n  )\n}\n\nexport default FaqBlock1"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BQ;AA1BR,uBAA6E;AAiBtE,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,gBAAgB;AAClB,GAAmB;AACjB,SACE,4CAAC,SAAI,WAAU,gBACb,uDAAC,SAAI,WAAU,iDACb;AAAA,iDAAC,SAAI,WAAU,qBACb;AAAA,kDAAC,QAAG,WAAU,2BAA2B,iBAAM;AAAA,MAC9C,eAAe,4CAAC,OAAE,WAAU,yBAAyB,uBAAY;AAAA,OACpE;AAAA,IAEA,4CAAC,8BAAU,MAAM,eAAe,WAAU,uBACvC,gBAAM,IAAI,UACT,6CAAC,kCAA+B,OAAO,KAAK,OAAO,WAAU,sBAC3D;AAAA,kDAAC,qCAAiB,WAAU,4BAA4B,eAAK,UAAS;AAAA,MACtE,4CAAC,qCAAiB,WAAU,8BAA8B,eAAK,QAAO;AAAA,SAFpD,KAAK,KAGzB,CACD,GACH;AAAA,KACF,GACF;AAEJ;AAEA,IAAO,sBAAQ;","names":[]}

package/dist/blocks/marketing/faq/faq-block-1.mjs

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../../ui/accordion.mjs";
+function FaqBlock1({
+  items,
+  title = "Preguntas frecuentes",
+  description,
+  accordionType = "multiple"
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "w-full py-16", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-4xl px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center", children: [
+      /* @__PURE__ */ jsx("h2", { className: "mb-4 text-4xl font-bold", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: description })
+    ] }),
+    /* @__PURE__ */ jsx(Accordion, { type: accordionType, className: "flex flex-col gap-4", children: items.map((item) => /* @__PURE__ */ jsxs(AccordionItem, { value: item.value, className: "rounded-md !border", children: [
+      /* @__PURE__ */ jsx(AccordionTrigger, { className: "cursor-pointer px-4 py-4", children: item.question }),
+      /* @__PURE__ */ jsx(AccordionContent, { className: "text-muted-foreground px-4", children: item.answer })
+    ] }, item.value)) })
+  ] }) });
+}
+var faq_block_1_default = FaqBlock1;
+export {
+  FaqBlock1,
+  faq_block_1_default as default
+};
+//# sourceMappingURL=faq-block-1.mjs.map

package/dist/blocks/marketing/faq/faq-block-1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/marketing/faq/faq-block-1.tsx"],"sourcesContent":["import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '../../../ui/accordion'\n\nexport interface FaqItem {\n  value: string\n  question: string\n  answer: string\n}\n\nexport interface FaqBlock1Props {\n  /** Preguntas y respuestas del bloque. Cada item necesita un `value` único. */\n  items: FaqItem[]\n  title?: string\n  description?: string\n  /** Permite abrir varios items a la vez (`'multiple'`) o solo uno (`'single'`). */\n  accordionType?: 'single' | 'multiple'\n}\n\nexport function FaqBlock1({\n  items,\n  title = 'Preguntas frecuentes',\n  description,\n  accordionType = 'multiple',\n}: FaqBlock1Props) {\n  return (\n    <div className='w-full py-16'>\n      <div className='mx-auto w-full max-w-4xl px-4 sm:px-6 lg:px-8'>\n        <div className='mb-12 text-center'>\n          <h2 className='mb-4 text-4xl font-bold'>{title}</h2>\n          {description && <p className='text-muted-foreground'>{description}</p>}\n        </div>\n\n        <Accordion type={accordionType} className='flex flex-col gap-4'>\n          {items.map(item => (\n            <AccordionItem key={item.value} value={item.value} className='rounded-md !border'>\n              <AccordionTrigger className='cursor-pointer px-4 py-4'>{item.question}</AccordionTrigger>\n              <AccordionContent className='text-muted-foreground px-4'>{item.answer}</AccordionContent>\n            </AccordionItem>\n          ))}\n        </Accordion>\n      </div>\n    </div>\n  )\n}\n\nexport default FaqBlock1"],"mappings":"AA0BQ,SACE,KADF;AA1BR,SAAS,WAAW,kBAAkB,eAAe,wBAAwB;AAiBtE,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,gBAAgB;AAClB,GAAmB;AACjB,SACE,oBAAC,SAAI,WAAU,gBACb,+BAAC,SAAI,WAAU,iDACb;AAAA,yBAAC,SAAI,WAAU,qBACb;AAAA,0BAAC,QAAG,WAAU,2BAA2B,iBAAM;AAAA,MAC9C,eAAe,oBAAC,OAAE,WAAU,yBAAyB,uBAAY;AAAA,OACpE;AAAA,IAEA,oBAAC,aAAU,MAAM,eAAe,WAAU,uBACvC,gBAAM,IAAI,UACT,qBAAC,iBAA+B,OAAO,KAAK,OAAO,WAAU,sBAC3D;AAAA,0BAAC,oBAAiB,WAAU,4BAA4B,eAAK,UAAS;AAAA,MACtE,oBAAC,oBAAiB,WAAU,8BAA8B,eAAK,QAAO;AAAA,SAFpD,KAAK,KAGzB,CACD,GACH;AAAA,KACF,GACF;AAEJ;AAEA,IAAO,sBAAQ;","names":[]}

package/dist/blocks/marketing/features/feature.d.ts

@@ -0,0 +1,45 @@
+import type { LucideIcon } from 'lucide-react';
+export interface FeatureItem {
+    id: string;
+    title: string;
+    description: string;
+    icon: LucideIcon;
+}
+/**
+ * The bounded presentation surface. `cards` is the card grid with a centered
+ * header, per-item learn-more and a section CTA; `split` is the editorial
+ * split layout with a required image column and deliberately ignores the
+ * badge and per-item learn-more. The value changes structure, never the item
+ * contract.
+ */
+export type FeaturePresentation = 'cards' | 'split';
+interface FeatureBaseProps {
+    items: FeatureItem[];
+    title?: string;
+    description?: string;
+    className?: string;
+}
+export interface FeatureCardsProps extends FeatureBaseProps {
+    /** Bounded presentation option; defaults to `cards`. */
+    presentation?: 'cards';
+    /** `cards`-only header chrome. */
+    badge?: string;
+    /** Section CTA (`cards` only). */
+    ctaLabel?: string;
+    onCtaClick?: () => void;
+    /** Per-item link (`cards` only). */
+    learnMoreLabel?: string;
+    onLearnMore?: (item: FeatureItem) => void;
+}
+export interface FeatureSplitProps extends FeatureBaseProps {
+    presentation: 'split';
+    /** Required editorial image; a non-empty `src` is part of the contract. */
+    image: {
+        src: string;
+        alt: string;
+    };
+}
+export type FeatureProps = FeatureCardsProps | FeatureSplitProps;
+export declare function Feature(props: FeatureProps): import("react").JSX.Element;
+export default Feature;
+//# sourceMappingURL=feature.d.ts.map

package/dist/blocks/marketing/features/feature.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.d.ts","sourceRoot":"","sources":["../../../../src/blocks/marketing/features/feature.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAG9C,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,UAAU,CAAA;CACjB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,OAAO,CAAA;AAEnD,UAAU,gBAAgB;IACxB,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;CAC1C;AAED,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,YAAY,EAAE,OAAO,CAAA;IACrB,2EAA2E;IAC3E,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CACpC;AAED,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG,iBAAiB,CAAA;AA0IhE,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAK1C;AAED,eAAe,OAAO,CAAA"}