@fluencypassdevs/cycle 1.15.1 → 1.16.1

package/bin/mcp.mjs

@@ -1142,6 +1142,100 @@ import { Home, Search } from "@fluencypassdevs/cycle/icons/lucide"
 </Marquee>`,
     keywords: ["marketing", "landing", "effects", "marquee", "scroll", "horizontal", "logo", "cloud", "partner", "band"],
   },
+  // ─── Marketing — Camada 2b (Buttons + Motion avançado) ──────────────────────
+  {
+    name: "MagneticButton",
+    import: `import { MagneticButton } from "@fluencypassdevs/cycle/marketing/effects/magnetic-button"`,
+    description: "MARKETING — Camada 2b. Wrapper que aplica efeito magnetico no filho (puxa em direcao ao cursor). Escreve transform direto no DOM via ref + RAF throttle. IntersectionObserver gating (rootMargin 200px). Drop-shadow rose via CSS vars --shadow-brand-glow-idle/-hover (consumer override). Skip total em prefers-reduced-motion e pointer:coarse (touch).",
+    props: [
+      { name: "strength", type: "number", default: "0.25", note: "multiplicador do offset" },
+      { name: "radius", type: "number", default: "100", note: "distancia em px na qual o efeito ativa" },
+    ],
+    example: `<MagneticButton>
+  <a href="#vendas">
+    <Button variant="default">Quero saber mais</Button>
+  </a>
+</MagneticButton>
+
+<MagneticButton strength={0.4} radius={150}>
+  <CustomElement />
+</MagneticButton>`,
+    keywords: ["marketing", "landing", "effects", "magnetic", "hover", "cursor", "interactive", "premium"],
+  },
+  {
+    name: "RotatingWord",
+    import: `import { RotatingWord } from "@fluencypassdevs/cycle/marketing/effects/rotating-word"`,
+    description: "MARKETING — Camada 2b. Typewriter de palavras em loop (typing → holding → erasing). Cor herda do parent via currentColor (consumer aplica text-[color]). aria-live polite + aria-atomic. Em prefers-reduced-motion, mostra so primeira palavra estatica sem cursor.",
+    props: [
+      { name: "words", type: "string[]", default: "-", note: "obrigatorio, palavras a ciclar" },
+      { name: "typingMs", type: "number", default: "80", note: "velocidade de digitacao ms/caractere" },
+      { name: "eraseMs", type: "number", default: "45", note: "velocidade de apagar" },
+      { name: "holdMs", type: "number", default: "1500", note: "tempo segurando a palavra completa" },
+    ],
+    example: `<h1>
+  Aprenda ingles com{" "}
+  <RotatingWord
+    className="text-[color:var(--brand-default)]"
+    words={["IA", "proposito", "confianca"]}
+  />
+</h1>`,
+    keywords: ["marketing", "landing", "effects", "typewriter", "rotating", "word", "hero", "typing"],
+  },
+  {
+    name: "HandUnderline",
+    import: `import { HandUnderline } from "@fluencypassdevs/cycle/marketing/effects/hand-underline"`,
+    description: "MARKETING — Camada 2b. Wrapper que desenha SVG underline em curva sutil abaixo do texto, animada via stroke-dasharray quando entra no viewport (threshold 0.6). Cor herda do parent (stroke=currentColor). Em prefers-reduced-motion, desenha completo direto sem animar.",
+    props: [
+      { name: "delay", type: "number", default: "600", note: "ms entre intersecao e inicio do draw" },
+      { name: "duration", type: "number", default: "780", note: "duracao do draw em ms" },
+    ],
+    example: `<h2>
+  Acelere o ingles do seu{" "}
+  <HandUnderline className="text-[color:var(--brand-default)]">
+    time corporativo
+  </HandUnderline>
+</h2>`,
+    keywords: ["marketing", "landing", "effects", "underline", "highlight", "draw", "scroll-trigger"],
+  },
+  {
+    name: "CtaBrand",
+    import: `import { CtaBrand } from "@fluencypassdevs/cycle/marketing/buttons/cta-brand"`,
+    description: "MARKETING — Camada 2b. CTA principal de marketing — gradient brand rose (from-brand-soft to-brand-dark) + rounded-full + drop-shadow glow + brightness hover + MagneticButton embutido (sempre). Sempre renderiza como <a> com href. Pra acoes de JS sem URL, use Button core.",
+    props: [
+      { name: "href", type: "string", default: "-", note: "obrigatorio, sempre renderiza como <a>" },
+      { name: "external", type: "boolean", default: "false", note: "target=_blank + rel noopener noreferrer" },
+      { name: "size", type: '"md" | "lg"', default: '"lg"', note: "md=h-11 px-7. lg=h-13 px-10" },
+      { name: "disableMagnetic", type: "boolean", default: "false", note: "escape hatch raro (popups/drawers)" },
+    ],
+    example: `<CtaBrand href="#vendas">
+  Solicitar demonstracao
+</CtaBrand>
+
+<CtaBrand href="https://app.fluencypass.com" external size="md">
+  Acessar app
+</CtaBrand>`,
+    keywords: ["marketing", "landing", "buttons", "cta", "brand", "gradient", "magnetic", "hero", "conversao"],
+  },
+  {
+    name: "LinkBrand",
+    import: `import { LinkBrand } from "@fluencypassdevs/cycle/marketing/buttons/link-brand"`,
+    description: "MARKETING — Camada 2b. Link de texto discreto da marca — text-brand-default com hover pra brand-dark, transition-colors, focus-visible outline. Sem underline por default (consumer adiciona hover:underline se quiser). Renderiza como <a> (default) ou <button> via prop as.",
+    props: [
+      { name: "as", type: '"a" | "button"', default: '"a"' },
+      { name: "href", type: "string", default: "-", note: "obrigatorio quando as=a" },
+      { name: "external", type: "boolean", default: "false" },
+    ],
+    example: `<LinkBrand href="/precos">Ver planos</LinkBrand>
+
+<LinkBrand href="https://twitter.com" external>
+  Siga no Twitter
+</LinkBrand>
+
+<LinkBrand as="button" onClick={() => openModal()}>
+  Abrir filtros
+</LinkBrand>`,
+    keywords: ["marketing", "landing", "buttons", "link", "brand", "nav", "footer", "inline"],
+  },
 ]
 
 // ─── Design Tokens ─────────────────────────────────────────────────────────────

package/dist/chunk-DJ3DMPKK.js

@@ -0,0 +1,56 @@
+import { MagneticButton } from './chunk-WCDYTWKA.js';
+import { cn } from './chunk-QTH4LSO6.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-2NMEKWO5.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var ctaBrandVariants = cva(
+  [
+    // Base
+    "inline-flex items-center justify-center gap-2",
+    "rounded-full font-semibold whitespace-nowrap",
+    "text-white border-0",
+    // Brand gradient (consome tokens --brand-soft/--brand-dark da Camada 2a)
+    "bg-gradient-to-b from-[color:var(--brand-soft)] to-[color:var(--brand-dark)]",
+    "hover:brightness-110 transition-[filter] duration-200",
+    // A11y focus
+    "outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
+    "focus-visible:outline-[color:var(--brand-default)]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        md: "h-11 px-7 text-sm",
+        lg: "h-13 px-10 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "lg"
+    }
+  }
+);
+var CtaBrand = React.forwardRef(
+  function CtaBrand2(_a, ref) {
+    var _b = _a, { href, external = false, size, disableMagnetic = false, className, children } = _b, props = __objRest(_b, ["href", "external", "size", "disableMagnetic", "className", "children"]);
+    const anchor = /* @__PURE__ */ jsx(
+      "a",
+      __spreadProps(__spreadValues({
+        ref,
+        href,
+        target: external ? "_blank" : void 0,
+        rel: external ? "noopener noreferrer" : void 0,
+        "data-slot": "cta-brand",
+        className: cn(ctaBrandVariants({ size }), className)
+      }, props), {
+        children
+      })
+    );
+    if (disableMagnetic) return anchor;
+    return /* @__PURE__ */ jsx(MagneticButton, { children: anchor });
+  }
+);
+
+export { CtaBrand, ctaBrandVariants };
+//# sourceMappingURL=chunk-DJ3DMPKK.js.map
+//# sourceMappingURL=chunk-DJ3DMPKK.js.map

package/dist/chunk-DJ3DMPKK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/marketing/buttons/cta-brand.tsx"],"names":["CtaBrand"],"mappings":";;;;;;;AAQA,IAAM,gBAAA,GAAmB,GAAA;AAAA,EACvB;AAAA;AAAA,IAEE,+CAAA;AAAA,IACA,8CAAA;AAAA,IACA,qBAAA;AAAA;AAAA,IAEA,8EAAA;AAAA,IACA,uDAAA;AAAA;AAAA,IAEA,qEAAA;AAAA,IACA;AAAA,GACF,CAAE,KAAK,GAAG,CAAA;AAAA,EACV;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAkCA,IAAM,QAAA,GAAiB,KAAA,CAAA,UAAA;AAAA,EACrB,SAASA,SAAAA,CACP,EAAA,EACA,GAAA,EACA;AAFA,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,QAAM,QAAA,GAAW,KAAA,EAAO,IAAA,EAAM,eAAA,GAAkB,OAAO,SAAA,EAAW,QAAA,EApExE,GAoEI,EAAA,EAAiF,kBAAjF,EAAA,EAAiF,CAA/E,QAAM,UAAA,EAAkB,MAAA,EAAM,mBAAyB,WAAA,EAAW,UAAA,CAAA,CAAA;AAGpE,IAAA,MAAM,MAAA,mBACJ,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA,aAAA,CAAA,cAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA;AAAA,QACA,MAAA,EAAQ,WAAW,QAAA,GAAW,MAAA;AAAA,QAC9B,GAAA,EAAK,WAAW,qBAAA,GAAwB,MAAA;AAAA,QACxC,WAAA,EAAU,WAAA;AAAA,QACV,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,IAAA,EAAM,GAAG,SAAS;AAAA,OAAA,EAC/C,KAAA,CAAA,EAPL;AAAA,QASE;AAAA,OAAA;AAAA,KACH;AAGF,IAAA,IAAI,iBAAiB,OAAO,MAAA;AAC5B,IAAA,uBAAO,GAAA,CAAC,kBAAgB,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,EACjC;AACF","file":"chunk-DJ3DMPKK.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport { MagneticButton } from \"@/components/marketing/effects/magnetic-button\"\n\nconst ctaBrandVariants = cva(\n  [\n    // Base\n    \"inline-flex items-center justify-center gap-2\",\n    \"rounded-full font-semibold whitespace-nowrap\",\n    \"text-white border-0\",\n    // Brand gradient (consome tokens --brand-soft/--brand-dark da Camada 2a)\n    \"bg-gradient-to-b from-[color:var(--brand-soft)] to-[color:var(--brand-dark)]\",\n    \"hover:brightness-110 transition-[filter] duration-200\",\n    // A11y focus\n    \"outline-none focus-visible:outline-2 focus-visible:outline-offset-2\",\n    \"focus-visible:outline-[color:var(--brand-default)]\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        md: \"h-11 px-7 text-sm\",\n        lg: \"h-13 px-10 text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"lg\",\n    },\n  }\n)\n\nexport interface CtaBrandProps\n  extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"size\">,\n    VariantProps<typeof ctaBrandVariants> {\n  /** URL destino. Sempre renderiza como `<a>`. Pra acao de JS sem URL, use `<Button>` core. */\n  href: string\n  /** Quando true, abre em nova aba com `rel=\"noopener noreferrer\"`. Default `false`. */\n  external?: boolean\n  /**\n   * Escape hatch — desliga o efeito magnetic wrapper. Use em contextos onde o\n   * movimento incomoda (dentro de Sheet/Drawer/popover). Default `false`\n   * (magnetic SEMPRE ligado — esse e o ponto do CtaBrand).\n   */\n  disableMagnetic?: boolean\n}\n\n/**\n * CTA principal de marketing — botao com gradient brand rose (Fluencypass),\n * rounded-full, drop-shadow glow + brightness hover, e efeito magnetic\n * embutido (puxa em direcao ao cursor).\n *\n * Pra acoes de JS sem URL (submit de form, abrir modal etc), use o\n * `<Button>` core do Cycle em vez disso.\n *\n * @example\n * <CtaBrand href=\"#vendas\">\n *   Solicitar demonstracao\n * </CtaBrand>\n *\n * <CtaBrand href=\"https://app.fluencypass.com\" external size=\"md\">\n *   Acessar app\n * </CtaBrand>\n */\nconst CtaBrand = React.forwardRef<HTMLAnchorElement, CtaBrandProps>(\n  function CtaBrand(\n    { href, external = false, size, disableMagnetic = false, className, children, ...props },\n    ref\n  ) {\n    const anchor = (\n      <a\n        ref={ref}\n        href={href}\n        target={external ? \"_blank\" : undefined}\n        rel={external ? \"noopener noreferrer\" : undefined}\n        data-slot=\"cta-brand\"\n        className={cn(ctaBrandVariants({ size }), className)}\n        {...props}\n      >\n        {children}\n      </a>\n    )\n\n    if (disableMagnetic) return anchor\n    return <MagneticButton>{anchor}</MagneticButton>\n  }\n)\n\nexport { CtaBrand, ctaBrandVariants }\n"]}

