@blueshift-gg/ui-components 0.1.50 → 0.1.52

package/dist/Dropdown.cjs

@@ -0,0 +1,404 @@
+"use client";
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_Icon = require('./Icon.cjs');
+const require_CrossHair = require('./CrossHair.cjs');
+const require_utils_easings = require('./utils/easings.cjs');
+const require_Button = require('./Button.cjs');
+const require_Checkbox = require('./Checkbox.cjs');
+const require_Divider = require('./Divider.cjs');
+let motion_react = require("motion/react");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let usehooks_ts = require("usehooks-ts");
+
+//#region src/Dropdown.tsx
+const useMousePosition = () => {
+	const [mousePosition, setMousePosition] = (0, react.useState)([0, 0]);
+	const updateMousePosition = (0, react.useCallback)((ev) => {
+		setMousePosition([ev.clientX, ev.clientY]);
+	}, []);
+	(0, react.useEffect)(() => {
+		const throttledUpdate = (ev) => {
+			requestAnimationFrame(() => updateMousePosition(ev));
+		};
+		window.addEventListener("mousemove", throttledUpdate);
+		return () => window.removeEventListener("mousemove", throttledUpdate);
+	}, [updateMousePosition]);
+	return mousePosition;
+};
+const MouseSafeArea = ({ parentRef, submenuRef, onEnter, onLeave, debug = false }) => {
+	const { x = 0, y = 0, height: h = 0, width: w = 0 } = submenuRef.current?.getBoundingClientRect() || {};
+	const [mouseX, mouseY] = useMousePosition();
+	const positions = {
+		x,
+		y,
+		h,
+		w,
+		mouseX,
+		mouseY
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		style: {
+			position: "absolute",
+			left: getLeft(positions),
+			right: getRight(positions),
+			top: 0,
+			width: getWidth(positions),
+			height: h,
+			clipPath: getClipPath(positions),
+			pointerEvents: "auto",
+			zIndex: 9999,
+			backgroundColor: debug ? "rgba(0, 179, 179, 0.25)" : "transparent"
+		},
+		onMouseEnter: onEnter,
+		onMouseLeave: onLeave
+	});
+};
+const getLeft = ({ x, mouseX }) => mouseX > x ? void 0 : -Math.max(x - mouseX, 10) + "px";
+const getRight = ({ x, w, mouseX }) => mouseX > x ? -Math.max(mouseX - (x + w), 10) + "px" : void 0;
+const getWidth = ({ x, w, mouseX }) => mouseX > x ? Math.max(mouseX - (x + w), 10) + "px" : Math.max(x - mouseX, 10) + "px";
+const getClipPath = ({ x, y, h, mouseX, mouseY }) => mouseX < x ? `polygon(100% 0%, 0% ${100 * (mouseY - y) / h}%, 100% 100%)` : `polygon(0% 0%, 0% 100%, 100% ${100 * (mouseY - y) / h}%)`;
+const DropdownMenu = ({ items, selectedItem, handleChange, multiple = false, menuClassName, size = "md", isOpen, onItemClick, isScrollable = false, animationOrigin = "top-left", search, onClearSearch, showSelectAll = true, showSafeTriangle = false, subMenuClassName }) => {
+	const [isAtBottom, setIsAtBottom] = (0, react.useState)(false);
+	const scrollContainerRef = (0, react.useRef)(null);
+	const filteredItems = (() => {
+		if (search) return items.filter((item) => item.label.toLowerCase().includes(search.toLowerCase()));
+		return items;
+	})();
+	const handleScroll = (0, react.useCallback)(() => {
+		const container = scrollContainerRef.current;
+		if (!container) return;
+		const { scrollTop, scrollHeight, clientHeight } = container;
+		setIsAtBottom(scrollTop + clientHeight >= scrollHeight - 5);
+	}, []);
+	(0, react.useEffect)(() => {
+		if (isOpen) setIsAtBottom(false);
+	}, [isOpen, filteredItems.length]);
+	(0, react.useEffect)(() => {
+		const container = scrollContainerRef.current;
+		if (!container || !isOpen) return;
+		const { scrollHeight, clientHeight } = container;
+		if (!(scrollHeight > clientHeight)) setIsAtBottom(true);
+	}, [isOpen, filteredItems.length]);
+	const isItemSelected = (value) => {
+		if (multiple) return Array.isArray(selectedItem) && selectedItem.length > 0 && selectedItem.includes(value);
+		return !!selectedItem && selectedItem === value;
+	};
+	const flattenSelectable = (options) => {
+		const out = [];
+		const walk = (nodes) => {
+			nodes.forEach((n) => {
+				if (n.children && n.children.length > 0) walk(n.children);
+				else out.push(n);
+			});
+		};
+		walk(options);
+		return out;
+	};
+	const handleItemClick = (value) => {
+		if (multiple) {
+			const currentSelection = Array.isArray(selectedItem) ? selectedItem : [];
+			if (isAllSelected()) handleChange([value]);
+			else if (currentSelection.includes(value)) handleChange(currentSelection.filter((item) => item !== value));
+			else handleChange([...currentSelection, value]);
+		} else {
+			if (selectedItem === value) handleChange(void 0);
+			else handleChange(value);
+			onItemClick?.(value);
+		}
+	};
+	const handleSelectAll = () => {
+		const currentSelection = Array.isArray(selectedItem) ? selectedItem : [];
+		const allValues = flattenSelectable(filteredItems).filter((item) => !item.disabled).map((item) => item.value);
+		if (currentSelection.length === allValues.length) handleChange([]);
+		else handleChange(allValues);
+	};
+	const isAllSelected = () => {
+		if (!Array.isArray(selectedItem) || selectedItem.length === 0) return false;
+		const selectableItems = flattenSelectable(filteredItems).filter((item) => !item.disabled);
+		return selectableItems.length > 0 && selectedItem.length === selectableItems.length && selectableItems.every((item) => selectedItem.includes(item.value));
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.AnimatePresence, { children: isOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+		initial: {
+			opacity: 0,
+			scale: .8,
+			y: -15
+		},
+		animate: {
+			opacity: 1,
+			scale: 1,
+			y: 0
+		},
+		transition: {
+			duration: .1,
+			ease: require_utils_easings.swift
+		},
+		exit: {
+			opacity: 0,
+			scale: .8,
+			y: -5
+		},
+		className: (0, classnames.default)("z-50 absolute top-[calc(100%+6px)] p-1 bg-card-foreground border border-border-light", (size === "lg" || size === "md") && "min-w-[200px]", animationOrigin === "top-left" && "origin-top-left", animationOrigin === "top-center" && "origin-top-center", animationOrigin === "top-right" && "origin-top-right", menuClassName),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			ref: scrollContainerRef,
+			onScroll: handleScroll,
+			className: (0, classnames.default)("flex flex-col gap-y-1", isScrollable && ["max-h-[250px] overflow-y-auto", !isAtBottom && "[mask-image:linear-gradient(180deg,black,black_85%,transparent_100%)]"]),
+			children: [multiple && showSelectAll && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "group flex flex-col gap-y-1",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					onClick: handleSelectAll,
+					className: (0, classnames.default)("py-3 pl-2.5 pr-3 flex items-center gap-x-2.5 outline-none bg-transparent transition-colors duration-100 ease-crisp hover:bg-border-light/50"),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Checkbox.Checkbox, { checked: isAllSelected() }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-sm text-shade-primary font-medium",
+						children: "Select All"
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Divider.Divider, { direction: "horizontal" })]
+			}), filteredItems.length > 0 ? filteredItems.map((item) => item.children && item.children.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownSubmenuItem, {
+				item,
+				size,
+				onLeafClick: handleItemClick,
+				isLeafSelected: isItemSelected
+			}, item.value) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownItem, {
+				label: item.label,
+				icon: item.icon,
+				onClick: () => handleItemClick(item.value),
+				disabled: item.disabled,
+				isSelected: isItemSelected(item.value),
+				size
+			}, item.value)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				onClick: () => {
+					if (onClearSearch) onClearSearch();
+				},
+				className: "py-3 pl-2.5 pr-3 text-sm font-mono text-shade-tertiary hover:bg-border-light/50 transition-colors duration-100 ease-crisp w-full text-center",
+				children: "No options found"
+			})]
+		})
+	}) });
+};
+const Dropdown = ({ className, items, selectedItem, handleChange, label = "View All", multiSelectLabel, disabled, buttonClassName, menuClassName, multiple = false, menuIcon, size = "md", isScrollable = false, search, onClearSearch, showSelectAll, showClear = true, subMenuClassName, showSelectedItem = true }) => {
+	const [isOpen, setIsOpen] = (0, react.useState)(false);
+	const handleItemClick = (value) => {
+		if (!multiple) {
+			if (selectedItem === value) handleChange(void 0);
+			else handleChange(value);
+			setIsOpen(false);
+		}
+	};
+	const ref = (0, react.useRef)(null);
+	const handleClickOutside = () => {
+		setIsOpen(false);
+	};
+	(0, usehooks_ts.useOnClickOutside)(ref, handleClickOutside);
+	const getSelectedItems = () => {
+		const flatten = (options) => {
+			const out = [];
+			const walk = (nodes) => {
+				nodes.forEach((n) => {
+					if (n.children && n.children.length > 0) walk(n.children);
+					else out.push(n);
+				});
+			};
+			walk(options);
+			return out;
+		};
+		const leaves = flatten(items);
+		if (multiple) {
+			const selectedValues = Array.isArray(selectedItem) ? selectedItem : [];
+			return leaves.filter((item) => selectedValues.includes(item.value));
+		}
+		const selected = leaves.find((item) => item.value === selectedItem);
+		return selected ? [selected] : [];
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: (0, classnames.default)("relative flex flex-col gap-y-1.5 items-start", className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownButton, {
+			label,
+			multiSelectLabel,
+			disabled,
+			className: buttonClassName,
+			onClick: () => setIsOpen(!isOpen),
+			selectedItems: getSelectedItems(),
+			multiple,
+			count: getSelectedItems().length,
+			menuIcon,
+			size,
+			onClear: () => handleChange(multiple ? [] : void 0),
+			showClear,
+			showSelectedItem
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenu, {
+			items,
+			selectedItem,
+			handleChange,
+			multiple,
+			menuClassName,
+			size,
+			isOpen,
+			onItemClick: handleItemClick,
+			isScrollable,
+			search,
+			onClearSearch,
+			showSelectAll,
+			subMenuClassName
+		})]
+	});
+};
+const DropdownButton = ({ label, multiSelectLabel, disabled, className, onClick, selectedItems = [], multiple = false, count = 0, menuIcon, size, onClear, showClear, showSelectedItem }) => {
+	const [isHovered, setIsHovered] = (0, react.useState)(false);
+	const hasSelection = selectedItems.length > 0;
+	const isSingleSelection = selectedItems.length === 1;
+	const isMultipleSelection = selectedItems.length > 1;
+	let buttonIcon;
+	let buttonLabel;
+	if (hasSelection && isSingleSelection) {
+		const selectedItem = selectedItems[0];
+		buttonIcon = selectedItem.icon ? (0, react.isValidElement)(selectedItem.icon) ? selectedItem.icon : {
+			name: selectedItem.icon.name,
+			className: selectedItem.icon.className || "",
+			size: selectedItem.icon.size || 18
+		} : menuIcon;
+		buttonLabel = typeof label === "function" ? label(selectedItem.label) : selectedItem.label;
+	} else if (isMultipleSelection && multiple && multiSelectLabel) {
+		buttonIcon = menuIcon ? (0, react.isValidElement)(menuIcon) ? menuIcon : {
+			name: menuIcon.name,
+			className: menuIcon.className || "",
+			size: menuIcon.size || 18
+		} : void 0;
+		buttonLabel = `${count} ${multiSelectLabel}`;
+	} else {
+		buttonIcon = menuIcon;
+		buttonLabel = typeof label === "function" ? label("") : label;
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+		icon: buttonIcon,
+		label: showSelectedItem ? buttonLabel : void 0,
+		disabled,
+		size,
+		variant: "secondary",
+		className: (0, classnames.default)("!origin-bottom-left !justify-start w-full", (size === "md" || size === "lg") && "!pr-[18px] !pl-[12px]", size === "sm" && "!pr-4 !pl-3", showClear && "!pr-[48px]", className),
+		useDecryptAnimation: false,
+		useHoverEffect: false,
+		crosshairProps: {
+			variant: "corners",
+			corners: ["bottom-right"],
+			spacingX: !isHovered ? -6 : -4,
+			spacingY: !isHovered ? -6 : -4,
+			animationDuration: .5,
+			animationDelay: 0,
+			className: "text-shade-mute group-hover:text-shade-primary"
+		},
+		onClick,
+		onMouseEnter: () => setIsHovered(true),
+		onMouseLeave: () => setIsHovered(false),
+		children: hasSelection && showClear && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "order-last top-1/2 -translate-y-1/2 right-2 absolute h-[24px] w-[24px] flex items-center justify-center hover:bg-background/40 transition duration-100 ease-crisp cursor-pointer",
+			onClick: (e) => {
+				e.stopPropagation();
+				onClear?.();
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				name: "Close",
+				size: 12
+			})
+		})
+	});
+};
+const DropdownItem = ({ label, icon, onClick, disabled, isSelected = false, size }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		onClick,
+		disabled,
+		className: (0, classnames.default)("hover:bg-border-light/50 relative group/item disabled:opacity-40 flex items-center gap-x-2.5 outline-none transition-colors duration-100 ease-crisp", size === "lg" && "py-4 pl-3 pr-3 text-base", size === "md" && "py-3 pl-2.5 pr-3 text-sm", size === "sm" && "py-2 pl-2.5 pr-3 h-[36px] text-sm", isSelected && "bg-background/50"),
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "opacity-0 group-hover/item:!opacity-100 absolute inset-0.5",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CrossHair.CrosshairCorners, {
+					size: 6,
+					variant: "corners",
+					corners: ["bottom-right"],
+					className: "text-shade-mute",
+					animationDelay: 0,
+					animationDuration: .5
+				})
+			}),
+			icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react.isValidElement)(icon) ? icon : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				name: icon.name,
+				className: (0, classnames.default)("flex-shrink-0", icon.className),
+				size: icon.size || 18
+			}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: (0, classnames.default)(" text-shade-primary font-medium leading-[100%]"),
+				children: label
+			})
+		]
+	});
+};
+const DropdownSubmenuItem = ({ item, size = "md", subMenuClassName, onLeafClick, isLeafSelected }) => {
+	const parentRef = (0, react.useRef)(null);
+	const submenuRef = (0, react.useRef)(null);
+	const [hoverParent, setHoverParent] = (0, react.useState)(false);
+	const [hoverSubmenu, setHoverSubmenu] = (0, react.useState)(false);
+	const [hoverSafe, setHoverSafe] = (0, react.useState)(false);
+	const open = hoverParent || hoverSubmenu || hoverSafe;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref: parentRef,
+		className: (0, classnames.default)("relative", subMenuClassName),
+		onMouseEnter: () => setHoverParent(true),
+		onMouseLeave: () => setHoverParent(false),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			className: (0, classnames.default)("hover:bg-border-light/50 relative h-max group/item disabled:opacity-40 flex items-center justify-between gap-x-2.5 w-full outline-none transition-colors duration-100 ease-crisp", size === "lg" && "py-4 pl-3 pr-3 text-base", size === "md" && "py-3 pl-2.5 pr-3 text-sm", size === "sm" && "py-2 pl-2.5 pr-3 !h-[36px] text-sm", open && "bg-border-light/50"),
+			disabled: item.disabled,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "flex items-center gap-x-2.5",
+				children: [item.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react.isValidElement)(item.icon) ? item.icon : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+					name: item.icon.name,
+					className: (0, classnames.default)("flex-shrink-0", item.icon.className),
+					size: item.icon.size || 18
+				}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-shade-primary font-medium leading-[100%]",
+					children: item.label
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				name: "ChevronRight",
+				size: 12,
+				className: "text-shade-tertiary"
+			})]
+		}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			ref: submenuRef,
+			onMouseEnter: () => setHoverSubmenu(true),
+			onMouseLeave: () => setHoverSubmenu(false),
+			className: (0, classnames.default)("z-[60] !absolute top-0 left-[calc(100%+6px)] p-1 bg-card-foreground gradient-border before:bg-card-border min-w-[180px]"),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MouseSafeArea, {
+				parentRef,
+				submenuRef,
+				onEnter: () => setHoverSafe(true),
+				onLeave: () => setHoverSafe(false)
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex flex-col gap-y-1",
+				children: (item.children || []).map((child) => child.children && child.children.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownSubmenuItem, {
+					item: child,
+					size,
+					onLeafClick,
+					isLeafSelected
+				}, child.value) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownItem, {
+					label: child.label,
+					icon: child.icon,
+					onClick: () => onLeafClick(child.value),
+					disabled: child.disabled,
+					isSelected: isLeafSelected(child.value),
+					size
+				}, child.value))
+			})]
+		})]
+	});
+};
+
+//#endregion
+exports.Dropdown = Dropdown;
+exports.DropdownButton = DropdownButton;
+exports.DropdownItem = DropdownItem;
+exports.DropdownMenu = DropdownMenu;
+//# sourceMappingURL=Dropdown.cjs.map

