chore: import upstream snapshot with attribution

2026-07-13 13:33:44 +08:00
commit 6ede33ccdb
3841 changed files with 594049 additions and 0 deletions
@@ -0,0 +1,34 @@
+"use client";
+
+import { useToggleButton, useToggleButtonState } from "@platejs/toggle/react";
+import { ChevronRightIcon } from "lucide-react";
+import { PlateElement, type PlateElementProps } from "platejs/react";
+
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+export function ToggleElement({ children, ...props }: PlateElementProps) {
+	const element = props.element;
+	const state = useToggleButtonState(element.id as string);
+	const { buttonProps, open } = useToggleButton(state);
+
+	return (
+		<PlateElement {...props} className="relative py-1 pl-6">
+			<Button
+				variant="ghost"
+				size="icon"
+				className={cn(
+					"absolute top-1.5 left-0 flex size-6 cursor-pointer select-none items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground"
+				)}
+				contentEditable={false}
+				type="button"
+				{...buttonProps}
+			>
+				<ChevronRightIcon
+					className={cn("size-4 transition-transform duration-200", open && "rotate-90")}
+				/>
+			</Button>
+			<div>{children}</div>
+		</PlateElement>
+	);
+}