chore: ran prettier

src/Artboard/Artboard.tsx

@@ -26,10 +26,11 @@ const Artboard = forwardRef<HTMLDivElement, ArtboardProps>(
     )
 
     return (
-      <div 
+      <div
         aria-label="Artboard"
-        {...props} ref={ref}
-        data-theme={dataTheme} 
+        {...props}
+        ref={ref}
+        data-theme={dataTheme}
         className={classes}
       >
         {children}

src/Badge/Badge.tsx

@@ -14,7 +14,16 @@ export type BadgeProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> &
 
 const Badge = forwardRef<HTMLDivElement, BadgeProps>(
   (
-    { children, variant, size, color, responsive, dataTheme, className, ...props },
+    {
+      children,
+      variant,
+      size,
+      color,
+      responsive,
+      dataTheme,
+      className,
+      ...props
+    },
     ref
   ): JSX.Element => {
     const classes = twMerge(

src/Breadcrumbs/BreadcrumbsItem.tsx

@@ -7,11 +7,7 @@ export type BreadcrumbsItemProps = React.LiHTMLAttributes<HTMLLIElement> & {
 const BreadcrumbsItem = React.forwardRef<HTMLLIElement, BreadcrumbsItemProps>(
   ({ children, href, ...props }, ref): JSX.Element => {
     return (
-      <li
-        role="link"
-        {...props}
-        ref={ref}
-      >
+      <li role="link" {...props} ref={ref}>
         {href ? <a href={href}>{children}</a> : <>{children}</>}
       </li>
     )

src/Button/Button.stories.tsx

@@ -21,7 +21,7 @@ const Template: Story<ButtonProps> = (args) => {
 }
 export const Default = Template.bind({})
 Default.args = {
-  children: 'Button'
+  children: 'Button',
 }
 
 export const Colors: Story<ButtonProps> = (args) => {
@@ -108,14 +108,12 @@ export const AsHref: Story<ButtonProps> = (args) => {
   return (
     <div className="flex gap-x-2">
       <Button
-       {...args} 
+        {...args}
         onClick={() => alert('See, I have an onClick event and no href.')}
       >
         I'm a {`<button>`}
       </Button>
-      <Button href="https://google.com">
-        I'm an {`<a>`}
-      </Button>
+      <Button href="https://google.com">I'm an {`<a>`}</Button>
     </div>
   )
 }

src/Button/Button.test.tsx

@@ -31,13 +31,9 @@ describe('Button', () => {
   })
 
   it('Renders an anchor tag when an href exists', () => {
-    const { getByRole } = render(
-      <Button href="/home">
-        Home
-      </Button>
-    )
+    const { getByRole } = render(<Button href="/home">Home</Button>)
 
-    expect(getByRole("link")).toBeTruthy()
+    expect(getByRole('link')).toBeTruthy()
     expect(getByRole('link')).toHaveAttribute('href', '/home')
   })
 })

src/Button/Button.tsx

@@ -55,9 +55,7 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(
     const classes = twMerge(
       'btn',
       className,
-      clsx(
-        ((startIcon && !loading) || endIcon) && 'gap-2',
-      {
+      clsx(((startIcon && !loading) || endIcon) && 'gap-2', {
         [`btn-${size}`]: size,
         [`btn-${shape}`]: shape,
         [`btn-${variant}`]: variant,
@@ -73,11 +71,7 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(
 
     if (href) {
       return (
-        <a
-          className={classes}
-          style={style}
-          href={href}
-        >
+        <a className={classes} style={style} href={href}>
           {startIcon && startIcon}
           {children}
           {endIcon && endIcon}

src/ButtonGroup/ButtonGroup.tsx

@@ -17,9 +17,9 @@ const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(
     return (
       <div
         aria-label={`Group of ${children.length} buttons`}
-        {...props} 
-        data-theme={dataTheme} 
-        className={classes} 
+        {...props}
+        data-theme={dataTheme}
+        className={classes}
         ref={ref}
       >
         {children}