snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

2026-09-15 22:44:43 +05:00
commit 1416db152c
5727 changed files with 630238 additions and 0 deletions
--- a/apps/v4/registry/new-york-v4/blocks/sidebar-10/components/nav-actions.tsx
+++ b/apps/v4/registry/new-york-v4/blocks/sidebar-10/components/nav-actions.tsx
@@ -0,0 +1,153 @@
+"use client"
+
+import * as React from "react"
+import {
+  ArrowDown,
+  ArrowUp,
+  Bell,
+  Copy,
+  CornerUpLeft,
+  CornerUpRight,
+  FileText,
+  GalleryVerticalEnd,
+  LineChart,
+  Link,
+  MoreHorizontal,
+  Settings2,
+  Star,
+  Trash,
+  Trash2,
+} from "lucide-react"
+
+import { Button } from "@/registry/new-york-v4/ui/button"
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/registry/new-york-v4/ui/popover"
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+} from "@/registry/new-york-v4/ui/sidebar"
+
+const data = [
+  [
+    {
+      label: "Customize Page",
+      icon: Settings2,
+    },
+    {
+      label: "Turn into wiki",
+      icon: FileText,
+    },
+  ],
+  [
+    {
+      label: "Copy Link",
+      icon: Link,
+    },
+    {
+      label: "Duplicate",
+      icon: Copy,
+    },
+    {
+      label: "Move to",
+      icon: CornerUpRight,
+    },
+    {
+      label: "Move to Trash",
+      icon: Trash2,
+    },
+  ],
+  [
+    {
+      label: "Undo",
+      icon: CornerUpLeft,
+    },
+    {
+      label: "View analytics",
+      icon: LineChart,
+    },
+    {
+      label: "Version History",
+      icon: GalleryVerticalEnd,
+    },
+    {
+      label: "Show delete pages",
+      icon: Trash,
+    },
+    {
+      label: "Notifications",
+      icon: Bell,
+    },
+  ],
+  [
+    {
+      label: "Import",
+      icon: ArrowUp,
+    },
+    {
+      label: "Export",
+      icon: ArrowDown,
+    },
+  ],
+]
+
+export function NavActions() {
+  const [isOpen, setIsOpen] = React.useState(false)
+
+  React.useEffect(() => {
+    setIsOpen(true)
+  }, [])
+
+  return (
+    <div className="flex items-center gap-2 text-sm">
+      <div className="hidden font-medium text-muted-foreground md:inline-block">
+        Edit Oct 08
+      </div>
+      <Button variant="ghost" size="icon" className="h-7 w-7">
+        <Star />
+      </Button>
+      <Popover open={isOpen} onOpenChange={setIsOpen}>
+        <PopoverTrigger asChild>
+          <Button
+            variant="ghost"
+            size="icon"
+            className="h-7 w-7 data-[state=open]:bg-accent"
+          >
+            <MoreHorizontal />
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent
+          className="w-56 overflow-hidden rounded-lg p-0"
+          align="end"
+        >
+          <Sidebar collapsible="none" className="bg-transparent">
+            <SidebarContent>
+              {data.map((group, index) => (
+                <SidebarGroup key={index} className="border-b last:border-none">
+                  <SidebarGroupContent className="gap-0">
+                    <SidebarMenu>
+                      {group.map((item, index) => (
+                        <SidebarMenuItem key={index}>
+                          <SidebarMenuButton>
+                            <item.icon /> <span>{item.label}</span>
+                          </SidebarMenuButton>
+                        </SidebarMenuItem>
+                      ))}
+                    </SidebarMenu>
+                  </SidebarGroupContent>
+                </SidebarGroup>
+              ))}
+            </SidebarContent>
+          </Sidebar>
+        </PopoverContent>
+      </Popover>
+    </div>
+  )
+}