@arolariu/components 0.4.2 → 1.0.0

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

@@ -1,99 +1,220 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { CheckboxItem, Content, Group, Item, ItemIndicator, Label, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-dropdown-menu";
+import { Menu } from "@base-ui/react/menu";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 import { Check, ChevronRight, Circle } from "lucide-react";
-import { forwardRef } from "react";
+import { forwardRef, isValidElement } from "react";
 import { cn } from "../../lib/utilities.js";
-const DropdownMenu = Root;
-const DropdownMenuTrigger = Trigger;
-const DropdownMenuGroup = Group;
-const DropdownMenuPortal = Portal;
-const DropdownMenuSub = Sub;
-const DropdownMenuRadioGroup = RadioGroup;
-const DropdownMenuSubTrigger = /*#__PURE__*/ forwardRef(({ className, inset, children, ...props }, ref)=>/*#__PURE__*/ jsxs(SubTrigger, {
+import dropdown_menu_module from "./dropdown-menu.module.js";
+function DropdownMenu(props) {
+    return /*#__PURE__*/ jsx(Menu.Root, {
+        ...props
+    });
+}
+const DropdownMenuGroup = Menu.Group;
+const DropdownMenuPortal = Menu.Portal;
+const DropdownMenuRadioGroup = Menu.RadioGroup;
+const DropdownMenuSub = Menu.SubmenuRoot;
+const DropdownMenuTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { asChild = false, children, className, render, ...otherProps } = props;
+    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    return /*#__PURE__*/ jsx(Menu.Trigger, {
         ref: ref,
-        className: cn("flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-neutral-100 data-[state=open]:bg-neutral-100 dark:focus:bg-neutral-800 dark:data-[state=open]:bg-neutral-800 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
-        ...props,
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "button",
+            render: renderProp,
+            props: mergeProps({
+                className
+            }, {})
+        }),
+        children: renderProp ? void 0 : children
+    });
+});
+function DropdownMenuSubTrigger(props) {
+    const { className, children, inset = false, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(Menu.SubmenuTrigger, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(dropdown_menu_module.item, dropdown_menu_module.subTrigger, inset && dropdown_menu_module.inset, className)
+            }, {})
+        }),
         children: [
             children,
             /*#__PURE__*/ jsx(ChevronRight, {
-                className: "ml-auto"
+                className: dropdown_menu_module.subTriggerIcon
             })
         ]
-    }));
-DropdownMenuSubTrigger.displayName = SubTrigger.displayName;
-const DropdownMenuSubContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SubContent, {
-        ref: ref,
-        className: cn("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-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-lg dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", className),
-        ...props
-    }));
-DropdownMenuSubContent.displayName = SubContent.displayName;
-const DropdownMenuContent = /*#__PURE__*/ forwardRef(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
-        children: /*#__PURE__*/ jsx(Content, {
-            ref: ref,
-            sideOffset: sideOffset,
-            className: cn("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", "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 origin-[--radix-dropdown-menu-content-transform-origin]", className),
-            ...props
+    });
+}
+function DropdownMenuSubContent(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Menu.Positioner, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            props: mergeProps({
+                className: dropdown_menu_module.positioner
+            }, {})
+        }),
+        children: /*#__PURE__*/ jsx(Menu.Popup, {
+            render: useRender({
+                defaultTagName: "div",
+                render: render,
+                props: mergeProps({
+                    className: cn(dropdown_menu_module.content, className)
+                }, {})
+            }),
+            children: children
         })