package/dist/Dropdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.cjs","names":["out: DropdownOption[]","AnimatePresence","motion","swift","Checkbox","Divider","buttonIcon: ButtonProps[\"icon\"] | undefined","buttonLabel: string","Button","Icon","CrosshairCorners"],"sources":["../src/Dropdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button, ButtonProps } from \"./Button\";\nimport { useRef, useState, useEffect, useCallback } from \"react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { swift } from \"./utils/easings\";\nimport { Checkbox } from \"./Checkbox\";\nimport { Divider } from \"./Divider\";\nimport { Icon, type IconProps } from \"./Icon\";\nimport { useOnClickOutside } from \"usehooks-ts\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { isValidElement, ReactNode } from \"react\";\n\nexport type DropdownOption = {\n  label: string;\n  icon?: IconProps | ReactNode;\n  value: string;\n  disabled?: boolean;\n  children?: DropdownOption[];\n};\n\nexport type DropdownProps = {\n  className?: string;\n  items: DropdownOption[];\n  selectedItem?: string | string[] | undefined;\n  handleChange: (item: string | string[] | undefined) => void;\n  multiple?: boolean;\n  disabled?: boolean;\n  label: string | ((selectedLabel: string) => string);\n  multiSelectLabel?: string;\n  buttonClassName?: string;\n  menuClassName?: string;\n  subMenuClassName?: string;\n  menuIcon?: IconProps | ReactNode;\n  size?: \"sm\" | \"md\" | \"lg\";\n  isScrollable?: boolean;\n  animationOrigin?: \"top-left\" | \"top-center\" | \"top-right\";\n  search?: string;\n  onClearSearch?: () => void;\n  showSelectAll?: boolean;\n  showClear?: boolean;\n  showSelectedItem?: boolean;\n};\n\nexport type DropdownButtonProps = {\n  label: string | ((selectedLabel: string) => string);\n  multiSelectLabel?: string;\n  disabled?: boolean;\n  className?: string;\n  onClick: () => void;\n  buttonClassName?: string;\n  selectedItems?: DropdownProps[\"items\"];\n  multiple?: boolean;\n  count?: number;\n  menuIcon?: IconProps | ReactNode;\n  size?: \"sm\" | \"md\" | \"lg\";\n  onClear?: () => void;\n  showSelectedItem?: boolean;\n  showClear?: boolean;\n};\n\nexport type DropdownItemProps = {\n  label: string;\n  icon?: IconProps | ReactNode;\n  onClick: () => void;\n  disabled?: boolean;\n  isSelected?: boolean;\n  size?: \"sm\" | \"md\" | \"lg\";\n};\n\nexport type DropdownMenuProps = {\n  items: DropdownOption[];\n  selectedItem?: string | string[] | undefined;\n  handleChange: (item: string | string[] | undefined) => void;\n  multiple?: boolean;\n  menuClassName?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  isOpen: boolean;\n  onItemClick?: (value: string) => void;\n  isScrollable?: boolean;\n  animationOrigin?: \"top-left\" | \"top-center\" | \"top-right\";\n  search?: string;\n  onClearSearch?: () => void;\n  showSelectAll?: boolean;\n  showSafeTriangle?: boolean;\n  subMenuClassName?: string;\n};\n\n// Track mouse position for SafeArea triangles\nconst useMousePosition = () => {\n  const [mousePosition, setMousePosition] = useState<[number, number]>([0, 0]);\n\n  const updateMousePosition = useCallback((ev: MouseEvent) => {\n    setMousePosition([ev.clientX, ev.clientY]);\n  }, []);\n\n  useEffect(() => {\n    const throttledUpdate = (ev: MouseEvent) => {\n      requestAnimationFrame(() => updateMousePosition(ev));\n    };\n\n    window.addEventListener(\"mousemove\", throttledUpdate);\n    return () => window.removeEventListener(\"mousemove\", throttledUpdate);\n  }, [updateMousePosition]);\n\n  return mousePosition;\n};\n\ntype MouseSafeAreaProps = {\n  submenuRef: React.RefObject<HTMLDivElement | null>;\n  parentRef: React.RefObject<HTMLDivElement | null>;\n  onEnter?: () => void;\n  onLeave?: () => void;\n  debug?: boolean;\n};\n\n// Component to cover the area between the mouse cursor and the sub-menu, to allow moving cursor to lower parts of sub-menu without the sub-menu disappearing.\nconst MouseSafeArea = ({\n  parentRef,\n  submenuRef,\n  onEnter,\n  onLeave,\n  debug = false,\n}: MouseSafeAreaProps) => {\n  const {\n    x = 0,\n    y = 0,\n    height: h = 0,\n    width: w = 0,\n  } = submenuRef.current?.getBoundingClientRect() || {};\n  const [mouseX, mouseY] = useMousePosition();\n  const positions = { x, y, h, w, mouseX, mouseY };\n\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        left: getLeft(positions),\n        right: getRight(positions),\n        top: 0,\n        width: getWidth(positions),\n        height: h,\n        clipPath: getClipPath(positions),\n        pointerEvents: \"auto\",\n        zIndex: 9999,\n        backgroundColor: debug ? \"rgba(0, 179, 179, 0.25)\" : \"transparent\",\n      }}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n    />\n  );\n};\n\ninterface Positions {\n  /* Sub-menu x */\n  x: number;\n  /* Sub-menu y */\n  y: number;\n  /* Sub-menu height */\n  h: number;\n  /* Sub-menu width */\n  w: number;\n  /* Mouse x */\n  mouseX: number;\n  /* Mouse y */\n  mouseY: number;\n}\n\nconst getLeft = ({ x, mouseX }: Positions) =>\n  mouseX > x ? undefined : -Math.max(x - mouseX, 10) + \"px\";\nconst getRight = ({ x, w, mouseX }: Positions) =>\n  mouseX > x ? -Math.max(mouseX - (x + w), 10) + \"px\" : undefined;\nconst getWidth = ({ x, w, mouseX }: Positions) =>\n  mouseX > x\n    ? Math.max(mouseX - (x + w), 10) + \"px\"\n    : Math.max(x - mouseX, 10) + \"px\";\nconst getClipPath = ({ x, y, h, mouseX, mouseY }: Positions) =>\n  mouseX < x\n    ? `polygon(100% 0%, 0% ${(100 * (mouseY - y)) / h}%, 100% 100%)`\n    : `polygon(0% 0%, 0% 100%, 100% ${(100 * (mouseY - y)) / h}%)`;\n\nexport const DropdownMenu = ({\n  items,\n  selectedItem,\n  handleChange,\n  multiple = false,\n  menuClassName,\n  size = \"md\",\n  isOpen,\n  onItemClick,\n  isScrollable = false,\n  animationOrigin = \"top-left\",\n  search,\n  onClearSearch,\n  showSelectAll = true,\n  showSafeTriangle = false,\n  subMenuClassName,\n}: DropdownMenuProps) => {\n  const [isAtBottom, setIsAtBottom] = useState(false);\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  // Filter items based on search term\n  const filteredItems = (() => {\n    // If search is provided, filter based on search\n    if (search) {\n      return items.filter((item) =>\n        item.label.toLowerCase().includes(search.toLowerCase()),\n      );\n    }\n\n    // Default: show all items\n    return items;\n  })();\n\n  // Handle scroll detection\n  const handleScroll = useCallback(() => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const { scrollTop, scrollHeight, clientHeight } = container;\n    const threshold = 5; // Small threshold to account for rounding\n    const isNearBottom = scrollTop + clientHeight >= scrollHeight - threshold;\n\n    setIsAtBottom(isNearBottom);\n  }, []);\n\n  // Reset scroll state when items change or menu opens\n  useEffect(() => {\n    if (isOpen) {\n      setIsAtBottom(false);\n    }\n  }, [isOpen, filteredItems.length]);\n\n  // Check if content is actually scrollable\n  useEffect(() => {\n    const container = scrollContainerRef.current;\n    if (!container || !isOpen) return;\n\n    const { scrollHeight, clientHeight } = container;\n    const hasScrollbar = scrollHeight > clientHeight;\n\n    // If no scrollbar (content fits), consider it \"at bottom\"\n    if (!hasScrollbar) {\n      setIsAtBottom(true);\n    }\n  }, [isOpen, filteredItems.length]);\n\n  // Helper to check if an item is selected\n  const isItemSelected = (value: string) => {\n    if (multiple) {\n      return (\n        Array.isArray(selectedItem) &&\n        selectedItem.length > 0 &&\n        selectedItem.includes(value)\n      );\n    }\n    return !!selectedItem && selectedItem === value;\n  };\n\n  const flattenSelectable = (options: DropdownOption[]): DropdownOption[] => {\n    const out: DropdownOption[] = [];\n    const walk = (nodes: DropdownOption[]) => {\n      nodes.forEach((n) => {\n        if (n.children && n.children.length > 0) {\n          walk(n.children);\n        } else {\n          out.push(n);\n        }\n      });\n    };\n    walk(options);\n    return out;\n  };\n\n  // Handle item selection\n  const handleItemClick = (value: string) => {\n    if (multiple) {\n      const currentSelection = Array.isArray(selectedItem) ? selectedItem : [];\n\n      // If all items are selected, clicking any item should deselect all others\n      if (isAllSelected()) {\n        handleChange([value]);\n      } else if (currentSelection.includes(value)) {\n        // Remove from selection\n        handleChange(currentSelection.filter((item) => item !== value));\n      } else {\n        // Add to selection\n        handleChange([...currentSelection, value]);\n      }\n    } else {\n      // Single select - if clicking the already selected item, deselect it\n      if (selectedItem === value) {\n        handleChange(undefined);\n      } else {\n        // Otherwise, select the new item\n        handleChange(value);\n      }\n      // Call the optional callback for single select\n      onItemClick?.(value);\n    }\n  };\n\n  // Handle select all\n  const handleSelectAll = () => {\n    const currentSelection = Array.isArray(selectedItem) ? selectedItem : [];\n    const allValues = flattenSelectable(filteredItems)\n      .filter((item) => !item.disabled)\n      .map((item) => item.value);\n\n    if (currentSelection.length === allValues.length) {\n      // Deselect all\n      handleChange([]);\n    } else {\n      // Select all\n      handleChange(allValues);\n    }\n  };\n\n  // Check if all items are selected\n  const isAllSelected = () => {\n    if (!Array.isArray(selectedItem) || selectedItem.length === 0) return false;\n    const selectableItems = flattenSelectable(filteredItems).filter(\n      (item) => !item.disabled,\n    );\n    return (\n      selectableItems.length > 0 &&\n      selectedItem.length === selectableItems.length &&\n      selectableItems.every((item) => selectedItem.includes(item.value))\n    );\n  };\n\n  return (\n    <AnimatePresence>\n      {isOpen && (\n        <motion.div\n          initial={{ opacity: 0, scale: 0.8, y: -15 }}\n          animate={{ opacity: 1, scale: 1, y: 0 }}\n          transition={{ duration: 0.1, ease: swift }}\n          exit={{ opacity: 0, scale: 0.8, y: -5 }}\n          className={classNames(\n            \"z-50 absolute top-[calc(100%+6px)] p-1 bg-card-foreground border border-border-light\",\n            (size === \"lg\" || size === \"md\") && \"min-w-[200px]\",\n            animationOrigin === \"top-left\" && \"origin-top-left\",\n            animationOrigin === \"top-center\" && \"origin-top-center\",\n            animationOrigin === \"top-right\" && \"origin-top-right\",\n            menuClassName,\n          )}\n        >\n          <div\n            ref={scrollContainerRef}\n            onScroll={handleScroll}\n            className={classNames(\n              \"flex flex-col gap-y-1\",\n              isScrollable && [\n                \"max-h-[250px] overflow-y-auto\",\n                !isAtBottom &&\n                  \"[mask-image:linear-gradient(180deg,black,black_85%,transparent_100%)]\",\n              ],\n            )}\n          >\n            {multiple && showSelectAll && (\n              <div className=\"group flex flex-col gap-y-1\">\n                <button\n                  onClick={handleSelectAll}\n                  className={classNames(\n                    \"py-3 pl-2.5 pr-3 flex items-center gap-x-2.5 outline-none bg-transparent transition-colors duration-100 ease-crisp hover:bg-border-light/50\",\n                  )}\n                >\n                  <Checkbox checked={isAllSelected()} />\n                  <span className=\"text-sm text-shade-primary font-medium\">\n                    Select All\n                  </span>\n                </button>\n                <Divider direction=\"horizontal\" />\n              </div>\n            )}\n            {filteredItems.length > 0 ? (\n              filteredItems.map((item) =>\n                item.children && item.children.length > 0 ? (\n                  <DropdownSubmenuItem\n                    key={item.value}\n                    item={item}\n                    size={size}\n                    onLeafClick={handleItemClick}\n                    isLeafSelected={isItemSelected}\n                  />\n                ) : (\n                  <DropdownItem\n                    key={item.value}\n                    label={item.label}\n                    icon={item.icon}\n                    onClick={() => handleItemClick(item.value)}\n                    disabled={item.disabled}\n                    isSelected={isItemSelected(item.value)}\n                    size={size}\n                  />\n                ),\n              )\n            ) : (\n              <button\n                onClick={() => {\n                  // Clear search by calling the onClearSearch callback\n                  if (onClearSearch) {\n                    onClearSearch();\n                  }\n                }}\n                className=\"py-3 pl-2.5 pr-3 text-sm font-mono text-shade-tertiary hover:bg-border-light/50 transition-colors duration-100 ease-crisp w-full text-center\"\n              >\n                No options found\n              </button>\n            )}\n          </div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n};\n\nexport const Dropdown = ({\n  className,\n  items,\n  selectedItem,\n  handleChange,\n  label = \"View All\",\n  multiSelectLabel,\n  disabled,\n  buttonClassName,\n  menuClassName,\n  multiple = false,\n  menuIcon,\n  size = \"md\",\n  isScrollable = false,\n  search,\n  onClearSearch,\n  showSelectAll,\n  showClear = true,\n  subMenuClassName,\n  showSelectedItem = true,\n}: DropdownProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Handle item selection for single select (closes menu)\n  const handleItemClick = (value: string) => {\n    if (!multiple) {\n      // Single select - if clicking the already selected item, deselect it\n      if (selectedItem === value) {\n        handleChange(undefined);\n      } else {\n        // Otherwise, select the new item\n        handleChange(value);\n      }\n      setIsOpen(false);\n    }\n  };\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const handleClickOutside = () => {\n    setIsOpen(false);\n  };\n\n  // Cast ref to RefObject<HTMLElement> to satisfy useOnClickOutside's expected type\n  useOnClickOutside(ref as React.RefObject<HTMLElement>, handleClickOutside);\n\n  // Get selected items for display in button\n  const getSelectedItems = () => {\n    const flatten = (options: DropdownOption[]): DropdownOption[] => {\n      const out: DropdownOption[] = [];\n      const walk = (nodes: DropdownOption[]) => {\n        nodes.forEach((n) => {\n          if (n.children && n.children.length > 0) {\n            walk(n.children);\n          } else {\n            out.push(n);\n          }\n        });\n      };\n      walk(options);\n      return out;\n    };\n\n    const leaves = flatten(items);\n    if (multiple) {\n      const selectedValues = Array.isArray(selectedItem) ? selectedItem : [];\n      return leaves.filter((item) => selectedValues.includes(item.value));\n    }\n    const selected = leaves.find((item) => item.value === selectedItem);\n    return selected ? [selected] : [];\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={classNames(\n        \"relative flex flex-col gap-y-1.5 items-start\",\n        className,\n      )}\n    >\n      <DropdownButton\n        label={label}\n        multiSelectLabel={multiSelectLabel}\n        disabled={disabled}\n        className={buttonClassName}\n        onClick={() => setIsOpen(!isOpen)}\n        selectedItems={getSelectedItems()}\n        multiple={multiple}\n        count={getSelectedItems().length}\n        menuIcon={menuIcon}\n        size={size}\n        onClear={() => handleChange(multiple ? [] : undefined)}\n        showClear={showClear}\n        showSelectedItem={showSelectedItem}\n      />\n\n      <DropdownMenu\n        items={items}\n        selectedItem={selectedItem}\n        handleChange={handleChange}\n        multiple={multiple}\n        menuClassName={menuClassName}\n        size={size}\n        isOpen={isOpen}\n        onItemClick={handleItemClick}\n        isScrollable={isScrollable}\n        search={search}\n        onClearSearch={onClearSearch}\n        showSelectAll={showSelectAll}\n        subMenuClassName={subMenuClassName}\n      />\n    </div>\n  );\n};\n\nexport const DropdownButton = ({\n  label,\n  multiSelectLabel,\n  disabled,\n  className,\n  onClick,\n  selectedItems = [],\n  multiple = false,\n  count = 0,\n  menuIcon,\n  size,\n  onClear,\n  showClear,\n  showSelectedItem,\n}: DropdownButtonProps) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  // Determine what to display\n  const hasSelection = selectedItems.length > 0;\n  const isSingleSelection = selectedItems.length === 1;\n  const isMultipleSelection = selectedItems.length > 1;\n\n  // Compute icon and label based on selection state\n  let buttonIcon: ButtonProps[\"icon\"] | undefined;\n  let buttonLabel: string;\n\n  if (hasSelection && isSingleSelection) {\n    // Single selection: show selected item's icon and label\n    const selectedItem = selectedItems[0];\n    buttonIcon = selectedItem.icon\n      ? isValidElement(selectedItem.icon)\n        ? selectedItem.icon\n        : {\n            name: (selectedItem.icon as IconProps).name,\n            className: (selectedItem.icon as IconProps).className || \"\",\n            size: (selectedItem.icon as IconProps).size || 18,\n          }\n      : menuIcon;\n    // If label is a function, call it with the selected item's label; otherwise use the selected item's label directly\n    buttonLabel =\n      typeof label === \"function\"\n        ? label(selectedItem.label)\n        : selectedItem.label;\n  } else if (isMultipleSelection && multiple && multiSelectLabel) {\n    // Multiple selections: show count and multiSelectLabel\n\n    buttonIcon = menuIcon\n      ? isValidElement(menuIcon)\n        ? menuIcon\n        : {\n            name: (menuIcon as IconProps).name,\n            className: (menuIcon as IconProps).className || \"\",\n            size: (menuIcon as IconProps).size || 18,\n          }\n      : undefined;\n    buttonLabel = `${count} ${multiSelectLabel}`;\n  } else {\n    // Default: no selection - use label as string\n    buttonIcon = menuIcon;\n    buttonLabel = typeof label === \"function\" ? label(\"\") : label;\n  }\n\n  return (\n    <Button\n      icon={buttonIcon}\n      label={showSelectedItem ? buttonLabel : undefined}\n      disabled={disabled}\n      size={size}\n      variant=\"secondary\"\n      className={classNames(\n        \"!origin-bottom-left !justify-start w-full\",\n        (size === \"md\" || size === \"lg\") && \"!pr-[18px] !pl-[12px]\",\n        size === \"sm\" && \"!pr-4 !pl-3\",\n        showClear && \"!pr-[48px]\",\n        className,\n      )}\n      useDecryptAnimation={false}\n      useHoverEffect={false}\n      crosshairProps={{\n        variant: \"corners\",\n        corners: [\"bottom-right\"],\n        spacingX: !isHovered ? -6 : -4,\n        spacingY: !isHovered ? -6 : -4,\n        animationDuration: 0.5,\n        animationDelay: 0,\n        className: \"text-shade-mute group-hover:text-shade-primary\",\n      }}\n      onClick={onClick}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      children={\n        hasSelection &&\n        showClear && (\n          <div\n            className=\"order-last top-1/2 -translate-y-1/2 right-2 absolute h-[24px] w-[24px] flex items-center justify-center hover:bg-background/40 transition duration-100 ease-crisp cursor-pointer\"\n            onClick={(e) => {\n              e.stopPropagation();\n              onClear?.();\n            }}\n          >\n            <Icon name=\"Close\" size={12} />\n          </div>\n        )\n      }\n    />\n  );\n};\n\nexport const DropdownItem = ({\n  label,\n  icon,\n  onClick,\n  disabled,\n  isSelected = false,\n  size,\n}: DropdownItemProps) => {\n  return (\n    <button\n      onClick={onClick}\n      disabled={disabled}\n      className={classNames(\n        \"hover:bg-border-light/50 relative group/item disabled:opacity-40 flex items-center gap-x-2.5 outline-none transition-colors duration-100 ease-crisp\",\n        size === \"lg\" && \"py-4 pl-3 pr-3 text-base\",\n        size === \"md\" && \"py-3 pl-2.5 pr-3 text-sm\",\n        size === \"sm\" && \"py-2 pl-2.5 pr-3 h-[36px] text-sm\",\n        isSelected && \"bg-background/50\",\n      )}\n    >\n      <div className=\"opacity-0 group-hover/item:!opacity-100 absolute inset-0.5\">\n        <CrosshairCorners\n          size={6}\n          variant=\"corners\"\n          corners={[\"bottom-right\"]}\n          className=\"text-shade-mute\"\n          animationDelay={0}\n          animationDuration={0.5}\n        />\n      </div>\n\n      {icon && (\n        <>\n          {isValidElement(icon) ? (\n            icon\n          ) : (\n            <Icon\n              name={(icon as IconProps).name}\n              className={classNames(\n                \"flex-shrink-0\",\n                (icon as IconProps).className,\n              )}\n              size={(icon as IconProps).size || 18}\n            />\n          )}\n        </>\n      )}\n      <span\n        className={classNames(\" text-shade-primary font-medium leading-[100%]\")}\n      >\n        {label}\n      </span>\n    </button>\n  );\n};\n\ntype DropdownSubmenuItemProps = {\n  item: DropdownOption;\n  size?: \"sm\" | \"md\" | \"lg\";\n  onLeafClick: (value: string) => void;\n  isLeafSelected: (value: string) => boolean;\n  subMenuClassName?: string;\n};\n\nconst DropdownSubmenuItem = ({\n  item,\n  size = \"md\",\n  subMenuClassName,\n  onLeafClick,\n  isLeafSelected,\n}: DropdownSubmenuItemProps) => {\n  const parentRef = useRef<HTMLDivElement | null>(null);\n  const submenuRef = useRef<HTMLDivElement | null>(null);\n\n  const [hoverParent, setHoverParent] = useState(false);\n  const [hoverSubmenu, setHoverSubmenu] = useState(false);\n  const [hoverSafe, setHoverSafe] = useState(false);\n\n  const open = hoverParent || hoverSubmenu || hoverSafe;\n\n  return (\n    <div\n      ref={parentRef}\n      className={classNames(\"relative\", subMenuClassName)}\n      onMouseEnter={() => setHoverParent(true)}\n      onMouseLeave={() => setHoverParent(false)}\n    >\n      <button\n        type=\"button\"\n        className={classNames(\n          \"hover:bg-border-light/50 relative h-max group/item disabled:opacity-40 flex items-center justify-between gap-x-2.5 w-full outline-none transition-colors duration-100 ease-crisp\",\n          size === \"lg\" && \"py-4 pl-3 pr-3 text-base\",\n          size === \"md\" && \"py-3 pl-2.5 pr-3 text-sm\",\n          size === \"sm\" && \"py-2 pl-2.5 pr-3 !h-[36px] text-sm\",\n          open && \"bg-border-light/50\",\n        )}\n        disabled={item.disabled}\n      >\n        <span className=\"flex items-center gap-x-2.5\">\n          {item.icon && (\n            <>\n              {isValidElement(item.icon) ? (\n                item.icon\n              ) : (\n                <Icon\n                  name={(item.icon as IconProps).name}\n                  className={classNames(\n                    \"flex-shrink-0\",\n                    (item.icon as IconProps).className,\n                  )}\n                  size={(item.icon as IconProps).size || 18}\n                />\n              )}\n            </>\n          )}\n          <span className=\"text-shade-primary font-medium leading-[100%]\">\n            {item.label}\n          </span>\n        </span>\n        <Icon name=\"ChevronRight\" size={12} className=\"text-shade-tertiary\" />\n      </button>\n\n      {open && (\n        <div\n          ref={submenuRef}\n          onMouseEnter={() => setHoverSubmenu(true)}\n          onMouseLeave={() => setHoverSubmenu(false)}\n          className={classNames(\n            \"z-[60] !absolute top-0 left-[calc(100%+6px)] p-1 bg-card-foreground gradient-border before:bg-card-border min-w-[180px]\",\n          )}\n        >\n          <MouseSafeArea\n            parentRef={parentRef}\n            submenuRef={submenuRef}\n            onEnter={() => setHoverSafe(true)}\n            onLeave={() => setHoverSafe(false)}\n          />\n          <div className=\"flex flex-col gap-y-1\">\n            {(item.children || []).map((child) =>\n              child.children && child.children.length > 0 ? (\n                <DropdownSubmenuItem\n                  key={child.value}\n                  item={child}\n                  size={size}\n                  onLeafClick={onLeafClick}\n                  isLeafSelected={isLeafSelected}\n                />\n              ) : (\n                <DropdownItem\n                  key={child.value}\n                  label={child.label}\n                  icon={child.icon}\n                  onClick={() => onLeafClick(child.value)}\n                  disabled={child.disabled}\n                  isSelected={isLeafSelected(child.value)}\n                  size={size}\n                />\n              ),\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/Dropdown.d.cts

@@ -0,0 +1,139 @@
+import { IconProps } from "./Icon.cjs";
+import * as react_jsx_runtime90 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/Dropdown.d.ts
+type DropdownOption = {
+  label: string;
+  icon?: IconProps | ReactNode;
+  value: string;
+  disabled?: boolean;
+  children?: DropdownOption[];
+};
+type DropdownProps = {
+  className?: string;
+  items: DropdownOption[];
+  selectedItem?: string | string[] | undefined;
+  handleChange: (item: string | string[] | undefined) => void;
+  multiple?: boolean;
+  disabled?: boolean;
+  label: string | ((selectedLabel: string) => string);
+  multiSelectLabel?: string;
+  buttonClassName?: string;
+  menuClassName?: string;
+  subMenuClassName?: string;
+  menuIcon?: IconProps | ReactNode;
+  size?: "sm" | "md" | "lg";
+  isScrollable?: boolean;
+  animationOrigin?: "top-left" | "top-center" | "top-right";
+  search?: string;
+  onClearSearch?: () => void;
+  showSelectAll?: boolean;
+  showClear?: boolean;
+  showSelectedItem?: boolean;
+};
+type DropdownButtonProps = {
+  label: string | ((selectedLabel: string) => string);
+  multiSelectLabel?: string;
+  disabled?: boolean;
+  className?: string;
+  onClick: () => void;
+  buttonClassName?: string;
+  selectedItems?: DropdownProps["items"];
+  multiple?: boolean;
+  count?: number;
+  menuIcon?: IconProps | ReactNode;
+  size?: "sm" | "md" | "lg";
+  onClear?: () => void;
+  showSelectedItem?: boolean;
+  showClear?: boolean;
+};
+type DropdownItemProps = {
+  label: string;
+  icon?: IconProps | ReactNode;
+  onClick: () => void;
+  disabled?: boolean;
+  isSelected?: boolean;
+  size?: "sm" | "md" | "lg";
+};
+type DropdownMenuProps = {
+  items: DropdownOption[];
+  selectedItem?: string | string[] | undefined;
+  handleChange: (item: string | string[] | undefined) => void;
+  multiple?: boolean;
+  menuClassName?: string;
+  size?: "sm" | "md" | "lg";
+  isOpen: boolean;
+  onItemClick?: (value: string) => void;
+  isScrollable?: boolean;
+  animationOrigin?: "top-left" | "top-center" | "top-right";
+  search?: string;
+  onClearSearch?: () => void;
+  showSelectAll?: boolean;
+  showSafeTriangle?: boolean;
+  subMenuClassName?: string;
+};
+declare const DropdownMenu: ({
+  items,
+  selectedItem,
+  handleChange,
+  multiple,
+  menuClassName,
+  size,
+  isOpen,
+  onItemClick,
+  isScrollable,
+  animationOrigin,
+  search,
+  onClearSearch,
+  showSelectAll,
+  showSafeTriangle,
+  subMenuClassName
+}: DropdownMenuProps) => react_jsx_runtime90.JSX.Element;
+declare const Dropdown: ({
+  className,
+  items,
+  selectedItem,
+  handleChange,
+  label,
+  multiSelectLabel,
+  disabled,
+  buttonClassName,
+  menuClassName,
+  multiple,
+  menuIcon,
+  size,
+  isScrollable,
+  search,
+  onClearSearch,
+  showSelectAll,
+  showClear,
+  subMenuClassName,
+  showSelectedItem
+}: DropdownProps) => react_jsx_runtime90.JSX.Element;
+declare const DropdownButton: ({
+  label,
+  multiSelectLabel,
+  disabled,
+  className,
+  onClick,
+  selectedItems,
+  multiple,
+  count,
+  menuIcon,
+  size,
+  onClear,
+  showClear,
+  showSelectedItem
+}: DropdownButtonProps) => react_jsx_runtime90.JSX.Element;
+declare const DropdownItem: ({
+  label,
+  icon,
+  onClick,
+  disabled,
+  isSelected,
+  size
+}: DropdownItemProps) => react_jsx_runtime90.JSX.Element;
+//#endregion
+export { Dropdown, DropdownButton, DropdownButtonProps, DropdownItem, DropdownItemProps, DropdownMenu, DropdownMenuProps, DropdownOption, DropdownProps };
+//# sourceMappingURL=Dropdown.d.cts.map

package/dist/Dropdown.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.cts","names":[],"sources":["../src/Dropdown.tsx"],"sourcesContent":[],"mappings":"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"}