4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:Tdcb,// Dithered Shader CTA from Hirael // MIT · Mohammad Shehadeh · https://github.com/MohammadShehadeh/hirael 'use client'; import * as React from 'react'; import dynamic from 'next/dynamic'; import { ArrowRight, PenLine } from 'lucide-react'; import { cn } from '@/lib/utils'; import { Button } from '@/registry/hirael/bases/radix/ui/button'; const Cta03Backdrop = dynamic(() => import('./cta-03-backdrop'), { ssr: false, loading: () =>

, }); const ENTER = 'animate-in fade-in slide-in-from-bottom-4 duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] fill-mode-both motion-reduce:animate-none'; const stagger = (index: number): React.CSSProperties => ({ animationDelay: `${index * 70}ms` }); const Cta03 = () => { const [active, setActive] = React.useState(false); return (

setActive(true)} onMouseLeave={() => setActive(false)} >

AI writing

Your words,
only sharper.

An AI editor that keeps your voice and tightens everything else. It drafts, trims, and proofs while you type.

); }; export default Cta03; 51:T936,// Dithered Shader CTA from Hirael // MIT · Mohammad Shehadeh · https://github.com/MohammadShehadeh/hirael 'use client'; import * as React from 'react'; import { Dither, Shader, Swirl } from 'shaders/react'; // The shader can't read `var()`, so tokens are resolved to concrete colors through the DOM. const resolveColor = (value: string) => { const probe = document.createElement('span'); probe.style.color = value; document.body.append(probe); const resolved = getComputedStyle(probe).color; probe.remove(); return resolved; }; const readPalette = () => ({ base: resolveColor('var(--background)'), ink: resolveColor('color-mix(in oklab, var(--foreground) 65%, var(--background))'), halftone: resolveColor('color-mix(in oklab, var(--foreground) 50%, var(--background))'), }); type Palette = ReturnType; const usePalette = () => { const [palette, setPalette] = React.useState(() => typeof document === 'undefined' ? null : readPalette(), ); React.useEffect(() => { const observer = new MutationObserver(() => setPalette(readPalette())); observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'], }); return () => observer.disconnect(); }, []); return palette; }; const REDUCED_MOTION = '(prefers-reduced-motion: reduce)'; const subscribeReducedMotion = (onChange: () => void) => { const media = window.matchMedia(REDUCED_MOTION); media.addEventListener('change', onChange); return () => media.removeEventListener('change', onChange); }; const useReducedMotion = () => React.useSyncExternalStore( subscribeReducedMotion, () => window.matchMedia(REDUCED_MOTION).matches, () => false, ); interface Cta03BackdropProps { active?: boolean; } const Cta03Backdrop = ({ active = false }: Cta03BackdropProps) => { const palette = usePalette(); const reduced = useReducedMotion(); if (!palette) return null; return ( ); }; export default Cta03Backdrop; 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","shaders",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/shaders","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"shaders"}]]}]}]]}],["$","$L4e",null,{"namespace":"@hirael","registryDependencies":["button"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/hirael/bases/radix/blocks/cta-03/cta-03.tsx","content":"$50","type":"registry:block","target":"components/blocks/cta-03.tsx"},{"path":"registry/hirael/bases/radix/blocks/cta-03/cta-03-backdrop.tsx","content":"$51","type":"registry:block","target":"components/blocks/cta-03-backdrop.tsx"}],"className":"h-[70svh] min-h-80"}]]}]

Your words, only sharper.

Your words,
only sharper.