import type { Component, ComponentProps, JSX, ValidComponent } from "solid-js" import { mergeProps, splitProps } from "solid-js" import * as MenubarPrimitive from "@kobalte/core/menubar" import type { PolymorphicProps } from "@kobalte/core/polymorphic" import { Check, ChevronRight, Dot } from "lucide-solid" import { cn } from "@/lib/utils" type MenubarRootProps = MenubarPrimitive.MenubarRootProps & { class?: string | undefined } const Menubar = ( props: PolymorphicProps> ) => { const [local, others] = splitProps(props as MenubarRootProps, ["class"]) return ( ) } const MenubarMenu: Component = (props) => { return } const MenubarGroup: Component = (props) => { return } const MenubarPortal: Component = (props) => { return } type MenubarRadioGroupProps< T extends ValidComponent = "div", TValue = string > = MenubarPrimitive.MenubarRadioGroupProps const MenubarRadioGroup = ( props: PolymorphicProps> ) => type MenubarTriggerProps = MenubarPrimitive.MenubarTriggerProps & { class?: string | undefined } const MenubarTrigger = ( props: PolymorphicProps> ) => { const [local, others] = splitProps(props as MenubarTriggerProps, ["class"]) return ( ) } type MenubarContentProps = MenubarPrimitive.MenubarContentProps & { class?: string | undefined } const MenubarContent = ( props: PolymorphicProps> ) => { const [local, others] = splitProps(props as MenubarContentProps, ["class"]) return ( ) } type MenubarItemProps = MenubarPrimitive.MenubarItemProps & { class?: string | undefined inset?: boolean variant?: "default" | "destructive" } const MenubarItem = ( rawProps: PolymorphicProps> ) => { const props = mergeProps({ variant: "default" }, rawProps) const [local, others] = splitProps(props as MenubarItemProps, ["class", "inset", "variant"]) return ( ) } type MenubarCheckboxItemProps = MenubarPrimitive.MenubarCheckboxItemProps & { class?: string | undefined children?: JSX.Element } const MenubarCheckboxItem = ( props: PolymorphicProps> ) => { const [local, others] = splitProps(props as MenubarCheckboxItemProps, ["class", "children"]) return ( {local.children} ) } type MenubarRadioItemProps = MenubarPrimitive.MenubarRadioItemProps & { class?: string | undefined children?: JSX.Element } const MenubarRadioItem = ( props: PolymorphicProps> ) => { const [local, others] = splitProps(props as MenubarRadioItemProps, ["class", "children"]) return ( {local.children} ) } type MenubarLabelProps = MenubarPrimitive.MenubarGroupLabelProps & { class?: string | undefined inset?: boolean } const MenubarLabel = ( props: PolymorphicProps> ) => { const [local, others] = splitProps(props as MenubarLabelProps, ["class", "inset"]) return ( ) } type MenubarSeparatorProps = MenubarPrimitive.MenubarSeparatorProps & { class?: string | undefined } const MenubarSeparator = ( props: PolymorphicProps> ) => { const [local, others] = splitProps(props as MenubarSeparatorProps, ["class"]) return ( ) } const MenubarShortcut: Component> = (props) => { const [local, others] = splitProps(props, ["class"]) return ( ) } const MenubarSub: Component = (props) => { return } type MenubarSubTriggerProps = MenubarPrimitive.MenubarSubTriggerProps & { class?: string | undefined inset?: boolean children?: JSX.Element } const MenubarSubTrigger = ( props: PolymorphicProps> ) => { const [local, others] = splitProps(props as MenubarSubTriggerProps, [ "class", "inset", "children" ]) return ( {local.children} ) } type MenubarSubContentProps = MenubarPrimitive.MenubarSubContentProps & { class?: string | undefined } const MenubarSubContent = ( props: PolymorphicProps> ) => { const [local, others] = splitProps(props as MenubarSubContentProps, ["class"]) return ( ) } export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarLabel, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubTrigger, MenubarSubContent, MenubarGroup, MenubarPortal }