@uipath/apollo-wind 0.7.2-pr188.4865fad

package/dist/components/ui/multi-select.cjs

@@ -0,0 +1,187 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    MultiSelect: ()=>MultiSelect
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const external_badge_cjs_namespaceObject = require("./badge.cjs");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const external_command_cjs_namespaceObject = require("./command.cjs");
+const external_popover_cjs_namespaceObject = require("./popover.cjs");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const MultiSelect = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ options, selected, onChange, placeholder = 'Select items...', emptyMessage = 'No items found.', className, maxSelected, disabled = false, searchPlaceholder = 'Search...', clearAllText }, ref)=>{
+    const [open, setOpen] = external_react_namespaceObject.useState(false);
+    const handleUnselect = (value)=>{
+        onChange(selected.filter((s)=>s !== value));
+    };
+    const handleSelect = (value)=>{
+        if (selected.includes(value)) handleUnselect(value);
+        else {
+            if (maxSelected && selected.length >= maxSelected) return;
+            onChange([
+                ...selected,
+                value
+            ]);
+        }
+    };
+    const handleClearAll = ()=>{
+        onChange([]);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('relative', className),
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
+            open: open,
+            onOpenChange: setOpen,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
+                    asChild: true,
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
+                        variant: "outline",
+                        role: "combobox",
+                        "aria-expanded": open,
+                        "aria-label": selected.length > 0 ? `${selected.length} items selected` : placeholder,
+                        className: (0, index_cjs_namespaceObject.cn)('w-full justify-between', selected.length > 0 ? 'h-auto min-h-10' : 'h-10'),
+                        disabled: disabled,
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                className: "flex flex-wrap gap-1 flex-1",
+                                children: 0 === selected.length ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                    className: "text-muted-foreground",
+                                    children: placeholder
+                                }) : selected.map((value)=>{
+                                    const option = options.find((opt)=>opt.value === value);
+                                    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_badge_cjs_namespaceObject.Badge, {
+                                        variant: "secondary",
+                                        className: "mr-1",
+                                        onClick: (e)=>{
+                                            e.stopPropagation();
+                                            handleUnselect(value);
+                                        },
+                                        children: [
+                                            option?.label,
+                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                role: "button",
+                                                tabIndex: 0,
+                                                "aria-label": `Remove ${option?.label}`,
+                                                className: "ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",
+                                                onKeyDown: (e)=>{
+                                                    if ('Enter' === e.key || ' ' === e.key) {
+                                                        e.preventDefault();
+                                                        handleUnselect(value);
+                                                    }
+                                                },
+                                                onMouseDown: (e)=>{
+                                                    e.preventDefault();
+                                                    e.stopPropagation();
+                                                },
+                                                onClick: (e)=>{
+                                                    e.preventDefault();
+                                                    e.stopPropagation();
+                                                    handleUnselect(value);
+                                                },
+                                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                                                    className: "h-3 w-3 text-muted-foreground hover:text-foreground"
+                                                })
+                                            })
+                                        ]
+                                    }, value);
+                                })
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronsUpDown, {
+                                className: "h-4 w-4 shrink-0 opacity-50"
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent, {
+                    className: "w-[--radix-popover-trigger-width] p-0",
+                    align: "start",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command, {
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput, {
+                                    placeholder: searchPlaceholder
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList, {
+                                    children: [
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty, {
+                                            children: emptyMessage
+                                        }),
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup, {
+                                            children: options.map((option)=>{
+                                                const isSelected = selected.includes(option.value);
+                                                const isDisabled = void 0 !== maxSelected && selected.length >= maxSelected && !isSelected;
+                                                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem, {
+                                                    onSelect: ()=>{
+                                                        if (!isDisabled) handleSelect(option.value);
+                                                    },
+                                                    disabled: isDisabled,
+                                                    className: (0, index_cjs_namespaceObject.cn)(isDisabled && 'opacity-50 cursor-not-allowed'),
+                                                    children: [
+                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                                            className: (0, index_cjs_namespaceObject.cn)('mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary', isSelected ? 'bg-primary text-primary-foreground' : 'opacity-50 [&_svg]:invisible'),
+                                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
+                                                                className: "h-4 w-4"
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                            children: option.label
+                                                        })
+                                                    ]
+                                                }, option.value);
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        selected.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            className: "border-t p-2",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                                variant: "ghost",
+                                size: "sm",
+                                className: "w-full",
+                                onClick: handleClearAll,
+                                children: 'function' == typeof clearAllText ? clearAllText(selected.length) : clearAllText || `Clear all (${selected.length})`
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+});
+MultiSelect.displayName = 'MultiSelect';
+exports.MultiSelect = __webpack_exports__.MultiSelect;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "MultiSelect"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/multi-select.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface MultiSelectProps {
+    options: {
+        label: string;
+        value: string;
+    }[];
+    selected: string[];
+    onChange: (selected: string[]) => void;
+    placeholder?: string;
+    emptyMessage?: string;
+    className?: string;
+    maxSelected?: number;
+    disabled?: boolean;
+    searchPlaceholder?: string;
+    clearAllText?: string | ((count: number) => string);
+}
+declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>>;
+export { MultiSelect };

package/dist/components/ui/multi-select.js

@@ -0,0 +1,153 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, ChevronsUpDown, X } from "lucide-react";
+import { forwardRef, useState } from "react";
+import { Badge } from "./badge.js";
+import { Button } from "./button.js";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "./command.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
+import { cn } from "../../lib/index.js";
+const MultiSelect = /*#__PURE__*/ forwardRef(({ options, selected, onChange, placeholder = 'Select items...', emptyMessage = 'No items found.', className, maxSelected, disabled = false, searchPlaceholder = 'Search...', clearAllText }, ref)=>{
+    const [open, setOpen] = useState(false);
+    const handleUnselect = (value)=>{
+        onChange(selected.filter((s)=>s !== value));
+    };
+    const handleSelect = (value)=>{
+        if (selected.includes(value)) handleUnselect(value);
+        else {
+            if (maxSelected && selected.length >= maxSelected) return;
+            onChange([
+                ...selected,
+                value
+            ]);
+        }
+    };
+    const handleClearAll = ()=>{
+        onChange([]);
+    };
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: cn('relative', className),
+        children: /*#__PURE__*/ jsxs(Popover, {
+            open: open,
+            onOpenChange: setOpen,
+            children: [
+                /*#__PURE__*/ jsx(PopoverTrigger, {
+                    asChild: true,
+                    children: /*#__PURE__*/ jsxs(Button, {
+                        variant: "outline",
+                        role: "combobox",
+                        "aria-expanded": open,
+                        "aria-label": selected.length > 0 ? `${selected.length} items selected` : placeholder,
+                        className: cn('w-full justify-between', selected.length > 0 ? 'h-auto min-h-10' : 'h-10'),
+                        disabled: disabled,
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                className: "flex flex-wrap gap-1 flex-1",
+                                children: 0 === selected.length ? /*#__PURE__*/ jsx("span", {
+                                    className: "text-muted-foreground",
+                                    children: placeholder
+                                }) : selected.map((value)=>{
+                                    const option = options.find((opt)=>opt.value === value);
+                                    return /*#__PURE__*/ jsxs(Badge, {
+                                        variant: "secondary",
+                                        className: "mr-1",
+                                        onClick: (e)=>{
+                                            e.stopPropagation();
+                                            handleUnselect(value);
+                                        },
+                                        children: [
+                                            option?.label,
+                                            /*#__PURE__*/ jsx("span", {
+                                                role: "button",
+                                                tabIndex: 0,
+                                                "aria-label": `Remove ${option?.label}`,
+                                                className: "ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",
+                                                onKeyDown: (e)=>{
+                                                    if ('Enter' === e.key || ' ' === e.key) {
+                                                        e.preventDefault();
+                                                        handleUnselect(value);
+                                                    }
+                                                },
+                                                onMouseDown: (e)=>{
+                                                    e.preventDefault();
+                                                    e.stopPropagation();
+                                                },
+                                                onClick: (e)=>{
+                                                    e.preventDefault();
+                                                    e.stopPropagation();
+                                                    handleUnselect(value);
+                                                },
+                                                children: /*#__PURE__*/ jsx(X, {
+                                                    className: "h-3 w-3 text-muted-foreground hover:text-foreground"
+                                                })
+                                            })
+                                        ]
+                                    }, value);
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(ChevronsUpDown, {
+                                className: "h-4 w-4 shrink-0 opacity-50"
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsxs(PopoverContent, {
+                    className: "w-[--radix-popover-trigger-width] p-0",
+                    align: "start",
+                    children: [
+                        /*#__PURE__*/ jsxs(Command, {
+                            children: [
+                                /*#__PURE__*/ jsx(CommandInput, {
+                                    placeholder: searchPlaceholder
+                                }),
+                                /*#__PURE__*/ jsxs(CommandList, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(CommandEmpty, {
+                                            children: emptyMessage
+                                        }),
+                                        /*#__PURE__*/ jsx(CommandGroup, {
+                                            children: options.map((option)=>{
+                                                const isSelected = selected.includes(option.value);
+                                                const isDisabled = void 0 !== maxSelected && selected.length >= maxSelected && !isSelected;
+                                                return /*#__PURE__*/ jsxs(CommandItem, {
+                                                    onSelect: ()=>{
+                                                        if (!isDisabled) handleSelect(option.value);
+                                                    },
+                                                    disabled: isDisabled,
+                                                    className: cn(isDisabled && 'opacity-50 cursor-not-allowed'),
+                                                    children: [
+                                                        /*#__PURE__*/ jsx("div", {
+                                                            className: cn('mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary', isSelected ? 'bg-primary text-primary-foreground' : 'opacity-50 [&_svg]:invisible'),
+                                                            children: /*#__PURE__*/ jsx(Check, {
+                                                                className: "h-4 w-4"
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ jsx("span", {
+                                                            children: option.label
+                                                        })
+                                                    ]
+                                                }, option.value);
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        selected.length > 0 && /*#__PURE__*/ jsx("div", {
+                            className: "border-t p-2",
+                            children: /*#__PURE__*/ jsx(Button, {
+                                variant: "ghost",
+                                size: "sm",
+                                className: "w-full",
+                                onClick: handleClearAll,
+                                children: 'function' == typeof clearAllText ? clearAllText(selected.length) : clearAllText || `Clear all (${selected.length})`
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+});
+MultiSelect.displayName = 'MultiSelect';
+export { MultiSelect };

package/dist/components/ui/navigation-menu.cjs

@@ -0,0 +1,122 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    NavigationMenuLink: ()=>NavigationMenuLink,
+    NavigationMenuIndicator: ()=>NavigationMenuIndicator,
+    navigationMenuTriggerStyle: ()=>navigationMenuTriggerStyle,
+    NavigationMenuViewport: ()=>NavigationMenuViewport,
+    NavigationMenu: ()=>NavigationMenu,
+    NavigationMenuContent: ()=>NavigationMenuContent,
+    NavigationMenuList: ()=>NavigationMenuList,
+    NavigationMenuTrigger: ()=>NavigationMenuTrigger,
+    NavigationMenuItem: ()=>NavigationMenuItem
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_navigation_menu_namespaceObject = require("@radix-ui/react-navigation-menu");
+const external_class_variance_authority_namespaceObject = require("class-variance-authority");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const NavigationMenu = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_navigation_menu_namespaceObject.Root, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('relative z-10 flex max-w-max flex-1 items-center justify-center', className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NavigationMenuViewport, {})
+        ]
+    }));
+NavigationMenu.displayName = react_navigation_menu_namespaceObject.Root.displayName;
+const NavigationMenuList = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_navigation_menu_namespaceObject.List, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('group flex flex-1 list-none items-center justify-center space-x-1', className),
+        ...props
+    }));
+NavigationMenuList.displayName = react_navigation_menu_namespaceObject.List.displayName;
+const NavigationMenuItem = react_navigation_menu_namespaceObject.Item;
+const navigationMenuTriggerStyle = (0, external_class_variance_authority_namespaceObject.cva)('group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent');
+const NavigationMenuTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_navigation_menu_namespaceObject.Trigger, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)(navigationMenuTriggerStyle(), 'group', className),
+        ...props,
+        children: [
+            children,
+            ' ',
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+                className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
+                "aria-hidden": "true"
+            })
+        ]
+    }));
+NavigationMenuTrigger.displayName = react_navigation_menu_namespaceObject.Trigger.displayName;
+const NavigationMenuContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_navigation_menu_namespaceObject.Content, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('left-0 top-0 w-full 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 md:absolute md:w-auto ', className),
+        ...props
+    }));
+NavigationMenuContent.displayName = react_navigation_menu_namespaceObject.Content.displayName;
+const NavigationMenuLink = react_navigation_menu_namespaceObject.Link;
+const NavigationMenuViewport = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, index_cjs_namespaceObject.cn)('absolute left-0 top-full flex justify-center'),
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_navigation_menu_namespaceObject.Viewport, {
+            className: (0, index_cjs_namespaceObject.cn)('origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]', className),
+            ref: ref,
+            ...props
+        })
+    }));
+NavigationMenuViewport.displayName = react_navigation_menu_namespaceObject.Viewport.displayName;
+const NavigationMenuIndicator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_navigation_menu_namespaceObject.Indicator, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in', className),
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"
+        })
+    }));
+NavigationMenuIndicator.displayName = react_navigation_menu_namespaceObject.Indicator.displayName;
+exports.NavigationMenu = __webpack_exports__.NavigationMenu;
+exports.NavigationMenuContent = __webpack_exports__.NavigationMenuContent;
+exports.NavigationMenuIndicator = __webpack_exports__.NavigationMenuIndicator;
+exports.NavigationMenuItem = __webpack_exports__.NavigationMenuItem;
+exports.NavigationMenuLink = __webpack_exports__.NavigationMenuLink;
+exports.NavigationMenuList = __webpack_exports__.NavigationMenuList;
+exports.NavigationMenuTrigger = __webpack_exports__.NavigationMenuTrigger;
+exports.NavigationMenuViewport = __webpack_exports__.NavigationMenuViewport;
+exports.navigationMenuTriggerStyle = __webpack_exports__.navigationMenuTriggerStyle;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "NavigationMenu",
+    "NavigationMenuContent",
+    "NavigationMenuIndicator",
+    "NavigationMenuItem",
+    "NavigationMenuLink",
+    "NavigationMenuList",
+    "NavigationMenuTrigger",
+    "NavigationMenuViewport",
+    "navigationMenuTriggerStyle"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/navigation-menu.d.ts

@@ -0,0 +1,12 @@
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import * as React from 'react';
+declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };

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

@@ -0,0 +1,64 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Content, Indicator, Item, Link, List, Root, Trigger, Viewport } from "@radix-ui/react-navigation-menu";
+import { cva } from "class-variance-authority";
+import { ChevronDown } from "lucide-react";
+import { forwardRef } from "react";
+import { cn } from "../../lib/index.js";
+const NavigationMenu = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Root, {
+        ref: ref,
+        className: cn('relative z-10 flex max-w-max flex-1 items-center justify-center', className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(NavigationMenuViewport, {})
+        ]
+    }));
+NavigationMenu.displayName = Root.displayName;
+const NavigationMenuList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(List, {
+        ref: ref,
+        className: cn('group flex flex-1 list-none items-center justify-center space-x-1', className),
+        ...props
+    }));
+NavigationMenuList.displayName = List.displayName;
+const NavigationMenuItem = Item;
+const navigationMenuTriggerStyle = cva('group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent');
+const NavigationMenuTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Trigger, {
+        ref: ref,
+        className: cn(navigationMenuTriggerStyle(), 'group', className),
+        ...props,
+        children: [
+            children,
+            ' ',
+            /*#__PURE__*/ jsx(ChevronDown, {
+                className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
+                "aria-hidden": "true"
+            })
+        ]
+    }));
+NavigationMenuTrigger.displayName = Trigger.displayName;
+const NavigationMenuContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
+        ref: ref,
+        className: cn('left-0 top-0 w-full 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 md:absolute md:w-auto ', className),
+        ...props
+    }));
+NavigationMenuContent.displayName = Content.displayName;
+const NavigationMenuLink = Link;
+const NavigationMenuViewport = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        className: cn('absolute left-0 top-full flex justify-center'),
+        children: /*#__PURE__*/ jsx(Viewport, {
+            className: cn('origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]', className),
+            ref: ref,
+            ...props
+        })
+    }));
+NavigationMenuViewport.displayName = Viewport.displayName;
+const NavigationMenuIndicator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Indicator, {
+        ref: ref,
+        className: cn('top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in', className),
+        ...props,
+        children: /*#__PURE__*/ jsx("div", {
+            className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"
+        })
+    }));
+NavigationMenuIndicator.displayName = Indicator.displayName;
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };