Feat/fix (#35)

✨ feat(components): add SimpleComponentPreview and enhance shine-border - Add SimpleComponentPreview component for streamlined rendering with reload feature - Update shine-border component with: - Theme-based color support for dark/light modes - Improved documentation and installation instructions - Change to named export for better tree-shaking - Update home.mdx to use SimpleComponentPreview - Disable useIsArray rule in biome.json - Update pnpm to v9.0.6
nyxb-ui · Feb 4, 2025 · 943072e · 943072e
1 parent 155059e
commit 943072e
Show file tree

Hide file tree

Showing 202 changed files with 5,094 additions and 5,025 deletions.
diff --git a/apps/web/app/(app)/examples/dashboard/components/overview.tsx b/apps/web/app/(app)/examples/dashboard/components/overview.tsx
@@ -3,81 +3,81 @@
 import { Bar, BarChart, ResponsiveContainer, XAxis, YAxis } from "recharts"
 
 const data = [
-  {
-    name: "Jan",
-    total: Math.floor(Math.random() * 5000) + 1000,
-  },
-  {
-    name: "Feb",
-    total: Math.floor(Math.random() * 5000) + 1000,
-  },
-  {
-    name: "Mar",
-    total: Math.floor(Math.random() * 5000) + 1000,
-  },
-  {
-    name: "Apr",
-    total: Math.floor(Math.random() * 5000) + 1000,
-  },
-  {
-    name: "May",
-    total: Math.floor(Math.random() * 5000) + 1000,
-  },
-  {
-    name: "Jun",
-    total: Math.floor(Math.random() * 5000) + 1000,
-  },
-  {
-    name: "Jul",
-    total: Math.floor(Math.random() * 5000) + 1000,
-  },
-  {
-    name: "Aug",
-    total: Math.floor(Math.random() * 5000) + 1000,
-  },
-  {
-    name: "Sep",
-    total: Math.floor(Math.random() * 5000) + 1000,
-  },
-  {
-    name: "Oct",
-    total: Math.floor(Math.random() * 5000) + 1000,
-  },
-  {
-    name: "Nov",
-    total: Math.floor(Math.random() * 5000) + 1000,
-  },
-  {
-    name: "Dec",
-    total: Math.floor(Math.random() * 5000) + 1000,
-  },
+   {
+      name: "Jan",
+      total: Math.floor(Math.random() * 5000) + 1000,
+   },
+   {
+      name: "Feb",
+      total: Math.floor(Math.random() * 5000) + 1000,
+   },
+   {
+      name: "Mar",
+      total: Math.floor(Math.random() * 5000) + 1000,
+   },
+   {
+      name: "Apr",
+      total: Math.floor(Math.random() * 5000) + 1000,
+   },
+   {
+      name: "May",
+      total: Math.floor(Math.random() * 5000) + 1000,
+   },
+   {
+      name: "Jun",
+      total: Math.floor(Math.random() * 5000) + 1000,
+   },
+   {
+      name: "Jul",
+      total: Math.floor(Math.random() * 5000) + 1000,
+   },
+   {
+      name: "Aug",
+      total: Math.floor(Math.random() * 5000) + 1000,
+   },
+   {
+      name: "Sep",
+      total: Math.floor(Math.random() * 5000) + 1000,
+   },
+   {
+      name: "Oct",
+      total: Math.floor(Math.random() * 5000) + 1000,
+   },
+   {
+      name: "Nov",
+      total: Math.floor(Math.random() * 5000) + 1000,
+   },
+   {
+      name: "Dec",
+      total: Math.floor(Math.random() * 5000) + 1000,
+   },
 ]
 
 export function Overview() {
-  return (
-    <ResponsiveContainer width="100%" height={350}>
-      <BarChart data={data}>
-        <XAxis
-          dataKey="name"
-          stroke="#888888"
-          fontSize={12}
-          tickLine={false}
-          axisLine={false}
-        />
-        <YAxis
-          stroke="#888888"
-          fontSize={12}
-          tickLine={false}
-          axisLine={false}
-          tickFormatter={(value) => `$${value}`}
-        />
-        <Bar
-          dataKey="total"
-          fill="currentColor"
-          radius={[4, 4, 0, 0]}
-          className="fill-primary"
-        />
-      </BarChart>
-    </ResponsiveContainer>
-  )
+   return (
+      <ResponsiveContainer width="100%" height={350}>
+         <BarChart data={data}>
+            <XAxis
+               dataKey="name"
+               stroke="#888888"
+               fontSize={12}
+               tickLine={false}
+               axisLine={false}
+            />
+            <YAxis
+               stroke="#888888"
+               fontSize={12}
+               tickLine={false}
+               axisLine={false}
+               tickFormatter={(value) => `$${value}`}
+            />
+            <Bar
+               dataKey="total"
+               fill="currentColor"
+               radius={[4, 4, 0, 0]}
+               className="fill-primary"
+            />
+         </BarChart>
+      </ResponsiveContainer>
+   )
 }
diff --git a/apps/web/app/(marketing)/page.tsx b/apps/web/app/(marketing)/page.tsx
@@ -1,6 +1,6 @@
-import ComponentDemos from '~/components/sections/component-demos'
-import Hero from '~/components/sections/hero'
-import Showcase from '~/components/sections/showcase'
+import ComponentDemos from "~/components/sections/component-demos"
+import Hero from "~/components/sections/hero"
+import Showcase from "~/components/sections/showcase"
 // import Testimonials from '~/components/sections/testimonials'
 
 export default function Home() {

diff --git a/apps/web/app/(marketing)/showcase/page.tsx b/apps/web/app/(marketing)/showcase/page.tsx
@@ -1,7 +1,7 @@
-import { allShowcases } from 'content-collections'
+import { allShowcases } from "content-collections"
 
-import { ShowcaseCard } from '~/components/sections/showcase'
-import BlurFade from '~/registry/miami/ui/blur-fade'
+import { ShowcaseCard } from "~/components/sections/showcase"
+import BlurFade from "~/registry/miami/ui/blur-fade"
 
 export default async function Page() {
    return (