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

package/dist/components/ui/scroll-area.cjs

@@ -0,0 +1,67 @@
+'use client';
+"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__, {
+    ScrollBar: ()=>ScrollBar,
+    ScrollArea: ()=>ScrollArea
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_scroll_area_namespaceObject = require("@radix-ui/react-scroll-area");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const ScrollArea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_scroll_area_namespaceObject.Root, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('relative overflow-hidden', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Viewport, {
+                className: "h-full w-full rounded-[inherit]",
+                children: children
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ScrollBar, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.Corner, {})
+        ]
+    }));
+ScrollArea.displayName = react_scroll_area_namespaceObject.Root.displayName;
+const ScrollBar = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.ScrollAreaScrollbar, {
+        ref: ref,
+        orientation: orientation,
+        className: (0, index_cjs_namespaceObject.cn)('flex touch-none select-none transition-colors', 'vertical' === orientation && 'h-full w-2.5 border-l border-l-transparent p-[1px]', 'horizontal' === orientation && 'h-2.5 flex-col border-t border-t-transparent p-[1px]', className),
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.ScrollAreaThumb, {
+            className: "relative flex-1 rounded-full bg-border"
+        })
+    }));
+ScrollBar.displayName = react_scroll_area_namespaceObject.ScrollAreaScrollbar.displayName;
+exports.ScrollArea = __webpack_exports__.ScrollArea;
+exports.ScrollBar = __webpack_exports__.ScrollBar;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ScrollArea",
+    "ScrollBar"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as React from 'react';
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ScrollArea, ScrollBar };

package/dist/components/ui/scroll-area.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Corner, Root, ScrollAreaScrollbar, ScrollAreaThumb, Viewport } from "@radix-ui/react-scroll-area";
+import { forwardRef } from "react";
+import { cn } from "../../lib/index.js";
+const ScrollArea = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Root, {
+        ref: ref,
+        className: cn('relative overflow-hidden', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(Viewport, {
+                className: "h-full w-full rounded-[inherit]",
+                children: children
+            }),
+            /*#__PURE__*/ jsx(ScrollBar, {}),
+            /*#__PURE__*/ jsx(Corner, {})
+        ]
+    }));
+ScrollArea.displayName = Root.displayName;
+const ScrollBar = /*#__PURE__*/ forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ jsx(ScrollAreaScrollbar, {
+        ref: ref,
+        orientation: orientation,
+        className: cn('flex touch-none select-none transition-colors', 'vertical' === orientation && 'h-full w-2.5 border-l border-l-transparent p-[1px]', 'horizontal' === orientation && 'h-2.5 flex-col border-t border-t-transparent p-[1px]', className),
+        ...props,
+        children: /*#__PURE__*/ jsx(ScrollAreaThumb, {
+            className: "relative flex-1 rounded-full bg-border"
+        })
+    }));
+ScrollBar.displayName = ScrollAreaScrollbar.displayName;
+export { ScrollArea, ScrollBar };

package/dist/components/ui/search.cjs

