fix(input): input box shifts upwards after adding the errorMessage

.changeset/clean-poems-divide.md

@@ -0,0 +1,67 @@
+---
+"@nextui-org/react": minor
+"@nextui-org/system": minor
+"@nextui-org/system-rsc": minor
+"@nextui-org/theme": minor
+"@nextui-org/accordion": patch
+"@nextui-org/autocomplete": patch
+"@nextui-org/avatar": patch
+"@nextui-org/badge": patch
+"@nextui-org/breadcrumbs": patch
+"@nextui-org/button": patch
+"@nextui-org/calendar": patch
+"@nextui-org/card": patch
+"@nextui-org/checkbox": patch
+"@nextui-org/chip": patch
+"@nextui-org/code": patch
+"@nextui-org/date-input": patch
+"@nextui-org/date-picker": patch
+"@nextui-org/divider": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/image": patch
+"@nextui-org/input": patch
+"@nextui-org/kbd": patch
+"@nextui-org/link": patch
+"@nextui-org/listbox": patch
+"@nextui-org/menu": patch
+"@nextui-org/modal": patch
+"@nextui-org/navbar": patch
+"@nextui-org/pagination": patch
+"@nextui-org/popover": patch
+"@nextui-org/progress": patch
+"@nextui-org/radio": patch
+"@nextui-org/ripple": patch
+"@nextui-org/scroll-shadow": patch
+"@nextui-org/select": patch
+"@nextui-org/skeleton": patch
+"@nextui-org/slider": patch
+"@nextui-org/snippet": patch
+"@nextui-org/spacer": patch
+"@nextui-org/spinner": patch
+"@nextui-org/switch": patch
+"@nextui-org/table": patch
+"@nextui-org/tabs": patch
+"@nextui-org/tooltip": patch
+"@nextui-org/user": patch
+"@nextui-org/use-aria-accordion": patch
+"@nextui-org/use-aria-accordion-item": patch
+"@nextui-org/use-aria-button": patch
+"@nextui-org/use-aria-link": patch
+"@nextui-org/use-aria-modal-overlay": patch
+"@nextui-org/use-aria-multiselect": patch
+"@nextui-org/use-aria-toggle-button": patch
+"@nextui-org/use-disclosure": patch
+"@nextui-org/use-intersection-observer": patch
+"@nextui-org/use-is-mobile": patch
+"@nextui-org/use-measure": patch
+"@nextui-org/use-pagination": patch
+"@nextui-org/aria-utils": patch
+"@nextui-org/framer-utils": patch
+"@nextui-org/react-rsc-utils": patch
+"@nextui-org/react-utils": patch
+"@nextui-org/shared-icons": patch
+"@nextui-org/shared-utils": patch
+"@nextui-org/test-utils": patch
+---
+
+v2.3.0

.changeset/famous-jobs-wonder.md

@@ -0,0 +1,14 @@
+---
+"@nextui-org/accordion": patch
+"@nextui-org/autocomplete": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/modal": patch
+"@nextui-org/popover": patch
+"@nextui-org/ripple": patch
+"@nextui-org/select": patch
+"@nextui-org/tabs": patch
+"@nextui-org/tooltip": patch
+"@nextui-org/framer-transitions": patch
+---
+
+Fixed the issue where only two keyframes were supported with spring and inertia animations.

.changeset/famous-panthers-know.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/tabs": patch
+---
+
+Add placement and isVertical prop

.changeset/fifty-cups-shout.md