package/dist/chunk-G57PPNB3.js

@@ -0,0 +1,74 @@
+import { useReducedMotion } from './chunk-T7EIAVSF.js';
+import { useIntersection } from './chunk-OHRYR7PN.js';
+import { cn } from './chunk-QTH4LSO6.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-2NMEKWO5.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PATH_LENGTH = 240;
+var STROKE_WIDTH = 2.2;
+var SVG_PATH = "M 2 9 C 30 4, 70 12, 110 7 S 180 4, 198 8";
+var SVG_VIEWBOX = "0 0 200 14";
+var HandUnderline = React.forwardRef(
+  function HandUnderline2(_a, forwardedRef) {
+    var _b = _a, { delay = 600, duration = 780, className, children } = _b, props = __objRest(_b, ["delay", "duration", "className", "children"]);
+    const reduced = useReducedMotion();
+    const { ref, isVisible } = useIntersection({
+      threshold: 0.6,
+      rootMargin: "0px",
+      startVisible: reduced
+    });
+    const [draw, setDraw] = React.useState(reduced);
+    React.useImperativeHandle(forwardedRef, () => ref.current, [ref]);
+    React.useEffect(() => {
+      if (!isVisible || draw) return;
+      if (reduced) {
+        setDraw(true);
+        return;
+      }
+      const id = window.setTimeout(() => setDraw(true), delay);
+      return () => window.clearTimeout(id);
+    }, [isVisible, draw, delay, reduced]);
+    return /* @__PURE__ */ jsxs(
+      "span",
+      __spreadProps(__spreadValues({
+        ref,
+        "data-slot": "hand-underline",
+        className: cn("relative inline-block whitespace-nowrap", className)
+      }, props), {
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              "aria-hidden": "true",
+              viewBox: SVG_VIEWBOX,
+              preserveAspectRatio: "none",
+              className: "absolute left-0 right-0 -bottom-1 w-full pointer-events-none",
+              style: { height: "0.32em" },
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: SVG_PATH,
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: STROKE_WIDTH,
+                  strokeLinecap: "round",
+                  style: {
+                    strokeDasharray: PATH_LENGTH,
+                    strokeDashoffset: draw ? 0 : PATH_LENGTH,
+                    transition: reduced ? "none" : `stroke-dashoffset ${duration}ms cubic-bezier(0.22, 1, 0.36, 1)`
+                  }
+                }
+              )
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+export { HandUnderline };
+//# sourceMappingURL=chunk-G57PPNB3.js.map
+//# sourceMappingURL=chunk-G57PPNB3.js.map

package/dist/chunk-G57PPNB3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/marketing/effects/hand-underline.tsx"],"names":["HandUnderline"],"mappings":";;;;;;;AAiBA,IAAM,WAAA,GAAc,GAAA;AACpB,IAAM,YAAA,GAAe,GAAA;AACrB,IAAM,QAAA,GAAW,2CAAA;AACjB,IAAM,WAAA,GAAc,YAAA;AAuBpB,IAAM,aAAA,GAAsB,KAAA,CAAA,UAAA;AAAA,EAC1B,SAASA,cAAAA,CACP,EAAA,EACA,YAAA,EACA;AAFA,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,KAAA,GAAQ,GAAA,EAAK,QAAA,GAAW,GAAA,EAAK,SAAA,EAAW,QAAA,EA7C9C,GA6CI,EAAA,EAAuD,KAAA,GAAA,SAAA,CAAvD,EAAA,EAAuD,CAArD,OAAA,EAAa,YAAgB,WAAA,EAAW,UAAA,CAAA,CAAA;AAG1C,IAAA,MAAM,UAAU,gBAAA,EAAiB;AACjC,IAAA,MAAM,EAAE,GAAA,EAAK,SAAA,EAAU,GAAI,eAAA,CAAiC;AAAA,MAC1D,SAAA,EAAW,GAAA;AAAA,MACX,UAAA,EAAY,KAAA;AAAA,MACZ,YAAA,EAAc;AAAA,KACf,CAAA;AACD,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAU,eAAS,OAAO,CAAA;AAG9C,IAAM,0BAAoB,YAAA,EAAc,MAAM,IAAI,OAAA,EAA4B,CAAC,GAAG,CAAC,CAAA;AAEnF,IAAM,gBAAU,MAAM;AACpB,MAAA,IAAI,CAAC,aAAa,IAAA,EAAM;AACxB,MAAA,IAAI,OAAA,EAAS;AACX,QAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,QAAA;AAAA,MACF;AACA,MAAA,MAAM,KAAK,MAAA,CAAO,UAAA,CAAW,MAAM,OAAA,CAAQ,IAAI,GAAG,KAAK,CAAA;AACvD,MAAA,OAAO,MAAM,MAAA,CAAO,YAAA,CAAa,EAAE,CAAA;AAAA,IACrC,GAAG,CAAC,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,OAAO,CAAC,CAAA;AAEpC,IAAA,uBACE,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA,aAAA,CAAA,cAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,gBAAA;AAAA,QACV,SAAA,EAAW,EAAA,CAAG,yCAAA,EAA2C,SAAS;AAAA,OAAA,EAC9D,KAAA,CAAA,EAJL;AAAA,QAME,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BACD,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAY,MAAA;AAAA,cACZ,OAAA,EAAS,WAAA;AAAA,cACT,mBAAA,EAAoB,MAAA;AAAA,cACpB,SAAA,EAAU,8DAAA;AAAA,cACV,KAAA,EAAO,EAAE,MAAA,EAAQ,QAAA,EAAS;AAAA,cAE1B,QAAA,kBAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,CAAA,EAAG,QAAA;AAAA,kBACH,IAAA,EAAK,MAAA;AAAA,kBACL,MAAA,EAAO,cAAA;AAAA,kBACP,WAAA,EAAa,YAAA;AAAA,kBACb,aAAA,EAAc,OAAA;AAAA,kBACd,KAAA,EAAO;AAAA,oBACL,eAAA,EAAiB,WAAA;AAAA,oBACjB,gBAAA,EAAkB,OAAO,CAAA,GAAI,WAAA;AAAA,oBAC7B,UAAA,EAAY,OAAA,GACR,MAAA,GACA,CAAA,kBAAA,EAAqB,QAAQ,CAAA,iCAAA;AAAA;AACnC;AAAA;AACF;AAAA;AACF;AAAA,OAAA;AAAA,KACF;AAAA,EAEJ;AACF","file":"chunk-G57PPNB3.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { useReducedMotion } from \"@/hooks/use-reduced-motion\"\nimport { useIntersection } from \"@/hooks/use-intersection\"\n\nexport interface HandUnderlineProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\"> {\n  /** Delay em ms entre intersecao no viewport e inicio do draw. Default `600`. */\n  delay?: number\n  /** Duracao do draw em ms (stroke-dashoffset 240 → 0). Default `780`. */\n  duration?: number\n  children: React.ReactNode\n}\n\nconst PATH_LENGTH = 240\nconst STROKE_WIDTH = 2.2\nconst SVG_PATH = \"M 2 9 C 30 4, 70 12, 110 7 S 180 4, 198 8\"\nconst SVG_VIEWBOX = \"0 0 200 14\"\n\n/**\n * Wrapper que desenha um underline SVG em curva sutil abaixo do texto, animado\n * via stroke-dasharray quando entra no viewport. Util pra dar enfase em\n * palavras-chave em headings sem usar bold/color.\n *\n * Cor do stroke: `currentColor` — herda do parent. Wrappa com\n * `<span className=\"text-[color:var(--brand-default)]\">` ou outra cor.\n *\n * Acessibilidade:\n * - SVG `aria-hidden` (decorativo).\n * - `prefers-reduced-motion: reduce` — desenha o underline completo direto,\n *   sem animar.\n *\n * @example\n * <h2>\n *   Acelere o ingles do seu{\" \"}\n *   <HandUnderline className=\"text-[color:var(--brand-default)]\">\n *     time corporativo\n *   </HandUnderline>\n * </h2>\n */\nconst HandUnderline = React.forwardRef<HTMLSpanElement, HandUnderlineProps>(\n  function HandUnderline(\n    { delay = 600, duration = 780, className, children, ...props },\n    forwardedRef\n  ) {\n    const reduced = useReducedMotion()\n    const { ref, isVisible } = useIntersection<HTMLSpanElement>({\n      threshold: 0.6,\n      rootMargin: \"0px\",\n      startVisible: reduced,\n    })\n    const [draw, setDraw] = React.useState(reduced)\n\n    // Combina forwarded ref + ref interno do useIntersection.\n    React.useImperativeHandle(forwardedRef, () => ref.current as HTMLSpanElement, [ref])\n\n    React.useEffect(() => {\n      if (!isVisible || draw) return\n      if (reduced) {\n        setDraw(true)\n        return\n      }\n      const id = window.setTimeout(() => setDraw(true), delay)\n      return () => window.clearTimeout(id)\n    }, [isVisible, draw, delay, reduced])\n\n    return (\n      <span\n        ref={ref}\n        data-slot=\"hand-underline\"\n        className={cn(\"relative inline-block whitespace-nowrap\", className)}\n        {...props}\n      >\n        {children}\n        <svg\n          aria-hidden=\"true\"\n          viewBox={SVG_VIEWBOX}\n          preserveAspectRatio=\"none\"\n          className=\"absolute left-0 right-0 -bottom-1 w-full pointer-events-none\"\n          style={{ height: \"0.32em\" }}\n        >\n          <path\n            d={SVG_PATH}\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth={STROKE_WIDTH}\n            strokeLinecap=\"round\"\n            style={{\n              strokeDasharray: PATH_LENGTH,\n              strokeDashoffset: draw ? 0 : PATH_LENGTH,\n              transition: reduced\n                ? \"none\"\n                : `stroke-dashoffset ${duration}ms cubic-bezier(0.22, 1, 0.36, 1)`,\n            }}\n          />\n        </svg>\n      </span>\n    )\n  }\n)\n\nexport { HandUnderline }\n"]}

package/dist/chunk-JQRGW2RF.js

@@ -0,0 +1,82 @@
+import { useReducedMotion } from './chunk-T7EIAVSF.js';
+import { cn } from './chunk-QTH4LSO6.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-2NMEKWO5.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var RotatingWord = React.forwardRef(
+  function RotatingWord2(_a, ref) {
+    var _b = _a, { words, typingMs = 80, eraseMs = 45, holdMs = 1500, className } = _b, props = __objRest(_b, ["words", "typingMs", "eraseMs", "holdMs", "className"]);
+    var _a2;
+    const reduced = useReducedMotion();
+    const [wordIdx, setWordIdx] = React.useState(0);
+    const [chars, setChars] = React.useState(0);
+    const [phase, setPhase] = React.useState("typing");
+    const current = (_a2 = words[wordIdx]) != null ? _a2 : "";
+    React.useEffect(() => {
+      if (reduced) return;
+      let timer;
+      if (phase === "typing") {
+        if (chars < current.length) {
+          timer = window.setTimeout(() => setChars((c) => c + 1), typingMs);
+        } else {
+          timer = window.setTimeout(() => setPhase("erasing"), holdMs);
+        }
+      } else if (phase === "erasing") {
+        if (chars > 0) {
+          timer = window.setTimeout(() => setChars((c) => c - 1), eraseMs);
+        } else {
+          setWordIdx((i) => (i + 1) % words.length);
+          setPhase("typing");
+        }
+      }
+      return () => {
+        if (timer) window.clearTimeout(timer);
+      };
+    }, [chars, phase, current, typingMs, eraseMs, holdMs, words.length, reduced]);
+    if (reduced) {
+      return /* @__PURE__ */ jsx(
+        "span",
+        __spreadProps(__spreadValues({
+          ref,
+          "data-slot": "rotating-word",
+          className: cn(className),
+          "aria-live": "polite"
+        }, props), {
+          children: words[0]
+        })
+      );
+    }
+    const displayed = current.substring(0, chars);
+    return /* @__PURE__ */ jsxs(
+      "span",
+      __spreadProps(__spreadValues({
+        ref,
+        "data-slot": "rotating-word",
+        className: cn("whitespace-nowrap", className),
+        "aria-live": "polite",
+        "aria-atomic": "true"
+      }, props), {
+        children: [
+          displayed,
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "cycle-rotating-cursor inline-block align-baseline bg-current ml-[0.05em]",
+              style: {
+                width: "0.06em",
+                height: "0.82em",
+                transform: "translateY(0.08em)"
+              }
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+export { RotatingWord };
+//# sourceMappingURL=chunk-JQRGW2RF.js.map
+//# sourceMappingURL=chunk-JQRGW2RF.js.map

package/dist/chunk-JQRGW2RF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/marketing/effects/rotating-word.tsx"],"names":["RotatingWord","_a"],"mappings":"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","file":"chunk-JQRGW2RF.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { useReducedMotion } from \"@/hooks/use-reduced-motion\"\n\nexport interface RotatingWordProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\"> {\n  /** Lista de palavras a ciclar (typewriter). */\n  words: string[]\n  /** Velocidade de digitacao em ms por caractere. Default `80`. */\n  typingMs?: number\n  /** Velocidade de apagar em ms por caractere. Default `45`. */\n  eraseMs?: number\n  /** Tempo segurando a palavra completa em ms. Default `1500`. */\n  holdMs?: number\n}\n\ntype Phase = \"typing\" | \"holding\" | \"erasing\"\n\n/**\n * Typewriter de palavras em loop. Util em headings de hero para destacar\n * caracteristicas ou propostas de valor que rotacionam.\n *\n * State machine: `typing → holding → erasing → next word`.\n *\n * Cor herda do parent via `currentColor` — wrappa com `text-[color]` ou\n * `text-foreground` no consumer pra controlar. O cursor blink usa a mesma\n * cor do texto (`bg-current`).\n *\n * Acessibilidade:\n * - `aria-live=\"polite\"` + `aria-atomic=\"true\"` — screen reader anuncia a\n *   palavra completa apos cada ciclo, sem ler caractere por caractere.\n * - `prefers-reduced-motion: reduce` — renderiza so a primeira palavra,\n *   estatica, sem cursor.\n *\n * @example\n * <h1>\n *   Aprenda ingles com{\" \"}\n *   <RotatingWord\n *     className=\"text-[color:var(--brand-default)]\"\n *     words={[\"IA\", \"proposito\", \"confianca\"]}\n *   />\n * </h1>\n */\nconst RotatingWord = React.forwardRef<HTMLSpanElement, RotatingWordProps>(\n  function RotatingWord(\n    { words, typingMs = 80, eraseMs = 45, holdMs = 1500, className, ...props },\n    ref\n  ) {\n    const reduced = useReducedMotion()\n    const [wordIdx, setWordIdx] = React.useState(0)\n    const [chars, setChars] = React.useState(0)\n    const [phase, setPhase] = React.useState<Phase>(\"typing\")\n\n    const current = words[wordIdx] ?? \"\"\n\n    React.useEffect(() => {\n      if (reduced) return\n\n      let timer: number | undefined\n\n      if (phase === \"typing\") {\n        if (chars < current.length) {\n          timer = window.setTimeout(() => setChars((c) => c + 1), typingMs)\n        } else {\n          timer = window.setTimeout(() => setPhase(\"erasing\"), holdMs)\n        }\n      } else if (phase === \"erasing\") {\n        if (chars > 0) {\n          timer = window.setTimeout(() => setChars((c) => c - 1), eraseMs)\n        } else {\n          setWordIdx((i) => (i + 1) % words.length)\n          setPhase(\"typing\")\n        }\n      }\n\n      return () => {\n        if (timer) window.clearTimeout(timer)\n      }\n    }, [chars, phase, current, typingMs, eraseMs, holdMs, words.length, reduced])\n\n    if (reduced) {\n      return (\n        <span\n          ref={ref}\n          data-slot=\"rotating-word\"\n          className={cn(className)}\n          aria-live=\"polite\"\n          {...props}\n        >\n          {words[0]}\n        </span>\n      )\n    }\n\n    const displayed = current.substring(0, chars)\n\n    return (\n      <span\n        ref={ref}\n        data-slot=\"rotating-word\"\n        className={cn(\"whitespace-nowrap\", className)}\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        {...props}\n      >\n        {displayed}\n        <span\n          aria-hidden=\"true\"\n          className=\"cycle-rotating-cursor inline-block align-baseline bg-current ml-[0.05em]\"\n          style={{\n            width: \"0.06em\",\n            height: \"0.82em\",\n            transform: \"translateY(0.08em)\",\n          }}\n        />\n      </span>\n    )\n  }\n)\n\nexport { RotatingWord }\n"]}

package/dist/chunk-WCDYTWKA.js

@@ -0,0 +1,105 @@
+import { useReducedMotion } from './chunk-T7EIAVSF.js';
+import { cn } from './chunk-QTH4LSO6.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-2NMEKWO5.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var MagneticButton = React.forwardRef(
+  function MagneticButton2(_a, forwardedRef) {
+    var _b = _a, { strength = 0.25, radius = 100, className, style, children } = _b, props = __objRest(_b, ["strength", "radius", "className", "style", "children"]);
+    const innerRef = React.useRef(null);
+    const ref = forwardedRef != null ? forwardedRef : innerRef;
+    const hoveredRef = React.useRef(false);
+    const reduced = useReducedMotion();
+    const [hovered, setHovered] = React.useState(false);
+    React.useEffect(() => {
+      const el = ref.current;
+      if (!el) return;
+      const s = hovered ? 1.03 : 1;
+      const cur = el.style.transform;
+      if (cur && /scale\([^)]+\)/.test(cur)) {
+        el.style.transform = cur.replace(/scale\([^)]+\)/, `scale(${s})`);
+      } else {
+        el.style.transform = `translate3d(0,0,0) scale(${s})`;
+      }
+    }, [hovered, ref]);
+    React.useEffect(() => {
+      if (reduced) return;
+      if (typeof window === "undefined") return;
+      if (window.matchMedia("(pointer: coarse)").matches) return;
+      const el = ref.current;
+      if (!el) return;
+      let isVisible = false;
+      let rafId = 0;
+      let lastX = 0;
+      let lastY = 0;
+      const io = new IntersectionObserver(
+        ([entry]) => {
+          var _a2;
+          isVisible = (_a2 = entry == null ? void 0 : entry.isIntersecting) != null ? _a2 : false;
+          if (!isVisible) {
+            el.style.transform = `translate3d(0,0,0) scale(${hoveredRef.current ? 1.03 : 1})`;
+          }
+        },
+        { rootMargin: "200px" }
+      );
+      io.observe(el);
+      function flush() {
+        rafId = 0;
+        if (!isVisible) return;
+        const cur = ref.current;
+        if (!cur) return;
+        const rect = cur.getBoundingClientRect();
+        const cx = rect.left + rect.width / 2;
+        const cy = rect.top + rect.height / 2;
+        const dx = lastX - cx;
+        const dy = lastY - cy;
+        const dist = Math.hypot(dx, dy);
+        const tx = dist < radius ? dx * strength : 0;
+        const ty = dist < radius ? dy * strength : 0;
+        const s = hoveredRef.current ? 1.03 : 1;
+        cur.style.transform = `translate3d(${tx}px, ${ty}px, 0) scale(${s})`;
+      }
+      function onMove(e) {
+        if (!isVisible) return;
+        lastX = e.clientX;
+        lastY = e.clientY;
+        if (rafId) return;
+        rafId = requestAnimationFrame(flush);
+      }
+      window.addEventListener("mousemove", onMove, { passive: true });
+      return () => {
+        window.removeEventListener("mousemove", onMove);
+        io.disconnect();
+        if (rafId) cancelAnimationFrame(rafId);
+      };
+    }, [reduced, strength, radius, ref]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        "data-slot": "magnetic-button",
+        onMouseEnter: () => {
+          hoveredRef.current = true;
+          setHovered(true);
+        },
+        onMouseLeave: () => {
+          hoveredRef.current = false;
+          setHovered(false);
+        },
+        className: cn("inline-block", className),
+        style: __spreadValues({
+          transition: "transform 0.25s cubic-bezier(0.22, 1, 0.36, 1)",
+          willChange: "transform",
+          filter: hovered ? "var(--shadow-brand-glow-hover)" : "var(--shadow-brand-glow-idle)"
+        }, style)
+      }, props), {
+        children
+      })
+    );
+  }
+);
+
+export { MagneticButton };
+//# sourceMappingURL=chunk-WCDYTWKA.js.map
+//# sourceMappingURL=chunk-WCDYTWKA.js.map