@@ -0,0 +1,153 @@
+"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__, {
+    SearchWithSuggestions: ()=>SearchWithSuggestions,
+    Search: ()=>Search
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const external_command_cjs_namespaceObject = require("./command.cjs");
+const external_input_cjs_namespaceObject = require("./input.cjs");
+const external_popover_cjs_namespaceObject = require("./popover.cjs");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const Search = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, value, onChange, onClear, showClearButton = true, ...props }, ref)=>{
+    const handleClear = ()=>{
+        onChange?.('');
+        onClear?.();
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "relative",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
+                className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input, {
+                ref: ref,
+                type: "search",
+                className: (0, index_cjs_namespaceObject.cn)('pl-8 pr-8', className),
+                value: value,
+                onChange: (e)=>onChange?.(e.target.value),
+                ...props
+            }),
+            showClearButton && value && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: "absolute right-0 top-0 h-full w-8 px-0 hover:bg-transparent",
+                onClick: handleClear,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                        className: "h-4 w-4"
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "sr-only",
+                        children: "Clear"
+                    })
+                ]
+            })
+        ]
+    });
+});
+Search.displayName = 'Search';
+const SearchWithSuggestions = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ value, onChange, placeholder = 'Search...', suggestions = [], onSelect, emptyMessage = 'No results found.', className }, ref)=>{
+    const [open, setOpen] = external_react_namespaceObject.useState(false);
+    const [searchValue, setSearchValue] = external_react_namespaceObject.useState(value || '');
+    external_react_namespaceObject.useEffect(()=>{
+        if (void 0 !== value) setSearchValue(value);
+    }, [
+        value
+    ]);
+    const filteredSuggestions = suggestions.filter((suggestion)=>suggestion.toLowerCase().includes(searchValue.toLowerCase()));
+    const handleSelect = (selectedValue)=>{
+        setSearchValue(selectedValue);
+        onChange?.(selectedValue);
+        onSelect?.(selectedValue);
+        setOpen(false);
+    };
+    const handleInputChange = (newValue)=>{
+        setSearchValue(newValue);
+        onChange?.(newValue);
+        setOpen(newValue.length > 0);
+    };
+    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 && filteredSuggestions.length > 0,
+            onOpenChange: setOpen,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
+                    asChild: true,
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Search, {
+                            value: searchValue,
+                            onChange: handleInputChange,
+                            onClear: ()=>{
+                                setSearchValue('');
+                                onChange?.('');
+                                setOpen(false);
+                            },
+                            placeholder: placeholder
+                        })
+                    })
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent, {
+                    className: "w-[--radix-popover-trigger-width] p-0",
+                    align: "start",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.Command, {
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandList, {
+                            children: 0 === filteredSuggestions.length ? /*#__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: filteredSuggestions.map((suggestion)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem, {
+                                        onSelect: ()=>handleSelect(suggestion),
+                                        children: [
+                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
+                                                className: "mr-2 h-4 w-4"
+                                            }),
+                                            suggestion
+                                        ]
+                                    }, suggestion))
+                            })
+                        })
+                    })
+                })
+            ]
+        })
+    });
+});
+SearchWithSuggestions.displayName = 'SearchWithSuggestions';
+exports.Search = __webpack_exports__.Search;
+exports.SearchWithSuggestions = __webpack_exports__.SearchWithSuggestions;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Search",
+    "SearchWithSuggestions"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/search.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface SearchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    value?: string;
+    onChange?: (value: string) => void;
+    onClear?: () => void;
+    showClearButton?: boolean;
+}
+declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLInputElement>>;
+export interface SearchWithSuggestionsProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    suggestions?: string[];
+    onSelect?: (value: string) => void;
+    emptyMessage?: string;
+    className?: string;
+}
+declare const SearchWithSuggestions: React.ForwardRefExoticComponent<SearchWithSuggestionsProps & React.RefAttributes<HTMLDivElement>>;
+export { Search, SearchWithSuggestions };

package/dist/components/ui/search.js

@@ -0,0 +1,116 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search, X } from "lucide-react";
+import { forwardRef, useEffect, useState } from "react";
+import { Button } from "./button.js";
+import { Command, CommandEmpty, CommandGroup, CommandItem, CommandList } from "./command.js";
+import { Input } from "./input.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
+import { cn } from "../../lib/index.js";
+const search_Search = /*#__PURE__*/ forwardRef(({ className, value, onChange, onClear, showClearButton = true, ...props }, ref)=>{
+    const handleClear = ()=>{
+        onChange?.('');
+        onClear?.();
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "relative",
+        children: [
+            /*#__PURE__*/ jsx(Search, {
+                className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground"
+            }),
+            /*#__PURE__*/ jsx(Input, {
+                ref: ref,
+                type: "search",
+                className: cn('pl-8 pr-8', className),
+                value: value,
+                onChange: (e)=>onChange?.(e.target.value),
+                ...props
+            }),
+            showClearButton && value && /*#__PURE__*/ jsxs(Button, {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: "absolute right-0 top-0 h-full w-8 px-0 hover:bg-transparent",
+                onClick: handleClear,
+                children: [
+                    /*#__PURE__*/ jsx(X, {
+                        className: "h-4 w-4"
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "sr-only",
+                        children: "Clear"
+                    })
+                ]
+            })
+        ]
+    });
+});
+search_Search.displayName = 'Search';
+const SearchWithSuggestions = /*#__PURE__*/ forwardRef(({ value, onChange, placeholder = 'Search...', suggestions = [], onSelect, emptyMessage = 'No results found.', className }, ref)=>{
+    const [open, setOpen] = useState(false);
+    const [searchValue, setSearchValue] = useState(value || '');
+    useEffect(()=>{
+        if (void 0 !== value) setSearchValue(value);
+    }, [
+        value
+    ]);
+    const filteredSuggestions = suggestions.filter((suggestion)=>suggestion.toLowerCase().includes(searchValue.toLowerCase()));
+    const handleSelect = (selectedValue)=>{
+        setSearchValue(selectedValue);
+        onChange?.(selectedValue);
+        onSelect?.(selectedValue);
+        setOpen(false);
+    };
+    const handleInputChange = (newValue)=>{
+        setSearchValue(newValue);
+        onChange?.(newValue);
+        setOpen(newValue.length > 0);
+    };
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: cn('relative', className),
+        children: /*#__PURE__*/ jsxs(Popover, {
+            open: open && filteredSuggestions.length > 0,
+            onOpenChange: setOpen,
+            children: [
+                /*#__PURE__*/ jsx(PopoverTrigger, {
+                    asChild: true,
+                    children: /*#__PURE__*/ jsx("div", {
+                        children: /*#__PURE__*/ jsx(search_Search, {
+                            value: searchValue,
+                            onChange: handleInputChange,
+                            onClear: ()=>{
+                                setSearchValue('');
+                                onChange?.('');
+                                setOpen(false);
+                            },
+                            placeholder: placeholder
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsx(PopoverContent, {
+                    className: "w-[--radix-popover-trigger-width] p-0",
+                    align: "start",
+                    children: /*#__PURE__*/ jsx(Command, {
+                        children: /*#__PURE__*/ jsx(CommandList, {
+                            children: 0 === filteredSuggestions.length ? /*#__PURE__*/ jsx(CommandEmpty, {
+                                children: emptyMessage
+                            }) : /*#__PURE__*/ jsx(CommandGroup, {
+                                children: filteredSuggestions.map((suggestion)=>/*#__PURE__*/ jsxs(CommandItem, {
+                                        onSelect: ()=>handleSelect(suggestion),
+                                        children: [
+                                            /*#__PURE__*/ jsx(Search, {
+                                                className: "mr-2 h-4 w-4"
+                                            }),
+                                            suggestion
+                                        ]
+                                    }, suggestion))
+                            })
+                        })
+                    })
+                })
+            ]
+        })
+    });
+});
+SearchWithSuggestions.displayName = 'SearchWithSuggestions';
+export { search_Search as Search, SearchWithSuggestions };

package/dist/components/ui/select.cjs

@@ -0,0 +1,151 @@
+"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__, {
+    SelectItem: ()=>SelectItem,
+    SelectGroup: ()=>SelectGroup,
+    SelectLabel: ()=>SelectLabel,
+    SelectContent: ()=>SelectContent,
+    Select: ()=>Select,
+    SelectSeparator: ()=>SelectSeparator,
+    SelectTrigger: ()=>SelectTrigger,
+    SelectScrollUpButton: ()=>SelectScrollUpButton,
+    SelectScrollDownButton: ()=>SelectScrollDownButton,
+    SelectValue: ()=>SelectValue
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_select_namespaceObject = require("@radix-ui/react-select");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const Select = react_select_namespaceObject.Root;
+const SelectGroup = react_select_namespaceObject.Group;
+const SelectValue = react_select_namespaceObject.Value;
+const SelectTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Trigger, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1', className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Icon, {
+                asChild: true,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+                    className: "h-4 w-4 opacity-50"
+                })
+            })
+        ]
+    }));
+SelectTrigger.displayName = react_select_namespaceObject.Trigger.displayName;
+const SelectScrollUpButton = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ScrollUpButton, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('flex cursor-default items-center justify-center py-1', className),
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronUp, {
+            className: "h-4 w-4"
+        })
+    }));
+SelectScrollUpButton.displayName = react_select_namespaceObject.ScrollUpButton.displayName;
+const SelectScrollDownButton = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ScrollDownButton, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('flex cursor-default items-center justify-center py-1', className),
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+            className: "h-4 w-4"
+        })
+    }));
+SelectScrollDownButton.displayName = react_select_namespaceObject.ScrollDownButton.displayName;
+const SelectContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, position = 'popper', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Portal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Content, {
+            ref: ref,
+            className: (0, index_cjs_namespaceObject.cn)('relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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-select-content-transform-origin]', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
+            position: position,
+            ...props,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SelectScrollUpButton, {}),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Viewport, {
+                    className: (0, index_cjs_namespaceObject.cn)('p-1', 'popper' === position && 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'),
+                    children: children
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SelectScrollDownButton, {})
+            ]
+        })
+    }));
+SelectContent.displayName = react_select_namespaceObject.Content.displayName;
+const SelectLabel = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Label, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('py-1.5 pl-8 pr-2 text-sm font-semibold', className),
+        ...props
+    }));
+SelectLabel.displayName = react_select_namespaceObject.Label.displayName;
+const SelectItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Item, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ItemIndicator, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
+                        className: "h-4 w-4"
+                    })
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ItemText, {
+                children: children
+            })
+        ]
+    }));
+SelectItem.displayName = react_select_namespaceObject.Item.displayName;
+const SelectSeparator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Separator, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('-mx-1 my-1 h-px bg-muted', className),
+        ...props
+    }));
+SelectSeparator.displayName = react_select_namespaceObject.Separator.displayName;
+exports.Select = __webpack_exports__.Select;
+exports.SelectContent = __webpack_exports__.SelectContent;
+exports.SelectGroup = __webpack_exports__.SelectGroup;
+exports.SelectItem = __webpack_exports__.SelectItem;
+exports.SelectLabel = __webpack_exports__.SelectLabel;
+exports.SelectScrollDownButton = __webpack_exports__.SelectScrollDownButton;
+exports.SelectScrollUpButton = __webpack_exports__.SelectScrollUpButton;
+exports.SelectSeparator = __webpack_exports__.SelectSeparator;
+exports.SelectTrigger = __webpack_exports__.SelectTrigger;
+exports.SelectValue = __webpack_exports__.SelectValue;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Select",
+    "SelectContent",
+    "SelectGroup",
+    "SelectItem",
+    "SelectLabel",
+    "SelectScrollDownButton",
+    "SelectScrollUpButton",
+    "SelectSeparator",
+    "SelectTrigger",
+    "SelectValue"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,13 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as React from 'react';
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/components/ui/select.js