@@ -0,0 +1,86 @@
+---
+"@nextui-org/react": minor
+"@nextui-org/accordion": patch
+"@nextui-org/autocomplete": patch
+"@nextui-org/avatar": patch
+"@nextui-org/badge": patch
+"@nextui-org/breadcrumbs": patch
+"@nextui-org/button": patch
+"@nextui-org/calendar": patch
+"@nextui-org/card": patch
+"@nextui-org/checkbox": patch
+"@nextui-org/chip": patch
+"@nextui-org/code": patch
+"@nextui-org/divider": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/image": patch
+"@nextui-org/input": patch
+"@nextui-org/kbd": patch
+"@nextui-org/link": patch
+"@nextui-org/listbox": patch
+"@nextui-org/menu": patch
+"@nextui-org/modal": patch
+"@nextui-org/navbar": patch
+"@nextui-org/pagination": patch
+"@nextui-org/popover": patch
+"@nextui-org/progress": patch
+"@nextui-org/radio": patch
+"@nextui-org/ripple": patch
+"@nextui-org/scroll-shadow": patch
+"@nextui-org/select": patch
+"@nextui-org/skeleton": patch
+"@nextui-org/slider": patch
+"@nextui-org/snippet": patch
+"@nextui-org/spacer": patch
+"@nextui-org/spinner": patch
+"@nextui-org/switch": patch
+"@nextui-org/table": patch
+"@nextui-org/tabs": patch
+"@nextui-org/tooltip": patch
+"@nextui-org/user": patch
+"@nextui-org/system": patch
+"@nextui-org/system-rsc": patch
+"@nextui-org/theme": patch
+"@nextui-org/use-aria-accordion": patch
+"@nextui-org/use-aria-accordion-item": patch
+"@nextui-org/use-aria-button": patch
+"@nextui-org/use-aria-link": patch
+"@nextui-org/use-aria-modal-overlay": patch
+"@nextui-org/use-aria-multiselect": patch
+"@nextui-org/use-aria-press": patch
+"@nextui-org/use-aria-toggle-button": patch
+"@nextui-org/use-callback-ref": patch
+"@nextui-org/use-clipboard": patch
+"@nextui-org/use-data-scroll-overflow": patch
+"@nextui-org/use-disclosure": patch
+"@nextui-org/use-image": patch
+"@nextui-org/use-infinite-scroll": patch
+"@nextui-org/use-intersection-observer": patch
+"@nextui-org/use-is-mobile": patch
+"@nextui-org/use-is-mounted": patch
+"@nextui-org/use-measure": patch
+"@nextui-org/use-pagination": patch
+"@nextui-org/use-real-shape": patch
+"@nextui-org/use-ref-state": patch
+"@nextui-org/use-resize": patch
+"@nextui-org/use-safe-layout-effect": patch
+"@nextui-org/use-scroll-position": patch
+"@nextui-org/use-ssr": patch
+"@nextui-org/use-update-effect": patch
+"@nextui-org/aria-utils": patch
+"@nextui-org/framer-utils": patch
+"@nextui-org/react-rsc-utils": patch
+"@nextui-org/react-utils": patch
+"@nextui-org/shared-icons": patch
+"@nextui-org/shared-utils": patch
+"@nextui-org/stories-utils": patch
+"@nextui-org/test-utils": patch
+---
+
+- Calendar component added
+- objectToDeps function applied all across components
+- `useMeasure` hook added
+- `useIntersectionObserver` hook added
+- `framer-transitions` renamed to `framer-utils`
+- `ResizablePanel` component added to `framer-utils`
+- `test-utils` updated

.changeset/forty-ants-promise.md

@@ -0,0 +1,6 @@
+---
+"@nextui-org/avatar": patch
+"@nextui-org/theme": patch
+---
+
+Support slots in AvatarGroup

.changeset/giant-carrots-reply.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/select": patch
+---
+
+Fixed the bug of positioning the label in the `Select` component if the description field was used