package/dist/chunk-WCDYTWKA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/marketing/effects/magnetic-button.tsx"],"names":["MagneticButton","_a"],"mappings":"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","file":"chunk-WCDYTWKA.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { useReducedMotion } from \"@/hooks/use-reduced-motion\"\n\nexport interface MagneticButtonProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n  /** Multiplicador do offset (quanto o filho \"puxa\" em direcao ao cursor). Default `0.25`. */\n  strength?: number\n  /** Distancia em px na qual o efeito ativa. Default `100`. */\n  radius?: number\n  children: React.ReactNode\n}\n\n/**\n * Wrapper que aplica efeito magnetico no filho (puxa em direcao ao cursor\n * quando proximo). Inspirado em CTAs premium de landing pages.\n *\n * Otimizacoes de performance:\n * - Escreve `transform` direto no DOM via ref (sem React state na hot path).\n * - Throttle com `requestAnimationFrame` (max 1 update por frame).\n * - `IntersectionObserver` gating: so processa `mousemove` quando visivel\n *   (rootMargin 200px pra suavidade na entrada).\n *\n * Acessibilidade:\n * - Skip total se `prefers-reduced-motion: reduce`.\n * - Skip total em `pointer: coarse` (touch devices) — sem cursor real.\n *\n * O drop-shadow usa CSS vars (`--shadow-brand-glow-idle/-hover`) — consumer\n * pode override pro brand proprio sem mexer no componente.\n *\n * @example\n * <MagneticButton>\n *   <a href=\"#vendas\">\n *     <Button variant=\"default\">CTA principal</Button>\n *   </a>\n * </MagneticButton>\n */\nconst MagneticButton = React.forwardRef<HTMLDivElement, MagneticButtonProps>(\n  function MagneticButton(\n    { strength = 0.25, radius = 100, className, style, children, ...props },\n    forwardedRef\n  ) {\n    const innerRef = React.useRef<HTMLDivElement>(null)\n    const ref = (forwardedRef as React.RefObject<HTMLDivElement>) ?? innerRef\n    const hoveredRef = React.useRef(false)\n    const reduced = useReducedMotion()\n    const [hovered, setHovered] = React.useState(false)\n\n    // Sincroniza scale quando hover muda — sem tocar no offset do mousemove.\n    React.useEffect(() => {\n      const el = ref.current\n      if (!el) return\n      const s = hovered ? 1.03 : 1\n      const cur = el.style.transform\n      if (cur && /scale\\([^)]+\\)/.test(cur)) {\n        el.style.transform = cur.replace(/scale\\([^)]+\\)/, `scale(${s})`)\n      } else {\n        el.style.transform = `translate3d(0,0,0) scale(${s})`\n      }\n    }, [hovered, ref])\n\n    React.useEffect(() => {\n      if (reduced) return\n      if (typeof window === \"undefined\") return\n      if (window.matchMedia(\"(pointer: coarse)\").matches) return\n\n      const el = ref.current\n      if (!el) return\n\n      let isVisible = false\n      let rafId = 0\n      let lastX = 0\n      let lastY = 0\n\n      const io = new IntersectionObserver(\n        ([entry]) => {\n          isVisible = entry?.isIntersecting ?? false\n          if (!isVisible) {\n            el.style.transform = `translate3d(0,0,0) scale(${\n              hoveredRef.current ? 1.03 : 1\n            })`\n          }\n        },\n        { rootMargin: \"200px\" }\n      )\n      io.observe(el)\n\n      function flush() {\n        rafId = 0\n        if (!isVisible) return\n        const cur = ref.current\n        if (!cur) return\n        const rect = cur.getBoundingClientRect()\n        const cx = rect.left + rect.width / 2\n        const cy = rect.top + rect.height / 2\n        const dx = lastX - cx\n        const dy = lastY - cy\n        const dist = Math.hypot(dx, dy)\n        const tx = dist < radius ? dx * strength : 0\n        const ty = dist < radius ? dy * strength : 0\n        const s = hoveredRef.current ? 1.03 : 1\n        cur.style.transform = `translate3d(${tx}px, ${ty}px, 0) scale(${s})`\n      }\n\n      function onMove(e: MouseEvent) {\n        if (!isVisible) return\n        lastX = e.clientX\n        lastY = e.clientY\n        if (rafId) return\n        rafId = requestAnimationFrame(flush)\n      }\n\n      window.addEventListener(\"mousemove\", onMove, { passive: true })\n      return () => {\n        window.removeEventListener(\"mousemove\", onMove)\n        io.disconnect()\n        if (rafId) cancelAnimationFrame(rafId)\n      }\n    }, [reduced, strength, radius, ref])\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"magnetic-button\"\n        onMouseEnter={() => {\n          hoveredRef.current = true\n          setHovered(true)\n        }}\n        onMouseLeave={() => {\n          hoveredRef.current = false\n          setHovered(false)\n        }}\n        className={cn(\"inline-block\", className)}\n        style={{\n          transition: \"transform 0.25s cubic-bezier(0.22, 1, 0.36, 1)\",\n          willChange: \"transform\",\n          filter: hovered\n            ? \"var(--shadow-brand-glow-hover)\"\n            : \"var(--shadow-brand-glow-idle)\",\n          ...style,\n        }}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\n\nexport { MagneticButton }\n"]}

