heroui-inc · wingkwong · Jun 2, 2025 · May 15, 2025 · May 26, 2025 · May 31, 2025
diff --git a/.changeset/pre.json b/.changeset/pre.json
diff --git a/.eslintignore b/.eslintignore
diff --git a/.eslintrc.json b/.eslintrc.json
diff --git a/.lintstagedrc.cjs b/.lintstagedrc.cjs
@@ -16,7 +16,7 @@ module.exports = {
   "**/*.{js,ts,jsx,tsx}": async (files) => {
     const filesToLint = await removeIgnoredFiles(files);
 
-    return [`eslint -c .eslintrc.json --max-warnings=0 --fix ${filesToLint}`];
+    return [`eslint --max-warnings=0 --fix ${filesToLint}`];
   },
   "**/*.css": async (files) => {
     const filesToLint = await removeIgnoredFiles(files);

diff --git a/apps/docs/app/examples/autocomplete/async-filtering/page.tsx b/apps/docs/app/examples/autocomplete/async-filtering/page.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable no-console */
 "use client";
 
 import * as React from "react";

diff --git a/apps/docs/app/examples/table/custom-styles/page.tsx b/apps/docs/app/examples/table/custom-styles/page.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/no-onchange */
 "use client";
 
 import {

diff --git a/apps/docs/app/examples/table/use-case/page.tsx b/apps/docs/app/examples/table/use-case/page.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/no-onchange */
 "use client";
 
 import {

diff --git a/apps/docs/app/layout.tsx b/apps/docs/app/layout.tsx
@@ -12,7 +12,7 @@ import {siteConfig} from "@/config/site";
 import {fonts} from "@/config/fonts";
 import {Navbar} from "@/components/navbar";
 import {Footer} from "@/components/footer";
-import {ProBanner} from "@/components/pro-banner";
+import {HeroUIChatBanner} from "@/components/heroui-chat-banner";
 
 export const metadata: Metadata = {
   title: {
@@ -75,14 +75,14 @@ export default function RootLayout({children}: {children: React.ReactNode}) {
       <head />
       <body
         className={clsx(
-          "min-h-screen bg-background font-sans antialiased",
+          "min-h-screen text-foreground bg-background font-sans antialiased",
           fonts.sans.variable,
           fonts.mono.variable,
         )}
       >
         <Providers themeProps={{attribute: "class", defaultTheme: "dark"}}>
           <div className="relative flex flex-col" id="app-container">
-            <ProBanner />
+            <HeroUIChatBanner />
             <Navbar mobileRoutes={manifest.mobileRoutes} routes={manifest.routes} />
             {children}
             <Analytics mode="production" />

diff --git a/apps/docs/components/ads/carbon-ad/carbon-ad.tsx b/apps/docs/components/ads/carbon-ad/carbon-ad.tsx
@@ -11,12 +11,13 @@ import {useIsMounted} from "@/hooks/use-is-mounted";
 import {__PROD__, __ENABLE_ADS__} from "@/utils";
 
 const EA_PROVIDER_RATIO = 0.85;
-const PRODUCT_HUNT_ENABLED = false;
+const INTERNAL_AD_ENABLED = true;
 
-const PH_INFO = {
-  description: "Join the conversation and help us get #1 Product of the Week! ↗",
-  title: "We're live on Product Hunt! (30% OFF)",
-  url: "https://ph.heroui.chat?utm_source=heroui.chat&utm_medium=banner",
+const INTERNAL_AD_INFO = {
+  description: "Join our hackathon, $6k in prizes + 3 months of HeroUI Chat Pro! ↗",
+  title: "Hackathon #HeroHack",
+  img: "https://heroui-chat-assets.nyc3.cdn.digitaloceanspaces.com/herohack.png",
+  url: "https://hack.heroui.chat/twitter?utm_source=heroui.com&utm_medium=ad-banner",
 };
 
 export const CarbonAd: React.FC<unknown> = () => {
@@ -49,7 +50,7 @@ export const CarbonAd: React.FC<unknown> = () => {
   }, []);
 
   useEffect(() => {
-    if (PRODUCT_HUNT_ENABLED) return;
+    if (INTERNAL_AD_ENABLED) return;
 
     const shouldShowEthicalAds = Math.random() < EA_PROVIDER_RATIO;
 
@@ -91,7 +92,7 @@ export const CarbonAd: React.FC<unknown> = () => {
               setShowEthicalAds(true);
             }
           });
-        } catch (error) {
+        } catch {
           loadCarbonAds();
         }
       } else {
@@ -106,25 +107,28 @@ export const CarbonAd: React.FC<unknown> = () => {
     };
   }, [isMounted]);
 
-  if (PRODUCT_HUNT_ENABLED) {
+  if (INTERNAL_AD_ENABLED) {
     return (
       <div className="px-2 not-prose hover:opacity-80 transition-[opacity] duration-200 carbon-ad-container max-h-[100px] min-h-[100px] h-[100px] m-0 p-0">
         <a
-          className="group flex items-center flex gap-2 h-full"
-          href={PH_INFO.url}
+          className="group flex items-center flex gap-4 h-full"
+          href={INTERNAL_AD_INFO.url}
           rel="noopener noreferrer"
           target="_blank"
         >
           <Image
+            removeWrapper
             alt="Product Hunt"
-            className="m-0 w-[80px] h-[80px] object-cover"
-            src="/product-hunt.png"
+            className="m-0 w-[120px] h-[80px] object-cover rounded-[8px]"
+            src={INTERNAL_AD_INFO.img}
           />
           <div className="flex flex-col gap-0.5 pointer-events-none">
             <div className="text-small md:text-medium font-medium no-underline">
-              {PH_INFO.title}
+              {INTERNAL_AD_INFO.title}
+            </div>
+            <div className="text-tiny md:text-small text-default-500">
+              {INTERNAL_AD_INFO.description}
             </div>
-            <div className="text-tiny md:text-small text-default-500">{PH_INFO.description}</div>
           </div>
         </a>
       </div>

diff --git a/apps/docs/components/ads/carbon-ad/carbon-optimize.js b/apps/docs/components/ads/carbon-ad/carbon-optimize.js
@@ -47,7 +47,6 @@ export default {
 
     if (!document.hidden) {
       if (typeof _carbonads !== "undefined" && isElementInViewport("#carbonads")) {
-        // eslint-disable-next-line no-undef
         _carbonads.refresh();
       }
     }

diff --git a/apps/docs/components/blog/video-in-view.tsx b/apps/docs/components/blog/video-in-view.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/media-has-caption */
 "use client";
 
 import {useInView} from "framer-motion";

diff --git a/apps/docs/components/cmdk.tsx b/apps/docs/components/cmdk.tsx
@@ -210,7 +210,7 @@ export const Cmdk: FC<{}> = () => {
     [query],
   );
 
-  const items = !isEmpty(results) ? results : recentSearches ?? [];
+  const items = !isEmpty(results) ? results : (recentSearches ?? []);
 
   // Toggle the menu when ⌘K / CTRL K is pressed
   useEffect(() => {

diff --git a/apps/docs/components/docs/components/code-demo/code-demo.tsx b/apps/docs/components/docs/components/code-demo/code-demo.tsx
@@ -19,14 +19,14 @@ const DynamicReactLiveDemo = dynamic(
   () => import("./react-live-demo").then((m) => m.ReactLiveDemo),
   {
     ssr: false,
-    // eslint-disable-next-line react/display-name
+
     loading: () => <Skeleton className="w-full h-24 rounded-xl" />,
   },
 );
 
 const DynamicSandpack = dynamic(() => import("../../../sandpack").then((m) => m.Sandpack), {
   ssr: false,
-  // eslint-disable-next-line react/display-name
+
   loading: () => <Skeleton className="w-full h-32 rounded-xl" />,
 });
 

diff --git a/apps/docs/components/marketing/a11y-otb.tsx b/apps/docs/components/marketing/a11y-otb.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-/* eslint-disable react/display-name */
 import {
   Button,
   Image,