.changeset/good-birds-nail.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/input": patch
+---
+
+Fixes input helperWrapper, description and errorMessage styles (#2730)

.changeset/many-ways-laugh.md

@@ -0,0 +1,8 @@
+---
+"@nextui-org/autocomplete": patch
+"@nextui-org/checkbox": patch
+"@nextui-org/input": patch
+"@nextui-org/select": patch
+---
+
+Fixed react-hook-form uncontrolled components (#1969)

.changeset/thirty-islands-trade.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/radio": patch
+---
+
+Fixed missing required props and validationMessage

apps/docs/app/blog/[slug]/page.tsx

@@ -7,6 +7,7 @@ import {format, parseISO} from "date-fns";
 import NextLink from "next/link";
 import {Balancer} from "react-wrap-balancer";
 
+import {__DEV__, __PREVIEW__} from "@/utils";
 import {MDXContent} from "@/components/mdx-content";
 import {siteConfig} from "@/config/site";
 import {Route} from "@/libs/docs/page";
@@ -18,6 +19,8 @@ interface BlogPostProps {
  };
 }
 
+const isDraftVisible = __DEV__ || __PREVIEW__;
+
 async function getBlogPostFromParams({params}: BlogPostProps) {
  const slug = params.slug || "";
  const post = allBlogPosts.find((post) => post.slugAsParams === slug);
@@ -78,7 +81,7 @@ export async function generateStaticParams(): Promise<BlogPostProps["params"][]>
 export default async function DocPage({params}: BlogPostProps) {
  const {post} = await getBlogPostFromParams({params});
 
- if (!post) {
+ if (!post || (post.draft && !isDraftVisible)) {
  notFound();
  }
 
@@ -96,6 +99,7 @@ export default async function DocPage({params}: BlogPostProps) {
  <ChevronRightLinearIcon className="rotate-180 inline-block mr-1" size={15} />
  Back to blog
  </Link>
+
  <time className="block text-small mb-2 text-default-500" dateTime={post.date}>
  {format(parseISO(post.date), "LLLL d, yyyy")}
  </time>
@@ -119,6 +123,7 @@ export default async function DocPage({params}: BlogPostProps) {
  </div>
  <h1 className="mb-2 font-bold text-4xl">
  <Balancer>{post.title}</Balancer>
+ <strong className="text-default-300">{post?.draft && " (Draft)"}</strong>
  </h1>
  <MDXContent code={post.body.code} />
  </div>

apps/docs/app/blog/page.tsx

@@ -2,9 +2,20 @@ import {allBlogPosts} from "contentlayer/generated";
 import {compareDesc} from "date-fns";
 
 import {BlogPostList} from "@/components/blog-post";
+import {__DEV__, __PREVIEW__} from "@/utils";
+
+const isDraftVisible = __DEV__ || __PREVIEW__;
 
 export default function Blog() {
- const posts = allBlogPosts.sort((a, b) => compareDesc(new Date(a.date), new Date(b.date)));
+ const posts = allBlogPosts
+ .sort((a, b) => compareDesc(new Date(a.date), new Date(b.date)))
+ ?.filter((post) => {
+ if (post.draft && !isDraftVisible) {
+ return false;
+ }
+
+ return true;
+ });
 
  return (
  <div className="w-full lg:px-16 mt-12">

apps/docs/app/examples/perf/page.tsx

@@ -124,15 +124,15 @@ const MyInput = extendVariants(Input, {
  },
  size: {
  xs: {
- inputWrapper: "h-unit-6 min-h-unit-6 px-1",
+ inputWrapper: "h-6 min-h-6 px-1",
  input: "text-tiny",
  },
  md: {
- inputWrapper: "h-unit-10 min-h-unit-10",
+ inputWrapper: "h-10 min-h-10",
  input: "text-small",
  },
  xl: {
- inputWrapper: "h-unit-14 min-h-unit-14",
+ inputWrapper: "h-14 min-h-14",
  input: "text-medium",
  },
  },

apps/docs/components/blog-post.tsx

@@ -57,7 +57,7 @@ const BlogPostCard = (post: BlogPost) => {
  </CardBody>
  <CardFooter className="flex justify-between items-center">
  <time className="block text-small text-default-500" dateTime={post.date}>
- {format(parseISO(post.date), "LLLL d, yyyy")}
+ {format(parseISO(post.date), "LLLL d, yyyy")} {post?.draft && " (Draft)"}
  </time>
  <Avatar size="sm" src={post.author?.avatar} />
  </CardFooter>

apps/docs/components/docs/components/code-demo/react-live-demo.tsx

@@ -2,6 +2,8 @@ import React from "react";
 import {LivePreview, LiveProvider, LiveError} from "react-live";
 import {clsx} from "@nextui-org/shared-utils";
 import * as Components from "@nextui-org/react";
+import * as intlDateUtils from "@internationalized/date";
+import * as reactAriaI18n from "@react-aria/i18n";
 
 import {BgGridContainer} from "@/components/bg-grid-container";
 import {GradientBox, GradientBoxProps} from "@/components/gradient-box";
@@ -19,6 +21,8 @@ export interface ReactLiveDemoProps {
 
 export const scope = {
  ...Components,
+ ...intlDateUtils,
+ ...reactAriaI18n,
 } as Record<string, unknown>;
 
 export const ReactLiveDemo: React.FC<ReactLiveDemoProps> = ({

apps/docs/components/docs/components/codeblock.tsx

@@ -1,7 +1,7 @@
 import React, {forwardRef, useEffect} from "react";
 import {clsx, dataAttr, getUniqueID} from "@nextui-org/shared-utils";
 import BaseHighlight, {Language, PrismTheme, defaultProps} from "prism-react-renderer";
-import {debounce} from "lodash";
+import {debounce, omit} from "lodash";
 
 import defaultTheme from "@/libs/prism-theme";
 
@@ -19,6 +19,17 @@ interface CodeblockProps {
 
 type HighlightStyle = "inserted" | "deleted" | undefined;
 
+const nextuiCliCommand = [
+ /^init$/,
+ /^add$/,
+ /^upgrade$/,
+ /^remove$/,
+ /^list$/,
+ /^env$/,
+ /^doctor$/,
+];
+
+const highlightStyleToken = ["bun", /nextui\s\w+(?=\s?)/, /^nextui$/, "Usage", ...nextuiCliCommand];
 const RE = /{([\d,-]+)}/;
 
 const calculateLinesToHighlight = (meta?: string) => {
@@ -145,8 +156,8 @@ const Codeblock = forwardRef<HTMLPreElement, CodeblockProps>(
 
  return (
  <div
+ {...omit(lineProps, ["key"])}
  key={`${i}-${getUniqueID("line-wrapper")}`}
- {...lineProps}
  className={clsx(
  lineProps.className,
  removeIndent ? "pr-4" : "px-4",
@@ -165,13 +176,28 @@ const Codeblock = forwardRef<HTMLPreElement, CodeblockProps>(
  {showLines && (
  <span className="select-none text-xs mr-6 opacity-30">{i + 1}</span>
  )}
- {line.map((token, key) => (
- <span
- key={`${key}-${getUniqueID("line")}`}
- {...getTokenProps({token, key})}
- className={className}
- />
- ))}
+ {line.map((token, key) => {
+ // Bun has no color style by default in the code block, so hack add in here
+ const props = getTokenProps({token, key}) || {};
+
+ return (
+ <span
+ {...omit(props, ["key"])}
+ key={`${key}-${getUniqueID("line")}`}
+ className={className}
+ style={{
+ ...props.style,
+ ...(highlightStyleToken.some((t) => {
+ const regex = t instanceof RegExp ? t : new RegExp(t);
+
+ return regex.test(token.content.trim());
+ })
+ ? {color: "rgb(var(--code-function))"}
+ : {}),
+ }}
+ />
+ );
+ })}
  </div>
  );
  })}