package/dist/chunk-YZNOE4TO.js

@@ -0,0 +1,48 @@
+import { cn } from './chunk-QTH4LSO6.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-2NMEKWO5.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var BASE_CLASSES = [
+  "text-[color:var(--brand-default)]",
+  "hover:text-[color:var(--brand-dark)]",
+  "underline-offset-4 transition-colors",
+  "outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
+  "focus-visible:outline-[color:var(--brand-default)] rounded-sm"
+].join(" ");
+var LinkBrand = React.forwardRef(
+  function LinkBrand2(props, ref) {
+    if (props.as === "button") {
+      const _a = props, { as: _as, className: className2, children: children2 } = _a, rest2 = __objRest(_a, ["as", "className", "children"]);
+      return /* @__PURE__ */ jsx(
+        "button",
+        __spreadProps(__spreadValues({
+          ref,
+          type: "button",
+          "data-slot": "link-brand",
+          className: cn(BASE_CLASSES, className2)
+        }, rest2), {
+          children: children2
+        })
+      );
+    }
+    const _b = props, { href, external = false, className, children } = _b, rest = __objRest(_b, ["href", "external", "className", "children"]);
+    return /* @__PURE__ */ jsx(
+      "a",
+      __spreadProps(__spreadValues({
+        ref,
+        href,
+        target: external ? "_blank" : void 0,
+        rel: external ? "noopener noreferrer" : void 0,
+        "data-slot": "link-brand",
+        className: cn(BASE_CLASSES, className)
+      }, rest), {
+        children
+      })
+    );
+  }
+);
+
+export { LinkBrand };
+//# sourceMappingURL=chunk-YZNOE4TO.js.map
+//# sourceMappingURL=chunk-YZNOE4TO.js.map

