Prettier

src/components/DatePicker/DatePicker.jsx

@@ -188,13 +188,13 @@ export const DatePicker = ({
     const CaptionElement = useMemo(() => {
         return shouldShowYearPicker && currentMonth
             ? ({ date }) => (
-                <MonthYearSelector
-                    date={date}
-                    currentMonth={currentMonth}
-                    locale={locale ?? contextLocale}
-                    onChange={handleMonthChange}
-                />
-            )
+                  <MonthYearSelector
+                      date={date}
+                      currentMonth={currentMonth}
+                      locale={locale ?? contextLocale}
+                      onChange={handleMonthChange}
+                  />
+              )
             : undefined;
         // Adding `handleMonthChange` causes a lot of re-renders, and closes drop-down.
         // eslint-disable-next-line react-hooks/exhaustive-deps

src/components/DatePicker/RangeDatePicker.jsx

@@ -34,8 +34,8 @@ const RangeDatePicker = ({
     const createCaptionElement = (currentMonth, handleChange) =>
         shouldShowYearPicker && currentMonth
             ? ({ date }) => (
-                <MonthYearSelector date={date} currentMonth={currentMonth} locale={locale} onChange={handleChange} />
-            )
+                  <MonthYearSelector date={date} currentMonth={currentMonth} locale={locale} onChange={handleChange} />
+              )
             : undefined;
 
     const CaptionStartElement = createCaptionElement(startMonth, handleStartMonthChange);

src/components/Drawer.jsx

@@ -80,7 +80,9 @@ export const Drawer = forwardRef(
                                             {/* eslint-disable-next-line react/jsx-max-depth */}
                                             <Dialog.Title>{title}</Dialog.Title>
                                         </div>
-                                        <div className={cn("ui-drawer-body relative mt-3 flex-1", classNames.content)}>{content}</div>
+                                        <div className={cn("ui-drawer-body relative mt-3 flex-1", classNames.content)}>
+                                            {content}
+                                        </div>
                                     </div>
 
                                     {position === "left" ? <CloseButton onClose={onClose} /> : null}

src/components/Sidebar/Sidebar.Link.jsx

@@ -39,7 +39,6 @@ export const SidebarLink = ({ isActive = false, icon: Icon, children, isSubMenuI
             </span>
 
             {isSubMenuItem ? null : <ChevronRightIcon className="ml-auto hidden h-3 w-3 xl:inline" />}
-
         </button>
     );
 };

src/icons/vite.config.js

@@ -12,12 +12,12 @@ export default defineConfig({
             entry: path.resolve(__dirname, "./index.js"),
             name: "XolaIcons",
             fileName: (format) => `icons.${format}.js`,
-            formats: ["es"]
+            formats: ["es"],
         },
 
         rollupOptions: {
             // Make sure none of the dependencies are bundled.
             external: dependencies,
-        }
-    }
+        },
+    },
 });

src/stories/Navigation/Sidebar.stories.js

@@ -1,5 +1,15 @@
 import React, { useState } from "react";
-import { AnnounceIcon, CheckIcon, HelpCenterIcon, LogoutIcon, PiggyBankIcon, PolicyIcon, Sidebar, StarIcon, UserIcon } from "../..";
+import {
+    AnnounceIcon,
+    CheckIcon,
+    HelpCenterIcon,
+    LogoutIcon,
+    PiggyBankIcon,
+    PolicyIcon,
+    Sidebar,
+    StarIcon,
+    UserIcon,
+} from "../..";
 
 const SidebarStories = {
     title: "Navigation/Sidebar",

src/utils/index.js

@@ -1,5 +1,5 @@
-export * from "./avatar.js"
-export * from "./currency.js"
-export * from "./date.js"
-export * from "./numbers.js"
-export * from "./phone.js"
+export * from "./avatar.js";
+export * from "./currency.js";
+export * from "./date.js";
+export * from "./numbers.js";
+export * from "./phone.js";