diff --git a/apps/web/src/development/ui-kit/ui-kit-page.tsx b/apps/web/src/development/ui-kit/ui-kit-page.tsx index 29b2de4f..ed62a004 100644 --- a/apps/web/src/development/ui-kit/ui-kit-page.tsx +++ b/apps/web/src/development/ui-kit/ui-kit-page.tsx @@ -1,11 +1,11 @@ -import { useTheme } from "@/lib/hooks"; import { + RdxBadge, + RdxContextPanel, RdxEditorPageLayout, RdxEditorSection, RdxEditorStickyFooter, RdxFormGrid, RdxPageActions, - RdxContextPanel, RdxPageContainer, RdxPageHeader, RdxPageStack, @@ -13,7 +13,6 @@ import { RightPanel, } from "@repo/rdx-ui/components"; import { - Badge, Button, Card, CardContent, @@ -34,6 +33,8 @@ import { import { ArrowLeftIcon, MoreHorizontalIcon, PlusIcon, XIcon } from "lucide-react"; import type { ReactNode } from "react"; +import { useTheme } from "@/lib/hooks"; + import { UiKitSection } from "./sections/ui-kit-section"; type ThemeValue = "dark" | "light" | "system"; @@ -60,11 +61,7 @@ const ExampleCard = ({ title, notes, children }: ExampleCardProps) => { }; const SurfaceExample = ({ children }: { children: ReactNode }) => { - return ( -
- {children} -
- ); + return
{children}
; }; const OverflowMenuExample = () => { @@ -94,27 +91,34 @@ export default function UiKitPage() { } primary={ } - secondary={} - overflow={} + secondary={ + + } /> } description="Infraestructura mínima del sistema visual Rdx para validar foundations estructurales antes de migrar pantallas funcionales." metadata={ <> - Development only - Static data + Development only + Static data } title="Rdx UI Kit" /> -