package/dist/chunk-YZNOE4TO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/marketing/buttons/link-brand.tsx"],"names":["LinkBrand","className","children","rest"],"mappings":";;;;;AAMA,IAAM,YAAA,GAAe;AAAA,EACnB,mCAAA;AAAA,EACA,sCAAA;AAAA,EACA,sCAAA;AAAA,EACA,qEAAA;AAAA,EACA;AACF,CAAA,CAAE,KAAK,GAAG,CAAA;AAuCV,IAAM,SAAA,GAAkB,KAAA,CAAA,UAAA;AAAA,EACtB,SAASA,UAAAA,CAAU,KAAA,EAAO,GAAA,EAAK;AAC7B,IAAA,IAAI,KAAA,CAAM,OAAO,QAAA,EAAU;AACzB,MAAA,MAAkD,EAAA,GAAA,KAAA,EAA1C,EAAA,EAAA,EAAI,GAAA,EAAK,SAAA,EAAAC,YAAW,QAAA,EAAAC,SAAAA,EAtDlC,GAsDwD,EAAA,EAATC,KAAAA,GAAA,SAAA,CAAS,EAAA,EAAT,CAAjC,MAAS,WAAA,EAAW,UAAA,CAAA,CAAA;AAC5B,MAAA,uBACE,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA,aAAA,CAAA,cAAA,CAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAA,EAAK,QAAA;AAAA,UACL,WAAA,EAAU,YAAA;AAAA,UACV,SAAA,EAAW,EAAA,CAAG,YAAA,EAAcF,UAAS;AAAA,SAAA,EACjCE,KAAAA,CAAAA,EALL;AAAA,UAOE,QAAA,EAAAD;AAAA,SAAA;AAAA,OACH;AAAA,IAEJ;AAEA,IAAA,MAAiE,EAAA,GAAA,KAAA,EAAzD,EAAA,IAAA,EAAM,QAAA,GAAW,KAAA,EAAO,SAAA,EAAW,QAAA,EApE/C,GAoEqE,EAAA,EAAT,IAAA,GAAA,SAAA,CAAS,EAAA,EAAT,CAAhD,MAAA,EAAM,YAAkB,WAAA,EAAW,UAAA,CAAA,CAAA;AAC3C,IAAA,uBACE,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA,aAAA,CAAA,cAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA;AAAA,QACA,MAAA,EAAQ,WAAW,QAAA,GAAW,MAAA;AAAA,QAC9B,GAAA,EAAK,WAAW,qBAAA,GAAwB,MAAA;AAAA,QACxC,WAAA,EAAU,YAAA;AAAA,QACV,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS;AAAA,OAAA,EACjC,IAAA,CAAA,EAPL;AAAA,QASE;AAAA,OAAA;AAAA,KACH;AAAA,EAEJ;AACF","file":"chunk-YZNOE4TO.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst BASE_CLASSES = [\n  \"text-[color:var(--brand-default)]\",\n  \"hover:text-[color:var(--brand-dark)]\",\n  \"underline-offset-4 transition-colors\",\n  \"outline-none focus-visible:outline-2 focus-visible:outline-offset-2\",\n  \"focus-visible:outline-[color:var(--brand-default)] rounded-sm\",\n].join(\" \")\n\ntype LinkBrandAnchorProps = {\n  /** Renderiza como `<a>` (default). */\n  as?: \"a\"\n  /** URL destino. */\n  href: string\n  external?: boolean\n} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"as\" | \"href\">\n\ntype LinkBrandButtonProps = {\n  /** Renderiza como `<button>` quando a acao e JS (sem URL). */\n  as: \"button\"\n  href?: never\n  external?: never\n} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"as\">\n\nexport type LinkBrandProps = LinkBrandAnchorProps | LinkBrandButtonProps\n\n/**\n * Link de texto discreto da marca — `text-brand-default` com hover pra\n * `text-brand-dark`. Usado em nav, footer e texto inline.\n *\n * Sem underline por default (visual mais clean). Pra ter underline, passe\n * `className=\"hover:underline\"` ou `underline` no consumer.\n *\n * Pode renderizar como `<a>` (default) ou `<button>` via prop `as`.\n *\n * @example\n * <LinkBrand href=\"/precos\">Ver planos</LinkBrand>\n *\n * <LinkBrand href=\"https://twitter.com\" external>\n *   Siga no Twitter\n * </LinkBrand>\n *\n * <LinkBrand as=\"button\" onClick={() => openModal()}>\n *   Abrir filtros\n * </LinkBrand>\n */\nconst LinkBrand = React.forwardRef<HTMLAnchorElement | HTMLButtonElement, LinkBrandProps>(\n  function LinkBrand(props, ref) {\n    if (props.as === \"button\") {\n      const { as: _as, className, children, ...rest } = props\n      return (\n        <button\n          ref={ref as React.Ref<HTMLButtonElement>}\n          type=\"button\"\n          data-slot=\"link-brand\"\n          className={cn(BASE_CLASSES, className)}\n          {...rest}\n        >\n          {children}\n        </button>\n      )\n    }\n\n    const { href, external = false, className, children, ...rest } = props\n    return (\n      <a\n        ref={ref as React.Ref<HTMLAnchorElement>}\n        href={href}\n        target={external ? \"_blank\" : undefined}\n        rel={external ? \"noopener noreferrer\" : undefined}\n        data-slot=\"link-brand\"\n        className={cn(BASE_CLASSES, className)}\n        {...rest}\n      >\n        {children}\n      </a>\n    )\n  }\n)\n\nexport { LinkBrand }\n"]}

