chore(docs): add new lines

Author: wingkwong

apps/docs/content/components/accordion/custom-motion.raw.jsx

@@ -56,4 +56,4 @@ export default function App() {
       </AccordionItem>
     </Accordion>
   );
-}
+}

apps/docs/content/components/accordion/custom-styles.raw.jsx

@@ -1,4 +1,3 @@
-
 import {Accordion, AccordionItem} from "@nextui-org/react";
 
 const MonitorMobileIcon = (props) => (
@@ -55,7 +54,7 @@ const MonitorMobileIcon = (props) => (
       strokeWidth="2"
     />
   </svg>
-)
+);
 
 const ShieldSecurityIcon = (props) => (
   <svg
@@ -195,15 +194,14 @@ export default function App() {
   };
 
   const defaultContent =
-  "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.";
-
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.";
 
   return (
     <Accordion
-      showDivider={false}
       className="p-2 flex flex-col gap-1 w-full max-w-[300px]"
-      variant="shadow"
       itemClasses={itemClasses}
+      showDivider={false}
+      variant="shadow"
     >
       <AccordionItem
         key="1"
@@ -230,7 +228,7 @@ export default function App() {
       <AccordionItem
         key="3"
         aria-label="Pending tasks"
-        classNames={{ subtitle: "text-warning" }}
+        classNames={{subtitle: "text-warning"}}
         startContent={<InfoIcon className="text-warning" />}
         subtitle="Complete your profile"
         title="Pending tasks"
@@ -240,7 +238,7 @@ export default function App() {
       <AccordionItem
         key="4"
         aria-label="Card expired"
-        classNames={{ subtitle: "text-danger" }}
+        classNames={{subtitle: "text-danger"}}
         startContent={<InvalidCardIcon className="text-danger" />}
         subtitle="Please, update now"
         title={
@@ -254,4 +252,4 @@ export default function App() {
       </AccordionItem>
     </Accordion>
   );
-}
+}

apps/docs/content/components/accordion/default-expanded-keys.raw.jsx

@@ -6,7 +6,12 @@ export default function App() {
 
   return (
     <Accordion defaultExpandedKeys={["2"]}>
-      <AccordionItem key="1" aria-label="Accordion 1" subtitle="Press to expand" title="Accordion 1">
+      <AccordionItem
+        key="1"
+        aria-label="Accordion 1"
+        subtitle="Press to expand"
+        title="Accordion 1"
+      >
         {defaultContent}
       </AccordionItem>
       <AccordionItem
@@ -21,9 +26,14 @@ export default function App() {
       >
         {defaultContent}
       </AccordionItem>
-      <AccordionItem key="3" aria-label="Accordion 3" subtitle="Press to expand" title="Accordion 3">
+      <AccordionItem
+        key="3"
+        aria-label="Accordion 3"
+        subtitle="Press to expand"
+        title="Accordion 3"
+      >
         {defaultContent}
       </AccordionItem>
     </Accordion>
   );
-}
+}

apps/docs/content/components/accordion/disabled-keys.raw.jsx

@@ -6,7 +6,12 @@ export default function App() {
 
   return (
     <Accordion disabledKeys={["2"]}>
-      <AccordionItem key="1" aria-label="Accordion 1" subtitle="Press to expand" title="Accordion 1">
+      <AccordionItem
+        key="1"
+        aria-label="Accordion 1"
+        subtitle="Press to expand"
+        title="Accordion 1"
+      >
         {defaultContent}
       </AccordionItem>
       <AccordionItem
@@ -21,9 +26,14 @@ export default function App() {
       >
         {defaultContent}
       </AccordionItem>
-      <AccordionItem key="3" aria-label="Accordion 3" subtitle="Press to expand" title="Accordion 3">
+      <AccordionItem
+        key="3"
+        aria-label="Accordion 3"
+        subtitle="Press to expand"
+        title="Accordion 3"
+      >
         {defaultContent}
       </AccordionItem>
     </Accordion>
   );
-}
+}

apps/docs/content/components/accordion/indicator-function.raw.jsx

@@ -82,27 +82,17 @@ export default function App() {
       <AccordionItem
         key="theme"
         aria-label="Theme"
-        indicator={({ isOpen }) => (isOpen ? <SunIcon /> : <MoonIcon />)}
+        indicator={({isOpen}) => (isOpen ? <SunIcon /> : <MoonIcon />)}
         title="Theme"
       >
         {defaultContent}
       </AccordionItem>
-      <AccordionItem
-        key="anchor"
-        aria-label="Anchor"
-        indicator={<AnchorIcon />}
-        title="Anchor"
-      >
+      <AccordionItem key="anchor" aria-label="Anchor" indicator={<AnchorIcon />} title="Anchor">
         {defaultContent}
       </AccordionItem>
-      <AccordionItem
-        key="sun"
-        aria-label="Sun"
-        indicator={<SunIcon />}
-        title="Sun"
-      >
+      <AccordionItem key="sun" aria-label="Sun" indicator={<SunIcon />} title="Sun">
         {defaultContent}
       </AccordionItem>
     </Accordion>
   );
-}
+}

apps/docs/content/components/accordion/indicator.raw.jsx

@@ -90,4 +90,4 @@ export default function App() {
       </AccordionItem>
     </Accordion>
   );
-}
+}

apps/docs/content/components/accordion/light-variant.raw.jsx

@@ -17,4 +17,4 @@ export default function App() {
       </AccordionItem>
     </Accordion>
   );
-}
+}

apps/docs/content/components/accordion/multiple.raw.jsx

@@ -17,4 +17,4 @@ export default function App() {
       </AccordionItem>
     </Accordion>
   );
-}
+}

apps/docs/content/components/accordion/shadow-variant.raw.jsx

@@ -17,4 +17,4 @@ export default function App() {
       </AccordionItem>
     </Accordion>
   );
-}
+}

apps/docs/content/components/accordion/subtitle.raw.jsx

@@ -6,7 +6,12 @@ export default function App() {
 
   return (
     <Accordion>
-      <AccordionItem key="1" aria-label="Accordion 1" subtitle="Press to expand" title="Accordion 1">
+      <AccordionItem
+        key="1"
+        aria-label="Accordion 1"
+        subtitle="Press to expand"
+        title="Accordion 1"
+      >
         {defaultContent}
       </AccordionItem>
       <AccordionItem
@@ -21,9 +26,14 @@ export default function App() {
       >
         {defaultContent}
       </AccordionItem>
-      <AccordionItem key="3" aria-label="Accordion 3" subtitle="Press to expand" title="Accordion 3">
+      <AccordionItem
+        key="3"
+        aria-label="Accordion 3"
+        subtitle="Press to expand"
+        title="Accordion 3"
+      >
         {defaultContent}
       </AccordionItem>
     </Accordion>
   );
-}
+}

apps/docs/content/components/accordion/usage.raw.jsx

@@ -17,4 +17,4 @@ export default function App() {
       </AccordionItem>
     </Accordion>
   );
-}
+}

apps/docs/content/components/accordion/variant.raw.jsx

@@ -50,7 +50,7 @@ export default function App() {
       </div>
       <div className="col-span-12 lg:col-span-6 flex flex-col gap-4">
         <h3>Splitted</h3>
-        <Accordion variant="splitted" fullWidth>
+        <Accordion fullWidth variant="splitted">
           <AccordionItem key="1" aria-label="Accordion 1" title="Accordion 1">
             {defaultContent}
           </AccordionItem>
@@ -64,4 +64,4 @@ export default function App() {
       </div>
     </div>
   );
-}
+}