@@ -0,0 +1,90 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Content, Group, Icon, Item, ItemIndicator, ItemText, Label, Portal, Root, ScrollDownButton, ScrollUpButton, Separator, Trigger, Value, Viewport } from "@radix-ui/react-select";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import { forwardRef } from "react";
+import { cn } from "../../lib/index.js";
+const Select = Root;
+const SelectGroup = Group;
+const SelectValue = Value;
+const SelectTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Trigger, {
+        ref: ref,
+        className: cn('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1', className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(Icon, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx(ChevronDown, {
+                    className: "h-4 w-4 opacity-50"
+                })
+            })
+        ]
+    }));
+SelectTrigger.displayName = Trigger.displayName;
+const SelectScrollUpButton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollUpButton, {
+        ref: ref,
+        className: cn('flex cursor-default items-center justify-center py-1', className),
+        ...props,
+        children: /*#__PURE__*/ jsx(ChevronUp, {
+            className: "h-4 w-4"
+        })
+    }));
+SelectScrollUpButton.displayName = ScrollUpButton.displayName;
+const SelectScrollDownButton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollDownButton, {
+        ref: ref,
+        className: cn('flex cursor-default items-center justify-center py-1', className),
+        ...props,
+        children: /*#__PURE__*/ jsx(ChevronDown, {
+            className: "h-4 w-4"
+        })
+    }));
+SelectScrollDownButton.displayName = ScrollDownButton.displayName;
+const SelectContent = /*#__PURE__*/ forwardRef(({ className, children, position = 'popper', ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsxs(Content, {
+            ref: ref,
+            className: cn('relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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-select-content-transform-origin]', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
+            position: position,
+            ...props,
+            children: [
+                /*#__PURE__*/ jsx(SelectScrollUpButton, {}),
+                /*#__PURE__*/ jsx(Viewport, {
+                    className: cn('p-1', 'popper' === position && 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'),
+                    children: children
+                }),
+                /*#__PURE__*/ jsx(SelectScrollDownButton, {})
+            ]
+        })
+    }));
+SelectContent.displayName = Content.displayName;
+const SelectLabel = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Label, {
+        ref: ref,
+        className: cn('py-1.5 pl-8 pr-2 text-sm font-semibold', className),
+        ...props
+    }));
+SelectLabel.displayName = Label.displayName;
+const SelectItem = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Item, {
+        ref: ref,
+        className: cn('relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(Check, {
+                        className: "h-4 w-4"
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(ItemText, {
+                children: children
+            })
+        ]
+    }));
+SelectItem.displayName = Item.displayName;
+const SelectSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
+        ref: ref,
+        className: cn('-mx-1 my-1 h-px bg-muted', className),
+        ...props
+    }));
+SelectSeparator.displayName = Separator.displayName;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };