chore: format whole repository with new configs

components/ui/breadcrumb.tsx

@@ -1,153 +1,153 @@
-import * as React from "react";
 import { ChevronRight } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
 export function getValidChildren(children: React.ReactNode) {
-  return React.Children.toArray(children).filter((child) =>
-    React.isValidElement(child),
-  ) as React.ReactElement[];
+	return React.Children.toArray(children).filter((child) =>
+		React.isValidElement(child),
+	) as React.ReactElement[];
 }
 
 export interface BreadcrumbProps extends React.ComponentPropsWithoutRef<"nav"> {
-  /* The visual separator between each breadcrumb item */
-  separator?: React.ReactNode;
-  /**
-   * If `true`, adds a separator between each breadcrumb item.
-   * @default true
-   */
-  addSeparator?: boolean;
+	/* The visual separator between each breadcrumb item */
+	separator?: React.ReactNode;
+	/**
+	 * If `true`, adds a separator between each breadcrumb item.
+	 * @default true
+	 */
+	addSeparator?: boolean;
 }
 
 export const Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(
-  (
-    {
-      children,
-      className,
-      separator = <ChevronRight className="h-4 w-4" />,
-      addSeparator = true,
-      ...props
-    },
-    forwardedRef,
-  ) => {
-    const validChildren = getValidChildren(children);
-    const clones = validChildren.map((child, index) => {
-      return React.cloneElement(child, {
-        addSeparator,
-        separator,
-        isLastChild: validChildren.length === index + 1,
-      });
-    });
+	(
+		{
+			children,
+			className,
+			separator = <ChevronRight className="h-4 w-4" />,
+			addSeparator = true,
+			...props
+		},
+		forwardedRef,
+	) => {
+		const validChildren = getValidChildren(children);
+		const clones = validChildren.map((child, index) => {
+			return React.cloneElement(child, {
+				addSeparator,
+				separator,
+				isLastChild: validChildren.length === index + 1,
+			});
+		});
 
-    return (
-      <nav
-        className={cn("relative break-words", className)}
-        aria-label="breadcrumb"
-        {...props}
-        ref={forwardedRef}
-      >
-        <ol className="flex items-center">{clones}</ol>
-      </nav>
-    );
-  },
+		return (
+			<nav
+				className={cn("relative break-words", className)}
+				aria-label="breadcrumb"
+				{...props}
+				ref={forwardedRef}
+			>
+				<ol className="flex items-center">{clones}</ol>
+			</nav>
+		);
+	},
 );
 Breadcrumb.displayName = "Breadcrumb";
 
 export interface BreadcrumbItemProps extends BreadcrumbProps {
-  /**
-   * If `true`, indicates that the breadcrumb item is active, adds
-   * `aria-current=page` and renders a `span`
-   */
-  isCurrentPage?: boolean;
-  isLastChild?: boolean;
+	/**
+	 * If `true`, indicates that the breadcrumb item is active, adds
+	 * `aria-current=page` and renders a `span`
+	 */
+	isCurrentPage?: boolean;
+	isLastChild?: boolean;
 }
 
 export const BreadcrumbItem = React.forwardRef<
-  HTMLLIElement,
-  BreadcrumbItemProps
+	HTMLLIElement,
+	BreadcrumbItemProps
 >(
-  (
-    {
-      children,
-      className,
-      isCurrentPage,
-      isLastChild,
-      separator,
-      addSeparator,
-      ...props
-    },
-    forwardedRef,
-  ) => {
-    const validChildren = getValidChildren(children);
-    const clones = validChildren.map((child) => {
-      if (child.type === BreadcrumbLink) {
-        return React.cloneElement(child, { isCurrentPage });
-      }
+	(
+		{
+			children,
+			className,
+			isCurrentPage,
+			isLastChild,
+			separator,
+			addSeparator,
+			...props
+		},
+		forwardedRef,
+	) => {
+		const validChildren = getValidChildren(children);
+		const clones = validChildren.map((child) => {
+			if (child.type === BreadcrumbLink) {
+				return React.cloneElement(child, { isCurrentPage });
+			}
 
-      if (child.type === BreadcrumbSeparator) {
-        return React.cloneElement(child, {
-          children: separator || child.props.children,
-        });
-      }
+			if (child.type === BreadcrumbSeparator) {
+				return React.cloneElement(child, {
+					children: separator || child.props.children,
+				});
+			}
 
-      return child;
-    });
+			return child;
+		});
 
-    return (
-      <li
-        className={cn("inline-flex items-center", className)}
-        {...props}
-        ref={forwardedRef}
-      >
-        {clones}
-        {!isLastChild && addSeparator && (
-          <BreadcrumbSeparator>{separator}</BreadcrumbSeparator>
-        )}
-      </li>
-    );
-  },
+		return (
+			<li
+				className={cn("inline-flex items-center", className)}
+				{...props}
+				ref={forwardedRef}
+			>
+				{clones}
+				{!isLastChild && addSeparator && (
+					<BreadcrumbSeparator>{separator}</BreadcrumbSeparator>
+				)}
+			</li>
+		);
+	},
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
 
 export interface BreadcrumbLinkProps
-  extends React.ComponentPropsWithoutRef<"a">,
-    Pick<BreadcrumbItemProps, "isCurrentPage"> {
-  as?: React.ElementType;
+	extends React.ComponentPropsWithoutRef<"a">,
+		Pick<BreadcrumbItemProps, "isCurrentPage"> {
+	as?: React.ElementType;
 }
 
 export const BreadcrumbLink = React.forwardRef<
-  HTMLAnchorElement,
-  BreadcrumbLinkProps
+	HTMLAnchorElement,
+	BreadcrumbLinkProps
 >(({ className, as: asComp, isCurrentPage, ...props }, forwardedRef) => {
-  const Comp = (isCurrentPage ? "span" : asComp || "a") as "a";
+	const Comp = (isCurrentPage ? "span" : asComp || "a") as "a";
 
-  return (
-    <Comp
-      className={cn(
-        "text-sm font-medium underline-offset-4 aria-[current]:opacity-60 [&:not([aria-current])]:hover:underline",
-        className,
-      )}
-      aria-current={isCurrentPage ? "page" : undefined}
-      {...props}
-      ref={forwardedRef}
-    />
-  );
+	return (
+		<Comp
+			className={cn(
+				"text-sm font-medium underline-offset-4 aria-[current]:opacity-60 [&:not([aria-current])]:hover:underline",
+				className,
+			)}
+			aria-current={isCurrentPage ? "page" : undefined}
+			{...props}
+			ref={forwardedRef}
+		/>
+	);
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
 
 export type BreadcrumbSeparatorProps = React.ComponentPropsWithoutRef<"span">;
 
 export const BreadcrumbSeparator = React.forwardRef<
-  HTMLSpanElement,
-  BreadcrumbSeparatorProps
+	HTMLSpanElement,
+	BreadcrumbSeparatorProps
 >(({ className, ...props }, forwardedRef) => {
-  return (
-    <span
-      className={cn("mx-2 opacity-50", className)}
-      role="presentation"
-      {...props}
-      ref={forwardedRef}
-    />
-  );
+	return (
+		<span
+			className={cn("mx-2 opacity-50", className)}
+			role="presentation"
+			{...props}
+			ref={forwardedRef}
+		/>
+	);
 });
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";