-    }));
-DropdownMenuContent.displayName = Content.displayName;
-const DropdownMenuItem = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
-        ref: ref,
-        className: cn("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 [&>svg]:size-4 [&>svg]:shrink-0", inset && "pl-8", className),
-        ...props
-    }));
-DropdownMenuItem.displayName = Item.displayName;
-const DropdownMenuCheckboxItem = /*#__PURE__*/ forwardRef(({ className, children, checked, ...props }, ref)=>/*#__PURE__*/ jsxs(CheckboxItem, {
-        ref: ref,
-        className: cn("relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", className),
-        checked: checked,
-        ...props,
+    });
+}
+const DropdownMenuContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(DropdownMenuPortal, {
+        children: /*#__PURE__*/ jsx(Menu.Positioner, {
+            ...otherProps,
+            render: useRender({
+                defaultTagName: "div",
+                props: mergeProps({
+                    className: dropdown_menu_module.positioner
+                }, {})
+            }),
+            children: /*#__PURE__*/ jsx(Menu.Popup, {
+                ref: ref,
+                render: useRender({
+                    defaultTagName: "div",
+                    render: render,
+                    props: mergeProps({
+                        className: cn(dropdown_menu_module.content, className)
+                    }, {})
+                }),
+                children: children
+            })
+        })
+    });
+});
+function DropdownMenuItem(props) {
+    const { asChild = false, children, className, inset = false, render, ...otherProps } = props;
+    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    return /*#__PURE__*/ jsx(Menu.Item, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: renderProp,
+            props: mergeProps({
+                className: cn(dropdown_menu_module.item, inset && dropdown_menu_module.inset, className)
+            }, {})
+        }),
+        children: renderProp ? void 0 : children
+    });
+}
+function DropdownMenuCheckboxItem(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(Menu.CheckboxItem, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(dropdown_menu_module.item, dropdown_menu_module.indicatorItem, className)
+            }, {})
+        }),
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                className: dropdown_menu_module.indicatorSlot,
+                children: /*#__PURE__*/ jsx(Menu.CheckboxItemIndicator, {
                     children: /*#__PURE__*/ jsx(Check, {
-                        className: "h-4 w-4"
+                        className: dropdown_menu_module.indicatorIcon
                     })
                 })
             }),
             children
         ]
-    }));
-DropdownMenuCheckboxItem.displayName = CheckboxItem.displayName;
-const DropdownMenuRadioItem = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(RadioItem, {
-        ref: ref,
-        className: cn("relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", className),
-        ...props,
+    });
+}
+function DropdownMenuRadioItem(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(Menu.RadioItem, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(dropdown_menu_module.item, dropdown_menu_module.indicatorItem, className)
+            }, {})
+        }),
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                className: dropdown_menu_module.indicatorSlot,
+                children: /*#__PURE__*/ jsx(Menu.RadioItemIndicator, {
                     children: /*#__PURE__*/ jsx(Circle, {
-                        className: "h-2 w-2 fill-current"
+                        className: dropdown_menu_module.radioIndicatorIcon
                     })
                 })
             }),
             children
         ]
-    }));
-DropdownMenuRadioItem.displayName = RadioItem.displayName;
-const DropdownMenuLabel = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Label, {
-        ref: ref,
-        className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
-        ...props
-    }));
-DropdownMenuLabel.displayName = Label.displayName;
-const DropdownMenuSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
-        ref: ref,
-        className: cn("-mx-1 my-1 h-px bg-neutral-100 dark:bg-neutral-800", className),
-        ...props
-    }));
-DropdownMenuSeparator.displayName = Separator.displayName;
-const DropdownMenuShortcut = ({ className, ...props })=>/*#__PURE__*/ jsx("span", {
-        className: cn("ml-auto text-xs tracking-widest opacity-60", className),
-        ...props
     });
+}
+function DropdownMenuLabel(props) {
+    const { className, children, inset = false, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Menu.GroupLabel, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(dropdown_menu_module.label, inset && dropdown_menu_module.inset, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+function DropdownMenuSeparator(props) {
+    const { className, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Menu.Separator, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(dropdown_menu_module.separator, className)
+            }, {})
+        })
+    });
+}
+function DropdownMenuShortcut(props) {
+    const { asChild = false, children, className, render, ...otherProps } = props;
+    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    return useRender({
+        defaultTagName: "span",
+        render: renderProp,
+        props: mergeProps({
+            className: cn(dropdown_menu_module.shortcut, className)
+        }, otherProps, {
+            children: renderProp ? void 0 : children
+        })
+    });
+}
+DropdownMenu.displayName = "DropdownMenu";
+DropdownMenuGroup.displayName = "DropdownMenuGroup";
+DropdownMenuPortal.displayName = "DropdownMenuPortal";
+DropdownMenuRadioGroup.displayName = "DropdownMenuRadioGroup";
+DropdownMenuSub.displayName = "DropdownMenuSub";
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
+DropdownMenuContent.displayName = "DropdownMenuContent";
+DropdownMenuItem.displayName = "DropdownMenuItem";
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
 

