-
-
- )
-}
diff --git a/apps/www/__registry__/default/block/authentication-01.tsx b/apps/www/__registry__/default/block/authentication-01.tsx
deleted file mode 100644
index ad62585fa44..00000000000
--- a/apps/www/__registry__/default/block/authentication-01.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Button } from "@/registry/default/ui/button"
-import {
- Card,
- CardContent,
- CardDescription,
- CardFooter,
- CardHeader,
- CardTitle,
-} from "@/registry/default/ui/card"
-import { Input } from "@/registry/default/ui/input"
-import { Label } from "@/registry/default/ui/label"
-
-export const description =
- "A simple login form with email and password. The submit button says 'Sign in'."
-
-export const iframeHeight = "600px"
-
-export const containerClassName =
- "w-full h-screen flex items-center justify-center px-4"
-
-export default function LoginForm() {
- return (
-
-
- Login
-
- Enter your email below to login to your account.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
diff --git a/apps/www/__registry__/default/block/authentication-02.tsx b/apps/www/__registry__/default/block/authentication-02.tsx
deleted file mode 100644
index b4ccaddd92b..00000000000
--- a/apps/www/__registry__/default/block/authentication-02.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import Link from "next/link"
-
-import { Button } from "@/registry/default/ui/button"
-import {
- Card,
- CardContent,
- CardDescription,
- CardHeader,
- CardTitle,
-} from "@/registry/default/ui/card"
-import { Input } from "@/registry/default/ui/input"
-import { Label } from "@/registry/default/ui/label"
-
-export const description =
- "A login form with email and password. There's an option to login with Google and a link to sign up if you don't have an account."
-
-export const iframeHeight = "600px"
-
-export const containerClassName =
- "w-full h-screen flex items-center justify-center px-4"
-
-export default function LoginForm() {
- return (
-
-
- Login
-
- Enter your email below to login to your account
-
-
-
-
-
-
-
-
-
-
-
-
- Forgot your password?
-
-
-
-
-
-
-
-
- Don't have an account?{" "}
-
- Sign up
-
-
-
-
- )
-}
diff --git a/apps/www/__registry__/default/block/authentication-03.tsx b/apps/www/__registry__/default/block/authentication-03.tsx
deleted file mode 100644
index 65e7c939a7a..00000000000
--- a/apps/www/__registry__/default/block/authentication-03.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import Link from "next/link"
-
-import { Button } from "@/registry/default/ui/button"
-import {
- Card,
- CardContent,
- CardDescription,
- CardHeader,
- CardTitle,
-} from "@/registry/default/ui/card"
-import { Input } from "@/registry/default/ui/input"
-import { Label } from "@/registry/default/ui/label"
-
-export const description =
- "A sign up form with first name, last name, email and password inside a card. There's an option to sign up with GitHub and a link to login if you already have an account"
-
-export const iframeHeight = "600px"
-
-export const containerClassName =
- "w-full h-screen flex items-center justify-center px-4"
-
-export default function LoginForm() {
- return (
-
-
- Sign Up
-
- Enter your information to create an account
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Already have an account?{" "}
-
- Sign in
-
-
-
-
- )
-}
diff --git a/apps/www/__registry__/default/block/authentication-04.tsx b/apps/www/__registry__/default/block/authentication-04.tsx
deleted file mode 100644
index 1ccce939230..00000000000
--- a/apps/www/__registry__/default/block/authentication-04.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import Image from "next/image"
-import Link from "next/link"
-
-import { Button } from "@/registry/default/ui/button"
-import { Input } from "@/registry/default/ui/input"
-import { Label } from "@/registry/default/ui/label"
-
-export const description =
- "A login page with two columns. The first column has the login form with email and password. There's a Forgot your passwork link and a link to sign up if you do not have an account. The second column has a cover image."
-
-export const iframeHeight = "800px"
-
-export const containerClassName = "w-full h-full p-4 lg:p-0"
-
-export default function Dashboard() {
- return (
-
-
-
-
-
Login
-
- Enter your email below to login to your account
-
- )
-}
diff --git a/apps/www/__registry__/default/block/dashboard-02.tsx b/apps/www/__registry__/default/block/dashboard-02.tsx
deleted file mode 100644
index 10e217352a4..00000000000
--- a/apps/www/__registry__/default/block/dashboard-02.tsx
+++ /dev/null
@@ -1,247 +0,0 @@
-import Link from "next/link"
-import {
- Bell,
- CircleUser,
- Home,
- LineChart,
- Menu,
- Package,
- Package2,
- Search,
- ShoppingCart,
- Users,
-} from "lucide-react"
-
-import { Badge } from "@/registry/default/ui/badge"
-import { Button } from "@/registry/default/ui/button"
-import {
- Card,
- CardContent,
- CardDescription,
- CardHeader,
- CardTitle,
-} from "@/registry/default/ui/card"
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuLabel,
- DropdownMenuSeparator,
- DropdownMenuTrigger,
-} from "@/registry/default/ui/dropdown-menu"
-import { Input } from "@/registry/default/ui/input"
-import { Sheet, SheetContent, SheetTrigger } from "@/registry/default/ui/sheet"
-
-export const description =
- "A products dashboard with a sidebar navigation and a main content area. The dashboard has a header with a search input and a user menu. The sidebar has a logo, navigation links, and a card with a call to action. The main content area shows an empty state with a call to action."
-
-export const iframeHeight = "800px"
-
-export const containerClassName = "w-full h-full"
-
-export default function Dashboard() {
- return (
-
-
-
-
-
-
- Acme Inc
-
-
-
-
-
-
-
-
-
- Upgrade to Pro
-
- Unlock all features and get unlimited access to our support
- team.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Upgrade to Pro
-
- Unlock all features and get unlimited access to our
- support team.
-
-
-
-
-
-
-
- You can start selling as soon as you add a product.
-
-
-
-
-
-
-
- )
-}
diff --git a/apps/www/__registry__/default/block/dashboard-03.tsx b/apps/www/__registry__/default/block/dashboard-03.tsx
deleted file mode 100644
index a5bbbed32b2..00000000000
--- a/apps/www/__registry__/default/block/dashboard-03.tsx
+++ /dev/null
@@ -1,464 +0,0 @@
-import {
- Bird,
- Book,
- Bot,
- Code2,
- CornerDownLeft,
- LifeBuoy,
- Mic,
- Paperclip,
- Rabbit,
- Settings,
- Settings2,
- Share,
- SquareTerminal,
- SquareUser,
- Triangle,
- Turtle,
-} from "lucide-react"
-
-import { Badge } from "@/registry/default/ui/badge"
-import { Button } from "@/registry/default/ui/button"
-import {
- Drawer,
- DrawerContent,
- DrawerDescription,
- DrawerHeader,
- DrawerTitle,
- DrawerTrigger,
-} from "@/registry/default/ui/drawer"
-import { Input } from "@/registry/default/ui/input"
-import { Label } from "@/registry/default/ui/label"
-import {
- Select,
- SelectContent,
- SelectItem,
- SelectTrigger,
- SelectValue,
-} from "@/registry/default/ui/select"
-import { Textarea } from "@/registry/default/ui/textarea"
-import {
- Tooltip,
- TooltipContent,
- TooltipTrigger,
-} from "@/registry/default/ui/tooltip"
-
-export const description =
- "An AI playground with a sidebar navigation and a main content area. The playground has a header with a settings drawer and a share button. The sidebar has navigation links and a user menu. The main content area shows a form to configure the model and messages."
-
-export const iframeHeight = "740px"
-
-export const containerClassName = "w-full h-full"
-
-export default function Dashboard() {
- return (
-
-
-
-
-
Playground
-
-
-
-
-
-
- Configuration
-
- Configure the settings for the model and messages.
-
-
-
-
-
-
-
-
-
-
-
-
-
- Output
-
-
-
-
-
-
-
- )
-}
diff --git a/apps/www/__registry__/default/block/dashboard-04.tsx b/apps/www/__registry__/default/block/dashboard-04.tsx
deleted file mode 100644
index 991a45cc950..00000000000
--- a/apps/www/__registry__/default/block/dashboard-04.tsx
+++ /dev/null
@@ -1,223 +0,0 @@
-import Link from "next/link"
-import { CircleUser, Menu, Package2, Search } from "lucide-react"
-
-import { Button } from "@/registry/default/ui/button"
-import {
- Card,
- CardContent,
- CardDescription,
- CardFooter,
- CardHeader,
- CardTitle,
-} from "@/registry/default/ui/card"
-import { Checkbox } from "@/registry/default/ui/checkbox"
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuLabel,
- DropdownMenuSeparator,
- DropdownMenuTrigger,
-} from "@/registry/default/ui/dropdown-menu"
-import { Input } from "@/registry/default/ui/input"
-import { Sheet, SheetContent, SheetTrigger } from "@/registry/default/ui/sheet"
-
-export const description =
- "A settings page. The settings page has a sidebar navigation and a main content area. The main content area has a form to update the store name and a form to update the plugins directory. The sidebar navigation has links to general, security, integrations, support, organizations, and advanced settings."
-
-export const iframeHeight = "780px"
-
-export const containerClassName = "w-full h-full"
-
-export default function Dashboard() {
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- My Account
-
- Settings
- Support
-
- Logout
-
-
-
-
-
-
-
Settings
-
-
-
-
-
-
- Store Name
-
- Used to identify your store in the marketplace.
-
-
-
-
-
-
-
-
-
-
-
- Plugins Directory
-
- The directory within your project, in which your plugins are
- located.
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
diff --git a/apps/www/__registry__/default/block/dashboard-05.tsx b/apps/www/__registry__/default/block/dashboard-05.tsx
deleted file mode 100644
index f94522d7f17..00000000000
--- a/apps/www/__registry__/default/block/dashboard-05.tsx
+++ /dev/null
@@ -1,720 +0,0 @@
-import Image from "next/image"
-import Link from "next/link"
-import {
- ChevronLeft,
- ChevronRight,
- Copy,
- CreditCard,
- File,
- Home,
- LineChart,
- ListFilter,
- MoreVertical,
- Package,
- Package2,
- PanelLeft,
- Search,
- Settings,
- ShoppingCart,
- Truck,
- Users2,
-} from "lucide-react"
-
-import { Badge } from "@/registry/default/ui/badge"
-import {
- Breadcrumb,
- BreadcrumbItem,
- BreadcrumbLink,
- BreadcrumbList,
- BreadcrumbPage,
- BreadcrumbSeparator,
-} from "@/registry/default/ui/breadcrumb"
-import { Button } from "@/registry/default/ui/button"
-import {
- Card,
- CardContent,
- CardDescription,
- CardFooter,
- CardHeader,
- CardTitle,
-} from "@/registry/default/ui/card"
-import {
- DropdownMenu,
- DropdownMenuCheckboxItem,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuLabel,
- DropdownMenuSeparator,
- DropdownMenuTrigger,
-} from "@/registry/default/ui/dropdown-menu"
-import { Input } from "@/registry/default/ui/input"
-import {
- Pagination,
- PaginationContent,
- PaginationItem,
-} from "@/registry/default/ui/pagination"
-import { Progress } from "@/registry/default/ui/progress"
-import { Separator } from "@/registry/default/ui/separator"
-import { Sheet, SheetContent, SheetTrigger } from "@/registry/default/ui/sheet"
-import {
- Table,
- TableBody,
- TableCell,
- TableHead,
- TableHeader,
- TableRow,
-} from "@/registry/default/ui/table"
-import {
- Tabs,
- TabsContent,
- TabsList,
- TabsTrigger,
-} from "@/registry/default/ui/tabs"
-import {
- Tooltip,
- TooltipContent,
- TooltipTrigger,
-} from "@/registry/default/ui/tooltip"
-
-export const description =
- "An orders dashboard with a sidebar navigation. The sidebar has icon navigation. The content area has a breadcrumb and search in the header. The main area has a list of recent orders with a filter and export button. The main area also has a detailed view of a single order with order details, shipping information, billing information, customer information, and payment information."
-
-export const iframeHeight = "1112px"
-
-export const containerClassName = "w-full h-full"
-
-export default function Dashboard() {
- return (
-
-
-
- )
-}
diff --git a/apps/www/__registry__/new-york/block/authentication-01.tsx b/apps/www/__registry__/new-york/block/authentication-01.tsx
deleted file mode 100644
index 84e1e4575bf..00000000000
--- a/apps/www/__registry__/new-york/block/authentication-01.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Button } from "@/registry/new-york/ui/button"
-import {
- Card,
- CardContent,
- CardDescription,
- CardFooter,
- CardHeader,
- CardTitle,
-} from "@/registry/new-york/ui/card"
-import { Input } from "@/registry/new-york/ui/input"
-import { Label } from "@/registry/new-york/ui/label"
-
-export const description =
- "A simple login form with email and password. The submit button says 'Sign in'."
-
-export const iframeHeight = "600px"
-
-export const containerClassName =
- "w-full h-screen flex items-center justify-center px-4"
-
-export default function LoginForm() {
- return (
-
-
- Login
-
- Enter your email below to login to your account.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
diff --git a/apps/www/__registry__/new-york/block/authentication-02.tsx b/apps/www/__registry__/new-york/block/authentication-02.tsx
deleted file mode 100644
index bb1517bee41..00000000000
--- a/apps/www/__registry__/new-york/block/authentication-02.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import Link from "next/link"
-
-import { Button } from "@/registry/new-york/ui/button"
-import {
- Card,
- CardContent,
- CardDescription,
- CardHeader,
- CardTitle,
-} from "@/registry/new-york/ui/card"
-import { Input } from "@/registry/new-york/ui/input"
-import { Label } from "@/registry/new-york/ui/label"
-
-export const description =
- "A login form with email and password. There's an option to login with Google and a link to sign up if you don't have an account."
-
-export const iframeHeight = "600px"
-
-export const containerClassName =
- "w-full h-screen flex items-center justify-center px-4"
-
-export default function LoginForm() {
- return (
-
-
- Login
-
- Enter your email below to login to your account
-
-
-
-
-
-
-
-
-
-
-
-
- Forgot your password?
-
-
-
-
-
-
-
-
- Don't have an account?{" "}
-
- Sign up
-
-
-
-
- )
-}
diff --git a/apps/www/__registry__/new-york/block/authentication-03.tsx b/apps/www/__registry__/new-york/block/authentication-03.tsx
deleted file mode 100644
index 727f9ed3c87..00000000000
--- a/apps/www/__registry__/new-york/block/authentication-03.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import Link from "next/link"
-
-import { Button } from "@/registry/new-york/ui/button"
-import {
- Card,
- CardContent,
- CardDescription,
- CardHeader,
- CardTitle,
-} from "@/registry/new-york/ui/card"
-import { Input } from "@/registry/new-york/ui/input"
-import { Label } from "@/registry/new-york/ui/label"
-
-export const description =
- "A sign up form with first name, last name, email and password inside a card. There's an option to sign up with GitHub and a link to login if you already have an account"
-
-export const iframeHeight = "600px"
-
-export const containerClassName =
- "w-full h-screen flex items-center justify-center px-4"
-
-export default function LoginForm() {
- return (
-
-
- Sign Up
-
- Enter your information to create an account
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Already have an account?{" "}
-
- Sign in
-
-
-
-
- )
-}
diff --git a/apps/www/__registry__/new-york/block/authentication-04.tsx b/apps/www/__registry__/new-york/block/authentication-04.tsx
deleted file mode 100644
index cee34f6c650..00000000000
--- a/apps/www/__registry__/new-york/block/authentication-04.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import Image from "next/image"
-import Link from "next/link"
-
-import { Button } from "@/registry/new-york/ui/button"
-import { Input } from "@/registry/new-york/ui/input"
-import { Label } from "@/registry/new-york/ui/label"
-
-export const description =
- "A login page with two columns. The first column has the login form with email and password. There's a Forgot your passwork link and a link to sign up if you do not have an account. The second column has a cover image."
-
-export const iframeHeight = "800px"
-
-export const containerClassName = "w-full h-full p-4 lg:p-0"
-
-export default function Dashboard() {
- return (
-
-
-
-
-
Login
-
- Enter your email below to login to your account
-
- )
-}
diff --git a/apps/www/__registry__/new-york/block/dashboard-01.tsx b/apps/www/__registry__/new-york/block/dashboard-01.tsx
deleted file mode 100644
index 2c4672f5c69..00000000000
--- a/apps/www/__registry__/new-york/block/dashboard-01.tsx
+++ /dev/null
@@ -1,455 +0,0 @@
-import Link from "next/link"
-import {
- Activity,
- ArrowUpRight,
- CircleUser,
- CreditCard,
- DollarSign,
- Menu,
- Package2,
- Search,
- Users,
-} from "lucide-react"
-
-import {
- Avatar,
- AvatarFallback,
- AvatarImage,
-} from "@/registry/new-york/ui/avatar"
-import { Badge } from "@/registry/new-york/ui/badge"
-import { Button } from "@/registry/new-york/ui/button"
-import {
- Card,
- CardContent,
- CardDescription,
- CardHeader,
- CardTitle,
-} from "@/registry/new-york/ui/card"
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuLabel,
- DropdownMenuSeparator,
- DropdownMenuTrigger,
-} from "@/registry/new-york/ui/dropdown-menu"
-import { Input } from "@/registry/new-york/ui/input"
-import { Sheet, SheetContent, SheetTrigger } from "@/registry/new-york/ui/sheet"
-import {
- Table,
- TableBody,
- TableCell,
- TableHead,
- TableHeader,
- TableRow,
-} from "@/registry/new-york/ui/table"
-
-export const description =
- "An application shell with a header and main content area. The header has a navbar, a search input and and a user nav dropdown. The user nav is toggled by a button with an avatar image. The main content area is divided into two rows. The first row has a grid of cards with statistics. The second row has a grid of cards with a table of recent transactions and a list of recent sales."
-
-export const iframeHeight = "730px"
-
-export const containerClassName = "w-full h-full"
-
-export default function Dashboard() {
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- My Account
-
- Settings
- Support
-
- Logout
-
-
-
-
-
-
-
-
-
- Total Revenue
-
-
-
-
-
$45,231.89
-
- +20.1% from last month
-
-
-
-
-
-
- Subscriptions
-
-
-
-
-
+2350
-
- +180.1% from last month
-
-
-
-
-
- Sales
-
-
-
-
+12,234
-
- +19% from last month
-
-
-
-
-
- Active Now
-
-
-
-
+573
-
- +201 since last hour
-
-
-
-
-
-
-
-
- Transactions
-
- Recent transactions from your store.
-
-
-
-
-
-
-
-
- Customer
-
- Type
-
-
- Status
-
-
- Date
-
- Amount
-
-
-
-
-
-
- )
-}
diff --git a/apps/www/__registry__/new-york/block/dashboard-02.tsx b/apps/www/__registry__/new-york/block/dashboard-02.tsx
deleted file mode 100644
index 5f9215f5547..00000000000
--- a/apps/www/__registry__/new-york/block/dashboard-02.tsx
+++ /dev/null
@@ -1,247 +0,0 @@
-import Link from "next/link"
-import {
- Bell,
- CircleUser,
- Home,
- LineChart,
- Menu,
- Package,
- Package2,
- Search,
- ShoppingCart,
- Users,
-} from "lucide-react"
-
-import { Badge } from "@/registry/new-york/ui/badge"
-import { Button } from "@/registry/new-york/ui/button"
-import {
- Card,
- CardContent,
- CardDescription,
- CardHeader,
- CardTitle,
-} from "@/registry/new-york/ui/card"
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuLabel,
- DropdownMenuSeparator,
- DropdownMenuTrigger,
-} from "@/registry/new-york/ui/dropdown-menu"
-import { Input } from "@/registry/new-york/ui/input"
-import { Sheet, SheetContent, SheetTrigger } from "@/registry/new-york/ui/sheet"
-
-export const description =
- "A products dashboard with a sidebar navigation and a main content area. The dashboard has a header with a search input and a user menu. The sidebar has a logo, navigation links, and a card with a call to action. The main content area shows an empty state with a call to action."
-
-export const iframeHeight = "800px"
-
-export const containerClassName = "w-full h-full"
-
-export default function Dashboard() {
- return (
-
-
-
-
-
-
- Acme Inc
-
-
-
-
-
-
-
-
-
- Upgrade to Pro
-
- Unlock all features and get unlimited access to our support
- team.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Upgrade to Pro
-
- Unlock all features and get unlimited access to our
- support team.
-
-
-
-
-
-
-
- You can start selling as soon as you add a product.
-
-
-
-
-
-
-
- )
-}
diff --git a/apps/www/__registry__/new-york/block/dashboard-03.tsx b/apps/www/__registry__/new-york/block/dashboard-03.tsx
deleted file mode 100644
index 5b39a9e0228..00000000000
--- a/apps/www/__registry__/new-york/block/dashboard-03.tsx
+++ /dev/null
@@ -1,464 +0,0 @@
-import {
- Bird,
- Book,
- Bot,
- Code2,
- CornerDownLeft,
- LifeBuoy,
- Mic,
- Paperclip,
- Rabbit,
- Settings,
- Settings2,
- Share,
- SquareTerminal,
- SquareUser,
- Triangle,
- Turtle,
-} from "lucide-react"
-
-import { Badge } from "@/registry/new-york/ui/badge"
-import { Button } from "@/registry/new-york/ui/button"
-import {
- Drawer,
- DrawerContent,
- DrawerDescription,
- DrawerHeader,
- DrawerTitle,
- DrawerTrigger,
-} from "@/registry/new-york/ui/drawer"
-import { Input } from "@/registry/new-york/ui/input"
-import { Label } from "@/registry/new-york/ui/label"
-import {
- Select,
- SelectContent,
- SelectItem,
- SelectTrigger,
- SelectValue,
-} from "@/registry/new-york/ui/select"
-import { Textarea } from "@/registry/new-york/ui/textarea"
-import {
- Tooltip,
- TooltipContent,
- TooltipTrigger,
-} from "@/registry/new-york/ui/tooltip"
-
-export const description =
- "An AI playground with a sidebar navigation and a main content area. The playground has a header with a settings drawer and a share button. The sidebar has navigation links and a user menu. The main content area shows a form to configure the model and messages."
-
-export const iframeHeight = "720px"
-
-export const containerClassName = "w-full h-full"
-
-export default function Dashboard() {
- return (
-
-
-
-
-
Playground
-
-
-
-
-
-
- Configuration
-
- Configure the settings for the model and messages.
-
-
-
-
-
-
-
-
-
-
-
-
-
- Output
-
-
-
-
-
-
-
- )
-}
diff --git a/apps/www/__registry__/new-york/block/dashboard-04.tsx b/apps/www/__registry__/new-york/block/dashboard-04.tsx
deleted file mode 100644
index 69e19a57a2b..00000000000
--- a/apps/www/__registry__/new-york/block/dashboard-04.tsx
+++ /dev/null
@@ -1,223 +0,0 @@
-import Link from "next/link"
-import { CircleUser, Menu, Package2, Search } from "lucide-react"
-
-import { Button } from "@/registry/new-york/ui/button"
-import {
- Card,
- CardContent,
- CardDescription,
- CardFooter,
- CardHeader,
- CardTitle,
-} from "@/registry/new-york/ui/card"
-import { Checkbox } from "@/registry/new-york/ui/checkbox"
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuLabel,
- DropdownMenuSeparator,
- DropdownMenuTrigger,
-} from "@/registry/new-york/ui/dropdown-menu"
-import { Input } from "@/registry/new-york/ui/input"
-import { Sheet, SheetContent, SheetTrigger } from "@/registry/new-york/ui/sheet"
-
-export const description =
- "A settings page. The settings page has a sidebar navigation and a main content area. The main content area has a form to update the store name and a form to update the plugins directory. The sidebar navigation has links to general, security, integrations, support, organizations, and advanced settings."
-
-export const iframeHeight = "780px"
-
-export const containerClassName = "w-full h-full"
-
-export default function Dashboard() {
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- My Account
-
- Settings
- Support
-
- Logout
-
-
-
-
-
-
-
Settings
-
-
-
-
-
-
- Store Name
-
- Used to identify your store in the marketplace.
-
-
-
-
-
-
-
-
-
-
-
- Plugins Directory
-
- The directory within your project, in which your plugins are
- located.
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
diff --git a/apps/www/__registry__/new-york/block/dashboard-05.tsx b/apps/www/__registry__/new-york/block/dashboard-05.tsx
deleted file mode 100644
index bb35ec41d0b..00000000000
--- a/apps/www/__registry__/new-york/block/dashboard-05.tsx
+++ /dev/null
@@ -1,721 +0,0 @@
-import * as React from "react"
-import Image from "next/image"
-import Link from "next/link"
-import {
- ChevronLeft,
- ChevronRight,
- Copy,
- CreditCard,
- File,
- Home,
- LineChart,
- ListFilter,
- MoreVertical,
- Package,
- Package2,
- PanelLeft,
- Search,
- Settings,
- ShoppingCart,
- Truck,
- Users2,
-} from "lucide-react"
-
-import { Badge } from "@/registry/new-york/ui/badge"
-import {
- Breadcrumb,
- BreadcrumbItem,
- BreadcrumbLink,
- BreadcrumbList,
- BreadcrumbPage,
- BreadcrumbSeparator,
-} from "@/registry/new-york/ui/breadcrumb"
-import { Button } from "@/registry/new-york/ui/button"
-import {
- Card,
- CardContent,
- CardDescription,
- CardFooter,
- CardHeader,
- CardTitle,
-} from "@/registry/new-york/ui/card"
-import {
- DropdownMenu,
- DropdownMenuCheckboxItem,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuLabel,
- DropdownMenuSeparator,
- DropdownMenuTrigger,
-} from "@/registry/new-york/ui/dropdown-menu"
-import { Input } from "@/registry/new-york/ui/input"
-import {
- Pagination,
- PaginationContent,
- PaginationItem,
-} from "@/registry/new-york/ui/pagination"
-import { Progress } from "@/registry/new-york/ui/progress"
-import { Separator } from "@/registry/new-york/ui/separator"
-import { Sheet, SheetContent, SheetTrigger } from "@/registry/new-york/ui/sheet"
-import {
- Table,
- TableBody,
- TableCell,
- TableHead,
- TableHeader,
- TableRow,
-} from "@/registry/new-york/ui/table"
-import {
- Tabs,
- TabsContent,
- TabsList,
- TabsTrigger,
-} from "@/registry/new-york/ui/tabs"
-import {
- Tooltip,
- TooltipContent,
- TooltipTrigger,
-} from "@/registry/new-york/ui/tooltip"
-
-export const description =
- "An orders dashboard with a sidebar navigation. The sidebar has icon navigation. The content area has a breadcrumb and search in the header. The main area has a list of recent orders with a filter and export button. The main area also has a detailed view of a single order with order details, shipping information, billing information, customer information, and payment information."
-
-export const iframeHeight = "906px"
-
-export const containerClassName = "w-full h-full"
-
-export default function Dashboard() {
- return (
-
+ <>
Building Blocks for the Web
- Beautifully designed. Copy and paste into your apps. Open Source.
+ Clean, modern building blocks. Copy and paste into your apps. Works
+ with all React frameworks. Open Source. Free forever.
-
)
}
diff --git a/apps/www/app/(app)/charts/charts.tsx b/apps/www/app/(app)/charts/charts.tsx
index 1ff2ca3ee1a..694d62b0bc0 100644
--- a/apps/www/app/(app)/charts/charts.tsx
+++ b/apps/www/app/(app)/charts/charts.tsx
@@ -1,76 +1,76 @@
-export { default as ChartAreaDefault } from "@/registry/new-york/block/chart-area-default"
-export { default as ChartAreaLinear } from "@/registry/new-york/block/chart-area-linear"
-export { default as ChartAreaStep } from "@/registry/new-york/block/chart-area-step"
-export { default as ChartAreaLegend } from "@/registry/new-york/block/chart-area-legend"
-export { default as ChartAreaStacked } from "@/registry/new-york/block/chart-area-stacked"
-export { default as ChartAreaStackedExpand } from "@/registry/new-york/block/chart-area-stacked-expand"
-export { default as ChartAreaIcons } from "@/registry/new-york/block/chart-area-icons"
-export { default as ChartAreaGradient } from "@/registry/new-york/block/chart-area-gradient"
-export { default as ChartAreaAxes } from "@/registry/new-york/block/chart-area-axes"
-export { default as ChartAreaInteractive } from "@/registry/new-york/block/chart-area-interactive"
+export { default as ChartAreaDefault } from "@/registry/new-york/charts/chart-area-default"
+export { default as ChartAreaLinear } from "@/registry/new-york/charts/chart-area-linear"
+export { default as ChartAreaStep } from "@/registry/new-york/charts/chart-area-step"
+export { default as ChartAreaLegend } from "@/registry/new-york/charts/chart-area-legend"
+export { default as ChartAreaStacked } from "@/registry/new-york/charts/chart-area-stacked"
+export { default as ChartAreaStackedExpand } from "@/registry/new-york/charts/chart-area-stacked-expand"
+export { default as ChartAreaIcons } from "@/registry/new-york/charts/chart-area-icons"
+export { default as ChartAreaGradient } from "@/registry/new-york/charts/chart-area-gradient"
+export { default as ChartAreaAxes } from "@/registry/new-york/charts/chart-area-axes"
+export { default as ChartAreaInteractive } from "@/registry/new-york/charts/chart-area-interactive"
-export { default as ChartBarDefault } from "@/registry/new-york/block/chart-bar-default"
-export { default as ChartBarHorizontal } from "@/registry/new-york/block/chart-bar-horizontal"
-export { default as ChartBarMultiple } from "@/registry/new-york/block/chart-bar-multiple"
-export { default as ChartBarStacked } from "@/registry/new-york/block/chart-bar-stacked"
-export { default as ChartBarLabel } from "@/registry/new-york/block/chart-bar-label"
-export { default as ChartBarLabelCustom } from "@/registry/new-york/block/chart-bar-label-custom"
-export { default as ChartBarMixed } from "@/registry/new-york/block/chart-bar-mixed"
-export { default as ChartBarActive } from "@/registry/new-york/block/chart-bar-active"
-export { default as ChartBarNegative } from "@/registry/new-york/block/chart-bar-negative"
-export { default as ChartBarInteractive } from "@/registry/new-york/block/chart-bar-interactive"
+export { default as ChartBarDefault } from "@/registry/new-york/charts/chart-bar-default"
+export { default as ChartBarHorizontal } from "@/registry/new-york/charts/chart-bar-horizontal"
+export { default as ChartBarMultiple } from "@/registry/new-york/charts/chart-bar-multiple"
+export { default as ChartBarStacked } from "@/registry/new-york/charts/chart-bar-stacked"
+export { default as ChartBarLabel } from "@/registry/new-york/charts/chart-bar-label"
+export { default as ChartBarLabelCustom } from "@/registry/new-york/charts/chart-bar-label-custom"
+export { default as ChartBarMixed } from "@/registry/new-york/charts/chart-bar-mixed"
+export { default as ChartBarActive } from "@/registry/new-york/charts/chart-bar-active"
+export { default as ChartBarNegative } from "@/registry/new-york/charts/chart-bar-negative"
+export { default as ChartBarInteractive } from "@/registry/new-york/charts/chart-bar-interactive"
-export { default as ChartLineDefault } from "@/registry/new-york/block/chart-line-default"
-export { default as ChartLineLinear } from "@/registry/new-york/block/chart-line-linear"
-export { default as ChartLineStep } from "@/registry/new-york/block/chart-line-step"
-export { default as ChartLineMultiple } from "@/registry/new-york/block/chart-line-multiple"
-export { default as ChartLineDots } from "@/registry/new-york/block/chart-line-dots"
-export { default as ChartLineDotsCustom } from "@/registry/new-york/block/chart-line-dots-custom"
-export { default as ChartLineDotsColors } from "@/registry/new-york/block/chart-line-dots-colors"
-export { default as ChartLineLabel } from "@/registry/new-york/block/chart-line-label"
-export { default as ChartLineLabelCustom } from "@/registry/new-york/block/chart-line-label-custom"
-export { default as ChartLineInteractive } from "@/registry/new-york/block/chart-line-interactive"
+export { default as ChartLineDefault } from "@/registry/new-york/charts/chart-line-default"
+export { default as ChartLineLinear } from "@/registry/new-york/charts/chart-line-linear"
+export { default as ChartLineStep } from "@/registry/new-york/charts/chart-line-step"
+export { default as ChartLineMultiple } from "@/registry/new-york/charts/chart-line-multiple"
+export { default as ChartLineDots } from "@/registry/new-york/charts/chart-line-dots"
+export { default as ChartLineDotsCustom } from "@/registry/new-york/charts/chart-line-dots-custom"
+export { default as ChartLineDotsColors } from "@/registry/new-york/charts/chart-line-dots-colors"
+export { default as ChartLineLabel } from "@/registry/new-york/charts/chart-line-label"
+export { default as ChartLineLabelCustom } from "@/registry/new-york/charts/chart-line-label-custom"
+export { default as ChartLineInteractive } from "@/registry/new-york/charts/chart-line-interactive"
-export { default as ChartPieSimple } from "@/registry/new-york/block/chart-pie-simple"
-export { default as ChartPieSeparatorNone } from "@/registry/new-york/block/chart-pie-separator-none"
-export { default as ChartPieLabel } from "@/registry/new-york/block/chart-pie-label"
-export { default as ChartPieLabelCustom } from "@/registry/new-york/block/chart-pie-label-custom"
-export { default as ChartPieLabelList } from "@/registry/new-york/block/chart-pie-label-list"
-export { default as ChartPieLegend } from "@/registry/new-york/block/chart-pie-legend"
-export { default as ChartPieDonut } from "@/registry/new-york/block/chart-pie-donut"
-export { default as ChartPieDonutActive } from "@/registry/new-york/block/chart-pie-donut-active"
-export { default as ChartPieDonutText } from "@/registry/new-york/block/chart-pie-donut-text"
-export { default as ChartPieStacked } from "@/registry/new-york/block/chart-pie-stacked"
-export { default as ChartPieInteractive } from "@/registry/new-york/block/chart-pie-interactive"
+export { default as ChartPieSimple } from "@/registry/new-york/charts/chart-pie-simple"
+export { default as ChartPieSeparatorNone } from "@/registry/new-york/charts/chart-pie-separator-none"
+export { default as ChartPieLabel } from "@/registry/new-york/charts/chart-pie-label"
+export { default as ChartPieLabelCustom } from "@/registry/new-york/charts/chart-pie-label-custom"
+export { default as ChartPieLabelList } from "@/registry/new-york/charts/chart-pie-label-list"
+export { default as ChartPieLegend } from "@/registry/new-york/charts/chart-pie-legend"
+export { default as ChartPieDonut } from "@/registry/new-york/charts/chart-pie-donut"
+export { default as ChartPieDonutActive } from "@/registry/new-york/charts/chart-pie-donut-active"
+export { default as ChartPieDonutText } from "@/registry/new-york/charts/chart-pie-donut-text"
+export { default as ChartPieStacked } from "@/registry/new-york/charts/chart-pie-stacked"
+export { default as ChartPieInteractive } from "@/registry/new-york/charts/chart-pie-interactive"
-export { default as ChartRadarDefault } from "@/registry/new-york/block/chart-radar-default"
-export { default as ChartRadarDots } from "@/registry/new-york/block/chart-radar-dots"
-export { default as ChartRadarLinesOnly } from "@/registry/new-york/block/chart-radar-lines-only"
-export { default as ChartRadarLabelCustom } from "@/registry/new-york/block/chart-radar-label-custom"
-export { default as ChartRadarGridCustom } from "@/registry/new-york/block/chart-radar-grid-custom"
-export { default as ChartRadarGridNone } from "@/registry/new-york/block/chart-radar-grid-none"
-export { default as ChartRadarGridCircle } from "@/registry/new-york/block/chart-radar-grid-circle"
-export { default as ChartRadarGridCircleNoLines } from "@/registry/new-york/block/chart-radar-grid-circle-no-lines"
-export { default as ChartRadarGridCircleFill } from "@/registry/new-york/block/chart-radar-grid-circle-fill"
-export { default as ChartRadarGridFill } from "@/registry/new-york/block/chart-radar-grid-fill"
-export { default as ChartRadarMultiple } from "@/registry/new-york/block/chart-radar-multiple"
-export { default as ChartRadarLegend } from "@/registry/new-york/block/chart-radar-legend"
-export { default as ChartRadarIcons } from "@/registry/new-york/block/chart-radar-icons"
-export { default as ChartRadarRadius } from "@/registry/new-york/block/chart-radar-radius"
+export { default as ChartRadarDefault } from "@/registry/new-york/charts/chart-radar-default"
+export { default as ChartRadarDots } from "@/registry/new-york/charts/chart-radar-dots"
+export { default as ChartRadarLinesOnly } from "@/registry/new-york/charts/chart-radar-lines-only"
+export { default as ChartRadarLabelCustom } from "@/registry/new-york/charts/chart-radar-label-custom"
+export { default as ChartRadarGridCustom } from "@/registry/new-york/charts/chart-radar-grid-custom"
+export { default as ChartRadarGridNone } from "@/registry/new-york/charts/chart-radar-grid-none"
+export { default as ChartRadarGridCircle } from "@/registry/new-york/charts/chart-radar-grid-circle"
+export { default as ChartRadarGridCircleNoLines } from "@/registry/new-york/charts/chart-radar-grid-circle-no-lines"
+export { default as ChartRadarGridCircleFill } from "@/registry/new-york/charts/chart-radar-grid-circle-fill"
+export { default as ChartRadarGridFill } from "@/registry/new-york/charts/chart-radar-grid-fill"
+export { default as ChartRadarMultiple } from "@/registry/new-york/charts/chart-radar-multiple"
+export { default as ChartRadarLegend } from "@/registry/new-york/charts/chart-radar-legend"
+export { default as ChartRadarIcons } from "@/registry/new-york/charts/chart-radar-icons"
+export { default as ChartRadarRadius } from "@/registry/new-york/charts/chart-radar-radius"
-export { default as ChartRadialSimple } from "@/registry/new-york/block/chart-radial-simple"
-export { default as ChartRadialLabel } from "@/registry/new-york/block/chart-radial-label"
-export { default as ChartRadialGrid } from "@/registry/new-york/block/chart-radial-grid"
-export { default as ChartRadialText } from "@/registry/new-york/block/chart-radial-text"
-export { default as ChartRadialShape } from "@/registry/new-york/block/chart-radial-shape"
-export { default as ChartRadialStacked } from "@/registry/new-york/block/chart-radial-stacked"
+export { default as ChartRadialSimple } from "@/registry/new-york/charts/chart-radial-simple"
+export { default as ChartRadialLabel } from "@/registry/new-york/charts/chart-radial-label"
+export { default as ChartRadialGrid } from "@/registry/new-york/charts/chart-radial-grid"
+export { default as ChartRadialText } from "@/registry/new-york/charts/chart-radial-text"
+export { default as ChartRadialShape } from "@/registry/new-york/charts/chart-radial-shape"
+export { default as ChartRadialStacked } from "@/registry/new-york/charts/chart-radial-stacked"
-export { default as ChartTooltipDefault } from "@/registry/new-york/block/chart-tooltip-default"
-export { default as ChartTooltipIndicatorLine } from "@/registry/new-york/block/chart-tooltip-indicator-line"
-export { default as ChartTooltipIndicatorNone } from "@/registry/new-york/block/chart-tooltip-indicator-none"
-export { default as ChartTooltipLabelCustom } from "@/registry/new-york/block/chart-tooltip-label-custom"
-export { default as ChartTooltipLabelFormatter } from "@/registry/new-york/block/chart-tooltip-label-formatter"
-export { default as ChartTooltipLabelNone } from "@/registry/new-york/block/chart-tooltip-label-none"
-export { default as ChartTooltipFormatter } from "@/registry/new-york/block/chart-tooltip-formatter"
-export { default as ChartTooltipIcons } from "@/registry/new-york/block/chart-tooltip-icons"
-export { default as ChartTooltipAdvanced } from "@/registry/new-york/block/chart-tooltip-advanced"
+export { default as ChartTooltipDefault } from "@/registry/new-york/charts/chart-tooltip-default"
+export { default as ChartTooltipIndicatorLine } from "@/registry/new-york/charts/chart-tooltip-indicator-line"
+export { default as ChartTooltipIndicatorNone } from "@/registry/new-york/charts/chart-tooltip-indicator-none"
+export { default as ChartTooltipLabelCustom } from "@/registry/new-york/charts/chart-tooltip-label-custom"
+export { default as ChartTooltipLabelFormatter } from "@/registry/new-york/charts/chart-tooltip-label-formatter"
+export { default as ChartTooltipLabelNone } from "@/registry/new-york/charts/chart-tooltip-label-none"
+export { default as ChartTooltipFormatter } from "@/registry/new-york/charts/chart-tooltip-formatter"
+export { default as ChartTooltipIcons } from "@/registry/new-york/charts/chart-tooltip-icons"
+export { default as ChartTooltipAdvanced } from "@/registry/new-york/charts/chart-tooltip-advanced"
diff --git a/apps/www/app/(app)/charts/layout.tsx b/apps/www/app/(app)/charts/layout.tsx
index e3ad0a62cb9..8f2b7e2b97b 100644
--- a/apps/www/app/(app)/charts/layout.tsx
+++ b/apps/www/app/(app)/charts/layout.tsx
@@ -2,6 +2,7 @@ import { Metadata } from "next"
import Link from "next/link"
import { Announcement } from "@/components/announcement"
+import { ChartsNav } from "@/components/charts-nav"
import {
PageActions,
PageHeader,
@@ -22,7 +23,7 @@ export default function ChartsLayout({
children: React.ReactNode
}) {
return (
-
-
-
-
-
- Add colors. Make it yours.
-
-
- Make it yours
-
-
- Hand-picked themes that you can copy and paste into your apps.
-
-
-
-
-
-
-
-
- {children}
-
+ <>
+
+
+
+ Add colors. Make it yours.
+
+
+ Make it yours
+
+
+ Hand-picked themes that you can copy and paste into your apps.
+
+
+
+
+
+
+
+
+ {children}
+
+
-
+
)
}
diff --git a/apps/www/app/(app)/themes/page.tsx b/apps/www/app/(app)/themes/page.tsx
index 6ff9965a3ad..ff5bd3944e1 100644
--- a/apps/www/app/(app)/themes/page.tsx
+++ b/apps/www/app/(app)/themes/page.tsx
@@ -1,7 +1,12 @@
-import { ThemesTabs } from "@/app/(app)/themes/tabs"
+import { CardsDemo } from "@/components/cards"
+import { ThemeWrapper } from "@/components/theme-wrapper"
import "public/registry/themes.css"
export default function ThemesPage() {
- return
+ return (
+
+
+
+ )
}
diff --git a/apps/www/app/(app)/themes/tabs.tsx b/apps/www/app/(app)/themes/tabs.tsx
deleted file mode 100644
index 1ec6c5cc7cd..00000000000
--- a/apps/www/app/(app)/themes/tabs.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import * as React from "react"
-
-import { ThemeWrapper } from "@/components/theme-wrapper"
-import CardsNewYork from "@/registry/new-york/example/cards"
-
-export function ThemesTabs() {
- return (
-
\n \n \n Store Name\n \n Used to identify your store in the marketplace.\n \n \n \n \n \n \n \n \n \n \n \n Plugins Directory\n \n The directory within your project, in which your plugins are\n located.\n \n \n \n \n \n \n \n \n \n
\n
\n \n
\n )\n}\n",
- "type": "registry:block",
- "target": ""
- }
- ]
-}
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/dashboard-05.json b/apps/www/public/r/styles/default/dashboard-05.json
deleted file mode 100644
index de850a63d8c..00000000000
--- a/apps/www/public/r/styles/default/dashboard-05.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
- "name": "dashboard-05",
- "type": "registry:block",
- "registryDependencies": [
- "badge",
- "breadcrumb",
- "button",
- "card",
- "dropdown-menu",
- "input",
- "pagination",
- "progress",
- "separator",
- "sheet",
- "table",
- "tabs",
- "tooltip"
- ],
- "files": [
- {
- "path": "block/dashboard-05.tsx",
- "content": "import Image from \"next/image\"\nimport Link from \"next/link\"\nimport {\n ChevronLeft,\n ChevronRight,\n Copy,\n CreditCard,\n File,\n Home,\n LineChart,\n ListFilter,\n MoreVertical,\n Package,\n Package2,\n PanelLeft,\n Search,\n Settings,\n ShoppingCart,\n Truck,\n Users2,\n} from \"lucide-react\"\n\nimport { Badge } from \"@/registry/default/ui/badge\"\nimport {\n Breadcrumb,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n} from \"@/registry/default/ui/breadcrumb\"\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n Card,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle,\n} from \"@/registry/default/ui/card\"\nimport {\n DropdownMenu,\n DropdownMenuCheckboxItem,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport { Input } from \"@/registry/default/ui/input\"\nimport {\n Pagination,\n PaginationContent,\n PaginationItem,\n} from \"@/registry/default/ui/pagination\"\nimport { Progress } from \"@/registry/default/ui/progress\"\nimport { Separator } from \"@/registry/default/ui/separator\"\nimport { Sheet, SheetContent, SheetTrigger } from \"@/registry/default/ui/sheet\"\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from \"@/registry/default/ui/table\"\nimport {\n Tabs,\n TabsContent,\n TabsList,\n TabsTrigger,\n} from \"@/registry/default/ui/tabs\"\nimport {\n Tooltip,\n TooltipContent,\n TooltipTrigger,\n} from \"@/registry/default/ui/tooltip\"\n\nexport default function Dashboard() {\n return (\n
\n )\n}\n",
+ "type": "registry:component",
+ "target": ""
+ }
+ ],
+ "categories": [
+ "authentication",
+ "login"
+ ]
+}
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/menubar-demo.json b/apps/www/public/r/styles/default/menubar-demo.json
index dabf3e59eea..8dba2b97b4e 100644
--- a/apps/www/public/r/styles/default/menubar-demo.json
+++ b/apps/www/public/r/styles/default/menubar-demo.json
@@ -6,7 +6,7 @@
],
"files": [
{
- "path": "example/menubar-demo.tsx",
+ "path": "examples/menubar-demo.tsx",
"content": "import {\n Menubar,\n MenubarCheckboxItem,\n MenubarContent,\n MenubarItem,\n MenubarMenu,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSeparator,\n MenubarShortcut,\n MenubarSub,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarTrigger,\n} from \"@/registry/default/ui/menubar\"\n\nexport default function MenubarDemo() {\n return (\n \n \n File\n \n \n New Tab ⌘T\n \n \n New Window ⌘N\n \n New Incognito Window\n \n \n Share\n \n Email link\n Messages\n Notes\n \n \n \n \n Print... ⌘P\n \n \n \n \n Edit\n \n \n Undo ⌘Z\n \n \n Redo ⇧⌘Z\n \n \n \n Find\n \n Search the web\n \n Find...\n Find Next\n Find Previous\n \n \n \n Cut\n Copy\n Paste\n \n \n \n View\n \n Always Show Bookmarks Bar\n \n Always Show Full URLs\n \n \n \n Reload ⌘R\n \n \n Force Reload ⇧⌘R\n \n \n Toggle Fullscreen\n \n Hide Sidebar\n \n \n \n Profiles\n \n \n Andy\n Benoit\n Luis\n \n \n Edit...\n \n Add Profile...\n \n \n \n )\n}\n",
"type": "registry:example",
"target": ""
diff --git a/apps/www/public/r/styles/default/mode-toggle.json b/apps/www/public/r/styles/default/mode-toggle.json
index 1392c9d904c..b3c694438e1 100644
--- a/apps/www/public/r/styles/default/mode-toggle.json
+++ b/apps/www/public/r/styles/default/mode-toggle.json
@@ -3,7 +3,7 @@
"type": "registry:example",
"files": [
{
- "path": "example/mode-toggle.tsx",
+ "path": "examples/mode-toggle.tsx",
"content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Moon, Sun } from \"lucide-react\"\nimport { useTheme } from \"next-themes\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\n\nexport default function ModeToggle() {\n const { setTheme } = useTheme()\n\n return (\n \n \n \n \n \n setTheme(\"light\")}>\n Light\n \n setTheme(\"dark\")}>\n Dark\n \n setTheme(\"system\")}>\n System\n \n \n \n )\n}\n",
"type": "registry:example",
"target": ""
diff --git a/apps/www/public/r/styles/default/navigation-menu-demo.json b/apps/www/public/r/styles/default/navigation-menu-demo.json
index 97646b815b0..085f394005f 100644
--- a/apps/www/public/r/styles/default/navigation-menu-demo.json
+++ b/apps/www/public/r/styles/default/navigation-menu-demo.json
@@ -6,7 +6,7 @@
],
"files": [
{
- "path": "example/navigation-menu-demo.tsx",
+ "path": "examples/navigation-menu-demo.tsx",
"content": "\"use client\"\n\nimport * as React from \"react\"\nimport Link from \"next/link\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icons } from \"@/components/icons\"\nimport {\n NavigationMenu,\n NavigationMenuContent,\n NavigationMenuItem,\n NavigationMenuLink,\n NavigationMenuList,\n NavigationMenuTrigger,\n navigationMenuTriggerStyle,\n} from \"@/registry/default/ui/navigation-menu\"\n\nconst components: { title: string; href: string; description: string }[] = [\n {\n title: \"Alert Dialog\",\n href: \"/docs/primitives/alert-dialog\",\n description:\n \"A modal dialog that interrupts the user with important content and expects a response.\",\n },\n {\n title: \"Hover Card\",\n href: \"/docs/primitives/hover-card\",\n description:\n \"For sighted users to preview content available behind a link.\",\n },\n {\n title: \"Progress\",\n href: \"/docs/primitives/progress\",\n description:\n \"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.\",\n },\n {\n title: \"Scroll-area\",\n href: \"/docs/primitives/scroll-area\",\n description: \"Visually or semantically separates content.\",\n },\n {\n title: \"Tabs\",\n href: \"/docs/primitives/tabs\",\n description:\n \"A set of layered sections of content—known as tab panels—that are displayed one at a time.\",\n },\n {\n title: \"Tooltip\",\n href: \"/docs/primitives/tooltip\",\n description:\n \"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\",\n },\n]\n\nexport default function NavigationMenuDemo() {\n return (\n \n \n \n Getting started\n \n
\n
\n \n \n \n
\n shadcn/ui\n
\n
\n Beautifully designed components that you can copy and\n paste into your apps. Accessible. Customizable. Open\n Source.\n
\n \n \n
\n \n Re-usable components built using Radix UI and Tailwind CSS.\n \n \n How to install dependencies and structure your app.\n \n \n Styles for headings, paragraphs, lists...etc\n \n
\n \n \n )\n}\n",
"type": "registry:page",
"target": "app/dashboard/page.tsx"
},
{
- "path": "block/sidebar-09/components/app-sidebar.tsx",
- "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ArchiveX, Command, File, Inbox, Send, Trash2 } from \"lucide-react\"\n\nimport { NavUser } from \"@/registry/default/block/sidebar-09/components/nav-user\"\nimport { Label } from \"@/registry/default/ui/label\"\nimport {\n Sidebar,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupContent,\n SidebarHeader,\n SidebarInput,\n SidebarMenu,\n SidebarMenuButton,\n SidebarMenuItem,\n useSidebar,\n} from \"@/registry/default/ui/sidebar\"\nimport { Switch } from \"@/registry/default/ui/switch\"\n\n// This is sample data\nconst data = {\n user: {\n name: \"shadcn\",\n email: \"m@example.com\",\n avatar: \"/avatars/shadcn.jpg\",\n },\n navMain: [\n {\n title: \"Inbox\",\n url: \"#\",\n icon: Inbox,\n isActive: true,\n },\n {\n title: \"Drafts\",\n url: \"#\",\n icon: File,\n isActive: false,\n },\n {\n title: \"Sent\",\n url: \"#\",\n icon: Send,\n isActive: false,\n },\n {\n title: \"Junk\",\n url: \"#\",\n icon: ArchiveX,\n isActive: false,\n },\n {\n title: \"Trash\",\n url: \"#\",\n icon: Trash2,\n isActive: false,\n },\n ],\n mails: [\n {\n name: \"William Smith\",\n email: \"williamsmith@example.com\",\n subject: \"Meeting Tomorrow\",\n date: \"09:34 AM\",\n teaser:\n \"Hi team, just a reminder about our meeting tomorrow at 10 AM.\\nPlease come prepared with your project updates.\",\n },\n {\n name: \"Alice Smith\",\n email: \"alicesmith@example.com\",\n subject: \"Re: Project Update\",\n date: \"Yesterday\",\n teaser:\n \"Thanks for the update. The progress looks great so far.\\nLet's schedule a call to discuss the next steps.\",\n },\n {\n name: \"Bob Johnson\",\n email: \"bobjohnson@example.com\",\n subject: \"Weekend Plans\",\n date: \"2 days ago\",\n teaser:\n \"Hey everyone! I'm thinking of organizing a team outing this weekend.\\nWould you be interested in a hiking trip or a beach day?\",\n },\n {\n name: \"Emily Davis\",\n email: \"emilydavis@example.com\",\n subject: \"Re: Question about Budget\",\n date: \"2 days ago\",\n teaser:\n \"I've reviewed the budget numbers you sent over.\\nCan we set up a quick call to discuss some potential adjustments?\",\n },\n {\n name: \"Michael Wilson\",\n email: \"michaelwilson@example.com\",\n subject: \"Important Announcement\",\n date: \"1 week ago\",\n teaser:\n \"Please join us for an all-hands meeting this Friday at 3 PM.\\nWe have some exciting news to share about the company's future.\",\n },\n {\n name: \"Sarah Brown\",\n email: \"sarahbrown@example.com\",\n subject: \"Re: Feedback on Proposal\",\n date: \"1 week ago\",\n teaser:\n \"Thank you for sending over the proposal. I've reviewed it and have some thoughts.\\nCould we schedule a meeting to discuss my feedback in detail?\",\n },\n {\n name: \"David Lee\",\n email: \"davidlee@example.com\",\n subject: \"New Project Idea\",\n date: \"1 week ago\",\n teaser:\n \"I've been brainstorming and came up with an interesting project concept.\\nDo you have time this week to discuss its potential impact and feasibility?\",\n },\n {\n name: \"Olivia Wilson\",\n email: \"oliviawilson@example.com\",\n subject: \"Vacation Plans\",\n date: \"1 week ago\",\n teaser:\n \"Just a heads up that I'll be taking a two-week vacation next month.\\nI'll make sure all my projects are up to date before I leave.\",\n },\n {\n name: \"James Martin\",\n email: \"jamesmartin@example.com\",\n subject: \"Re: Conference Registration\",\n date: \"1 week ago\",\n teaser:\n \"I've completed the registration for the upcoming tech conference.\\nLet me know if you need any additional information from my end.\",\n },\n {\n name: \"Sophia White\",\n email: \"sophiawhite@example.com\",\n subject: \"Team Dinner\",\n date: \"1 week ago\",\n teaser:\n \"To celebrate our recent project success, I'd like to organize a team dinner.\\nAre you available next Friday evening? Please let me know your preferences.\",\n },\n ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps) {\n // Note: I'm using state to show active item.\n // IRL you should use the url/router.\n const [activeItem, setActiveItem] = React.useState(data.navMain[0])\n const [mails, setMails] = React.useState(data.mails)\n const { setOpen } = useSidebar()\n\n return (\n [data-sidebar=sidebar]]:flex-row\"\n {...props}\n >\n {/* This is the first sidebar */}\n {/* We disable collapsible and adjust width to icon. */}\n {/* This will make the sidebar appear as icons. */}\n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n {data.navMain.map((item) => (\n \n {\n setActiveItem(item)\n const mail = data.mails.sort(() => Math.random() - 0.5)\n setMails(\n mail.slice(\n 0,\n Math.max(5, Math.floor(Math.random() * 10) + 1)\n )\n )\n setOpen(true)\n }}\n isActive={activeItem.title === item.title}\n className=\"px-2.5 md:px-2\"\n >\n \n {item.title}\n \n \n ))}\n \n \n \n \n \n \n \n \n\n {/* This is the second sidebar */}\n {/* We disable collapsible and let it fill remaining space */}\n \n \n
\n
\n {activeItem.title}\n
\n \n
\n \n \n \n \n \n {mails.map((mail) => (\n \n
\n {mail.name}{\" \"}\n {mail.date}\n
\n {mail.subject}\n \n {mail.teaser}\n \n \n ))}\n \n \n \n \n \n )\n}\n",
+ "path": "blocks/sidebar-09/components/app-sidebar.tsx",
+ "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ArchiveX, Command, File, Inbox, Send, Trash2 } from \"lucide-react\"\n\nimport { NavUser } from \"@/registry/default/blocks/sidebar-09/components/nav-user\"\nimport { Label } from \"@/registry/default/ui/label\"\nimport {\n Sidebar,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupContent,\n SidebarHeader,\n SidebarInput,\n SidebarMenu,\n SidebarMenuButton,\n SidebarMenuItem,\n useSidebar,\n} from \"@/registry/default/ui/sidebar\"\nimport { Switch } from \"@/registry/default/ui/switch\"\n\n// This is sample data\nconst data = {\n user: {\n name: \"shadcn\",\n email: \"m@example.com\",\n avatar: \"/avatars/shadcn.jpg\",\n },\n navMain: [\n {\n title: \"Inbox\",\n url: \"#\",\n icon: Inbox,\n isActive: true,\n },\n {\n title: \"Drafts\",\n url: \"#\",\n icon: File,\n isActive: false,\n },\n {\n title: \"Sent\",\n url: \"#\",\n icon: Send,\n isActive: false,\n },\n {\n title: \"Junk\",\n url: \"#\",\n icon: ArchiveX,\n isActive: false,\n },\n {\n title: \"Trash\",\n url: \"#\",\n icon: Trash2,\n isActive: false,\n },\n ],\n mails: [\n {\n name: \"William Smith\",\n email: \"williamsmith@example.com\",\n subject: \"Meeting Tomorrow\",\n date: \"09:34 AM\",\n teaser:\n \"Hi team, just a reminder about our meeting tomorrow at 10 AM.\\nPlease come prepared with your project updates.\",\n },\n {\n name: \"Alice Smith\",\n email: \"alicesmith@example.com\",\n subject: \"Re: Project Update\",\n date: \"Yesterday\",\n teaser:\n \"Thanks for the update. The progress looks great so far.\\nLet's schedule a call to discuss the next steps.\",\n },\n {\n name: \"Bob Johnson\",\n email: \"bobjohnson@example.com\",\n subject: \"Weekend Plans\",\n date: \"2 days ago\",\n teaser:\n \"Hey everyone! I'm thinking of organizing a team outing this weekend.\\nWould you be interested in a hiking trip or a beach day?\",\n },\n {\n name: \"Emily Davis\",\n email: \"emilydavis@example.com\",\n subject: \"Re: Question about Budget\",\n date: \"2 days ago\",\n teaser:\n \"I've reviewed the budget numbers you sent over.\\nCan we set up a quick call to discuss some potential adjustments?\",\n },\n {\n name: \"Michael Wilson\",\n email: \"michaelwilson@example.com\",\n subject: \"Important Announcement\",\n date: \"1 week ago\",\n teaser:\n \"Please join us for an all-hands meeting this Friday at 3 PM.\\nWe have some exciting news to share about the company's future.\",\n },\n {\n name: \"Sarah Brown\",\n email: \"sarahbrown@example.com\",\n subject: \"Re: Feedback on Proposal\",\n date: \"1 week ago\",\n teaser:\n \"Thank you for sending over the proposal. I've reviewed it and have some thoughts.\\nCould we schedule a meeting to discuss my feedback in detail?\",\n },\n {\n name: \"David Lee\",\n email: \"davidlee@example.com\",\n subject: \"New Project Idea\",\n date: \"1 week ago\",\n teaser:\n \"I've been brainstorming and came up with an interesting project concept.\\nDo you have time this week to discuss its potential impact and feasibility?\",\n },\n {\n name: \"Olivia Wilson\",\n email: \"oliviawilson@example.com\",\n subject: \"Vacation Plans\",\n date: \"1 week ago\",\n teaser:\n \"Just a heads up that I'll be taking a two-week vacation next month.\\nI'll make sure all my projects are up to date before I leave.\",\n },\n {\n name: \"James Martin\",\n email: \"jamesmartin@example.com\",\n subject: \"Re: Conference Registration\",\n date: \"1 week ago\",\n teaser:\n \"I've completed the registration for the upcoming tech conference.\\nLet me know if you need any additional information from my end.\",\n },\n {\n name: \"Sophia White\",\n email: \"sophiawhite@example.com\",\n subject: \"Team Dinner\",\n date: \"1 week ago\",\n teaser:\n \"To celebrate our recent project success, I'd like to organize a team dinner.\\nAre you available next Friday evening? Please let me know your preferences.\",\n },\n ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps) {\n // Note: I'm using state to show active item.\n // IRL you should use the url/router.\n const [activeItem, setActiveItem] = React.useState(data.navMain[0])\n const [mails, setMails] = React.useState(data.mails)\n const { setOpen } = useSidebar()\n\n return (\n [data-sidebar=sidebar]]:flex-row\"\n {...props}\n >\n {/* This is the first sidebar */}\n {/* We disable collapsible and adjust width to icon. */}\n {/* This will make the sidebar appear as icons. */}\n \n \n \n \n \n \n
\n )\n}\n",
+ "type": "registry:component",
+ "target": ""
+ },
+ {
+ "path": "internal/sink/components/menubar-demo.tsx",
+ "content": "import {\n Menubar,\n MenubarCheckboxItem,\n MenubarContent,\n MenubarItem,\n MenubarMenu,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSeparator,\n MenubarShortcut,\n MenubarSub,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarTrigger,\n} from \"@/registry/default/ui/menubar\"\n\nexport function MenubarDemo() {\n return (\n \n \n File\n \n \n New Tab ⌘T\n \n \n New Window ⌘N\n \n New Incognito Window\n \n \n Share\n \n Email link\n Messages\n Notes\n \n \n \n \n Print... ⌘P\n \n \n \n \n Edit\n \n \n Undo ⌘Z\n \n \n Redo ⇧⌘Z\n \n \n \n Find\n \n Search the web\n \n Find...\n Find Next\n Find Previous\n \n \n \n Cut\n Copy\n Paste\n \n \n \n View\n \n Always Show Bookmarks Bar\n \n Always Show Full URLs\n \n \n \n Reload ⌘R\n \n \n Force Reload ⇧⌘R\n \n \n Toggle Fullscreen\n \n Hide Sidebar\n \n \n \n Profiles\n \n \n Andy\n Benoit\n Luis\n \n \n Edit...\n \n Add Profile...\n \n \n \n )\n}\n",
+ "type": "registry:component",
+ "target": ""
+ },
+ {
+ "path": "internal/sink/components/navigation-menu-demo.tsx",
+ "content": "\"use client\"\n\nimport * as React from \"react\"\nimport Link from \"next/link\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n NavigationMenu,\n NavigationMenuContent,\n NavigationMenuItem,\n NavigationMenuLink,\n NavigationMenuList,\n NavigationMenuTrigger,\n navigationMenuTriggerStyle,\n} from \"@/registry/default/ui/navigation-menu\"\n\nconst components: { title: string; href: string; description: string }[] = [\n {\n title: \"Alert Dialog\",\n href: \"/docs/primitives/alert-dialog\",\n description:\n \"A modal dialog that interrupts the user with important content and expects a response.\",\n },\n {\n title: \"Hover Card\",\n href: \"/docs/primitives/hover-card\",\n description:\n \"For sighted users to preview content available behind a link.\",\n },\n {\n title: \"Progress\",\n href: \"/docs/primitives/progress\",\n description:\n \"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.\",\n },\n {\n title: \"Scroll-area\",\n href: \"/docs/primitives/scroll-area\",\n description: \"Visually or semantically separates content.\",\n },\n {\n title: \"Tabs\",\n href: \"/docs/primitives/tabs\",\n description:\n \"A set of layered sections of content—known as tab panels—that are displayed one at a time.\",\n },\n {\n title: \"Tooltip\",\n href: \"/docs/primitives/tooltip\",\n description:\n \"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\",\n },\n]\n\nexport function NavigationMenuDemo() {\n return (\n \n \n \n Getting started\n \n
\n
\n \n \n
\n shadcn/ui\n
\n
\n Beautifully designed components built with Radix UI and\n Tailwind CSS.\n
\n \n \n
\n \n Re-usable components built using Radix UI and Tailwind CSS.\n \n \n How to install dependencies and structure your app.\n \n \n Styles for headings, paragraphs, lists...etc\n \n
\n Once upon a time, in a far-off land, there was a very lazy king who\n spent all day lounging on his throne. One day, his advisors came to him\n with a problem: the kingdom was running out of money.\n
\n
\n The King's Plan\n
\n
\n The king thought long and hard, and finally came up with{\" \"}\n \n a brilliant plan\n \n : he would tax the jokes in the kingdom.\n
\n
\n \"After all,\" he said, \"everyone enjoys a good joke, so it's only fair\n that they should pay for the privilege.\"\n
\n
\n The Joke Tax\n
\n
\n The king's subjects were not amused. They grumbled and complained, but\n the king was firm:\n
\n
li]:mt-2\">\n
1st level of puns: 5 gold coins
\n
2nd level of jokes: 10 gold coins
\n
3rd level of one-liners : 20 gold coins
\n
\n
\n As a result, people stopped telling jokes, and the kingdom fell into a\n gloom. But there was one person who refused to let the king's\n foolishness get him down: a court jester named Jokester.\n
\n
\n Jokester's Revolt\n
\n
\n Jokester began sneaking into the castle in the middle of the night and\n leaving jokes all over the place: under the king's pillow, in his soup,\n even in the royal toilet. The king was furious, but he couldn't seem to\n stop Jokester.\n
\n
\n And then, one day, the people of the kingdom discovered that the jokes\n left by Jokester were so funny that they couldn't help but laugh. And\n once they started laughing, they couldn't stop.\n
\n
\n The People's Rebellion\n
\n
\n The people of the kingdom, feeling uplifted by the laughter, started to\n tell jokes and puns again, and soon the entire kingdom was in on the\n joke.\n
\n
\n
\n \n
\n
\n King's Treasury\n
\n
\n People's happiness\n
\n
\n \n \n
\n
\n Empty\n
\n
\n Overflowing\n
\n
\n
\n
\n Modest\n
\n
\n Satisfied\n
\n
\n
\n
\n Full\n
\n
\n Ecstatic\n
\n
\n \n
\n
\n
\n The king, seeing how much happier his subjects were, realized the error\n of his ways and repealed the joke tax. Jokester was declared a hero, and\n the kingdom lived happily ever after.\n
\n
\n The moral of the story is: never underestimate the power of a good laugh\n and always be careful of bad ideas.\n
\n \n \n \n \n \n \n Building Your Application\n \n \n \n \n Data Fetching\n \n \n \n
\n \n
\n
\n \n \n \n
\n \n
\n \n \n )\n}\n",
- "type": "registry:block",
- "target": "components/sidebar-08.tsx"
+ "type": "registry:internal",
+ "target": ""
}
]
}
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/v0-sidebar-09.json b/apps/www/public/r/styles/default/v0-sidebar-09.json
index 9bd1b20844f..ca19fdc1470 100644
--- a/apps/www/public/r/styles/default/v0-sidebar-09.json
+++ b/apps/www/public/r/styles/default/v0-sidebar-09.json
@@ -1,7 +1,6 @@
{
"name": "v0-sidebar-09",
- "type": "registry:block",
- "description": "Collapsible nested sidebars.",
+ "type": "registry:internal",
"registryDependencies": [
"sidebar",
"breadcrumb",
@@ -13,10 +12,10 @@
],
"files": [
{
- "path": "v0/sidebar-09.tsx",
+ "path": "internal/sidebar-09.tsx",
"content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n ArchiveX,\n BadgeCheck,\n Bell,\n ChevronsUpDown,\n Command,\n CreditCard,\n File,\n Inbox,\n LogOut,\n Send,\n Sparkles,\n Trash2,\n} from \"lucide-react\"\n\nimport {\n Avatar,\n AvatarFallback,\n AvatarImage,\n} from \"@/components/ui/avatar\"\nimport {\n Breadcrumb,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\"\nimport { Label } from \"@/components/ui/label\"\nimport { Separator } from \"@/components/ui/separator\"\nimport {\n Sidebar,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupContent,\n SidebarHeader,\n SidebarInput,\n SidebarInset,\n SidebarMenu,\n SidebarMenuButton,\n SidebarMenuItem,\n SidebarProvider,\n SidebarTrigger,\n useSidebar,\n} from \"@/components/ui/sidebar\"\nimport { Switch } from \"@/components/ui/switch\"\n\n// This is sample data\nconst data = {\n user: {\n name: \"shadcn\",\n email: \"m@example.com\",\n avatar: \"/avatars/shadcn.jpg\",\n },\n navMain: [\n {\n title: \"Inbox\",\n url: \"#\",\n icon: Inbox,\n isActive: true,\n },\n {\n title: \"Drafts\",\n url: \"#\",\n icon: File,\n isActive: false,\n },\n {\n title: \"Sent\",\n url: \"#\",\n icon: Send,\n isActive: false,\n },\n {\n title: \"Junk\",\n url: \"#\",\n icon: ArchiveX,\n isActive: false,\n },\n {\n title: \"Trash\",\n url: \"#\",\n icon: Trash2,\n isActive: false,\n },\n ],\n mails: [\n {\n name: \"William Smith\",\n email: \"williamsmith@example.com\",\n subject: \"Meeting Tomorrow\",\n date: \"09:34 AM\",\n teaser:\n \"Hi team, just a reminder about our meeting tomorrow at 10 AM.\\nPlease come prepared with your project updates.\",\n },\n {\n name: \"Alice Smith\",\n email: \"alicesmith@example.com\",\n subject: \"Re: Project Update\",\n date: \"Yesterday\",\n teaser:\n \"Thanks for the update. The progress looks great so far.\\nLet's schedule a call to discuss the next steps.\",\n },\n {\n name: \"Bob Johnson\",\n email: \"bobjohnson@example.com\",\n subject: \"Weekend Plans\",\n date: \"2 days ago\",\n teaser:\n \"Hey everyone! I'm thinking of organizing a team outing this weekend.\\nWould you be interested in a hiking trip or a beach day?\",\n },\n {\n name: \"Emily Davis\",\n email: \"emilydavis@example.com\",\n subject: \"Re: Question about Budget\",\n date: \"2 days ago\",\n teaser:\n \"I've reviewed the budget numbers you sent over.\\nCan we set up a quick call to discuss some potential adjustments?\",\n },\n {\n name: \"Michael Wilson\",\n email: \"michaelwilson@example.com\",\n subject: \"Important Announcement\",\n date: \"1 week ago\",\n teaser:\n \"Please join us for an all-hands meeting this Friday at 3 PM.\\nWe have some exciting news to share about the company's future.\",\n },\n {\n name: \"Sarah Brown\",\n email: \"sarahbrown@example.com\",\n subject: \"Re: Feedback on Proposal\",\n date: \"1 week ago\",\n teaser:\n \"Thank you for sending over the proposal. I've reviewed it and have some thoughts.\\nCould we schedule a meeting to discuss my feedback in detail?\",\n },\n {\n name: \"David Lee\",\n email: \"davidlee@example.com\",\n subject: \"New Project Idea\",\n date: \"1 week ago\",\n teaser:\n \"I've been brainstorming and came up with an interesting project concept.\\nDo you have time this week to discuss its potential impact and feasibility?\",\n },\n {\n name: \"Olivia Wilson\",\n email: \"oliviawilson@example.com\",\n subject: \"Vacation Plans\",\n date: \"1 week ago\",\n teaser:\n \"Just a heads up that I'll be taking a two-week vacation next month.\\nI'll make sure all my projects are up to date before I leave.\",\n },\n {\n name: \"James Martin\",\n email: \"jamesmartin@example.com\",\n subject: \"Re: Conference Registration\",\n date: \"1 week ago\",\n teaser:\n \"I've completed the registration for the upcoming tech conference.\\nLet me know if you need any additional information from my end.\",\n },\n {\n name: \"Sophia White\",\n email: \"sophiawhite@example.com\",\n subject: \"Team Dinner\",\n date: \"1 week ago\",\n teaser:\n \"To celebrate our recent project success, I'd like to organize a team dinner.\\nAre you available next Friday evening? Please let me know your preferences.\",\n },\n ],\n}\n\nexport default function Page() {\n return (\n \n \n \n \n \n \n \n \n \n All Inboxes\n \n \n \n Inbox\n \n \n \n \n
\n \n \n )\n}\n\nfunction AppSidebar({ ...props }: React.ComponentProps) {\n // Note: I'm using state to show active item.\n // IRL you should use the url/router.\n const [activeItem, setActiveItem] = React.useState(data.navMain[0])\n const [mails, setMails] = React.useState(data.mails)\n const { setOpen } = useSidebar()\n\n return (\n [data-sidebar=sidebar]]:flex-row\"\n {...props}\n >\n {/* This is the first sidebar */}\n {/* We disable collapsible and adjust width to icon. */}\n {/* This will make the sidebar appear as icons. */}\n \n \n \n \n \n \n
\n )\n}\n",
- "type": "registry:component",
- "target": ""
- },
- {
- "path": "block/_sink/components/menubar-demo.tsx",
- "content": "import {\n Menubar,\n MenubarCheckboxItem,\n MenubarContent,\n MenubarItem,\n MenubarMenu,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSeparator,\n MenubarShortcut,\n MenubarSub,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarTrigger,\n} from \"@/registry/new-york/ui/menubar\"\n\nexport function MenubarDemo() {\n return (\n \n \n File\n \n \n New Tab ⌘T\n \n \n New Window ⌘N\n \n New Incognito Window\n \n \n Share\n \n Email link\n Messages\n Notes\n \n \n \n \n Print... ⌘P\n \n \n \n \n Edit\n \n \n Undo ⌘Z\n \n \n Redo ⇧⌘Z\n \n \n \n Find\n \n Search the web\n \n Find...\n Find Next\n Find Previous\n \n \n \n Cut\n Copy\n Paste\n \n \n \n View\n \n Always Show Bookmarks Bar\n \n Always Show Full URLs\n \n \n \n Reload ⌘R\n \n \n Force Reload ⇧⌘R\n \n \n Toggle Fullscreen\n \n Hide Sidebar\n \n \n \n Profiles\n \n \n Andy\n Benoit\n Luis\n \n \n Edit...\n \n Add Profile...\n \n \n \n )\n}\n",
- "type": "registry:component",
- "target": ""
- },
- {
- "path": "block/_sink/components/navigation-menu-demo.tsx",
- "content": "\"use client\"\n\nimport * as React from \"react\"\nimport Link from \"next/link\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n NavigationMenu,\n NavigationMenuContent,\n NavigationMenuItem,\n NavigationMenuLink,\n NavigationMenuList,\n NavigationMenuTrigger,\n navigationMenuTriggerStyle,\n} from \"@/registry/new-york/ui/navigation-menu\"\n\nconst components: { title: string; href: string; description: string }[] = [\n {\n title: \"Alert Dialog\",\n href: \"/docs/primitives/alert-dialog\",\n description:\n \"A modal dialog that interrupts the user with important content and expects a response.\",\n },\n {\n title: \"Hover Card\",\n href: \"/docs/primitives/hover-card\",\n description:\n \"For sighted users to preview content available behind a link.\",\n },\n {\n title: \"Progress\",\n href: \"/docs/primitives/progress\",\n description:\n \"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.\",\n },\n {\n title: \"Scroll-area\",\n href: \"/docs/primitives/scroll-area\",\n description: \"Visually or semantically separates content.\",\n },\n {\n title: \"Tabs\",\n href: \"/docs/primitives/tabs\",\n description:\n \"A set of layered sections of content—known as tab panels—that are displayed one at a time.\",\n },\n {\n title: \"Tooltip\",\n href: \"/docs/primitives/tooltip\",\n description:\n \"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\",\n },\n]\n\nexport function NavigationMenuDemo() {\n return (\n \n \n \n Getting started\n \n
\n
\n \n \n
\n shadcn/ui\n
\n
\n Beautifully designed components built with Radix UI and\n Tailwind CSS.\n
\n \n \n
\n \n Re-usable components built using Radix UI and Tailwind CSS.\n \n \n How to install dependencies and structure your app.\n \n \n Styles for headings, paragraphs, lists...etc\n \n
\n \n \n Store Name\n \n Used to identify your store in the marketplace.\n \n \n \n \n \n \n \n \n \n \n \n Plugins Directory\n \n The directory within your project, in which your plugins are\n located.\n \n \n \n \n \n \n \n \n \n
\n
\n \n
\n )\n}\n",
- "type": "registry:block",
- "target": ""
- }
- ]
-}
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/dashboard-05.json b/apps/www/public/r/styles/new-york/dashboard-05.json
deleted file mode 100644
index 1504eaf2f16..00000000000
--- a/apps/www/public/r/styles/new-york/dashboard-05.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
- "name": "dashboard-05",
- "type": "registry:block",
- "registryDependencies": [
- "badge",
- "breadcrumb",
- "button",
- "card",
- "dropdown-menu",
- "input",
- "pagination",
- "progress",
- "separator",
- "sheet",
- "table",
- "tabs",
- "tooltip"
- ],
- "files": [
- {
- "path": "block/dashboard-05.tsx",
- "content": "import * as React from \"react\"\nimport Image from \"next/image\"\nimport Link from \"next/link\"\nimport {\n ChevronLeft,\n ChevronRight,\n Copy,\n CreditCard,\n File,\n Home,\n LineChart,\n ListFilter,\n MoreVertical,\n Package,\n Package2,\n PanelLeft,\n Search,\n Settings,\n ShoppingCart,\n Truck,\n Users2,\n} from \"lucide-react\"\n\nimport { Badge } from \"@/registry/new-york/ui/badge\"\nimport {\n Breadcrumb,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n} from \"@/registry/new-york/ui/breadcrumb\"\nimport { Button } from \"@/registry/new-york/ui/button\"\nimport {\n Card,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle,\n} from \"@/registry/new-york/ui/card\"\nimport {\n DropdownMenu,\n DropdownMenuCheckboxItem,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport { Input } from \"@/registry/new-york/ui/input\"\nimport {\n Pagination,\n PaginationContent,\n PaginationItem,\n} from \"@/registry/new-york/ui/pagination\"\nimport { Progress } from \"@/registry/new-york/ui/progress\"\nimport { Separator } from \"@/registry/new-york/ui/separator\"\nimport { Sheet, SheetContent, SheetTrigger } from \"@/registry/new-york/ui/sheet\"\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from \"@/registry/new-york/ui/table\"\nimport {\n Tabs,\n TabsContent,\n TabsList,\n TabsTrigger,\n} from \"@/registry/new-york/ui/tabs\"\nimport {\n Tooltip,\n TooltipContent,\n TooltipTrigger,\n} from \"@/registry/new-york/ui/tooltip\"\n\nexport default function Dashboard() {\n return (\n
\n )\n}\n",
+ "type": "registry:component",
+ "target": ""
+ }
+ ],
+ "categories": [
+ "authentication",
+ "login"
+ ]
+}
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/menubar-demo.json b/apps/www/public/r/styles/new-york/menubar-demo.json
index 0b6f9929394..109eeb582db 100644
--- a/apps/www/public/r/styles/new-york/menubar-demo.json
+++ b/apps/www/public/r/styles/new-york/menubar-demo.json
@@ -6,7 +6,7 @@
],
"files": [
{
- "path": "example/menubar-demo.tsx",
+ "path": "examples/menubar-demo.tsx",
"content": "import {\n Menubar,\n MenubarCheckboxItem,\n MenubarContent,\n MenubarItem,\n MenubarMenu,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSeparator,\n MenubarShortcut,\n MenubarSub,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarTrigger,\n} from \"@/registry/new-york/ui/menubar\"\n\nexport default function MenubarDemo() {\n return (\n \n \n File\n \n \n New Tab ⌘T\n \n \n New Window ⌘N\n \n New Incognito Window\n \n \n Share\n \n Email link\n Messages\n Notes\n \n \n \n \n Print... ⌘P\n \n \n \n \n Edit\n \n \n Undo ⌘Z\n \n \n Redo ⇧⌘Z\n \n \n \n Find\n \n Search the web\n \n Find...\n Find Next\n Find Previous\n \n \n \n Cut\n Copy\n Paste\n \n \n \n View\n \n Always Show Bookmarks Bar\n \n Always Show Full URLs\n \n \n \n Reload ⌘R\n \n \n Force Reload ⇧⌘R\n \n \n Toggle Fullscreen\n \n Hide Sidebar\n \n \n \n Profiles\n \n \n Andy\n Benoit\n Luis\n \n \n Edit...\n \n Add Profile...\n \n \n \n )\n}\n",
"type": "registry:example",
"target": ""
diff --git a/apps/www/public/r/styles/new-york/mode-toggle.json b/apps/www/public/r/styles/new-york/mode-toggle.json
index 5173fe02b0b..532a4a49ad1 100644
--- a/apps/www/public/r/styles/new-york/mode-toggle.json
+++ b/apps/www/public/r/styles/new-york/mode-toggle.json
@@ -3,7 +3,7 @@
"type": "registry:example",
"files": [
{
- "path": "example/mode-toggle.tsx",
+ "path": "examples/mode-toggle.tsx",
"content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Moon, MoonIcon, Sun } from \"lucide-react\"\nimport { useTheme } from \"next-themes\"\n\nimport { Button } from \"@/registry/new-york/ui/button\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\n\nexport default function ModeToggle() {\n const { setTheme } = useTheme()\n\n return (\n \n \n \n \n \n setTheme(\"light\")}>\n Light\n \n setTheme(\"dark\")}>\n Dark\n \n setTheme(\"system\")}>\n System\n \n \n \n )\n}\n",
"type": "registry:example",
"target": ""
diff --git a/apps/www/public/r/styles/new-york/navigation-menu-demo.json b/apps/www/public/r/styles/new-york/navigation-menu-demo.json
index 45f675b0d0c..453b7ce0994 100644
--- a/apps/www/public/r/styles/new-york/navigation-menu-demo.json
+++ b/apps/www/public/r/styles/new-york/navigation-menu-demo.json
@@ -6,7 +6,7 @@
],
"files": [
{
- "path": "example/navigation-menu-demo.tsx",
+ "path": "examples/navigation-menu-demo.tsx",
"content": "\"use client\"\n\nimport * as React from \"react\"\nimport Link from \"next/link\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icons } from \"@/components/icons\"\nimport {\n NavigationMenu,\n NavigationMenuContent,\n NavigationMenuItem,\n NavigationMenuLink,\n NavigationMenuList,\n NavigationMenuTrigger,\n navigationMenuTriggerStyle,\n} from \"@/registry/new-york/ui/navigation-menu\"\n\nconst components: { title: string; href: string; description: string }[] = [\n {\n title: \"Alert Dialog\",\n href: \"/docs/primitives/alert-dialog\",\n description:\n \"A modal dialog that interrupts the user with important content and expects a response.\",\n },\n {\n title: \"Hover Card\",\n href: \"/docs/primitives/hover-card\",\n description:\n \"For sighted users to preview content available behind a link.\",\n },\n {\n title: \"Progress\",\n href: \"/docs/primitives/progress\",\n description:\n \"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.\",\n },\n {\n title: \"Scroll-area\",\n href: \"/docs/primitives/scroll-area\",\n description: \"Visually or semantically separates content.\",\n },\n {\n title: \"Tabs\",\n href: \"/docs/primitives/tabs\",\n description:\n \"A set of layered sections of content—known as tab panels—that are displayed one at a time.\",\n },\n {\n title: \"Tooltip\",\n href: \"/docs/primitives/tooltip\",\n description:\n \"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\",\n },\n]\n\nexport default function NavigationMenuDemo() {\n return (\n \n \n \n Getting started\n \n
\n
\n \n \n \n
\n shadcn/ui\n
\n
\n Beautifully designed components built with Radix UI and\n Tailwind CSS.\n
\n \n \n
\n \n Re-usable components built using Radix UI and Tailwind CSS.\n \n \n How to install dependencies and structure your app.\n \n \n Styles for headings, paragraphs, lists...etc\n \n
\n \n \n )\n}\n",
"type": "registry:page",
"target": "app/dashboard/page.tsx"
},
{
- "path": "block/sidebar-09/components/app-sidebar.tsx",
- "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ArchiveX, Command, File, Inbox, Send, Trash2 } from \"lucide-react\"\n\nimport { NavUser } from \"@/registry/new-york/block/sidebar-09/components/nav-user\"\nimport { Label } from \"@/registry/new-york/ui/label\"\nimport {\n Sidebar,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupContent,\n SidebarHeader,\n SidebarInput,\n SidebarMenu,\n SidebarMenuButton,\n SidebarMenuItem,\n useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\nimport { Switch } from \"@/registry/new-york/ui/switch\"\n\n// This is sample data\nconst data = {\n user: {\n name: \"shadcn\",\n email: \"m@example.com\",\n avatar: \"/avatars/shadcn.jpg\",\n },\n navMain: [\n {\n title: \"Inbox\",\n url: \"#\",\n icon: Inbox,\n isActive: true,\n },\n {\n title: \"Drafts\",\n url: \"#\",\n icon: File,\n isActive: false,\n },\n {\n title: \"Sent\",\n url: \"#\",\n icon: Send,\n isActive: false,\n },\n {\n title: \"Junk\",\n url: \"#\",\n icon: ArchiveX,\n isActive: false,\n },\n {\n title: \"Trash\",\n url: \"#\",\n icon: Trash2,\n isActive: false,\n },\n ],\n mails: [\n {\n name: \"William Smith\",\n email: \"williamsmith@example.com\",\n subject: \"Meeting Tomorrow\",\n date: \"09:34 AM\",\n teaser:\n \"Hi team, just a reminder about our meeting tomorrow at 10 AM.\\nPlease come prepared with your project updates.\",\n },\n {\n name: \"Alice Smith\",\n email: \"alicesmith@example.com\",\n subject: \"Re: Project Update\",\n date: \"Yesterday\",\n teaser:\n \"Thanks for the update. The progress looks great so far.\\nLet's schedule a call to discuss the next steps.\",\n },\n {\n name: \"Bob Johnson\",\n email: \"bobjohnson@example.com\",\n subject: \"Weekend Plans\",\n date: \"2 days ago\",\n teaser:\n \"Hey everyone! I'm thinking of organizing a team outing this weekend.\\nWould you be interested in a hiking trip or a beach day?\",\n },\n {\n name: \"Emily Davis\",\n email: \"emilydavis@example.com\",\n subject: \"Re: Question about Budget\",\n date: \"2 days ago\",\n teaser:\n \"I've reviewed the budget numbers you sent over.\\nCan we set up a quick call to discuss some potential adjustments?\",\n },\n {\n name: \"Michael Wilson\",\n email: \"michaelwilson@example.com\",\n subject: \"Important Announcement\",\n date: \"1 week ago\",\n teaser:\n \"Please join us for an all-hands meeting this Friday at 3 PM.\\nWe have some exciting news to share about the company's future.\",\n },\n {\n name: \"Sarah Brown\",\n email: \"sarahbrown@example.com\",\n subject: \"Re: Feedback on Proposal\",\n date: \"1 week ago\",\n teaser:\n \"Thank you for sending over the proposal. I've reviewed it and have some thoughts.\\nCould we schedule a meeting to discuss my feedback in detail?\",\n },\n {\n name: \"David Lee\",\n email: \"davidlee@example.com\",\n subject: \"New Project Idea\",\n date: \"1 week ago\",\n teaser:\n \"I've been brainstorming and came up with an interesting project concept.\\nDo you have time this week to discuss its potential impact and feasibility?\",\n },\n {\n name: \"Olivia Wilson\",\n email: \"oliviawilson@example.com\",\n subject: \"Vacation Plans\",\n date: \"1 week ago\",\n teaser:\n \"Just a heads up that I'll be taking a two-week vacation next month.\\nI'll make sure all my projects are up to date before I leave.\",\n },\n {\n name: \"James Martin\",\n email: \"jamesmartin@example.com\",\n subject: \"Re: Conference Registration\",\n date: \"1 week ago\",\n teaser:\n \"I've completed the registration for the upcoming tech conference.\\nLet me know if you need any additional information from my end.\",\n },\n {\n name: \"Sophia White\",\n email: \"sophiawhite@example.com\",\n subject: \"Team Dinner\",\n date: \"1 week ago\",\n teaser:\n \"To celebrate our recent project success, I'd like to organize a team dinner.\\nAre you available next Friday evening? Please let me know your preferences.\",\n },\n ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps) {\n // Note: I'm using state to show active item.\n // IRL you should use the url/router.\n const [activeItem, setActiveItem] = React.useState(data.navMain[0])\n const [mails, setMails] = React.useState(data.mails)\n const { setOpen } = useSidebar()\n\n return (\n [data-sidebar=sidebar]]:flex-row\"\n {...props}\n >\n {/* This is the first sidebar */}\n {/* We disable collapsible and adjust width to icon. */}\n {/* This will make the sidebar appear as icons. */}\n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n {data.navMain.map((item) => (\n \n {\n setActiveItem(item)\n const mail = data.mails.sort(() => Math.random() - 0.5)\n setMails(\n mail.slice(\n 0,\n Math.max(5, Math.floor(Math.random() * 10) + 1)\n )\n )\n setOpen(true)\n }}\n isActive={activeItem.title === item.title}\n className=\"px-2.5 md:px-2\"\n >\n \n {item.title}\n \n \n ))}\n \n \n \n \n \n \n \n \n\n {/* This is the second sidebar */}\n {/* We disable collapsible and let it fill remaining space */}\n \n \n
\n
\n {activeItem.title}\n
\n \n
\n \n \n \n \n \n {mails.map((mail) => (\n \n
\n {mail.name}{\" \"}\n {mail.date}\n
\n {mail.subject}\n \n {mail.teaser}\n \n \n ))}\n \n \n \n \n \n )\n}\n",
+ "path": "blocks/sidebar-09/components/app-sidebar.tsx",
+ "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ArchiveX, Command, File, Inbox, Send, Trash2 } from \"lucide-react\"\n\nimport { NavUser } from \"@/registry/new-york/blocks/sidebar-09/components/nav-user\"\nimport { Label } from \"@/registry/new-york/ui/label\"\nimport {\n Sidebar,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupContent,\n SidebarHeader,\n SidebarInput,\n SidebarMenu,\n SidebarMenuButton,\n SidebarMenuItem,\n useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\nimport { Switch } from \"@/registry/new-york/ui/switch\"\n\n// This is sample data\nconst data = {\n user: {\n name: \"shadcn\",\n email: \"m@example.com\",\n avatar: \"/avatars/shadcn.jpg\",\n },\n navMain: [\n {\n title: \"Inbox\",\n url: \"#\",\n icon: Inbox,\n isActive: true,\n },\n {\n title: \"Drafts\",\n url: \"#\",\n icon: File,\n isActive: false,\n },\n {\n title: \"Sent\",\n url: \"#\",\n icon: Send,\n isActive: false,\n },\n {\n title: \"Junk\",\n url: \"#\",\n icon: ArchiveX,\n isActive: false,\n },\n {\n title: \"Trash\",\n url: \"#\",\n icon: Trash2,\n isActive: false,\n },\n ],\n mails: [\n {\n name: \"William Smith\",\n email: \"williamsmith@example.com\",\n subject: \"Meeting Tomorrow\",\n date: \"09:34 AM\",\n teaser:\n \"Hi team, just a reminder about our meeting tomorrow at 10 AM.\\nPlease come prepared with your project updates.\",\n },\n {\n name: \"Alice Smith\",\n email: \"alicesmith@example.com\",\n subject: \"Re: Project Update\",\n date: \"Yesterday\",\n teaser:\n \"Thanks for the update. The progress looks great so far.\\nLet's schedule a call to discuss the next steps.\",\n },\n {\n name: \"Bob Johnson\",\n email: \"bobjohnson@example.com\",\n subject: \"Weekend Plans\",\n date: \"2 days ago\",\n teaser:\n \"Hey everyone! I'm thinking of organizing a team outing this weekend.\\nWould you be interested in a hiking trip or a beach day?\",\n },\n {\n name: \"Emily Davis\",\n email: \"emilydavis@example.com\",\n subject: \"Re: Question about Budget\",\n date: \"2 days ago\",\n teaser:\n \"I've reviewed the budget numbers you sent over.\\nCan we set up a quick call to discuss some potential adjustments?\",\n },\n {\n name: \"Michael Wilson\",\n email: \"michaelwilson@example.com\",\n subject: \"Important Announcement\",\n date: \"1 week ago\",\n teaser:\n \"Please join us for an all-hands meeting this Friday at 3 PM.\\nWe have some exciting news to share about the company's future.\",\n },\n {\n name: \"Sarah Brown\",\n email: \"sarahbrown@example.com\",\n subject: \"Re: Feedback on Proposal\",\n date: \"1 week ago\",\n teaser:\n \"Thank you for sending over the proposal. I've reviewed it and have some thoughts.\\nCould we schedule a meeting to discuss my feedback in detail?\",\n },\n {\n name: \"David Lee\",\n email: \"davidlee@example.com\",\n subject: \"New Project Idea\",\n date: \"1 week ago\",\n teaser:\n \"I've been brainstorming and came up with an interesting project concept.\\nDo you have time this week to discuss its potential impact and feasibility?\",\n },\n {\n name: \"Olivia Wilson\",\n email: \"oliviawilson@example.com\",\n subject: \"Vacation Plans\",\n date: \"1 week ago\",\n teaser:\n \"Just a heads up that I'll be taking a two-week vacation next month.\\nI'll make sure all my projects are up to date before I leave.\",\n },\n {\n name: \"James Martin\",\n email: \"jamesmartin@example.com\",\n subject: \"Re: Conference Registration\",\n date: \"1 week ago\",\n teaser:\n \"I've completed the registration for the upcoming tech conference.\\nLet me know if you need any additional information from my end.\",\n },\n {\n name: \"Sophia White\",\n email: \"sophiawhite@example.com\",\n subject: \"Team Dinner\",\n date: \"1 week ago\",\n teaser:\n \"To celebrate our recent project success, I'd like to organize a team dinner.\\nAre you available next Friday evening? Please let me know your preferences.\",\n },\n ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps) {\n // Note: I'm using state to show active item.\n // IRL you should use the url/router.\n const [activeItem, setActiveItem] = React.useState(data.navMain[0])\n const [mails, setMails] = React.useState(data.mails)\n const { setOpen } = useSidebar()\n\n return (\n [data-sidebar=sidebar]]:flex-row\"\n {...props}\n >\n {/* This is the first sidebar */}\n {/* We disable collapsible and adjust width to icon. */}\n {/* This will make the sidebar appear as icons. */}\n \n \n \n \n \n \n
\n )\n}\n",
+ "type": "registry:component",
+ "target": ""
+ },
+ {
+ "path": "internal/sink/components/menubar-demo.tsx",
+ "content": "import {\n Menubar,\n MenubarCheckboxItem,\n MenubarContent,\n MenubarItem,\n MenubarMenu,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSeparator,\n MenubarShortcut,\n MenubarSub,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarTrigger,\n} from \"@/registry/new-york/ui/menubar\"\n\nexport function MenubarDemo() {\n return (\n \n \n File\n \n \n New Tab ⌘T\n \n \n New Window ⌘N\n \n New Incognito Window\n \n \n Share\n \n Email link\n Messages\n Notes\n \n \n \n \n Print... ⌘P\n \n \n \n \n Edit\n \n \n Undo ⌘Z\n \n \n Redo ⇧⌘Z\n \n \n \n Find\n \n Search the web\n \n Find...\n Find Next\n Find Previous\n \n \n \n Cut\n Copy\n Paste\n \n \n \n View\n \n Always Show Bookmarks Bar\n \n Always Show Full URLs\n \n \n \n Reload ⌘R\n \n \n Force Reload ⇧⌘R\n \n \n Toggle Fullscreen\n \n Hide Sidebar\n \n \n \n Profiles\n \n \n Andy\n Benoit\n Luis\n \n \n Edit...\n \n Add Profile...\n \n \n \n )\n}\n",
+ "type": "registry:component",
+ "target": ""
+ },
+ {
+ "path": "internal/sink/components/navigation-menu-demo.tsx",
+ "content": "\"use client\"\n\nimport * as React from \"react\"\nimport Link from \"next/link\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n NavigationMenu,\n NavigationMenuContent,\n NavigationMenuItem,\n NavigationMenuLink,\n NavigationMenuList,\n NavigationMenuTrigger,\n navigationMenuTriggerStyle,\n} from \"@/registry/new-york/ui/navigation-menu\"\n\nconst components: { title: string; href: string; description: string }[] = [\n {\n title: \"Alert Dialog\",\n href: \"/docs/primitives/alert-dialog\",\n description:\n \"A modal dialog that interrupts the user with important content and expects a response.\",\n },\n {\n title: \"Hover Card\",\n href: \"/docs/primitives/hover-card\",\n description:\n \"For sighted users to preview content available behind a link.\",\n },\n {\n title: \"Progress\",\n href: \"/docs/primitives/progress\",\n description:\n \"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.\",\n },\n {\n title: \"Scroll-area\",\n href: \"/docs/primitives/scroll-area\",\n description: \"Visually or semantically separates content.\",\n },\n {\n title: \"Tabs\",\n href: \"/docs/primitives/tabs\",\n description:\n \"A set of layered sections of content—known as tab panels—that are displayed one at a time.\",\n },\n {\n title: \"Tooltip\",\n href: \"/docs/primitives/tooltip\",\n description:\n \"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\",\n },\n]\n\nexport function NavigationMenuDemo() {\n return (\n \n \n \n Getting started\n \n
\n
\n \n \n
\n shadcn/ui\n
\n
\n Beautifully designed components built with Radix UI and\n Tailwind CSS.\n
\n \n \n
\n \n Re-usable components built using Radix UI and Tailwind CSS.\n \n \n How to install dependencies and structure your app.\n \n \n Styles for headings, paragraphs, lists...etc\n \n
\n Once upon a time, in a far-off land, there was a very lazy king who\n spent all day lounging on his throne. One day, his advisors came to him\n with a problem: the kingdom was running out of money.\n
\n
\n The King's Plan\n
\n
\n The king thought long and hard, and finally came up with{\" \"}\n \n a brilliant plan\n \n : he would tax the jokes in the kingdom.\n
\n
\n \"After all,\" he said, \"everyone enjoys a good joke, so it's only fair\n that they should pay for the privilege.\"\n
\n
\n The Joke Tax\n
\n
\n The king's subjects were not amused. They grumbled and complained, but\n the king was firm:\n
\n
li]:mt-2\">\n
1st level of puns: 5 gold coins
\n
2nd level of jokes: 10 gold coins
\n
3rd level of one-liners : 20 gold coins
\n
\n
\n As a result, people stopped telling jokes, and the kingdom fell into a\n gloom. But there was one person who refused to let the king's\n foolishness get him down: a court jester named Jokester.\n
\n
\n Jokester's Revolt\n
\n
\n Jokester began sneaking into the castle in the middle of the night and\n leaving jokes all over the place: under the king's pillow, in his soup,\n even in the royal toilet. The king was furious, but he couldn't seem to\n stop Jokester.\n
\n
\n And then, one day, the people of the kingdom discovered that the jokes\n left by Jokester were so funny that they couldn't help but laugh. And\n once they started laughing, they couldn't stop.\n
\n
\n The People's Rebellion\n
\n
\n The people of the kingdom, feeling uplifted by the laughter, started to\n tell jokes and puns again, and soon the entire kingdom was in on the\n joke.\n
\n
\n
\n \n
\n
\n King's Treasury\n
\n
\n People's happiness\n
\n
\n \n \n
\n
\n Empty\n
\n
\n Overflowing\n
\n
\n
\n
\n Modest\n
\n
\n Satisfied\n
\n
\n
\n
\n Full\n
\n
\n Ecstatic\n
\n
\n \n
\n
\n
\n The king, seeing how much happier his subjects were, realized the error\n of his ways and repealed the joke tax. Jokester was declared a hero, and\n the kingdom lived happily ever after.\n
\n
\n The moral of the story is: never underestimate the power of a good laugh\n and always be careful of bad ideas.\n
\n \n \n \n \n \n \n Building Your Application\n \n \n \n \n Data Fetching\n \n \n \n
\n \n
\n
\n \n \n \n
\n \n
\n \n \n )\n}\n",
- "type": "registry:block",
- "target": "components/sidebar-08.tsx"
+ "type": "registry:internal",
+ "target": ""
}
]
}
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/v0-sidebar-09-dark.png b/apps/www/public/r/styles/new-york/v0-sidebar-09-dark.png
new file mode 100644
index 00000000000..80833544957
Binary files /dev/null and b/apps/www/public/r/styles/new-york/v0-sidebar-09-dark.png differ
diff --git a/apps/www/public/r/styles/new-york/v0-sidebar-09-light.png b/apps/www/public/r/styles/new-york/v0-sidebar-09-light.png
new file mode 100644
index 00000000000..7b2e848f66c
Binary files /dev/null and b/apps/www/public/r/styles/new-york/v0-sidebar-09-light.png differ
diff --git a/apps/www/public/r/styles/new-york/v0-sidebar-09.json b/apps/www/public/r/styles/new-york/v0-sidebar-09.json
index 9bd1b20844f..ca19fdc1470 100644
--- a/apps/www/public/r/styles/new-york/v0-sidebar-09.json
+++ b/apps/www/public/r/styles/new-york/v0-sidebar-09.json
@@ -1,7 +1,6 @@
{
"name": "v0-sidebar-09",
- "type": "registry:block",
- "description": "Collapsible nested sidebars.",
+ "type": "registry:internal",
"registryDependencies": [
"sidebar",
"breadcrumb",
@@ -13,10 +12,10 @@
],
"files": [
{
- "path": "v0/sidebar-09.tsx",
+ "path": "internal/sidebar-09.tsx",
"content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n ArchiveX,\n BadgeCheck,\n Bell,\n ChevronsUpDown,\n Command,\n CreditCard,\n File,\n Inbox,\n LogOut,\n Send,\n Sparkles,\n Trash2,\n} from \"lucide-react\"\n\nimport {\n Avatar,\n AvatarFallback,\n AvatarImage,\n} from \"@/components/ui/avatar\"\nimport {\n Breadcrumb,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\"\nimport { Label } from \"@/components/ui/label\"\nimport { Separator } from \"@/components/ui/separator\"\nimport {\n Sidebar,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupContent,\n SidebarHeader,\n SidebarInput,\n SidebarInset,\n SidebarMenu,\n SidebarMenuButton,\n SidebarMenuItem,\n SidebarProvider,\n SidebarTrigger,\n useSidebar,\n} from \"@/components/ui/sidebar\"\nimport { Switch } from \"@/components/ui/switch\"\n\n// This is sample data\nconst data = {\n user: {\n name: \"shadcn\",\n email: \"m@example.com\",\n avatar: \"/avatars/shadcn.jpg\",\n },\n navMain: [\n {\n title: \"Inbox\",\n url: \"#\",\n icon: Inbox,\n isActive: true,\n },\n {\n title: \"Drafts\",\n url: \"#\",\n icon: File,\n isActive: false,\n },\n {\n title: \"Sent\",\n url: \"#\",\n icon: Send,\n isActive: false,\n },\n {\n title: \"Junk\",\n url: \"#\",\n icon: ArchiveX,\n isActive: false,\n },\n {\n title: \"Trash\",\n url: \"#\",\n icon: Trash2,\n isActive: false,\n },\n ],\n mails: [\n {\n name: \"William Smith\",\n email: \"williamsmith@example.com\",\n subject: \"Meeting Tomorrow\",\n date: \"09:34 AM\",\n teaser:\n \"Hi team, just a reminder about our meeting tomorrow at 10 AM.\\nPlease come prepared with your project updates.\",\n },\n {\n name: \"Alice Smith\",\n email: \"alicesmith@example.com\",\n subject: \"Re: Project Update\",\n date: \"Yesterday\",\n teaser:\n \"Thanks for the update. The progress looks great so far.\\nLet's schedule a call to discuss the next steps.\",\n },\n {\n name: \"Bob Johnson\",\n email: \"bobjohnson@example.com\",\n subject: \"Weekend Plans\",\n date: \"2 days ago\",\n teaser:\n \"Hey everyone! I'm thinking of organizing a team outing this weekend.\\nWould you be interested in a hiking trip or a beach day?\",\n },\n {\n name: \"Emily Davis\",\n email: \"emilydavis@example.com\",\n subject: \"Re: Question about Budget\",\n date: \"2 days ago\",\n teaser:\n \"I've reviewed the budget numbers you sent over.\\nCan we set up a quick call to discuss some potential adjustments?\",\n },\n {\n name: \"Michael Wilson\",\n email: \"michaelwilson@example.com\",\n subject: \"Important Announcement\",\n date: \"1 week ago\",\n teaser:\n \"Please join us for an all-hands meeting this Friday at 3 PM.\\nWe have some exciting news to share about the company's future.\",\n },\n {\n name: \"Sarah Brown\",\n email: \"sarahbrown@example.com\",\n subject: \"Re: Feedback on Proposal\",\n date: \"1 week ago\",\n teaser:\n \"Thank you for sending over the proposal. I've reviewed it and have some thoughts.\\nCould we schedule a meeting to discuss my feedback in detail?\",\n },\n {\n name: \"David Lee\",\n email: \"davidlee@example.com\",\n subject: \"New Project Idea\",\n date: \"1 week ago\",\n teaser:\n \"I've been brainstorming and came up with an interesting project concept.\\nDo you have time this week to discuss its potential impact and feasibility?\",\n },\n {\n name: \"Olivia Wilson\",\n email: \"oliviawilson@example.com\",\n subject: \"Vacation Plans\",\n date: \"1 week ago\",\n teaser:\n \"Just a heads up that I'll be taking a two-week vacation next month.\\nI'll make sure all my projects are up to date before I leave.\",\n },\n {\n name: \"James Martin\",\n email: \"jamesmartin@example.com\",\n subject: \"Re: Conference Registration\",\n date: \"1 week ago\",\n teaser:\n \"I've completed the registration for the upcoming tech conference.\\nLet me know if you need any additional information from my end.\",\n },\n {\n name: \"Sophia White\",\n email: \"sophiawhite@example.com\",\n subject: \"Team Dinner\",\n date: \"1 week ago\",\n teaser:\n \"To celebrate our recent project success, I'd like to organize a team dinner.\\nAre you available next Friday evening? Please let me know your preferences.\",\n },\n ],\n}\n\nexport default function Page() {\n return (\n \n \n \n \n \n \n \n \n \n All Inboxes\n \n \n \n Inbox\n \n \n \n \n
\n \n \n )\n}\n\nfunction AppSidebar({ ...props }: React.ComponentProps) {\n // Note: I'm using state to show active item.\n // IRL you should use the url/router.\n const [activeItem, setActiveItem] = React.useState(data.navMain[0])\n const [mails, setMails] = React.useState(data.mails)\n const { setOpen } = useSidebar()\n\n return (\n [data-sidebar=sidebar]]:flex-row\"\n {...props}\n >\n {/* This is the first sidebar */}\n {/* We disable collapsible and adjust width to icon. */}\n {/* This will make the sidebar appear as icons. */}\n \n \n \n \n \n \n
+