chore: import upstream snapshot with attribution

2026-07-13 13:32:57 +08:00
commit cd420f9332
4811 changed files with 884702 additions and 0 deletions
@@ -0,0 +1,37 @@
+import { FolderIcon, PlusIcon } from "@heroicons/react/20/solid";
+import { Fragment, useState } from "react";
+import {
+  Popover,
+  PopoverArrowTrigger,
+  PopoverContent,
+  PopoverMenuItem,
+  PopoverSectionHeader,
+} from "~/components/primitives/Popover";
+
+export default function Story() {
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <div className="p-20">
+      <Popover onOpenChange={(open) => setIsOpen(open)}>
+        <PopoverArrowTrigger isOpen={isOpen}>My Blog</PopoverArrowTrigger>
+        <PopoverContent
+          className="min-w-80 overflow-y-auto p-0 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-surface-control"
+          align="start"
+        >
+          <Fragment>
+            <PopoverSectionHeader title="Acme Ltd." />
+
+            <div className="flex flex-col gap-1 p-1">
+              <PopoverMenuItem to="#" title="My Blog" icon={FolderIcon} />
+              <PopoverMenuItem to="#" title="New Project" isSelected={false} icon={PlusIcon} />
+            </div>
+          </Fragment>
+          <div className="border-t border-background-bright p-1">
+            <PopoverMenuItem to="#" title="New Organization" isSelected={false} icon={PlusIcon} />
+          </div>
+        </PopoverContent>
+      </Popover>
+    </div>
+  );
+}