package/dist/marketing/buttons/cta-brand.d.ts

@@ -0,0 +1,39 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const ctaBrandVariants: (props?: ({
+    size?: "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CtaBrandProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "size">, VariantProps<typeof ctaBrandVariants> {
+    /** URL destino. Sempre renderiza como `<a>`. Pra acao de JS sem URL, use `<Button>` core. */
+    href: string;
+    /** Quando true, abre em nova aba com `rel="noopener noreferrer"`. Default `false`. */
+    external?: boolean;
+    /**
+     * Escape hatch — desliga o efeito magnetic wrapper. Use em contextos onde o
+     * movimento incomoda (dentro de Sheet/Drawer/popover). Default `false`
+     * (magnetic SEMPRE ligado — esse e o ponto do CtaBrand).
+     */
+    disableMagnetic?: boolean;
+}
+/**
+ * CTA principal de marketing — botao com gradient brand rose (Fluencypass),
+ * rounded-full, drop-shadow glow + brightness hover, e efeito magnetic
+ * embutido (puxa em direcao ao cursor).
+ *
+ * Pra acoes de JS sem URL (submit de form, abrir modal etc), use o
+ * `<Button>` core do Cycle em vez disso.
+ *
+ * @example
+ * <CtaBrand href="#vendas">
+ *   Solicitar demonstracao
+ * </CtaBrand>
+ *
+ * <CtaBrand href="https://app.fluencypass.com" external size="md">
+ *   Acessar app
+ * </CtaBrand>
+ */
+declare const CtaBrand: React.ForwardRefExoticComponent<CtaBrandProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { CtaBrand, type CtaBrandProps, ctaBrandVariants };

package/dist/marketing/buttons/cta-brand.js

@@ -0,0 +1,8 @@
+"use client";
+export { CtaBrand, ctaBrandVariants } from '../../chunk-DJ3DMPKK.js';
+import '../../chunk-WCDYTWKA.js';
+import '../../chunk-T7EIAVSF.js';
+import '../../chunk-QTH4LSO6.js';
+import '../../chunk-2NMEKWO5.js';
+//# sourceMappingURL=cta-brand.js.map
+//# sourceMappingURL=cta-brand.js.map

package/dist/marketing/buttons/cta-brand.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"cta-brand.js"}

package/dist/marketing/buttons/index.d.ts

@@ -0,0 +1,5 @@
+export { CtaBrand, CtaBrandProps, ctaBrandVariants } from './cta-brand.js';
+export { LinkBrand, LinkBrandProps } from './link-brand.js';
+import 'class-variance-authority/types';
+import 'react';
+import 'class-variance-authority';

package/dist/marketing/buttons/index.js

@@ -0,0 +1,9 @@
+"use client";
+export { CtaBrand, ctaBrandVariants } from '../../chunk-DJ3DMPKK.js';
+export { LinkBrand } from '../../chunk-YZNOE4TO.js';
+import '../../chunk-WCDYTWKA.js';
+import '../../chunk-T7EIAVSF.js';
+import '../../chunk-QTH4LSO6.js';
+import '../../chunk-2NMEKWO5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/marketing/buttons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/marketing/buttons/link-brand.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+
+type LinkBrandAnchorProps = {
+    /** Renderiza como `<a>` (default). */
+    as?: "a";
+    /** URL destino. */
+    href: string;
+    external?: boolean;
+} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "as" | "href">;
+type LinkBrandButtonProps = {
+    /** Renderiza como `<button>` quando a acao e JS (sem URL). */
+    as: "button";
+    href?: never;
+    external?: never;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "as">;
+type LinkBrandProps = LinkBrandAnchorProps | LinkBrandButtonProps;
+/**
+ * Link de texto discreto da marca — `text-brand-default` com hover pra
+ * `text-brand-dark`. Usado em nav, footer e texto inline.
+ *
+ * Sem underline por default (visual mais clean). Pra ter underline, passe
+ * `className="hover:underline"` ou `underline` no consumer.
+ *
+ * Pode renderizar como `<a>` (default) ou `<button>` via prop `as`.
+ *
+ * @example
+ * <LinkBrand href="/precos">Ver planos</LinkBrand>
+ *
+ * <LinkBrand href="https://twitter.com" external>
+ *   Siga no Twitter
+ * </LinkBrand>
+ *
+ * <LinkBrand as="button" onClick={() => openModal()}>
+ *   Abrir filtros
+ * </LinkBrand>
+ */
+declare const LinkBrand: React.ForwardRefExoticComponent<LinkBrandProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+
+export { LinkBrand, type LinkBrandProps };

package/dist/marketing/buttons/link-brand.js

@@ -0,0 +1,6 @@
+"use client";
+export { LinkBrand } from '../../chunk-YZNOE4TO.js';
+import '../../chunk-QTH4LSO6.js';
+import '../../chunk-2NMEKWO5.js';
+//# sourceMappingURL=link-brand.js.map
+//# sourceMappingURL=link-brand.js.map

package/dist/marketing/buttons/link-brand.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"link-brand.js"}

package/dist/marketing/effects/hand-underline.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+interface HandUnderlineProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
+    /** Delay em ms entre intersecao no viewport e inicio do draw. Default `600`. */
+    delay?: number;
+    /** Duracao do draw em ms (stroke-dashoffset 240 → 0). Default `780`. */
+    duration?: number;
+    children: React.ReactNode;
+}
+/**
+ * Wrapper que desenha um underline SVG em curva sutil abaixo do texto, animado
+ * via stroke-dasharray quando entra no viewport. Util pra dar enfase em
+ * palavras-chave em headings sem usar bold/color.
+ *
+ * Cor do stroke: `currentColor` — herda do parent. Wrappa com
+ * `<span className="text-[color:var(--brand-default)]">` ou outra cor.
+ *
+ * Acessibilidade:
+ * - SVG `aria-hidden` (decorativo).
+ * - `prefers-reduced-motion: reduce` — desenha o underline completo direto,
+ *   sem animar.
+ *
+ * @example
+ * <h2>
+ *   Acelere o ingles do seu{" "}
+ *   <HandUnderline className="text-[color:var(--brand-default)]">
+ *     time corporativo
+ *   </HandUnderline>
+ * </h2>
+ */
+declare const HandUnderline: React.ForwardRefExoticComponent<HandUnderlineProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { HandUnderline, type HandUnderlineProps };

