Merge branch 'nextui-org:canary' into adding-isClearable-to-select

.changeset/dirty-moles-refuse.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/autocomplete": patch
+---
+
+Clicking the clear button clears the selected value without closing the dropdown. (#3788)

.changeset/shy-mails-live.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/image": patch
+---
+
+add missing `w` to `getWrapperProps` dependency (#3801)

.changeset/slimy-cats-brush.md

@@ -0,0 +1,4 @@
+---
+---
+
+Update Twitter logo, links, and named references to X. Removed Twitter logo from social based on review feedback.

.changeset/two-waves-own.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/input": patch
+---
+
+clear button should not receive focus when input is disabled.

.changeset/witty-socks-bathe.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+add missing `data-[hover=true]:` for ghost button with danger color

.github/ISSUE_TEMPLATE/config.yml

@@ -6,6 +6,6 @@ contact_links:
   - name: 💬 Discord Community Chat
     url: https://discord.gg/9b6yyZKmH4
     about: Ask quick questions or simply chat on the `NextUI` community Discord server.
-  - name: 💬 New Updates (Twitter)
-    url: https://twitter.com/getnextui
-    about: Link to our twitter account if you want to follow us and stay up to date with NextUI news
+  - name: 💬 New Updates (X)
+    url: https://x.com/getnextui
+    about: Link to our X account if you want to follow us and stay up to date with NextUI news

apps/docs/.sponsorsrc

@@ -309,28 +309,6 @@
     "github": null,
     "website": "https://encur.me/"
   },
-  {
-    "MemberId": 569973,
-    "createdAt": "2024-05-29 17:51",
-    "type": "USER",
-    "role": "BACKER",
-    "tier": "Gold Sponsor 🥇",
-    "isActive": true,
-    "totalAmountDonated": 100,
-    "currency": "USD",
-    "lastTransactionAt": "2024-05-29 17:51",
-    "lastTransactionAmount": 100,
-    "profile": "https://opencollective.com/maxprilutskiy",
-    "name": "Replexica",
-    "company": "",
-    "description": null,
-    "image": "/sponsors/569973.jpg",
-    "email": null,
-    "newsletterOptIn": null,
-    "twitter": null,
-    "github": null,
-    "website": "https://replexica.com/?utm_source=nextui&utm_marketing=oss"
-  },
   {
     "MemberId": 571230,
     "createdAt": "2024-06-01 18:47",

apps/docs/components/icons/social.tsx

@@ -58,11 +58,11 @@ const DiscordIcon: React.FC<IconSvgProps> = ({size = 24, width, height, ...props
   );
 };
 
-const TwitterIcon: React.FC<IconSvgProps> = ({size = 24, width, height, ...props}) => {
+const XIcon: React.FC<IconSvgProps> = ({size = 20, width, height, ...props}) => {
   return (
     <svg height={size || height} viewBox="0 0 24 24" width={size || width} {...props}>
       <path
-        d="M19.633 7.997c.013.175.013.349.013.523 0 5.325-4.053 11.461-11.46 11.461-2.282 0-4.402-.661-6.186-1.809.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721 4.036 4.036 0 0 1-3.767-2.793c.249.037.499.062.761.062.361 0 .724-.05 1.061-.137a4.027 4.027 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.022 4.022 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.457 11.457 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a7.957 7.957 0 0 0 2.556-.973 4.02 4.02 0 0 1-1.771 2.22 8.073 8.073 0 0 0 2.319-.624 8.645 8.645 0 0 1-2.019 2.083z"
+        d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
         fill="currentColor"
       />
     </svg>
@@ -454,7 +454,7 @@ const TypescriptIcon: React.FC<IconSvgProps> = ({width = "1em", height = "1em",
 };
 
 export {
-  TwitterIcon,
+  XIcon,
   DiscordIcon,
   GithubIcon,
   OpenCollectiveIcon,

apps/docs/components/icons/sponsors.tsx

@@ -79,27 +79,6 @@ export const Story2DesignLogo = ({width = 175, height = 26, ...props}: IconSvgPr
   </svg>
 );
 
-export const ReplexicaLogo = () => (
-  <svg
-    className="text-black dark:text-white"
-    fill="none"
-    height="30"
-    viewBox="0 0 442 86"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <rect fill="currentColor" height="16" width="16" x="48" y="59" />
-    <rect fill="currentColor" height="16" width="16" x="48" y="35" />
-    <rect fill="currentColor" height="16" width="16" x="48" y="11" />
-    <rect fill="currentColor" height="16" width="16" x="24" y="11" />
-    <rect fill="currentColor" height="16" width="16" x="24" y="35" />
-    <rect fill="currentColor" height="16" width="16" y="11" />
-    <path
-      d="M103.01 70V19.6H124.898C127.922 19.6 130.682 20.32 133.178 21.76C135.674 23.152 137.642 25.072 139.082 27.52C140.57 29.92 141.314 32.632 141.314 35.656C141.314 38.536 140.57 41.2 139.082 43.648C137.642 46.048 135.674 47.968 133.178 49.408C130.73 50.8 127.97 51.496 124.898 51.496H112.154V70H103.01ZM132.242 70L119.426 47.248L129.074 45.448L143.33 70.072L132.242 70ZM112.154 43.36H124.97C126.362 43.36 127.562 43.048 128.57 42.424C129.626 41.752 130.442 40.84 131.018 39.688C131.594 38.536 131.882 37.264 131.882 35.872C131.882 34.288 131.522 32.92 130.802 31.768C130.082 30.616 129.074 29.704 127.778 29.032C126.482 28.36 124.994 28.024 123.314 28.024H112.154V43.36ZM168.007 70.72C164.023 70.72 160.495 69.88 157.423 68.2C154.399 66.52 152.023 64.24 150.295 61.36C148.615 58.432 147.775 55.096 147.775 51.352C147.775 48.376 148.255 45.664 149.215 43.216C150.175 40.768 151.495 38.656 153.175 36.88C154.903 35.056 156.943 33.664 159.295 32.704C161.695 31.696 164.311 31.192 167.143 31.192C169.639 31.192 171.967 31.672 174.127 32.632C176.287 33.592 178.159 34.912 179.743 36.592C181.327 38.224 182.527 40.192 183.343 42.496C184.207 44.752 184.615 47.224 184.567 49.912L184.495 53.008H153.751L152.095 46.96H177.079L175.927 48.184V46.6C175.783 45.112 175.303 43.816 174.487 42.712C173.671 41.56 172.615 40.672 171.319 40.048C170.071 39.376 168.679 39.04 167.143 39.04C164.791 39.04 162.799 39.496 161.167 40.408C159.583 41.32 158.383 42.64 157.567 44.368C156.751 46.048 156.343 48.16 156.343 50.704C156.343 53.152 156.847 55.288 157.855 57.112C158.911 58.936 160.375 60.352 162.247 61.36C164.167 62.32 166.399 62.8 168.943 62.8C170.719 62.8 172.351 62.512 173.839 61.936C175.327 61.36 176.935 60.328 178.663 58.84L183.055 64.96C181.759 66.16 180.271 67.192 178.591 68.056C176.959 68.872 175.231 69.52 173.407 70C171.583 70.48 169.783 70.72 168.007 70.72ZM192.411 85.84V32.056H201.123L201.267 40.696L199.755 40.048C200.043 38.56 200.859 37.168 202.203 35.872C203.547 34.528 205.179 33.448 207.099 32.632C209.067 31.816 211.107 31.408 213.219 31.408C216.579 31.408 219.555 32.248 222.147 33.928C224.787 35.608 226.851 37.912 228.339 40.84C229.875 43.768 230.643 47.152 230.643 50.992C230.643 54.784 229.875 58.168 228.339 61.144C226.851 64.072 224.787 66.4 222.147 68.128C219.555 69.808 216.627 70.648 213.363 70.648C211.155 70.648 209.019 70.216 206.955 69.352C204.939 68.488 203.211 67.36 201.771 65.968C200.379 64.576 199.515 63.112 199.179 61.576L201.339 60.568V85.84H192.411ZM211.563 62.8C213.579 62.8 215.379 62.296 216.963 61.288C218.547 60.28 219.771 58.888 220.635 57.112C221.547 55.336 222.003 53.296 222.003 50.992C222.003 48.688 221.571 46.672 220.707 44.944C219.843 43.168 218.619 41.776 217.035 40.768C215.451 39.76 213.627 39.256 211.563 39.256C209.451 39.256 207.603 39.76 206.019 40.768C204.483 41.728 203.259 43.096 202.347 44.872C201.435 46.648 200.979 48.688 200.979 50.992C200.979 53.296 201.435 55.336 202.347 57.112C203.259 58.888 204.483 60.28 206.019 61.288C207.603 62.296 209.451 62.8 211.563 62.8ZM238.608 70V16.72H247.536V70H238.608ZM275.023 70.72C271.039 70.72 267.511 69.88 264.439 68.2C261.415 66.52 259.039 64.24 257.311 61.36C255.631 58.432 254.791 55.096 254.791 51.352C254.791 48.376 255.271 45.664 256.231 43.216C257.191 40.768 258.511 38.656 260.191 36.88C261.919 35.056 263.959 33.664 266.311 32.704C268.711 31.696 271.327 31.192 274.159 31.192C276.655 31.192 278.983 31.672 281.143 32.632C283.303 33.592 285.175 34.912 286.759 36.592C288.343 38.224 289.543 40.192 290.359 42.496C291.223 44.752 291.631 47.224 291.583 49.912L291.511 53.008H260.767L259.111 46.96H284.095L282.943 48.184V46.6C282.799 45.112 282.319 43.816 281.503 42.712C280.687 41.56 279.631 40.672 278.335 40.048C277.087 39.376 275.695 39.04 274.159 39.04C271.807 39.04 269.815 39.496 268.183 40.408C266.599 41.32 265.399 42.64 264.583 44.368C263.767 46.048 263.359 48.16 263.359 50.704C263.359 53.152 263.863 55.288 264.871 57.112C265.927 58.936 267.391 60.352 269.263 61.36C271.183 62.32 273.415 62.8 275.959 62.8C277.735 62.8 279.367 62.512 280.855 61.936C282.343 61.36 283.951 60.328 285.679 58.84L290.071 64.96C288.775 66.16 287.287 67.192 285.607 68.056C283.975 68.872 282.247 69.52 280.423 70C278.599 70.48 276.799 70.72 275.023 70.72ZM323.767 70L312.967 55.384L310.951 52.648L295.327 32.056H306.271L316.783 46.312L319.015 49.336L334.495 70H323.767ZM295.255 70L310.303 49.84L315.343 55.888L305.695 70H295.255ZM319.015 52.288L314.191 46.312L322.903 32.056H333.343L319.015 52.288ZM341.848 70V32.056H350.704V70H341.848ZM346.168 23.992C344.392 23.992 343 23.56 341.992 22.696C341.032 21.784 340.552 20.512 340.552 18.88C340.552 17.344 341.056 16.096 342.064 15.136C343.072 14.176 344.44 13.696 346.168 13.696C347.992 13.696 349.384 14.152 350.344 15.064C351.352 15.928 351.856 17.2 351.856 18.88C351.856 20.368 351.352 21.592 350.344 22.552C349.336 23.512 347.944 23.992 346.168 23.992ZM378.206 70.72C374.654 70.72 371.462 69.856 368.63 68.128C365.798 66.4 363.566 64.048 361.934 61.072C360.302 58.096 359.486 54.736 359.486 50.992C359.486 47.248 360.302 43.888 361.934 40.912C363.566 37.936 365.798 35.584 368.63 33.856C371.462 32.128 374.654 31.264 378.206 31.264C381.614 31.264 384.71 31.912 387.494 33.208C390.278 34.504 392.438 36.304 393.974 38.608L389.078 44.512C388.358 43.504 387.446 42.592 386.342 41.776C385.238 40.96 384.062 40.312 382.814 39.832C381.566 39.352 380.318 39.112 379.07 39.112C376.958 39.112 375.062 39.64 373.382 40.696C371.75 41.704 370.454 43.12 369.494 44.944C368.534 46.72 368.054 48.736 368.054 50.992C368.054 53.248 368.534 55.264 369.494 57.04C370.502 58.816 371.846 60.232 373.526 61.288C375.206 62.344 377.078 62.872 379.142 62.872C380.39 62.872 381.59 62.68 382.742 62.296C383.942 61.864 385.07 61.264 386.126 60.496C387.182 59.728 388.166 58.768 389.078 57.616L393.974 63.592C392.342 65.704 390.086 67.432 387.206 68.776C384.374 70.072 381.374 70.72 378.206 70.72ZM415.075 70.72C411.955 70.72 409.123 69.856 406.579 68.128C404.035 66.4 401.995 64.048 400.459 61.072C398.923 58.096 398.155 54.712 398.155 50.92C398.155 47.128 398.923 43.744 400.459 40.768C401.995 37.792 404.083 35.464 406.723 33.784C409.363 32.104 412.339 31.264 415.651 31.264C417.571 31.264 419.323 31.552 420.907 32.128C422.491 32.656 423.883 33.424 425.083 34.432C426.283 35.44 427.267 36.592 428.035 37.888C428.851 39.184 429.403 40.576 429.691 42.064L427.747 41.56V32.056H436.675V70H427.675V60.928L429.763 60.568C429.427 61.864 428.803 63.136 427.891 64.384C427.027 65.584 425.923 66.664 424.579 67.624C423.283 68.536 421.819 69.28 420.187 69.856C418.603 70.432 416.899 70.72 415.075 70.72ZM417.523 62.872C419.587 62.872 421.411 62.368 422.995 61.36C424.579 60.352 425.803 58.96 426.667 57.184C427.579 55.36 428.035 53.272 428.035 50.92C428.035 48.616 427.579 46.576 426.667 44.8C425.803 43.024 424.579 41.632 422.995 40.624C421.411 39.616 419.587 39.112 417.523 39.112C415.459 39.112 413.635 39.616 412.051 40.624C410.515 41.632 409.315 43.024 408.451 44.8C407.587 46.576 407.155 48.616 407.155 50.92C407.155 53.272 407.587 55.36 408.451 57.184C409.315 58.96 410.515 60.352 412.051 61.36C413.635 62.368 415.459 62.872 417.523 62.872Z"
-      fill="currentColor"
-    />
-  </svg>
-);
-
 export const CodeRabbitLogo = () => (
   <svg fill="none" height="30" viewBox="0 0 9599 1799" xmlns="http://www.w3.org/2000/svg">
     <path

apps/docs/components/marketing/features-grid.tsx

@@ -72,7 +72,7 @@ export const FeaturesGrid: React.FC<FeaturesGridProps> = ({features, classNames,
           <CardHeader className={slots.header({class: classNames?.header})}>
             <div className={slots.iconWrapper({class: classNames?.iconWrapper})}>{feat.icon}</div>
             <p className={slots.title({class: classNames?.title})}>{feat.title}</p>
-            {feat.isExternal && <LinkIcon className="text-white" height={18} width={18} />}
+            {feat.isExternal && <LinkIcon height={18} width={18} />}
           </CardHeader>
           {feat.description ? (
             <CardBody className={slots.body({class: classNames?.body})}>

apps/docs/components/marketing/hero/floating-components.tsx

@@ -50,7 +50,7 @@ export const FloatingComponents: React.FC<{}> = () => {
         />
 
         <Input
-          className="absolute -top-[130px] -right-[120px] animate-[levitate_10s_ease_infinite] w-[200px]"
+          className="absolute -top-[60px] -right-[80px] animate-[levitate_10s_ease_infinite] w-[200px]"
           color="secondary"
           defaultValue="NextUI"
           label="Input"
@@ -61,7 +61,7 @@ export const FloatingComponents: React.FC<{}> = () => {
 
         <Card
           isFooterBlurred
-          className="absolute -top-[260px] right-[100px] h-[120px] animate-[levitate_12s_ease_infinite_1s] z-0 max-w-fit"
+          className="absolute -top-[270px] right-[100px] h-[120px] animate-[levitate_12s_ease_infinite_1s] z-0 max-w-fit"
         >
           <Image
             alt="Professional camera"
@@ -79,18 +79,18 @@ export const FloatingComponents: React.FC<{}> = () => {
 
         <FloatingTabs />
 
-        <UserTwitterCard className="absolute left-[80px] -top-[80px] animate-[levitate_16s_ease_infinite] border-none" />
+        <UserTwitterCard className="absolute left-[30px] -top-[80px] animate-[levitate_16s_ease_infinite] border-none" />
 
         <Card
-          className="absolute right-[110px] -top-[60px] animate-[levitate_18s_ease_infinite] z-10 max-w-fit border-none"
+          className="absolute right-[150px] -top-[50px] animate-[levitate_18s_ease_infinite] z-10 max-w-fit border-none"
           shadow="lg"
         >
           <CardBody>
             <NextUILogo small size={60} />
           </CardBody>
         </Card>
 
-        <div className="absolute z-10 -top-[40px] -right-[230px] animate-[levitate_14s_ease_infinite_1s]">
+        <div className="absolute z-10 -top-[120px] -right-[90px] animate-[levitate_14s_ease_infinite_1s]">
           <Pagination
             isCompact
             showControls