@brainfish-ai/devdoc 0.1.42 → 0.1.43

package/renderer/components/theme-toggle.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Moon, Sun, Desktop, Check } from "@phosphor-icons/react";
+import { useTheme } from "next-themes";
+import { Button } from "@/components/ui/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
+import { cn } from "@/lib/utils";
+export function ThemeToggle() {
+    const { theme, setTheme } = useTheme();
+    const [mounted, setMounted] = React.useState(false);
+    // Avoid hydration mismatch
+    React.useEffect(()=>{
+        setMounted(true);
+    }, []);
+    return /*#__PURE__*/ _jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ _jsx(DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsxs(Button, {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-9 w-9",
+                    children: [
+                        /*#__PURE__*/ _jsx(Sun, {
+                            className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
+                        }),
+                        /*#__PURE__*/ _jsx(Moon, {
+                            className: "absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
+                        }),
+                        /*#__PURE__*/ _jsx("span", {
+                            className: "sr-only",
+                            children: "Toggle theme"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(DropdownMenuContent, {
+                align: "end",
+                className: "min-w-[140px]",
+                children: [
+                    /*#__PURE__*/ _jsxs(DropdownMenuItem, {
+                        onClick: ()=>setTheme("light"),
+                        className: cn("flex items-center justify-between gap-2", mounted && theme === "light" && "bg-accent"),
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex items-center gap-2",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Sun, {
+                                        className: "h-4 w-4"
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        children: "Light"
+                                    })
+                                ]
+                            }),
+                            mounted && theme === "light" && /*#__PURE__*/ _jsx(Check, {
+                                className: "h-4 w-4"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(DropdownMenuItem, {
+                        onClick: ()=>setTheme("dark"),
+                        className: cn("flex items-center justify-between gap-2", mounted && theme === "dark" && "bg-accent"),
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex items-center gap-2",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Moon, {
+                                        className: "h-4 w-4"
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        children: "Dark"
+                                    })
+                                ]
+                            }),
+                            mounted && theme === "dark" && /*#__PURE__*/ _jsx(Check, {
+                                className: "h-4 w-4"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(DropdownMenuItem, {
+                        onClick: ()=>setTheme("system"),
+                        className: cn("flex items-center justify-between gap-2", mounted && theme === "system" && "bg-accent"),
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex items-center gap-2",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Desktop, {
+                                        className: "h-4 w-4"
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        children: "System"
+                                    })
+                                ]
+                            }),
+                            mounted && theme === "system" && /*#__PURE__*/ _jsx(Check, {
+                                className: "h-4 w-4"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}

package/renderer/components/ui/badge.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+const badgeVariants = cva("inline-flex items-center justify-center rounded-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+            secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+            destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+function Badge({ className, variant, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "span";
+    return /*#__PURE__*/ _jsx(Comp, {
+        "data-slot": "badge",
+        className: cn(badgeVariants({
+            variant
+        }), className),
+        ...props
+    });
+}
+export { Badge, badgeVariants };

package/renderer/components/ui/button.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+            destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+            secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            link: "text-primary underline-offset-4 hover:underline"
+        },
+        size: {
+            default: "h-9 px-4 py-2 has-[>svg]:px-3",
+            sm: "h-8 rounded-sm gap-1.5 px-3 has-[>svg]:px-2.5",
+            lg: "h-10 rounded-sm px-6 has-[>svg]:px-4",
+            icon: "size-9"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+function Button({ className, variant, size, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "button";
+    return /*#__PURE__*/ _jsx(Comp, {
+        "data-slot": "button",
+        className: cn(buttonVariants({
+            variant,
+            size,
+            className
+        })),
+        ...props
+    });
+}
+export { Button, buttonVariants };

package/renderer/components/ui/dialog.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { cn } from "@/lib/utils";
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const DialogOverlay = /*#__PURE__*/ React.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx(DialogPrimitive.Overlay, {
+        ref: ref,
+        className: cn("fixed inset-0 z-50 bg-black/40 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+        ...props
+    }));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const DialogContent = /*#__PURE__*/ React.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ _jsxs(DialogPortal, {
+        children: [
+            /*#__PURE__*/ _jsx(DialogOverlay, {}),
+            /*#__PURE__*/ _jsx(DialogPrimitive.Content, {
+                ref: ref,
+                className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-sm translate-x-[-50%] translate-y-[-50%] gap-0 border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-xl overflow-hidden", className),
+                ...props,
+                children: children
+            })
+        ]
+    }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+const DialogHeader = ({ className, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn("flex items-center justify-between px-5 py-3 border-b border-border", className),
+        ...props
+    });
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({ className, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn("flex items-center justify-between px-5 py-3 border-t border-border bg-muted/20", className),
+        ...props
+    });
+DialogFooter.displayName = "DialogFooter";
+const DialogTitle = /*#__PURE__*/ React.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx(DialogPrimitive.Title, {
+        ref: ref,
+        className: cn("text-sm font-semibold leading-none tracking-tight", className),
+        ...props
+    }));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+const DialogDescription = /*#__PURE__*/ React.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx(DialogPrimitive.Description, {
+        ref: ref,
+        className: cn("text-sm text-muted-foreground", className),
+        ...props
+    }));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription,  };

package/renderer/components/ui/dropdown-menu.js

@@ -0,0 +1,143 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check, CaretRight, Circle } from "@phosphor-icons/react";
+import { cn } from "@/lib/utils";
+function DropdownMenu({ ...props }) {
+    return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Root, {
+        "data-slot": "dropdown-menu",
+        ...props
+    });
+}
+function DropdownMenuPortal({ ...props }) {
+    return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Portal, {
+        "data-slot": "dropdown-menu-portal",
+        ...props
+    });
+}
+function DropdownMenuTrigger({ ...props }) {
+    return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Trigger, {
+        "data-slot": "dropdown-menu-trigger",
+        ...props
+    });
+}
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Portal, {
+        children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Content, {
+            "data-slot": "dropdown-menu-content",
+            sideOffset: sideOffset,
+            className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-sm border p-1 shadow-md", className),
+            ...props
+        })
+    });
+}
+function DropdownMenuGroup({ ...props }) {
+    return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Group, {
+        "data-slot": "dropdown-menu-group",
+        ...props
+    });
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+    return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Item, {
+        "data-slot": "dropdown-menu-item",
+        "data-inset": inset,
+        "data-variant": variant,
+        className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    });
+}
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
+    return /*#__PURE__*/ _jsxs(DropdownMenuPrimitive.CheckboxItem, {
+        "data-slot": "dropdown-menu-checkbox-item",
+        className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        checked: checked,
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+                children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.ItemIndicator, {
+                    children: /*#__PURE__*/ _jsx(Check, {
+                        className: "size-4"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function DropdownMenuRadioGroup({ ...props }) {
+    return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.RadioGroup, {
+        "data-slot": "dropdown-menu-radio-group",
+        ...props
+    });
+}
+function DropdownMenuRadioItem({ className, children, ...props }) {
+    return /*#__PURE__*/ _jsxs(DropdownMenuPrimitive.RadioItem, {
+        "data-slot": "dropdown-menu-radio-item",
+        className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+                children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.ItemIndicator, {
+                    children: /*#__PURE__*/ _jsx(Circle, {
+                        className: "size-2",
+                        weight: "fill"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+    return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Label, {
+        "data-slot": "dropdown-menu-label",
+        "data-inset": inset,
+        className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
+        ...props
+    });
+}
+function DropdownMenuSeparator({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Separator, {
+        "data-slot": "dropdown-menu-separator",
+        className: cn("bg-border -mx-1 my-1 h-px", className),
+        ...props
+    });
+}
+function DropdownMenuShortcut({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("span", {
+        "data-slot": "dropdown-menu-shortcut",
+        className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+        ...props
+    });
+}
+function DropdownMenuSub({ ...props }) {
+    return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Sub, {
+        "data-slot": "dropdown-menu-sub",
+        ...props
+    });
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+    return /*#__PURE__*/ _jsxs(DropdownMenuPrimitive.SubTrigger, {
+        "data-slot": "dropdown-menu-sub-trigger",
+        "data-inset": inset,
+        className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ _jsx(CaretRight, {
+                className: "ml-auto size-4"
+            })
+        ]
+    });
+}
+function DropdownMenuSubContent({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.SubContent, {
+        "data-slot": "dropdown-menu-sub-content",
+        className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-sm border p-1 shadow-lg", className),
+        ...props
+    });
+}
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent,  };

package/renderer/components/ui/input.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+function Input({ className, type, ...props }) {
+    return /*#__PURE__*/ _jsx("input", {
+        type: type,
+        "data-slot": "input",
+        className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-sm border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className),
+        ...props
+    });
+}
+export { Input };

package/renderer/components/ui/label.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cn } from "@/lib/utils";
+function Label({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(LabelPrimitive.Root, {
+        "data-slot": "label",
+        className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+        ...props
+    });
+}
+export { Label };

package/renderer/components/ui/navigation-menu.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva } from "class-variance-authority";
+import { CaretDown } from "@phosphor-icons/react";
+import { cn } from "@/lib/utils";
+function NavigationMenu({ className, children, viewport = true, ...props }) {
+    return /*#__PURE__*/ _jsxs(NavigationMenuPrimitive.Root, {
+        "data-slot": "navigation-menu",
+        "data-viewport": viewport,
+        className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
+        ...props,
+        children: [
+            children,
+            viewport && /*#__PURE__*/ _jsx(NavigationMenuViewport, {})
+        ]
+    });
+}
+function NavigationMenuList({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(NavigationMenuPrimitive.List, {
+        "data-slot": "navigation-menu-list",
+        className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+        ...props
+    });
+}
+function NavigationMenuItem({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(NavigationMenuPrimitive.Item, {
+        "data-slot": "navigation-menu-item",
+        className: cn("relative", className),
+        ...props
+    });
+}
+const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1");
+function NavigationMenuTrigger({ className, children, ...props }) {
+    return /*#__PURE__*/ _jsxs(NavigationMenuPrimitive.Trigger, {
+        "data-slot": "navigation-menu-trigger",
+        className: cn(navigationMenuTriggerStyle(), "group", className),
+        ...props,
+        children: [
+            children,
+            " ",
+            /*#__PURE__*/ _jsx(CaretDown, {
+                className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+                "aria-hidden": "true"
+            })
+        ]
+    });
+}
+function NavigationMenuContent({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(NavigationMenuPrimitive.Content, {
+        "data-slot": "navigation-menu-content",
+        className: cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto", "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none", className),
+        ...props
+    });
+}
+function NavigationMenuViewport({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: cn("absolute top-full left-0 isolate z-50 flex justify-center"),
+        children: /*#__PURE__*/ _jsx(NavigationMenuPrimitive.Viewport, {
+            "data-slot": "navigation-menu-viewport",
+            className: cn("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]", className),
+            ...props
+        })
+    });
+}
+function NavigationMenuLink({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(NavigationMenuPrimitive.Link, {
+        "data-slot": "navigation-menu-link",
+        className: cn("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    });
+}
+function NavigationMenuIndicator({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(NavigationMenuPrimitive.Indicator, {
+        "data-slot": "navigation-menu-indicator",
+        className: cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden", className),
+        ...props,
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"
+        })
+    });
+}
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle,  };

package/renderer/components/ui/select.js

@@ -0,0 +1,116 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check, CaretDown, CaretUp } from "@phosphor-icons/react";
+import { cn } from "@/lib/utils";
+function Select({ ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Root, {
+        "data-slot": "select",
+        ...props
+    });
+}
+function SelectGroup({ ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Group, {
+        "data-slot": "select-group",
+        ...props
+    });
+}
+function SelectValue({ ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Value, {
+        "data-slot": "select-value",
+        ...props
+    });
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+    return /*#__PURE__*/ _jsxs(SelectPrimitive.Trigger, {
+        "data-slot": "select-trigger",
+        "data-size": size,
+        className: cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-sm border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ _jsx(SelectPrimitive.Icon, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(CaretDown, {
+                    className: "size-4 opacity-50"
+                })
+            })
+        ]
+    });
+}
+function SelectContent({ className, children, position = "item-aligned", align = "center", ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Portal, {
+        children: /*#__PURE__*/ _jsxs(SelectPrimitive.Content, {
+            "data-slot": "select-content",
+            className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-sm border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+            position: position,
+            align: align,
+            ...props,
+            children: [
+                /*#__PURE__*/ _jsx(SelectScrollUpButton, {}),
+                /*#__PURE__*/ _jsx(SelectPrimitive.Viewport, {
+                    className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+                    children: children
+                }),
+                /*#__PURE__*/ _jsx(SelectScrollDownButton, {})
+            ]
+        })
+    });
+}
+function SelectLabel({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Label, {
+        "data-slot": "select-label",
+        className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+        ...props
+    });
+}
+function SelectItem({ className, children, ...props }) {
+    return /*#__PURE__*/ _jsxs(SelectPrimitive.Item, {
+        "data-slot": "select-item",
+        className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                "data-slot": "select-item-indicator",
+                className: "absolute right-2 flex size-3.5 items-center justify-center",
+                children: /*#__PURE__*/ _jsx(SelectPrimitive.ItemIndicator, {
+                    children: /*#__PURE__*/ _jsx(Check, {
+                        className: "size-4"
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(SelectPrimitive.ItemText, {
+                children: children
+            })
+        ]
+    });
+}
+function SelectSeparator({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Separator, {
+        "data-slot": "select-separator",
+        className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+        ...props
+    });
+}
+function SelectScrollUpButton({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.ScrollUpButton, {
+        "data-slot": "select-scroll-up-button",
+        className: cn("flex cursor-default items-center justify-center py-1", className),
+        ...props,
+        children: /*#__PURE__*/ _jsx(CaretUp, {
+            className: "size-4"
+        })
+    });
+}
+function SelectScrollDownButton({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.ScrollDownButton, {
+        "data-slot": "select-scroll-down-button",
+        className: cn("flex cursor-default items-center justify-center py-1", className),
+        ...props,
+        children: /*#__PURE__*/ _jsx(CaretDown, {
+            className: "size-4"
+        })
+    });
+}
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue,  };