@uipath/apollo-wind 0.9.0 → 0.10.0-pr257.2a4b17b

package/dist/examples/flow-editor-layout-example.js

@@ -1,6 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { Copy, MoreVertical, Play, Plus } from "lucide-react";
-import { useCallback, useEffect, useRef } from "react";
+import { useEffect, useRef } from "react";
 import { Button } from "../components/ui/button.js";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "../components/ui/resizable.js";
 import { Separator } from "../components/ui/separator.js";
@@ -11,259 +12,462 @@ import { cn } from "../lib/index.js";
 import { Label } from "@radix-ui/react-label";
 import { ToggleGroup, ToggleGroupItem } from "../components/ui/toggle-group.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../components/ui/dropdown-menu.js";
-function LatchedButton({ isActive, icon, label, onClick }) {
-    return /*#__PURE__*/ jsxs(Tooltip, {
-        children: [
-            /*#__PURE__*/ jsx(TooltipTrigger, {
-                asChild: true,
-                children: /*#__PURE__*/ jsx(Button, {
-                    variant: "ghost",
-                    size: "icon",
-                    className: cn('w-[40px] h-[40px] rounded-r-2xl rounded-l-none bg-background border', isActive ? '-ml-px w-[41px] border-y-border border-r-border border-l-background' : 'border-l-0 border-border hover:bg-muted'),
-                    onClick: onClick,
-                    children: /*#__PURE__*/ jsx("div", {
-                        className: cn('flex items-center justify-center w-6 h-6 rounded-lg transition-colors', isActive ? 'bg-primary text-background' : 'bg-transparent text-foreground'),
-                        children: icon
-                    })
-                })
-            }),
-            /*#__PURE__*/ jsx(TooltipContent, {
-                side: "right",
-                children: label
+function LatchedButton(t0) {
+    const $ = c(16);
+    const { isActive, icon, label, onClick } = t0;
+    const t1 = isActive ? "-ml-px w-[41px] border-y-border border-r-border border-l-background" : "border-l-0 border-border hover:bg-muted";
+    let t2;
+    if ($[0] !== t1) {
+        t2 = cn("w-[40px] h-[40px] rounded-r-2xl rounded-l-none bg-background border", t1);
+        $[0] = t1;
+        $[1] = t2;
+    } else t2 = $[1];
+    const t3 = isActive ? "bg-primary text-background" : "bg-transparent text-foreground";
+    let t4;
+    if ($[2] !== t3) {
+        t4 = cn("flex items-center justify-center w-6 h-6 rounded-lg transition-colors", t3);
+        $[2] = t3;
+        $[3] = t4;
+    } else t4 = $[3];
+    let t5;
+    if ($[4] !== icon || $[5] !== t4) {
+        t5 = /*#__PURE__*/ jsx("div", {
+            className: t4,
+            children: icon
+        });
+        $[4] = icon;
+        $[5] = t4;
+        $[6] = t5;
+    } else t5 = $[6];
+    let t6;
+    if ($[7] !== onClick || $[8] !== t2 || $[9] !== t5) {
+        t6 = /*#__PURE__*/ jsx(TooltipTrigger, {
+            asChild: true,
+            children: /*#__PURE__*/ jsx(Button, {
+                variant: "ghost",
+                size: "icon",
+                className: t2,
+                onClick: onClick,
+                children: t5
             })
-        ]
-    });
+        });
+        $[7] = onClick;
+        $[8] = t2;
+        $[9] = t5;
+        $[10] = t6;
+    } else t6 = $[10];
+    let t7;
+    if ($[11] !== label) {
+        t7 = /*#__PURE__*/ jsx(TooltipContent, {
+            side: "right",
+            children: label
+        });
+        $[11] = label;
+        $[12] = t7;
+    } else t7 = $[12];
+    let t8;
+    if ($[13] !== t6 || $[14] !== t7) {
+        t8 = /*#__PURE__*/ jsxs(Tooltip, {
+            children: [
+                t6,
+                t7
+            ]
+        });
+        $[13] = t6;
+        $[14] = t7;
+        $[15] = t8;
+    } else t8 = $[15];
+    return t8;
 }
-function FlowEditorLayout({ className, sidebarOptions, sidebarContent, activeSidebarId, sidebarOpen = false, onSidebarChange, onSidebarOpenChange, mainContent, bottomContent, bottomOpen = false }) {
+function FlowEditorLayout(t0) {
+    const $ = c(43);
+    const { className, sidebarOptions, sidebarContent, activeSidebarId, sidebarOpen: t1, onSidebarChange, onSidebarOpenChange, mainContent, bottomContent, bottomOpen: t2 } = t0;
+    const sidebarOpen = void 0 === t1 ? false : t1;
+    const bottomOpen = void 0 === t2 ? false : t2;
     const containerRef = useRef(null);
     const bottomPanelRef = useRef(null);
     const switcherRef = useRef(null);
     const rafRef = useRef(0);
-    const updateSwitcherPosition = useCallback(()=>{
-        if (!containerRef.current || !switcherRef.current) return;
-        if (!bottomOpen) {
-            switcherRef.current.style.bottom = '24px';
-            return;
-        }
-        const size = bottomPanelRef.current?.getSize();
-        if (void 0 !== size) {
-            const containerHeight = containerRef.current.offsetHeight;
-            const bottomHeight = size / 100 * containerHeight;
-            switcherRef.current.style.bottom = `${bottomHeight + 24}px`;
-        }
-    }, [
-        bottomOpen
-    ]);
-    useEffect(()=>{
-        updateSwitcherPosition();
-        const handleResize = ()=>{
+    let t3;
+    if ($[0] !== bottomOpen) {
+        t3 = ()=>{
+            if (!containerRef.current || !switcherRef.current) return;
+            if (!bottomOpen) {
+                switcherRef.current.style.bottom = "24px";
+                return;
+            }
+            const size = bottomPanelRef.current?.getSize();
+            if (void 0 !== size) {
+                const containerHeight = containerRef.current.offsetHeight;
+                const bottomHeight = size / 100 * containerHeight;
+                switcherRef.current.style.bottom = `${bottomHeight + 24}px`;
+            }
+        };
+        $[0] = bottomOpen;
+        $[1] = t3;
+    } else t3 = $[1];
+    const updateSwitcherPosition = t3;
+    let t4;
+    let t5;
+    if ($[2] !== updateSwitcherPosition) {
+        t4 = ()=>{
+            updateSwitcherPosition();
+            const handleResize = ()=>{
+                cancelAnimationFrame(rafRef.current);
+                rafRef.current = requestAnimationFrame(updateSwitcherPosition);
+            };
+            window.addEventListener("resize", handleResize);
+            return ()=>{
+                window.removeEventListener("resize", handleResize);
+                cancelAnimationFrame(rafRef.current);
+            };
+        };
+        t5 = [
+            updateSwitcherPosition
+        ];
+        $[2] = updateSwitcherPosition;
+        $[3] = t4;
+        $[4] = t5;
+    } else {
+        t4 = $[3];
+        t5 = $[4];
+    }
+    useEffect(t4, t5);
+    let t6;
+    if ($[5] !== updateSwitcherPosition) {
+        t6 = ()=>{
             cancelAnimationFrame(rafRef.current);
             rafRef.current = requestAnimationFrame(updateSwitcherPosition);
         };
-        window.addEventListener('resize', handleResize);
-        return ()=>{
-            window.removeEventListener('resize', handleResize);
-            cancelAnimationFrame(rafRef.current);
+        $[5] = updateSwitcherPosition;
+        $[6] = t6;
+    } else t6 = $[6];
+    const handlePanelResize = t6;
+    let t7;
+    if ($[7] !== activeSidebarId || $[8] !== onSidebarChange || $[9] !== onSidebarOpenChange || $[10] !== sidebarOpen) {
+        t7 = (panelId)=>{
+            if (activeSidebarId === panelId) onSidebarOpenChange?.(!sidebarOpen);
+            else {
+                onSidebarChange?.(panelId);
+                if (!sidebarOpen) onSidebarOpenChange?.(true);
+            }
         };
-    }, [
-        updateSwitcherPosition
-    ]);
-    const handlePanelResize = useCallback(()=>{
-        cancelAnimationFrame(rafRef.current);
-        rafRef.current = requestAnimationFrame(updateSwitcherPosition);
-    }, [
-        updateSwitcherPosition
-    ]);
-    const handlePanelSelect = useCallback((panelId)=>{
-        if (activeSidebarId === panelId) onSidebarOpenChange?.(!sidebarOpen);
-        else {
-            onSidebarChange?.(panelId);
-            if (!sidebarOpen) onSidebarOpenChange?.(true);
-        }
-    }, [
-        activeSidebarId,
-        sidebarOpen,
-        onSidebarChange,
-        onSidebarOpenChange
-    ]);
-    return /*#__PURE__*/ jsx(TooltipProvider, {
-        children: /*#__PURE__*/ jsxs(Row, {
-            className: cn('h-screen bg-background', className),
+        $[7] = activeSidebarId;
+        $[8] = onSidebarChange;
+        $[9] = onSidebarOpenChange;
+        $[10] = sidebarOpen;
+        $[11] = t7;
+    } else t7 = $[11];
+    const handlePanelSelect = t7;
+    let t8;
+    if ($[12] !== className) {
+        t8 = cn("h-screen bg-background", className);
+        $[12] = className;
+        $[13] = t8;
+    } else t8 = $[13];
+    const t9 = sidebarOpen ? "w-72" : "w-0";
+    let t10;
+    if ($[14] !== t9) {
+        t10 = cn("bg-background overflow-hidden transition-all duration-300 ease-in-out", t9);
+        $[14] = t9;
+        $[15] = t10;
+    } else t10 = $[15];
+    let t11;
+    if ($[16] !== sidebarContent || $[17] !== sidebarOpen) {
+        t11 = sidebarOpen && /*#__PURE__*/ jsx(Column, {
+            className: "w-72 h-full",
+            children: sidebarContent
+        });
+        $[16] = sidebarContent;
+        $[17] = sidebarOpen;
+        $[18] = t11;
+    } else t11 = $[18];
+    let t12;
+    if ($[19] !== t10 || $[20] !== t11) {
+        t12 = /*#__PURE__*/ jsx("div", {
+            className: t10,
+            children: t11
+        });
+        $[19] = t10;
+        $[20] = t11;
+        $[21] = t12;
+    } else t12 = $[21];
+    let t13;
+    if ($[22] !== activeSidebarId || $[23] !== handlePanelSelect || $[24] !== sidebarOpen || $[25] !== sidebarOptions) {
+        t13 = sidebarOptions && sidebarOptions.length > 0 && /*#__PURE__*/ jsx(Column, {
+            ref: switcherRef,
+            gap: 2,
+            className: "absolute left-0 z-10",
+            style: {
+                bottom: 24
+            },
+            children: sidebarOptions.map((panel)=>/*#__PURE__*/ jsx(LatchedButton, {
+                    isActive: activeSidebarId === panel.id && sidebarOpen,
+                    icon: panel.icon,
+                    label: panel.label,
+                    onClick: ()=>handlePanelSelect(panel.id)
+                }, panel.id))
+        });
+        $[22] = activeSidebarId;
+        $[23] = handlePanelSelect;
+        $[24] = sidebarOpen;
+        $[25] = sidebarOptions;
+        $[26] = t13;
+    } else t13 = $[26];
+    let t14;
+    if ($[27] !== mainContent) {
+        t14 = /*#__PURE__*/ jsx(ResizablePanel, {
+            defaultSize: 100,
+            minSize: 30,
+            children: /*#__PURE__*/ jsx(Column, {
+                className: "flex-1 h-full",
+                children: mainContent
+            })
+        });
+        $[27] = mainContent;
+        $[28] = t14;
+    } else t14 = $[28];
+    let t15;
+    if ($[29] !== bottomContent || $[30] !== bottomOpen || $[31] !== handlePanelResize) {
+        t15 = bottomOpen && bottomContent && /*#__PURE__*/ jsxs(Fragment, {
             children: [
-                /*#__PURE__*/ jsx("div", {
-                    className: cn('bg-background overflow-hidden transition-all duration-300 ease-in-out', sidebarOpen ? 'w-72' : 'w-0'),
-                    children: sidebarOpen && /*#__PURE__*/ jsx(Column, {
-                        className: "w-72 h-full",
-                        children: sidebarContent
+                /*#__PURE__*/ jsx(ResizableHandle, {}),
+                /*#__PURE__*/ jsx(ResizablePanel, {
+                    ref: bottomPanelRef,
+                    defaultSize: 30,
+                    minSize: 15,
+                    maxSize: 50,
+                    onResize: handlePanelResize,
+                    children: /*#__PURE__*/ jsx(Column, {
+                        className: "flex-1 h-full bg-background",
+                        children: bottomContent
                     })
-                }),
-                /*#__PURE__*/ jsxs(Column, {
-                    ref: containerRef,
-                    className: "flex-1 relative bg-muted m-1 rounded-3xl border",
-                    children: [
-                        sidebarOptions && sidebarOptions.length > 0 && /*#__PURE__*/ jsx(Column, {
-                            ref: switcherRef,
-                            gap: 2,
-                            className: "absolute left-0 z-10",
-                            style: {
-                                bottom: 24
-                            },
-                            children: sidebarOptions.map((panel)=>/*#__PURE__*/ jsx(LatchedButton, {
-                                    isActive: activeSidebarId === panel.id && sidebarOpen,
-                                    icon: panel.icon,
-                                    label: panel.label,
-                                    onClick: ()=>handlePanelSelect(panel.id)
-                                }, panel.id))
-                        }),
-                        /*#__PURE__*/ jsx(Column, {
-                            className: "flex-1 relative rounded-3xl overflow-hidden",
-                            children: /*#__PURE__*/ jsxs(ResizablePanelGroup, {
-                                direction: "vertical",
-                                className: "h-full",
-                                children: [
-                                    /*#__PURE__*/ jsx(ResizablePanel, {
-                                        defaultSize: 100,
-                                        minSize: 30,
-                                        children: /*#__PURE__*/ jsx(Column, {
-                                            className: "flex-1 h-full",
-                                            children: mainContent
-                                        })
-                                    }),
-                                    bottomOpen && bottomContent && /*#__PURE__*/ jsxs(Fragment, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(ResizableHandle, {}),
-                                            /*#__PURE__*/ jsx(ResizablePanel, {
-                                                ref: bottomPanelRef,
-                                                defaultSize: 30,
-                                                minSize: 15,
-                                                maxSize: 50,
-                                                onResize: handlePanelResize,
-                                                children: /*#__PURE__*/ jsx(Column, {
-                                                    className: "flex-1 h-full bg-background",
-                                                    children: bottomContent
-                                                })
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        })
-                    ]
                 })
             ]
-        })
-    });
+        });
+        $[29] = bottomContent;
+        $[30] = bottomOpen;
+        $[31] = handlePanelResize;
+        $[32] = t15;
+    } else t15 = $[32];
+    let t16;
+    if ($[33] !== t14 || $[34] !== t15) {
+        t16 = /*#__PURE__*/ jsx(Column, {
+            className: "flex-1 relative rounded-3xl overflow-hidden",
+            children: /*#__PURE__*/ jsxs(ResizablePanelGroup, {
+                direction: "vertical",
+                className: "h-full",
+                children: [
+                    t14,
+                    t15
+                ]
+            })
+        });
+        $[33] = t14;
+        $[34] = t15;
+        $[35] = t16;
+    } else t16 = $[35];
+    let t17;
+    if ($[36] !== t13 || $[37] !== t16) {
+        t17 = /*#__PURE__*/ jsxs(Column, {
+            ref: containerRef,
+            className: "flex-1 relative bg-muted m-1 rounded-3xl border",
+            children: [
+                t13,
+                t16
+            ]
+        });
+        $[36] = t13;
+        $[37] = t16;
+        $[38] = t17;
+    } else t17 = $[38];
+    let t18;
+    if ($[39] !== t12 || $[40] !== t17 || $[41] !== t8) {
+        t18 = /*#__PURE__*/ jsx(TooltipProvider, {
+            children: /*#__PURE__*/ jsxs(Row, {
+                className: t8,
+                children: [
+                    t12,
+                    t17
+                ]
+            })
+        });
+        $[39] = t12;
+        $[40] = t17;
+        $[41] = t8;
+        $[42] = t18;
+    } else t18 = $[42];
+    return t18;
 }
 function CanvasToolbar() {
-    return /*#__PURE__*/ jsx(Row, {
-        className: "absolute bottom-4 left-1/2 -translate-x-1/2",
-        align: "center",
-        gap: 1,
-        children: /*#__PURE__*/ jsxs("div", {
-            className: "flex items-center gap-1 rounded-lg border bg-background p-1.5",
+    const $ = c(6);
+    let t0;
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /*#__PURE__*/ jsxs(ToggleGroup, {
+            type: "single",
+            defaultValue: "build",
+            className: "gap-0",
             children: [
-                /*#__PURE__*/ jsxs(ToggleGroup, {
-                    type: "single",
-                    defaultValue: "build",
-                    className: "gap-0",
-                    children: [
-                        /*#__PURE__*/ jsx(ToggleGroupItem, {
-                            value: "build",
-                            className: "h-8 rounded-md px-3 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground",
-                            children: "Build"
-                        }),
-                        /*#__PURE__*/ jsx(ToggleGroupItem, {
-                            value: "evaluate",
-                            className: "h-8 rounded-md px-3 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground",
-                            children: "Evaluate"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx(Separator, {
-                    orientation: "vertical",
-                    className: "mx-1 h-6"
-                }),
-                /*#__PURE__*/ jsx(Button, {
-                    variant: "ghost",
-                    size: "icon",
-                    className: "h-8 w-8",
-                    children: /*#__PURE__*/ jsx(Play, {
-                        className: "h-4 w-4"
-                    })
-                }),
-                /*#__PURE__*/ jsx(Separator, {
-                    orientation: "vertical",
-                    className: "mx-1 h-6"
+                /*#__PURE__*/ jsx(ToggleGroupItem, {
+                    value: "build",
+                    className: "h-8 rounded-md px-3 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground",
+                    children: "Build"
                 }),
-                /*#__PURE__*/ jsx(Button, {
-                    variant: "ghost",
-                    size: "icon",
-                    className: "h-8 w-8",
-                    children: /*#__PURE__*/ jsx(Plus, {
-                        className: "h-4 w-4"
-                    })
-                }),
-                /*#__PURE__*/ jsx(Button, {
-                    variant: "ghost",
-                    size: "icon",
-                    className: "h-8 w-8",
-                    children: /*#__PURE__*/ jsx(Copy, {
-                        className: "h-4 w-4"
-                    })
+                /*#__PURE__*/ jsx(ToggleGroupItem, {
+                    value: "evaluate",
+                    className: "h-8 rounded-md px-3 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground",
+                    children: "Evaluate"
                 })
             ]
-        })
-    });
+        });
+        t1 = /*#__PURE__*/ jsx(Separator, {
+            orientation: "vertical",
+            className: "mx-1 h-6"
+        });
+        $[0] = t0;
+        $[1] = t1;
+    } else {
+        t0 = $[0];
+        t1 = $[1];
+    }
+    let t2;
+    let t3;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /*#__PURE__*/ jsx(Button, {
+            variant: "ghost",
+            size: "icon",
+            className: "h-8 w-8",
+            children: /*#__PURE__*/ jsx(Play, {
+                className: "h-4 w-4"
+            })
+        });
+        t3 = /*#__PURE__*/ jsx(Separator, {
+            orientation: "vertical",
+            className: "mx-1 h-6"
+        });
+        $[2] = t2;
+        $[3] = t3;
+    } else {
+        t2 = $[2];
+        t3 = $[3];
+    }
+    let t4;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = /*#__PURE__*/ jsx(Button, {
+            variant: "ghost",
+            size: "icon",
+            className: "h-8 w-8",
+            children: /*#__PURE__*/ jsx(Plus, {
+                className: "h-4 w-4"
+            })
+        });
+        $[4] = t4;
+    } else t4 = $[4];
+    let t5;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = /*#__PURE__*/ jsx(Row, {
+            className: "absolute bottom-4 left-1/2 -translate-x-1/2",
+            align: "center",
+            gap: 1,
+            children: /*#__PURE__*/ jsxs("div", {
+                className: "flex items-center gap-1 rounded-lg border bg-background p-1.5",
+                children: [
+                    t0,
+                    t1,
+                    t2,
+                    t3,
+                    t4,
+                    /*#__PURE__*/ jsx(Button, {
+                        variant: "ghost",
+                        size: "icon",
+                        className: "h-8 w-8",
+                        children: /*#__PURE__*/ jsx(Copy, {
+                            className: "h-4 w-4"
+                        })
+                    })
+                ]
+            })
+        });
+        $[5] = t5;
+    } else t5 = $[5];
+    return t5;
 }
 function PublishToolbar() {
-    return /*#__PURE__*/ jsx(Row, {
-        className: "absolute bottom-4 right-4",
-        children: /*#__PURE__*/ jsxs("div", {
-            className: "flex items-center gap-3 rounded-lg border bg-background p-1.5 pl-3",
-            children: [
-                /*#__PURE__*/ jsx(Label, {
-                    htmlFor: "toolbar-active",
-                    className: "text-sm font-medium",
-                    children: "Active"
-                }),
-                /*#__PURE__*/ jsx(Switch, {
-                    id: "toolbar-active"
-                }),
-                /*#__PURE__*/ jsx(Separator, {
-                    orientation: "vertical",
-                    className: "h-6"
-                }),
-                /*#__PURE__*/ jsxs(DropdownMenu, {
-                    children: [
-                        /*#__PURE__*/ jsx(DropdownMenuTrigger, {
-                            asChild: true,
-                            children: /*#__PURE__*/ jsx(Button, {
-                                variant: "ghost",
-                                size: "icon",
-                                className: "h-8 w-8",
-                                children: /*#__PURE__*/ jsx(MoreVertical, {
-                                    className: "h-4 w-4"
-                                })
-                            })
-                        }),
-                        /*#__PURE__*/ jsxs(DropdownMenuContent, {
-                            align: "end",
-                            children: [
-                                /*#__PURE__*/ jsx(DropdownMenuItem, {
-                                    children: "Edit"
-                                }),
-                                /*#__PURE__*/ jsx(DropdownMenuItem, {
-                                    children: "Duplicate"
-                                }),
-                                /*#__PURE__*/ jsx(DropdownMenuItem, {
-                                    children: "Delete"
-                                })
-                            ]
-                        })
-                    ]
+    const $ = c(5);
+    let t0;
+    let t1;
+    let t2;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = /*#__PURE__*/ jsx(Label, {
+            htmlFor: "toolbar-active",
+            className: "text-sm font-medium",
+            children: "Active"
+        });
+        t1 = /*#__PURE__*/ jsx(Switch, {
+            id: "toolbar-active"
+        });
+        t2 = /*#__PURE__*/ jsx(Separator, {
+            orientation: "vertical",
+            className: "h-6"
+        });
+        $[0] = t0;
+        $[1] = t1;
+        $[2] = t2;
+    } else {
+        t0 = $[0];
+        t1 = $[1];
+        t2 = $[2];
+    }
+    let t3;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+            asChild: true,
+            children: /*#__PURE__*/ jsx(Button, {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                children: /*#__PURE__*/ jsx(MoreVertical, {
+                    className: "h-4 w-4"
                 })
-            ]
-        })
-    });
+            })
+        });
+        $[3] = t3;
+    } else t3 = $[3];
+    let t4;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = /*#__PURE__*/ jsx(Row, {
+            className: "absolute bottom-4 right-4",
+            children: /*#__PURE__*/ jsxs("div", {
+                className: "flex items-center gap-3 rounded-lg border bg-background p-1.5 pl-3",
+                children: [
+                    t0,
+                    t1,
+                    t2,
+                    /*#__PURE__*/ jsxs(DropdownMenu, {
+                        children: [
+                            t3,
+                            /*#__PURE__*/ jsxs(DropdownMenuContent, {
+                                align: "end",
+                                children: [
+                                    /*#__PURE__*/ jsx(DropdownMenuItem, {
+                                        children: "Edit"
+                                    }),
+                                    /*#__PURE__*/ jsx(DropdownMenuItem, {
+                                        children: "Duplicate"
+                                    }),
+                                    /*#__PURE__*/ jsx(DropdownMenuItem, {
+                                        children: "Delete"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        });
+        $[4] = t4;
+    } else t4 = $[4];
+    return t4;
 }
 export { CanvasToolbar, FlowEditorLayout, PublishToolbar };