package/dist/marketing/effects/hand-underline.js

@@ -0,0 +1,8 @@
+"use client";
+export { HandUnderline } from '../../chunk-G57PPNB3.js';
+import '../../chunk-T7EIAVSF.js';
+import '../../chunk-OHRYR7PN.js';
+import '../../chunk-QTH4LSO6.js';
+import '../../chunk-2NMEKWO5.js';
+//# sourceMappingURL=hand-underline.js.map
+//# sourceMappingURL=hand-underline.js.map

package/dist/marketing/effects/hand-underline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"hand-underline.js"}

package/dist/marketing/effects/index.d.ts

@@ -1,4 +1,7 @@
 export { CircleGlow, CircleGlowProps } from './circle-glow.js';
 export { CardDarkGlow, CardDarkGlowProps } from './card-dark-glow.js';
 export { Marquee, MarqueeProps } from './marquee.js';
+export { MagneticButton, MagneticButtonProps } from './magnetic-button.js';
+export { RotatingWord, RotatingWordProps } from './rotating-word.js';
+export { HandUnderline, HandUnderlineProps } from './hand-underline.js';
 import 'react';

package/dist/marketing/effects/index.js

@@ -1,7 +1,12 @@
 "use client";
+export { RotatingWord } from '../../chunk-JQRGW2RF.js';
+export { HandUnderline } from '../../chunk-G57PPNB3.js';
+export { MagneticButton } from '../../chunk-WCDYTWKA.js';
 export { CircleGlow } from '../../chunk-U27GHP5Z.js';
 export { CardDarkGlow } from '../../chunk-K2XIXOMO.js';
 export { Marquee } from '../../chunk-HXFGULDU.js';
+import '../../chunk-T7EIAVSF.js';
+import '../../chunk-OHRYR7PN.js';
 import '../../chunk-QTH4LSO6.js';
 import '../../chunk-2NMEKWO5.js';
 //# sourceMappingURL=index.js.map

package/dist/marketing/effects/magnetic-button.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+
+interface MagneticButtonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Multiplicador do offset (quanto o filho "puxa" em direcao ao cursor). Default `0.25`. */
+    strength?: number;
+    /** Distancia em px na qual o efeito ativa. Default `100`. */
+    radius?: number;
+    children: React.ReactNode;
+}
+/**
+ * Wrapper que aplica efeito magnetico no filho (puxa em direcao ao cursor
+ * quando proximo). Inspirado em CTAs premium de landing pages.
+ *
+ * Otimizacoes de performance:
+ * - Escreve `transform` direto no DOM via ref (sem React state na hot path).
+ * - Throttle com `requestAnimationFrame` (max 1 update por frame).
+ * - `IntersectionObserver` gating: so processa `mousemove` quando visivel
+ *   (rootMargin 200px pra suavidade na entrada).
+ *
+ * Acessibilidade:
+ * - Skip total se `prefers-reduced-motion: reduce`.
+ * - Skip total em `pointer: coarse` (touch devices) — sem cursor real.
+ *
+ * O drop-shadow usa CSS vars (`--shadow-brand-glow-idle/-hover`) — consumer
+ * pode override pro brand proprio sem mexer no componente.
+ *
+ * @example
+ * <MagneticButton>
+ *   <a href="#vendas">
+ *     <Button variant="default">CTA principal</Button>
+ *   </a>
+ * </MagneticButton>
+ */
+declare const MagneticButton: React.ForwardRefExoticComponent<MagneticButtonProps & React.RefAttributes<HTMLDivElement>>;
+
+export { MagneticButton, type MagneticButtonProps };

package/dist/marketing/effects/magnetic-button.js

@@ -0,0 +1,7 @@
+"use client";
+export { MagneticButton } from '../../chunk-WCDYTWKA.js';
+import '../../chunk-T7EIAVSF.js';
+import '../../chunk-QTH4LSO6.js';
+import '../../chunk-2NMEKWO5.js';
+//# sourceMappingURL=magnetic-button.js.map
+//# sourceMappingURL=magnetic-button.js.map