package/dist/components/ui/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/dropdown-menu.js","sources":["../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\r\nimport {Check, ChevronRight, Circle} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst DropdownMenu = DropdownMenuPrimitive.Root;\r\n\r\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\r\n\r\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\r\n\r\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\r\n\r\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\r\n\r\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\r\n\r\nconst DropdownMenuSubTrigger = React.forwardRef<\r\n  React.ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\r\n    inset?: boolean;\r\n  }\r\n>(({className, inset, children, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.SubTrigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-neutral-100 data-[state=open]:bg-neutral-100 dark:focus:bg-neutral-800 dark:data-[state=open]:bg-neutral-800 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\r\n      inset && \"pl-8\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    {children}\r\n    <ChevronRight className='ml-auto' />\r\n  </DropdownMenuPrimitive.SubTrigger>\r\n));\r\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\r\n\r\nconst DropdownMenuSubContent = React.forwardRef<\r\n  React.ComponentRef<typeof DropdownMenuPrimitive.SubContent>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\r\n>(({className, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.SubContent\r\n    ref={ref}\r\n    className={cn(\r\n      \"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-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-lg dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\r\n\r\nconst DropdownMenuContent = React.forwardRef<\r\n  React.ComponentRef<typeof DropdownMenuPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\r\n>(({className, sideOffset = 4, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.Portal>\r\n    <DropdownMenuPrimitive.Content\r\n      ref={ref}\r\n      sideOffset={sideOffset}\r\n      className={cn(\r\n        \"z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n        \"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 origin-[--radix-dropdown-menu-content-transform-origin]\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </DropdownMenuPrimitive.Portal>\r\n));\r\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\r\n\r\nconst DropdownMenuItem = React.forwardRef<\r\n  React.ComponentRef<typeof DropdownMenuPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\r\n    inset?: boolean;\r\n  }\r\n>(({className, inset, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 [&>svg]:size-4 [&>svg]:shrink-0\",\r\n      inset && \"pl-8\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\r\n\r\nconst DropdownMenuCheckboxItem = React.forwardRef<\r\n  React.ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\r\n>(({className, children, checked, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.CheckboxItem\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\r\n      className,\r\n    )}\r\n    checked={checked}\r\n    {...props}>\r\n    <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n      <DropdownMenuPrimitive.ItemIndicator>\r\n        <Check className='h-4 w-4' />\r\n      </DropdownMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </DropdownMenuPrimitive.CheckboxItem>\r\n));\r\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\r\n\r\nconst DropdownMenuRadioItem = React.forwardRef<\r\n  React.ComponentRef<typeof DropdownMenuPrimitive.RadioItem>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\r\n>(({className, children, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.RadioItem\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n      <DropdownMenuPrimitive.ItemIndicator>\r\n        <Circle className='h-2 w-2 fill-current' />\r\n      </DropdownMenuPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </DropdownMenuPrimitive.RadioItem>\r\n));\r\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\r\n\r\nconst DropdownMenuLabel = React.forwardRef<\r\n  React.ComponentRef<typeof DropdownMenuPrimitive.Label>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\r\n    inset?: boolean;\r\n  }\r\n>(({className, inset, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.Label\r\n    ref={ref}\r\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\r\n    {...props}\r\n  />\r\n));\r\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\r\n\r\nconst DropdownMenuSeparator = React.forwardRef<\r\n  React.ComponentRef<typeof DropdownMenuPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\r\n>(({className, ...props}, ref) => (\r\n  <DropdownMenuPrimitive.Separator\r\n    ref={ref}\r\n    className={cn(\"-mx-1 my-1 h-px bg-neutral-100 dark:bg-neutral-800\", className)}\r\n    {...props}\r\n  />\r\n));\r\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\r\n\r\nconst DropdownMenuShortcut = ({className, ...props}: React.HTMLAttributes<HTMLSpanElement>) => {\r\n  return (\r\n    <span\r\n      className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\r\n\r\nexport {\r\n  DropdownMenu,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuContent,\r\n  DropdownMenuGroup,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuPortal,\r\n  DropdownMenuRadioGroup,\r\n  DropdownMenuRadioItem,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuShortcut,\r\n  DropdownMenuSub,\r\n  DropdownMenuSubContent,\r\n  DropdownMenuSubTrigger,\r\n  DropdownMenuTrigger,\r\n};\r\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","React","className","inset","children","props","ref","cn","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}
+{"version":3,"file":"components/ui/dropdown-menu.js","sources":["../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Menu as BaseMenu} from \"@base-ui/react/menu\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {Check, ChevronRight, Circle} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./dropdown-menu.module.css\";\r\n\r\ninterface DropdownMenuProps extends React.ComponentPropsWithRef<typeof BaseMenu.Root> {}\r\n\r\ninterface DropdownMenuTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.Trigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface DropdownMenuSubTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.SubmenuTrigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Applies inset spacing to align nested content.\r\n   * @default false\r\n   */\r\n  inset?: boolean;\r\n}\r\n\r\ninterface DropdownMenuContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.Positioner>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface DropdownMenuItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.Item>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Applies inset spacing to align nested content.\r\n   * @default false\r\n   */\r\n  inset?: boolean;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface DropdownMenuCheckboxItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.CheckboxItem>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface DropdownMenuRadioItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.RadioItem>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface DropdownMenuLabelProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.GroupLabel>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Applies inset spacing to align nested content.\r\n   * @default false\r\n   */\r\n  inset?: boolean;\r\n}\r\n\r\ninterface DropdownMenuSeparatorProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.Separator>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface DropdownMenuShortcutProps extends React.ComponentPropsWithRef<\"span\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Overrides the default rendered element while preserving component behavior.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Coordinates dropdown menu state and accessibility behavior.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/menu | Base UI Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenu>Content</DropdownMenu>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenu(props: Readonly<DropdownMenu.Props>): React.ReactElement {\r\n  return <BaseMenu.Root {...props} />;\r\n}\r\n\r\n/**\r\n * Renders the dropdown menu group.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/menu | Base UI Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuGroup>Content</DropdownMenuGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuGroup = BaseMenu.Group;\r\n/**\r\n * Provides the dropdown menu portal container.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/menu | Base UI Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuPortal>Content</DropdownMenuPortal>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuPortal = BaseMenu.Portal;\r\n/**\r\n * Coordinates the dropdown menu radio group.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/menu | Base UI Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuRadioGroup>Content</DropdownMenuRadioGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuRadioGroup = BaseMenu.RadioGroup;\r\n/**\r\n * Coordinates the dropdown menu sub.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/menu | Base UI Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuSub>Content</DropdownMenuSub>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuSub: typeof BaseMenu.SubmenuRoot & {displayName?: string} = BaseMenu.SubmenuRoot;\r\n\r\n/**\r\n * Renders the dropdown menu trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuTrigger>Content</DropdownMenuTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTrigger.Props>(\r\n  (props: Readonly<DropdownMenuTrigger.Props>, ref): React.ReactElement => {\r\n    const {asChild = false, children, className, render, ...otherProps} = props;\r\n    const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n    return (\r\n      <BaseMenu.Trigger\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: renderProp as never,\r\n          props: mergeProps({className}, {}),\r\n        })}>\r\n        {renderProp ? undefined : children}\r\n      </BaseMenu.Trigger>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the dropdown menu sub trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuSubTrigger>Content</DropdownMenuSubTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuSubTrigger(props: Readonly<DropdownMenuSubTrigger.Props>): React.ReactElement {\r\n  const {className, children, inset = false, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.SubmenuTrigger\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.subTrigger, inset && styles.inset, className)}, {}),\r\n      })}>\r\n      {children}\r\n      <ChevronRight className={styles.subTriggerIcon} />\r\n    </BaseMenu.SubmenuTrigger>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the dropdown menu sub content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuSubContent>Content</DropdownMenuSubContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuSubContent(props: Readonly<DropdownMenuContent.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.Positioner\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        props: mergeProps({className: styles.positioner}, {}),\r\n      })}>\r\n      <BaseMenu.Popup\r\n        render={useRender({\r\n          defaultTagName: \"div\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.content, className)}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseMenu.Popup>\r\n    </BaseMenu.Positioner>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the dropdown menu content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuContent>Content</DropdownMenuContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuContent = React.forwardRef<React.ComponentRef<typeof BaseMenu.Popup>, DropdownMenuContent.Props>(\r\n  (props: Readonly<DropdownMenuContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <DropdownMenuPortal>\r\n        <BaseMenu.Positioner\r\n          {...otherProps}\r\n          render={useRender({\r\n            defaultTagName: \"div\",\r\n            props: mergeProps({className: styles.positioner}, {}),\r\n          })}>\r\n          <BaseMenu.Popup\r\n            ref={ref}\r\n            render={useRender({\r\n              defaultTagName: \"div\",\r\n              render: render as never,\r\n              props: mergeProps({className: cn(styles.content, className)}, {}),\r\n            })}>\r\n            {children}\r\n          </BaseMenu.Popup>\r\n        </BaseMenu.Positioner>\r\n      </DropdownMenuPortal>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the dropdown menu item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuItem>Content</DropdownMenuItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuItem(props: Readonly<DropdownMenuItem.Props>): React.ReactElement {\r\n  const {asChild = false, children, className, inset = false, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return (\r\n    <BaseMenu.Item\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: renderProp as never,\r\n        props: mergeProps({className: cn(styles.item, inset && styles.inset, className)}, {}),\r\n      })}>\r\n      {renderProp ? undefined : children}\r\n    </BaseMenu.Item>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the dropdown menu checkbox item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuCheckboxItem>Content</DropdownMenuCheckboxItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuCheckboxItem(props: Readonly<DropdownMenuCheckboxItem.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.CheckboxItem\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.indicatorItem, className)}, {}),\r\n      })}>\r\n      <span className={styles.indicatorSlot}>\r\n        <BaseMenu.CheckboxItemIndicator>\r\n          <Check className={styles.indicatorIcon} />\r\n        </BaseMenu.CheckboxItemIndicator>\r\n      </span>\r\n      {children}\r\n    </BaseMenu.CheckboxItem>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the dropdown menu radio item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuRadioItem>Content</DropdownMenuRadioItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuRadioItem(props: Readonly<DropdownMenuRadioItem.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.RadioItem\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.indicatorItem, className)}, {}),\r\n      })}>\r\n      <span className={styles.indicatorSlot}>\r\n        <BaseMenu.RadioItemIndicator>\r\n          <Circle className={styles.radioIndicatorIcon} />\r\n        </BaseMenu.RadioItemIndicator>\r\n      </span>\r\n      {children}\r\n    </BaseMenu.RadioItem>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the dropdown menu label.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuLabel>Content</DropdownMenuLabel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuLabel(props: Readonly<DropdownMenuLabel.Props>): React.ReactElement {\r\n  const {className, children, inset = false, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.GroupLabel\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.label, inset && styles.inset, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMenu.GroupLabel>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the dropdown menu separator.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuSeparator>Content</DropdownMenuSeparator>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuSeparator(props: Readonly<DropdownMenuSeparator.Props>): React.ReactElement {\r\n  const {className, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.Separator\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.separator, className)}, {}),\r\n      })}\r\n    />\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the dropdown menu shortcut.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuShortcut>Content</DropdownMenuShortcut>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuShortcut(props: Readonly<DropdownMenuShortcut.Props>): React.ReactElement {\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"span\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.shortcut, className)}, otherProps, {\r\n      children: renderProp ? undefined : children,\r\n    }),\r\n  });\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenu {\r\n  export type Props = DropdownMenuProps;\r\n  export type State = BaseMenu.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuTrigger {\r\n  export type Props = DropdownMenuTriggerProps;\r\n  export type State = BaseMenu.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuSubTrigger {\r\n  export type Props = DropdownMenuSubTriggerProps;\r\n  export type State = BaseMenu.SubmenuTrigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuContent {\r\n  export type Props = DropdownMenuContentProps;\r\n  export type State = BaseMenu.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuSubContent {\r\n  export type Props = DropdownMenuContentProps;\r\n  export type State = BaseMenu.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuItem {\r\n  export type Props = DropdownMenuItemProps;\r\n  export type State = BaseMenu.Item.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuCheckboxItem {\r\n  export type Props = DropdownMenuCheckboxItemProps;\r\n  export type State = BaseMenu.CheckboxItem.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuRadioItem {\r\n  export type Props = DropdownMenuRadioItemProps;\r\n  export type State = BaseMenu.RadioItem.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuLabel {\r\n  export type Props = DropdownMenuLabelProps;\r\n  export type State = BaseMenu.GroupLabel.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuSeparator {\r\n  export type Props = DropdownMenuSeparatorProps;\r\n  export type State = BaseMenu.Separator.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuShortcut {\r\n  export type Props = DropdownMenuShortcutProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\nDropdownMenu.displayName = \"DropdownMenu\";\r\nDropdownMenuGroup.displayName = \"DropdownMenuGroup\";\r\nDropdownMenuPortal.displayName = \"DropdownMenuPortal\";\r\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\";\r\nDropdownMenuSub.displayName = \"DropdownMenuSub\";\r\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\r\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\";\r\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\";\r\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\r\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\r\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\r\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\r\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\r\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\";\r\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\r\n\r\nexport {\r\n  DropdownMenu,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuContent,\r\n  DropdownMenuGroup,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuPortal,\r\n  DropdownMenuRadioGroup,\r\n  DropdownMenuRadioItem,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuShortcut,\r\n  DropdownMenuSub,\r\n  DropdownMenuSubContent,\r\n  DropdownMenuSubTrigger,\r\n  DropdownMenuTrigger,\r\n};\r\n"],"names":["DropdownMenu","props","BaseMenu","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuRadioGroup","DropdownMenuSub","DropdownMenuTrigger","React","ref","asChild","children","className","render","otherProps","renderProp","useRender","mergeProps","undefined","DropdownMenuSubTrigger","inset","cn","styles","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","DropdownMenuItem","DropdownMenuCheckboxItem","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}

package/dist/components/ui/dropdown-menu.module.js

@@ -0,0 +1,19 @@
+import "./dropdown-menu_module.css";
+const dropdown_menu_module = {
+    positioner: "positioner-eXlqeB",
+    content: "content-bfbsJ5",
+    item: "item-G26b7p",
+    subTrigger: "subTrigger-uRJex5",
+    subTriggerIcon: "subTriggerIcon-Jdgve0",
+    indicatorItem: "indicatorItem-cWjKyu",
+    indicatorSlot: "indicatorSlot-MmQvOQ",
+    indicatorIcon: "indicatorIcon-Mus2O7",
+    radioIndicatorIcon: "radioIndicatorIcon-V5gTLq",
+    label: "label-wpGrGO",
+    inset: "inset-eElxNZ",
+    separator: "separator-OCr8CI",
+    shortcut: "shortcut-dI5l2z"
+};
+export default dropdown_menu_module;
+
+//# sourceMappingURL=dropdown-menu.module.js.map

package/dist/components/ui/dropdown-menu.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/dropdown-menu.module.js","sources":["../../../src/components/ui/dropdown-menu.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./dropdown-menu_module.css\"\nexport default {\"positioner\":\"positioner-eXlqeB\",\"content\":\"content-bfbsJ5\",\"item\":\"item-G26b7p\",\"subTrigger\":\"subTrigger-uRJex5\",\"subTriggerIcon\":\"subTriggerIcon-Jdgve0\",\"indicatorItem\":\"indicatorItem-cWjKyu\",\"indicatorSlot\":\"indicatorSlot-MmQvOQ\",\"indicatorIcon\":\"indicatorIcon-Mus2O7\",\"radioIndicatorIcon\":\"radioIndicatorIcon-V5gTLq\",\"label\":\"label-wpGrGO\",\"inset\":\"inset-eElxNZ\",\"separator\":\"separator-OCr8CI\",\"shortcut\":\"shortcut-dI5l2z\"};"],"names":[],"mappings":";AAEA,6BAAe;IAAC,YAAa;IAAoB,SAAU;IAAiB,MAAO;IAAc,YAAa;IAAoB,gBAAiB;IAAwB,eAAgB;IAAuB,eAAgB;IAAuB,eAAgB;IAAuB,oBAAqB;IAA4B,OAAQ;IAAe,OAAQ;IAAe,WAAY;IAAmB,UAAW;AAAiB"}

package/dist/components/ui/dropdown-menu_module.css

@@ -0,0 +1,114 @@
+.positioner-eXlqeB {
+  z-index: 50;
+}
+
+.content-bfbsJ5 {
+  background-color: var(--ac-popover);
+  border: 1px solid var(--ac-border);
+  border-radius: var(--ac-radius-md);
+  color: var(--ac-popover-foreground);
+  max-height: var(--available-height);
+  min-width: 12rem;
+  padding: var(--ac-space-1);
+  transform-origin: var(--transform-origin);
+  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);
+  overflow: hidden auto;
+  box-shadow: 0 16px 40px -16px #00000059;
+}
+
+.content-bfbsJ5[data-ending-style], .content-bfbsJ5[data-starting-style] {
+  opacity: 0;
+  transform: scale(.96);
+}
+
+.item-G26b7p {
+  border-radius: var(--ac-radius-sm);
+  color: inherit;
+  cursor: default;
+  font-size: var(--ac-text-sm);
+  align-items: center;
+  gap: var(--ac-space-2);
+  min-height: var(--ac-size-default);
+  padding: var(--ac-space-1) var(--ac-space-2);
+  -webkit-user-select: none;
+  user-select: none;
+  outline: none;
+  width: 100%;
+  display: flex;
+  position: relative;
+}
+
+.item-G26b7p[data-highlighted] {
+  background-color: var(--ac-accent);
+  color: var(--ac-accent-foreground);
+}
+
+.item-G26b7p[data-disabled] {
+  opacity: .5;
+  pointer-events: none;
+}
+
+.subTrigger-uRJex5 {
+  padding-right: var(--ac-space-3);
+}
+
+.subTrigger-uRJex5[data-popup-open] {
+  background-color: var(--ac-accent);
+  color: var(--ac-accent-foreground);
+}
+
+.subTriggerIcon-Jdgve0 {
+  flex-shrink: 0;
+  width: 1rem;
+  height: 1rem;
+  margin-left: auto;
+}
+
+.indicatorItem-cWjKyu {
+  padding-left: calc(var(--ac-space-2) + 1.25rem);
+}
+
+.indicatorSlot-MmQvOQ {
+  height: 1rem;
+  left: var(--ac-space-2);
+  justify-content: center;
+  align-items: center;
+  width: 1rem;
+  display: inline-flex;
+  position: absolute;
+}
+
+.indicatorIcon-Mus2O7, .radioIndicatorIcon-V5gTLq {
+  width: .875rem;
+  height: .875rem;
+}
+
+.radioIndicatorIcon-V5gTLq {
+  fill: currentColor;
+}
+
+.label-wpGrGO {
+  font-size: var(--ac-text-sm);
+  padding: var(--ac-space-1) var(--ac-space-2);
+  font-weight: 600;
+}
+
+.inset-eElxNZ {
+  padding-left: calc(var(--ac-space-2) + 1.25rem);
+}
+
+.separator-OCr8CI {
+  background-color: var(--ac-border);
+  height: 1px;
+  margin: var(--ac-space-1) calc(var(--ac-space-1)*-1);
+}
+
+.shortcut-dI5l2z {
+  color: var(--ac-muted-foreground);
+  font-size: var(--ac-text-xs);
+  letter-spacing: .08em;
+  margin-left: auto;
+}
+
+
+/*# sourceMappingURL=dropdown-menu_module.css.map */

package/dist/components/ui/dropdown-menu_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/dropdown-menu.module.css","webpack://./src/components/ui/dropdown-menu.module.css"],"names":[],"mappings":"AADA;ECEE,WAAW;AACb;;AAEA;EACE,mCAAmC;EACnC,kCAAkC;EAClC,kCAAkC;EAClC,mCAAmC;EACnC,mCAAmC;EACnC,gBAAgB;EAChB,0BAA0B;EAC1B,yCAAyC;EACzC,qFAAqF;EACrF,qBAAqB;EACrB,uCAAuC;AACzC;;AAEA;EACE,UAAU;EACV,qBAAqB;AACvB;;AAEA;EACE,kCAAkC;EAClC,cAAc;EACd,eAAe;EACf,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,kCAAkC;EAClC,4CAA4C;EAC5C,yBAAyB;EACzB,iBAAiB;EACjB,aAAa;EACb,WAAW;EACX,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,WAAW;EACX,oBAAoB;AACtB;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,cAAc;EACd,WAAW;EACX,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,+CAA+C;AACjD;;AAEA;EACE,YAAY;EACZ,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,4BAA4B;EAC5B,4CAA4C;EAC5C,gBAAgB;AAClB;;AAEA;EACE,+CAA+C;AACjD;;AAEA;EACE,kCAAkC;EAClC,WAAW;EACX,oDAAoD;AACtD;;AAEA;EACE,iCAAiC;EACjC,4BAA4B;EAC5B,qBAAqB;EACrB,iBAAiB;AACnB","sourcesContent":[".positioner{z-index:50}.content{background-color:var(--ac-popover);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);box-shadow:0 16px 40px -16px rgba(0,0,0,.35);color:var(--ac-popover-foreground);max-height:var(--available-height);min-width:12rem;overflow-x:hidden;overflow-y:auto;padding:var(--ac-space-1);transform-origin:var(--transform-origin);transition:opacity var(--ac-transition-normal),transform var(--ac-transition-normal)}.content[data-ending-style],.content[data-starting-style]{opacity:0;transform:scale(.96)}.item{align-items:center;border-radius:var(--ac-radius-sm);color:inherit;cursor:default;display:flex;font-size:var(--ac-text-sm);gap:var(--ac-space-2);min-height:var(--ac-size-default);outline:none;padding:var(--ac-space-1) var(--ac-space-2);position:relative;user-select:none;width:100%}.item[data-highlighted]{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}.item[data-disabled]{opacity:.5;pointer-events:none}.subTrigger{padding-right:var(--ac-space-3)}.subTrigger[data-popup-open]{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}.subTriggerIcon{flex-shrink:0;height:1rem;margin-left:auto;width:1rem}.indicatorItem{padding-left:calc(var(--ac-space-2) + 1.25rem)}.indicatorSlot{align-items:center;display:inline-flex;height:1rem;justify-content:center;left:var(--ac-space-2);position:absolute;width:1rem}.indicatorIcon,.radioIndicatorIcon{height:.875rem;width:.875rem}.radioIndicatorIcon{fill:currentcolor}.label{font-size:var(--ac-text-sm);font-weight:600;padding:var(--ac-space-1) var(--ac-space-2)}.inset{padding-left:calc(var(--ac-space-2) + 1.25rem)}.separator{background-color:var(--ac-border);height:1px;margin:var(--ac-space-1) calc(var(--ac-space-1)*-1)}.shortcut{color:var(--ac-muted-foreground);font-size:var(--ac-text-xs);letter-spacing:.08em;margin-left:auto}",".positioner {\n  z-index: 50;\n}\n\n.content {\n  background-color: var(--ac-popover);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-popover-foreground);\n  max-height: var(--available-height);\n  min-width: 12rem;\n  padding: var(--ac-space-1);\n  transform-origin: var(--transform-origin);\n  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);\n  overflow: hidden auto;\n  box-shadow: 0 16px 40px -16px #00000059;\n}\n\n.content[data-ending-style], .content[data-starting-style] {\n  opacity: 0;\n  transform: scale(.96);\n}\n\n.item {\n  border-radius: var(--ac-radius-sm);\n  color: inherit;\n  cursor: default;\n  font-size: var(--ac-text-sm);\n  align-items: center;\n  gap: var(--ac-space-2);\n  min-height: var(--ac-size-default);\n  padding: var(--ac-space-1) var(--ac-space-2);\n  -webkit-user-select: none;\n  user-select: none;\n  outline: none;\n  width: 100%;\n  display: flex;\n  position: relative;\n}\n\n.item[data-highlighted] {\n  background-color: var(--ac-accent);\n  color: var(--ac-accent-foreground);\n}\n\n.item[data-disabled] {\n  opacity: .5;\n  pointer-events: none;\n}\n\n.subTrigger {\n  padding-right: var(--ac-space-3);\n}\n\n.subTrigger[data-popup-open] {\n  background-color: var(--ac-accent);\n  color: var(--ac-accent-foreground);\n}\n\n.subTriggerIcon {\n  flex-shrink: 0;\n  width: 1rem;\n  height: 1rem;\n  margin-left: auto;\n}\n\n.indicatorItem {\n  padding-left: calc(var(--ac-space-2) + 1.25rem);\n}\n\n.indicatorSlot {\n  height: 1rem;\n  left: var(--ac-space-2);\n  justify-content: center;\n  align-items: center;\n  width: 1rem;\n  display: inline-flex;\n  position: absolute;\n}\n\n.indicatorIcon, .radioIndicatorIcon {\n  width: .875rem;\n  height: .875rem;\n}\n\n.radioIndicatorIcon {\n  fill: currentColor;\n}\n\n.label {\n  font-size: var(--ac-text-sm);\n  padding: var(--ac-space-1) var(--ac-space-2);\n  font-weight: 600;\n}\n\n.inset {\n  padding-left: calc(var(--ac-space-2) + 1.25rem);\n}\n\n.separator {\n  background-color: var(--ac-border);\n  height: 1px;\n  margin: var(--ac-space-1) calc(var(--ac-space-1)*-1);\n}\n\n.shortcut {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-xs);\n  letter-spacing: .08em;\n  margin-left: auto;\n}\n"],"sourceRoot":""}