@@ -39,7 +37,7 @@ const AddToCartDemo = () => {
-
-}
+ ;
+};
-export default AddToCartDemo
\ No newline at end of file
+export default AddToCartDemo;
diff --git a/docs/app/landingComponents/MusicAppPlayerDemo.js b/docs/app/landingComponents/MusicAppPlayerDemo.js
index 7fad4039..351e51d2 100644
--- a/docs/app/landingComponents/MusicAppPlayerDemo.js
+++ b/docs/app/landingComponents/MusicAppPlayerDemo.js
@@ -1,73 +1,68 @@
-"use client"
+'use client';
-
-
-import Button from "@radui/ui/Button"
-import Heading from "@radui/ui/Heading"
-import Text from "@radui/ui/Text"
+import Button from '@radui/ui/Button';
+import Heading from '@radui/ui/Heading';
+import Text from '@radui/ui/Text';
const LeftArrow = () => {
- return
-}
+ return ;
+};
const ShuffleIcon = () => {
- return
-}
+ return ;
+};
const ThreeDots = () => {
- return
-}
+ return ;
+};
const MusicBars = ({ index }) => {
- const randomHeight = Math.floor(Math.random() * 100) + 1;
- return
-}
-
+ const randomHeight = Math.floor(Math.random() * 100) + 1;
+ return ;
+};
const MusicAppPlayerDemo = () => {
- return
-
-}
-
-export default TrafficAnalyticsDemo
\ No newline at end of file
+export default TrafficAnalyticsDemo;
diff --git a/docs/components/Copy.js b/docs/components/Copy.js
index 1d4f6546..f8adb8ee 100644
--- a/docs/components/Copy.js
+++ b/docs/components/Copy.js
@@ -1,15 +1,13 @@
-"use client";
-import { useState,useEffect } from "react"
-
+'use client';
+import { useState, useEffect } from 'react';
function Copy({ children }) {
- const [isCopied, setIsCopied] = useState(false)
+ const [isCopied, setIsCopied] = useState(false);
const handleCopy = () => {
- navigator.clipboard.writeText(children)
- setIsCopied(true)
-
- }
+ navigator.clipboard.writeText(children);
+ setIsCopied(true);
+ };
useEffect(() => {
let timeout;
@@ -22,24 +20,24 @@ function Copy({ children }) {
}, [isCopied]);
const TickIcon = () => {
- return
+ return ;
};
-
+
const CopyIcon = () => {
- return
- }
+ return ;
+ };
- return(
+ return (
{children}
-
-
- )
+
+ );
}
-export default Copy
\ No newline at end of file
+export default Copy;
diff --git a/docs/components/Main/Main.js b/docs/components/Main/Main.js
index 6c45c9e1..7d5a2436 100644
--- a/docs/components/Main/Main.js
+++ b/docs/components/Main/Main.js
@@ -1,98 +1,92 @@
-"use client"
-import Theme from "@/components/layout/Theme"
-import { useEffect, useState } from 'react'
-import { parseCookies, setCookie, destroyCookie } from 'nookies'
-import Button from "@radui/ui/Button"
+'use client';
+import Theme from '@/components/layout/Theme';
+import { useCallback, useState } from 'react';
+import { parseCookies, setCookie } from 'nookies';
+import Button from '@radui/ui/Button';
+const DiscordLogo = () => {
+ return ;
+};
-const MainLayout = ({ darkModeSsrValue, children }) => {
- const cookies = parseCookies()
- const [darkMode, setDarkMode] = useState(darkModeSsrValue === "true" ? true : false)
- const toggleDarkMode = () => {
- const toggledState = !darkMode
- setDarkMode(toggledState)
-
- setCookie(cookies, 'darkMode', toggledState, {
- maxAge: 30 * 24 * 60 * 60,
- path: '/',
- })
- }
-
- const openDiscordInvite = () => {
- window.open('https://discord.gg/nMaQfeEPNp', "_blank")
- }
-
- const openGithubLink = () => {
- window.open('https://github.com/rad-ui/ui', "_blank")
- }
+const GithubLogo = () => {
+ return ;
+};
- const DiscordLogo = () => {
- return
- }
-
- const GithubLogo = () => {
- return
- }
-
- const RadUILogo = () => {
+const RadUILogo = () => {
return
- }
-
- const SunIcon = () => {
- return
- }
+
-
;
+};
-
-
-
-}
-
-export default MusicAppPlayerDemo;
\ No newline at end of file
+export default MusicAppPlayerDemo;
diff --git a/docs/app/landingComponents/ToolbarDemo.js b/docs/app/landingComponents/ToolbarDemo.js
index 14fad7d0..704e1830 100644
--- a/docs/app/landingComponents/ToolbarDemo.js
+++ b/docs/app/landingComponents/ToolbarDemo.js
@@ -1,56 +1,52 @@
-"use client"
-
-
-
-import Separator from "@radui/ui/Separator"
+'use client';
+import Separator from '@radui/ui/Separator';
const FontItalic = () => {
- return
-}
+ return ;
+};
const BoldIcon = () => {
- return
-}
+ return ;
+};
const LeftAlignIcon = () => {
- return
-}
+ return ;
+};
const CenterAlignIcon = () => {
- return
-}
+ return ;
+};
const RightAlignIcon = () => {
- return
-}
+ return ;
+};
const JustifyAlignIcon = () => {
- return
-}
+ return ;
+};
const LetterSpacingIcon = () => {
- return
-}
+ return ;
+};
const AlignBaselineIcon = () => {
- return
-}
+ return ;
+};
const FontSizeIcon = () => {
- return
-}
+ return ;
+};
const FontFamilyIcon = () => {
- return
-}
-
+ return ;
+};
const IconContainer = ({ children }) => {
return
{children}
-
-}
+ ;
+};
const ToolbarDemo = () => (
-
-
-
-
-
-
-
-
-
+ return
-
+
-
+
;
+};
-
-
+ 
-
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+ Won't Bite
+ Doja Cat
+
+
+ 02:22
+
+
+
+ {
+ // 25 bars
+ Array.from(Array(25)).map((_, i) => {
+ return
+ 0:19
+
-
- Won't Bite
- Doja Cat
-
-
- 02:22
-
-
- {
- // 25 bars
- Array.from(Array(25)).map((_, i) => {
- return
- 0:19
-
@@ -100,4 +96,4 @@ const ToolbarDemo = () => (
);
-export default ToolbarDemo;
\ No newline at end of file
+export default ToolbarDemo;
diff --git a/docs/app/landingComponents/TrafficAnalyticsDemo.js b/docs/app/landingComponents/TrafficAnalyticsDemo.js
index 3cc90381..45ada624 100644
--- a/docs/app/landingComponents/TrafficAnalyticsDemo.js
+++ b/docs/app/landingComponents/TrafficAnalyticsDemo.js
@@ -1,21 +1,18 @@
-"use client"
+'use client';
-
-
-import Text from "@radui/ui/Text"
-import Link from "@radui/ui/Link"
-import Separator from "@radui/ui/Separator"
+import Text from '@radui/ui/Text';
+import Link from '@radui/ui/Link';
+import Separator from '@radui/ui/Separator';
const LockIcon = () => {
- return
-}
+ return ;
+};
const AnalyticsBar = ({ index }) => {
- let randomHeight = Math.floor(Math.random() * 100) + 1;
-
- return
-}
+ const randomHeight = Math.floor(Math.random() * 100) + 1;
+ return ;
+};
const TrafficAnalyticsDemo = () => {
return
@@ -43,14 +40,13 @@ const TrafficAnalyticsDemo = () => {
+
{
Array.from(Array(25)).map((_, i) => {
- return
@@ -41,28 +40,26 @@ const Documentation = ({ title = "", description = "", currentPage = undefined,
{next && {next?.basic_title}
{children}
-
@@ -72,9 +69,8 @@ const UnderConstruction = ({ children }) => {
Check Back soon!
-
-}
-
+ ;
+};
Documentation.UnderConstruction = UnderConstruction;
Documentation.Section = Section;
@@ -83,5 +79,4 @@ Documentation.ComponentFeatures = ComponentFeatures;
Documentation.CodeBlock = CodeBlock;
Documentation.Table = DocsTable;
-
-export default Documentation;
\ No newline at end of file
+export default Documentation;
diff --git a/docs/components/layout/Documentation/helpers/CodeBlock.js b/docs/components/layout/Documentation/helpers/CodeBlock.js
index 06b6d33e..b4e41e1f 100644
--- a/docs/components/layout/Documentation/helpers/CodeBlock.js
+++ b/docs/components/layout/Documentation/helpers/CodeBlock.js
@@ -6,54 +6,49 @@ import jsx from 'refractor/lang/jsx';
refractor.register(js);
refractor.register(jsx);
-
const renderElement = (element) => {
if (element.type === 'element') {
- const { tagName, properties, children } = element;
- const className = properties.className.join(' ');
-
- return React.createElement(
- tagName,
- { className },
- children.map(renderElement)
- );
- } else if (element.type === 'text') {
- return element.value;
- } else {
- return null;
- }
- };
-
-
-const CodeBlock = ({ children, language="jsx" }) => {
- let code = refractor.highlight(children, language);
-
- const renderElement = (element) => {
- if (element.type === 'element') {
- const { tagName, properties, children } = element;
- const className = properties.className.join(' ');
-
- return React.createElement(
- tagName,
- { className },
- children.map(renderElement)
- );
+ const { tagName, properties, children } = element;
+ const className = properties.className.join(' ');
+
+ return React.createElement(
+ tagName,
+ { className },
+ children.map(renderElement)
+ );
} else if (element.type === 'text') {
- return element.value;
+ return element.value;
} else {
- return null;
+ return null;
}
- };
-
-
+};
+const CodeBlock = ({ children, language = 'jsx' }) => {
+ let code = refractor.highlight(children, language);
+
+ const renderElement = (element) => {
+ if (element.type === 'element') {
+ const { tagName, properties, children } = element;
+ const className = properties.className.join(' ');
+
+ return React.createElement(
+ tagName,
+ { className },
+ children.map(renderElement)
+ );
+ } else if (element.type === 'text') {
+ return element.value;
+ } else {
+ return null;
+ }
+ };
code = code.children.map(renderElement);
- return (
-
- {code}
-
- );
+ return (
+
+ {code}
+
+ );
};
export default CodeBlock;
diff --git a/docs/icons/Disc.js b/docs/icons/Disc.js
index c2f40bec..2f87b05a 100644
--- a/docs/icons/Disc.js
+++ b/docs/icons/Disc.js
@@ -1,5 +1,5 @@
const Disc = () => {
- return
-}
+ return ;
+};
-export default Disc
\ No newline at end of file
+export default Disc;
diff --git a/docs/icons/Home.js b/docs/icons/Home.js
index dbf3c98f..fce2b85a 100644
--- a/docs/icons/Home.js
+++ b/docs/icons/Home.js
@@ -1,5 +1,5 @@
const Home = () => {
- return
-}
+ return ;
+};
-export default Home
\ No newline at end of file
+export default Home;
diff --git a/docs/icons/Play.js b/docs/icons/Play.js
index 1c9d805c..1212e7c9 100644
--- a/docs/icons/Play.js
+++ b/docs/icons/Play.js
@@ -1,5 +1,5 @@
const Play = () => {
- return
-}
+ return ;
+};
-export default Play
\ No newline at end of file
+export default Play;
diff --git a/docs/icons/RightArrow.js b/docs/icons/RightArrow.js
index 2ed6f0ab..07343863 100644
--- a/docs/icons/RightArrow.js
+++ b/docs/icons/RightArrow.js
@@ -1,5 +1,5 @@
const ArrowRight = () => {
- return
-}
+ return ;
+};
-export default ArrowRight;
\ No newline at end of file
+export default ArrowRight;
diff --git a/docs/icons/Rocket.js b/docs/icons/Rocket.js
index 548fe872..f604e1cf 100644
--- a/docs/icons/Rocket.js
+++ b/docs/icons/Rocket.js
@@ -1,5 +1,5 @@
const Rocket = () => {
- return
-}
+ return ;
+};
-export default Rocket
\ No newline at end of file
+export default Rocket;
diff --git a/docs/icons/Rows.js b/docs/icons/Rows.js
index 16afb4c8..5c30a3fe 100644
--- a/docs/icons/Rows.js
+++ b/docs/icons/Rows.js
@@ -1,6 +1,5 @@
+const Rows = () => {
+ return ;
+};
-const Rows =()=>{
- return
-}
-
-export default Rows
\ No newline at end of file
+export default Rows;
diff --git a/docs/icons/TrackNext.js b/docs/icons/TrackNext.js
index b419a15c..d836670c 100644
--- a/docs/icons/TrackNext.js
+++ b/docs/icons/TrackNext.js
@@ -1,5 +1,5 @@
-const TrackNext = ()=>{
- return
-}
+const TrackNext = () => {
+ return ;
+};
-export default TrackNext
\ No newline at end of file
+export default TrackNext;
diff --git a/docs/icons/TrackPrevious.js b/docs/icons/TrackPrevious.js
index ef9a348e..f3ca8e13 100644
--- a/docs/icons/TrackPrevious.js
+++ b/docs/icons/TrackPrevious.js
@@ -1,7 +1,7 @@
-const TrackPrevious = ()=>{
- return
-}
+const TrackPrevious = () => {
+ return ;
+};
-export default TrackPrevious
\ No newline at end of file
+export default TrackPrevious;
diff --git a/src/components/ui/Callout/stories/Callout.stories.js b/src/components/ui/Callout/stories/Callout.stories.js
index 6ce0a080..975c82b6 100644
--- a/src/components/ui/Callout/stories/Callout.stories.js
+++ b/src/components/ui/Callout/stories/Callout.stories.js
@@ -3,7 +3,7 @@ import Text from '~/components/ui/Text/Text';
import SandboxEditor from '~/components/tools/SandboxEditor/SandboxEditor';
const InfoIcon = () => {
- return ();
+ return ();
};
// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
diff --git a/src/components/ui/Toggle/stories/Toggle.stories.js b/src/components/ui/Toggle/stories/Toggle.stories.js
index 33b37fb0..62fbde25 100644
--- a/src/components/ui/Toggle/stories/Toggle.stories.js
+++ b/src/components/ui/Toggle/stories/Toggle.stories.js
@@ -9,7 +9,7 @@ export default {
};
const MoveIcon = () => {
- return ;
+ return ;
};
// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
diff --git a/src/components/ui/ToggleGroup/stories/ToggleGroup.stories.js b/src/components/ui/ToggleGroup/stories/ToggleGroup.stories.js
index 5ab4ef58..f1b72468 100644
--- a/src/components/ui/ToggleGroup/stories/ToggleGroup.stories.js
+++ b/src/components/ui/ToggleGroup/stories/ToggleGroup.stories.js
@@ -31,18 +31,18 @@ const Template = (args) => {
};
const FrameIcon = () => {
- return ;
+ return ;
};
const CropIcon = () => {
- return ;
+ return ;
};
const LayersIcon = () => {
- return ;
+ return ;
};
const ColumnsIcon = () => {
- return ;
+ return ;
};
// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args