package/dist/marketing/effects/magnetic-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"magnetic-button.js"}

package/dist/marketing/effects/rotating-word.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+
+interface RotatingWordProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
+    /** Lista de palavras a ciclar (typewriter). */
+    words: string[];
+    /** Velocidade de digitacao em ms por caractere. Default `80`. */
+    typingMs?: number;
+    /** Velocidade de apagar em ms por caractere. Default `45`. */
+    eraseMs?: number;
+    /** Tempo segurando a palavra completa em ms. Default `1500`. */
+    holdMs?: number;
+}
+/**
+ * Typewriter de palavras em loop. Util em headings de hero para destacar
+ * caracteristicas ou propostas de valor que rotacionam.
+ *
+ * State machine: `typing → holding → erasing → next word`.
+ *
+ * Cor herda do parent via `currentColor` — wrappa com `text-[color]` ou
+ * `text-foreground` no consumer pra controlar. O cursor blink usa a mesma
+ * cor do texto (`bg-current`).
+ *
+ * Acessibilidade:
+ * - `aria-live="polite"` + `aria-atomic="true"` — screen reader anuncia a
+ *   palavra completa apos cada ciclo, sem ler caractere por caractere.
+ * - `prefers-reduced-motion: reduce` — renderiza so a primeira palavra,
+ *   estatica, sem cursor.
+ *
+ * @example
+ * <h1>
+ *   Aprenda ingles com{" "}
+ *   <RotatingWord
+ *     className="text-[color:var(--brand-default)]"
+ *     words={["IA", "proposito", "confianca"]}
+ *   />
+ * </h1>
+ */
+declare const RotatingWord: React.ForwardRefExoticComponent<RotatingWordProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { RotatingWord, type RotatingWordProps };

package/dist/marketing/effects/rotating-word.js

@@ -0,0 +1,7 @@
+"use client";
+export { RotatingWord } from '../../chunk-JQRGW2RF.js';
+import '../../chunk-T7EIAVSF.js';
+import '../../chunk-QTH4LSO6.js';
+import '../../chunk-2NMEKWO5.js';
+//# sourceMappingURL=rotating-word.js.map
+//# sourceMappingURL=rotating-word.js.map

package/dist/marketing/effects/rotating-word.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"rotating-word.js"}

package/dist/styles/tokens.css

@@ -59,6 +59,7 @@
   --color-neutral-input: var(--neutral-input);
   --color-neutral-bg: var(--neutral-bg);
   --color-neutral-accent: var(--neutral-accent);
+  --color-neutral-ring: var(--neutral-ring);
   --radius-sm: calc(var(--radius) - 4px);
   --radius-md: calc(var(--radius) - 2px);
   --radius-lg: var(--radius);
@@ -139,6 +140,7 @@
   --neutral-input: var(--gray-200);
   --neutral-bg: var(--base-white);
   --neutral-accent: var(--gray-100);
+  --neutral-ring: var(--gray-500);
   --alpha-backdrop: rgba(0, 0, 0, 0.6);
   --alpha-overlay: rgba(255, 255, 255, 0.6);
 
@@ -191,6 +193,7 @@
   --neutral-input: var(--gray-800);
   --neutral-bg: var(--gray-950);
   --neutral-accent: var(--gray-800);
+  --neutral-ring: var(--gray-500);
   --alpha-backdrop: rgba(0, 0, 0, 0.6);
   --alpha-overlay: rgba(255, 255, 255, 0.6);
 
@@ -222,7 +225,7 @@
   --popover-foreground: #D45558;
   --muted: #FFD0D1;
   --muted-foreground: #8C2D2F;
-  --accent: #FF8A8D;
+  --accent: #FFE8E8;
   --accent-foreground: #6B1E20;
   --primary: #D45558;
   --primary-foreground: #FFFFFF;
@@ -242,7 +245,7 @@
   --popover-foreground: #1A5FE0;
   --muted: #C2D6FF;
   --muted-foreground: #0A3590;
-  --accent: #70A0FF;
+  --accent: #E0EBFF;
   --accent-foreground: #062268;
   --primary: #1A5FE0;
   --primary-foreground: #FFFFFF;
@@ -262,7 +265,7 @@
   --popover-foreground: #E56530;
   --muted: #FFD9C2;
   --muted-foreground: #993A16;
-  --accent: #FFA570;
+  --accent: #FFEDE0;
   --accent-foreground: #73270E;
   --primary: #E56530;
   --primary-foreground: #FFFFFF;
@@ -282,7 +285,7 @@
   --popover-foreground: #00C234;
   --muted: #B8FFD0;
   --muted-foreground: #00731E;
-  --accent: #47FF8A;
+  --accent: #E0FFE9;
   --accent-foreground: #004D14;
   --primary: #00C234;
   --primary-foreground: #0a0a0a;
@@ -302,7 +305,7 @@
   --popover-foreground: #7D0DD4;
   --muted: #EFC2FF;
   --muted-foreground: #48077C;
-  --accent: #D070FF;
+  --accent: #F7E0FF;
   --accent-foreground: #48077C;
   --primary: #7D0DD4;
   --primary-foreground: #FFFFFF;
@@ -322,7 +325,7 @@
   --popover-foreground: #098A5E;
   --muted: #B8F2D9;
   --muted-foreground: #05523A;
-  --accent: #47D99E;
+  --accent: #E0FAF0;
   --accent-foreground: #033526;
   --primary: #098A5E;
   --primary-foreground: #FFFFFF;
@@ -342,7 +345,7 @@
   --popover-foreground: #D48E00;
   --muted: #FEEAB0;
   --muted-foreground: #7D5400;
-  --accent: #FECF50;
+  --accent: #FFF5D9;
   --accent-foreground: #523800;
   --primary: #D48E00;
   --primary-foreground: #FFFFFF;
@@ -362,7 +365,7 @@
   --popover-foreground: #B32020;
   --muted: #FFD0D0;
   --muted-foreground: #6B1010;
-  --accent: #FF8585;
+  --accent: #FFE8E8;
   --accent-foreground: #470A0A;
   --primary: #B32020;
   --primary-foreground: #FFFFFF;
@@ -1039,6 +1042,32 @@
   .cycle-marquee-track { animation: none; }
 }
 
+/* ============================================================
+   Cycle Marketing — Camada 2b (Buttons + Motion avançado)
+   Replicado de globals.css para o CSS distribuido (styles.css).
+   ============================================================ */
+
+:root {
+  --shadow-brand-glow-idle: drop-shadow(0 4px 8px rgba(237, 106, 109, 0.15));
+  --shadow-brand-glow-hover: drop-shadow(0 12px 24px rgba(237, 106, 109, 0.35));
+}
+
+@keyframes cycle-rotating-cursor-blink {
+  0%, 49%   { opacity: 1; }
+  50%, 100% { opacity: 0; }
+}
+
+.cycle-rotating-cursor {
+  animation: cycle-rotating-cursor-blink 1s steps(2, end) infinite;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .cycle-rotating-cursor {
+    opacity: 0;
+    animation: none;
+  }
+}
+
 @media (pointer: fine) {
   [data-media-player][data-layout='video']:not([data-fullscreen]) {
     border-radius: 16px !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluencypassdevs/cycle",
-  "version": "1.15.1",
+  "version": "1.16.1",
   "description": "Cycle Design System — UI component library by Fluencypass",
   "license": "MIT",
   "repository": {
@@ -83,6 +83,14 @@
       "import": "./dist/marketing/effects/*.js",
       "types": "./dist/marketing/effects/*.d.ts"
     },
+    "./marketing/buttons": {
+      "import": "./dist/marketing/buttons/index.js",
+      "types": "./dist/marketing/buttons/index.d.ts"
+    },
+    "./marketing/buttons/*": {
+      "import": "./dist/marketing/buttons/*.js",
+      "types": "./dist/marketing/buttons/*.d.ts"
+    },
     "./styles.css": "./dist/styles/tokens.css",
     "./tailwind-theme.css": "./dist/styles/tokens.css"
   },