@blueshift-gg/ui-components 0.1.75 → 0.1.76

package/dist/Dropdown.d.mts

@@ -1,139 +0,0 @@
-import { IconProps } from "./Icon.mjs";
-import * as react_jsx_runtime101 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_runtime101.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_runtime101.JSX.Element;
-declare const DropdownButton: ({
-  label,
-  multiSelectLabel,
-  disabled,
-  className,
-  onClick,
-  selectedItems,
-  multiple,
-  count,
-  menuIcon,
-  size,
-  onClear,
-  showClear,
-  showSelectedItem
-}: DropdownButtonProps) => react_jsx_runtime101.JSX.Element;
-declare const DropdownItem: ({
-  label,
-  icon,
-  onClick,
-  disabled,
-  isSelected,
-  size
-}: DropdownItemProps) => react_jsx_runtime101.JSX.Element;
-//#endregion
-export { Dropdown, DropdownButton, DropdownButtonProps, DropdownItem, DropdownItemProps, DropdownMenu, DropdownMenuProps, DropdownOption, DropdownProps };
-//# sourceMappingURL=Dropdown.d.mts.map

package/dist/Dropdown.d.mts.map

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

package/dist/Dropdown.mjs

@@ -1,399 +0,0 @@
-"use client";
-
-import { Icon } from "./Icon.mjs";
-import { CrosshairCorners } from "./CrossHair.mjs";
-import { swift } from "./utils/easings.mjs";
-import { Button } from "./Button.mjs";
-import { Checkbox } from "./Checkbox.mjs";
-import { Divider } from "./Divider.mjs";
-import { AnimatePresence, motion } from "motion/react";
-import classNames from "classnames";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { isValidElement, useCallback, useEffect, useRef, useState } from "react";
-import { useOnClickOutside } from "usehooks-ts";
-
-//#region src/Dropdown.tsx
-const useMousePosition = () => {
-	const [mousePosition, setMousePosition] = useState([0, 0]);
-	const updateMousePosition = useCallback((ev) => {
-		setMousePosition([ev.clientX, ev.clientY]);
-	}, []);
-	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__ */ 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] = useState(false);
-	const scrollContainerRef = useRef(null);
-	const filteredItems = (() => {
-		if (search) return items.filter((item) => item.label.toLowerCase().includes(search.toLowerCase()));
-		return items;
-	})();
-	const handleScroll = useCallback(() => {
-		const container = scrollContainerRef.current;
-		if (!container) return;
-		const { scrollTop, scrollHeight, clientHeight } = container;
-		setIsAtBottom(scrollTop + clientHeight >= scrollHeight - 5);
-	}, []);
-	useEffect(() => {
-		if (isOpen) setIsAtBottom(false);
-	}, [isOpen, filteredItems.length]);
-	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__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(motion.div, {
-		initial: {
-			opacity: 0,
-			scale: .8,
-			y: -15
-		},
-		animate: {
-			opacity: 1,
-			scale: 1,
-			y: 0
-		},
-		transition: {
-			duration: .1,
-			ease: swift
-		},
-		exit: {
-			opacity: 0,
-			scale: .8,
-			y: -5
-		},
-		className: classNames("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__ */ jsxs("div", {
-			ref: scrollContainerRef,
-			onScroll: handleScroll,
-			className: classNames("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__ */ jsxs("div", {
-				className: "group flex flex-col gap-y-1",
-				children: [/* @__PURE__ */ jsxs("button", {
-					onClick: handleSelectAll,
-					className: classNames("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__ */ jsx(Checkbox, { checked: isAllSelected() }), /* @__PURE__ */ jsx("span", {
-						className: "text-sm text-shade-primary font-medium",
-						children: "Select All"
-					})]
-				}), /* @__PURE__ */ jsx(Divider, { direction: "horizontal" })]
-			}), filteredItems.length > 0 ? filteredItems.map((item) => item.children && item.children.length > 0 ? /* @__PURE__ */ jsx(DropdownSubmenuItem, {
-				item,
-				size,
-				onLeafClick: handleItemClick,
-				isLeafSelected: isItemSelected
-			}, item.value) : /* @__PURE__ */ jsx(DropdownItem, {
-				label: item.label,
-				icon: item.icon,
-				onClick: () => handleItemClick(item.value),
-				disabled: item.disabled,
-				isSelected: isItemSelected(item.value),
-				size
-			}, item.value)) : /* @__PURE__ */ 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] = useState(false);
-	const handleItemClick = (value) => {
-		if (!multiple) {
-			if (selectedItem === value) handleChange(void 0);
-			else handleChange(value);
-			setIsOpen(false);
-		}
-	};
-	const ref = useRef(null);
-	const handleClickOutside = () => {
-		setIsOpen(false);
-	};
-	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__ */ jsxs("div", {
-		ref,
-		className: classNames("relative flex flex-col gap-y-1.5 items-start", className),
-		children: [/* @__PURE__ */ 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__ */ 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] = 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 ? 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 ? 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__ */ jsx(Button, {
-		icon: buttonIcon,
-		label: showSelectedItem ? buttonLabel : void 0,
-		disabled,
-		size,
-		variant: "secondary",
-		className: classNames("!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__ */ 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__ */ jsx(Icon, {
-				name: "Close",
-				size: 12
-			})
-		})
-	});
-};
-const DropdownItem = ({ label, icon, onClick, disabled, isSelected = false, size }) => {
-	return /* @__PURE__ */ jsxs("button", {
-		onClick,
-		disabled,
-		className: classNames("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__ */ jsx("div", {
-				className: "opacity-0 group-hover/item:!opacity-100 absolute inset-0.5",
-				children: /* @__PURE__ */ jsx(CrosshairCorners, {
-					size: 6,
-					variant: "corners",
-					corners: ["bottom-right"],
-					className: "text-shade-mute",
-					animationDelay: 0,
-					animationDuration: .5
-				})
-			}),
-			icon && /* @__PURE__ */ jsx(Fragment, { children: isValidElement(icon) ? icon : /* @__PURE__ */ jsx(Icon, {
-				name: icon.name,
-				className: classNames("flex-shrink-0", icon.className),
-				size: icon.size || 18
-			}) }),
-			/* @__PURE__ */ jsx("span", {
-				className: classNames(" text-shade-primary font-medium leading-[100%]"),
-				children: label
-			})
-		]
-	});
-};
-const DropdownSubmenuItem = ({ item, size = "md", subMenuClassName, onLeafClick, isLeafSelected }) => {
-	const parentRef = useRef(null);
-	const submenuRef = useRef(null);
-	const [hoverParent, setHoverParent] = useState(false);
-	const [hoverSubmenu, setHoverSubmenu] = useState(false);
-	const [hoverSafe, setHoverSafe] = useState(false);
-	const open = hoverParent || hoverSubmenu || hoverSafe;
-	return /* @__PURE__ */ jsxs("div", {
-		ref: parentRef,
-		className: classNames("relative", subMenuClassName),
-		onMouseEnter: () => setHoverParent(true),
-		onMouseLeave: () => setHoverParent(false),
-		children: [/* @__PURE__ */ jsxs("button", {
-			type: "button",
-			className: classNames("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__ */ jsxs("span", {
-				className: "flex items-center gap-x-2.5",
-				children: [item.icon && /* @__PURE__ */ jsx(Fragment, { children: isValidElement(item.icon) ? item.icon : /* @__PURE__ */ jsx(Icon, {
-					name: item.icon.name,
-					className: classNames("flex-shrink-0", item.icon.className),
-					size: item.icon.size || 18
-				}) }), /* @__PURE__ */ jsx("span", {
-					className: "text-shade-primary font-medium leading-[100%]",
-					children: item.label
-				})]
-			}), /* @__PURE__ */ jsx(Icon, {
-				name: "ChevronRight",
-				size: 12,
-				className: "text-shade-tertiary"
-			})]
-		}), open && /* @__PURE__ */ jsxs("div", {
-			ref: submenuRef,
-			onMouseEnter: () => setHoverSubmenu(true),
-			onMouseLeave: () => setHoverSubmenu(false),
-			className: classNames("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__ */ jsx(MouseSafeArea, {
-				parentRef,
-				submenuRef,
-				onEnter: () => setHoverSafe(true),
-				onLeave: () => setHoverSafe(false)
-			}), /* @__PURE__ */ jsx("div", {
-				className: "flex flex-col gap-y-1",
-				children: (item.children || []).map((child) => child.children && child.children.length > 0 ? /* @__PURE__ */ jsx(DropdownSubmenuItem, {
-					item: child,
-					size,
-					onLeafClick,
-					isLeafSelected
-				}, child.value) : /* @__PURE__ */ jsx(DropdownItem, {
-					label: child.label,
-					icon: child.icon,
-					onClick: () => onLeafClick(child.value),
-					disabled: child.disabled,
-					isSelected: isLeafSelected(child.value),
-					size
-				}, child.value))
-			})]
-		})]
-	});
-};
-
-//#endregion
-export { Dropdown, DropdownButton, DropdownItem, DropdownMenu };
-//# sourceMappingURL=Dropdown.mjs.map

package/dist/Dropdown.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.mjs","names":["out: DropdownOption[]","buttonIcon: ButtonProps[\"icon\"] | undefined","buttonLabel: string"],"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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"}