@questpie/admin 3.2.4 → 3.2.6

package/dist/client/components/ui/search-input.mjs

@@ -1,7 +1,6 @@
 import { cn } from "../../lib/utils.mjs";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.mjs";
 import { Kbd } from "./kbd.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -30,109 +29,43 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * <SearchInput isLoading={isSearching} ... />
 * ```
 */
-function SearchInput(t0) {
-	const $ = c(26);
-	let className;
-	let containerClassName;
-	let onClear;
-	let props;
-	let shortcut;
-	let t1;
-	let value;
-	if ($[0] !== t0) {
-		({shortcut, onClear, isLoading: t1, containerClassName, className, value, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = containerClassName;
-		$[3] = onClear;
-		$[4] = props;
-		$[5] = shortcut;
-		$[6] = t1;
-		$[7] = value;
-	} else {
-		className = $[1];
-		containerClassName = $[2];
-		onClear = $[3];
-		props = $[4];
-		shortcut = $[5];
-		t1 = $[6];
-		value = $[7];
-	}
-	const isLoading = t1 === void 0 ? false : t1;
+function SearchInput({ shortcut, onClear, isLoading = false, containerClassName, className, value, ...props }) {
 	const hasValue = value !== void 0 && value !== "";
 	const showClearButton = hasValue && onClear;
 	const showShortcut = shortcut && !hasValue;
-	let t2;
-	if ($[8] !== containerClassName) {
-		t2 = cn("qa-search-input border-border-subtle bg-card hover:bg-surface-low focus-within:border-border-strong focus-within:bg-card", containerClassName);
-		$[8] = containerClassName;
-		$[9] = t2;
-	} else t2 = $[9];
-	let t3;
-	if ($[10] !== isLoading) {
-		t3 = /* @__PURE__ */ jsx(InputGroupAddon, {
-			align: "inline-start",
-			children: isLoading ? /* @__PURE__ */ jsx(Icon, {
-				icon: "ph:spinner-gap",
-				className: "text-muted-foreground size-4 animate-spin"
-			}) : /* @__PURE__ */ jsx(Icon, {
-				icon: "ph:magnifying-glass",
-				className: "text-muted-foreground size-4"
-			})
-		});
-		$[10] = isLoading;
-		$[11] = t3;
-	} else t3 = $[11];
-	let t4;
-	if ($[12] !== className || $[13] !== props || $[14] !== value) {
-		t4 = /* @__PURE__ */ jsx(InputGroupInput, {
-			placeholder: "Search...",
-			value,
-			className,
-			...props
-		});
-		$[12] = className;
-		$[13] = props;
-		$[14] = value;
-		$[15] = t4;
-	} else t4 = $[15];
-	let t5;
-	if ($[16] !== onClear || $[17] !== shortcut || $[18] !== showClearButton || $[19] !== showShortcut) {
-		t5 = (showClearButton || showShortcut) && /* @__PURE__ */ jsxs(InputGroupAddon, {
-			align: "inline-end",
-			children: [showClearButton && /* @__PURE__ */ jsx(InputGroupButton, {
-				onClick: onClear,
-				size: "icon-xs",
-				className: "text-muted-foreground hover:text-foreground",
-				children: /* @__PURE__ */ jsx(Icon, {
-					icon: "ph:x",
-					className: "size-3"
+	return /* @__PURE__ */ jsxs(InputGroup, {
+		className: cn("qa-search-input border-border-subtle bg-card hover:bg-surface-low focus-within:border-border-strong focus-within:bg-card", containerClassName),
+		children: [
+			/* @__PURE__ */ jsx(InputGroupAddon, {
+				align: "inline-start",
+				children: isLoading ? /* @__PURE__ */ jsx(Icon, {
+					icon: "ph:spinner-gap",
+					className: "text-muted-foreground size-4 animate-spin"
+				}) : /* @__PURE__ */ jsx(Icon, {
+					icon: "ph:magnifying-glass",
+					className: "text-muted-foreground size-4"
 				})
-			}), showShortcut && /* @__PURE__ */ jsx(Kbd, { children: shortcut })]
-		});
-		$[16] = onClear;
-		$[17] = shortcut;
-		$[18] = showClearButton;
-		$[19] = showShortcut;
-		$[20] = t5;
-	} else t5 = $[20];
-	let t6;
-	if ($[21] !== t2 || $[22] !== t3 || $[23] !== t4 || $[24] !== t5) {
-		t6 = /* @__PURE__ */ jsxs(InputGroup, {
-			className: t2,
-			children: [
-				t3,
-				t4,
-				t5
-			]
-		});
-		$[21] = t2;
-		$[22] = t3;
-		$[23] = t4;
-		$[24] = t5;
-		$[25] = t6;
-	} else t6 = $[25];
-	return t6;
+			}),
+			/* @__PURE__ */ jsx(InputGroupInput, {
+				placeholder: "Search...",
+				value,
+				className,
+				...props
+			}),
+			(showClearButton || showShortcut) && /* @__PURE__ */ jsxs(InputGroupAddon, {
+				align: "inline-end",
+				children: [showClearButton && /* @__PURE__ */ jsx(InputGroupButton, {
+					onClick: onClear,
+					size: "icon-xs",
+					className: "text-muted-foreground hover:text-foreground",
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: "ph:x",
+						className: "size-3"
+					})
+				}), showShortcut && /* @__PURE__ */ jsx(Kbd, { children: shortcut })]
+			})
+		]
+	});
 }
 
 //#endregion

package/dist/client/components/ui/select.mjs

@@ -1,426 +1,105 @@
 "use client";
 
 import { cn } from "../../lib/utils.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select } from "@base-ui/react/select";
 
 //#region src/client/components/ui/select.tsx
 const Select$1 = Select.Root;
-function SelectGroup(t0) {
-	const $ = c(8);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("qa-select__group scroll-my-1 p-1", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Select.Group, {
-			"data-slot": "select-group",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+function SelectGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Group, {
+		"data-slot": "select-group",
+		className: cn("qa-select__group scroll-my-1 p-1", className),
+		...props
+	});
 }
-function SelectValue(t0) {
-	const $ = c(8);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("qa-select__value flex flex-1 text-left", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Select.Value, {
-			"data-slot": "select-value",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+function SelectValue({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Value, {
+		"data-slot": "select-value",
+		className: cn("qa-select__value flex flex-1 text-left", className),
+		...props
+	});
 }
-function SelectTrigger(t0) {
-	const $ = c(15);
-	let children;
-	let className;
-	let props;
-	let t1;
-	let t2;
-	if ($[0] !== t0) {
-		({className, size: t1, children, type: t2, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-		$[4] = t1;
-		$[5] = t2;
-	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-		t1 = $[4];
-		t2 = $[5];
-	}
-	const size = t1 === void 0 ? "default" : t1;
-	const type = t2 === void 0 ? "button" : t2;
-	let t3;
-	if ($[6] !== className) {
-		t3 = cn("qa-select__trigger control-surface font-chrome data-[placeholder]:text-muted-foreground focus-visible:border-border-strong focus-visible:ring-ring/20 aria-expanded:border-border-strong aria-expanded:ring-ring/20 aria-invalid:border-border-strong aria-invalid:ring-ring/20 flex w-fit items-center justify-between gap-2 px-3 py-2 text-sm whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 aria-expanded:ring-[3px] aria-invalid:ring-[3px] data-[size=sm]:h-8 data-[size=sm]:px-2.5 data-[size=sm]:text-xs *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className);
-		$[6] = className;
-		$[7] = t3;
-	} else t3 = $[7];
-	let t4;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsx(Select.Icon, { render: /* @__PURE__ */ jsx(Icon, {
+function SelectTrigger({ className, size = "default", children, type = "button", ...props }) {
+	return /* @__PURE__ */ jsxs(Select.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": size,
+		type,
+		className: cn("qa-select__trigger control-surface font-chrome data-[placeholder]:text-muted-foreground focus-visible:border-border-strong focus-visible:ring-ring/20 aria-expanded:border-border-strong aria-expanded:ring-ring/20 aria-invalid:border-border-strong aria-invalid:ring-ring/20 flex w-fit items-center justify-between gap-2 px-3 py-2 text-sm whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 aria-expanded:ring-[3px] aria-invalid:ring-[3px] data-[size=sm]:h-8 data-[size=sm]:px-2.5 data-[size=sm]:text-xs *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Select.Icon, { render: /* @__PURE__ */ jsx(Icon, {
 			icon: "ph:caret-down",
 			className: "text-muted-foreground pointer-events-none size-4"
-		}) });
-		$[8] = t4;
-	} else t4 = $[8];
-	let t5;
-	if ($[9] !== children || $[10] !== props || $[11] !== size || $[12] !== t3 || $[13] !== type) {
-		t5 = /* @__PURE__ */ jsxs(Select.Trigger, {
-			"data-slot": "select-trigger",
-			"data-size": size,
-			type,
-			className: t3,
-			...props,
-			children: [children, t4]
-		});
-		$[9] = children;
-		$[10] = props;
-		$[11] = size;
-		$[12] = t3;
-		$[13] = type;
-		$[14] = t5;
-	} else t5 = $[14];
-	return t5;
+		}) })]
+	});
 }
-function SelectContent(t0) {
-	const $ = c(26);
-	let children;
-	let className;
-	let props;
-	let t1;
-	let t2;
-	let t3;
-	let t4;
-	let t5;
-	if ($[0] !== t0) {
-		({className, children, side: t1, sideOffset: t2, align: t3, alignOffset: t4, alignItemWithTrigger: t5, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-		$[4] = t1;
-		$[5] = t2;
-		$[6] = t3;
-		$[7] = t4;
-		$[8] = t5;
-	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-		t1 = $[4];
-		t2 = $[5];
-		t3 = $[6];
-		t4 = $[7];
-		t5 = $[8];
-	}
-	const side = t1 === void 0 ? "bottom" : t1;
-	const sideOffset = t2 === void 0 ? 4 : t2;
-	const align = t3 === void 0 ? "center" : t3;
-	const alignOffset = t4 === void 0 ? 0 : t4;
-	const alignItemWithTrigger = t5 === void 0 ? true : t5;
-	let t6;
-	if ($[9] !== className) {
-		t6 = cn("qa-select__content floating-surface motion-floating text-popover-foreground relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto data-ending-style:scale-[var(--motion-scale-enter)] data-ending-style:opacity-0 data-starting-style:scale-[var(--motion-scale-enter)] data-starting-style:opacity-0", className);
-		$[9] = className;
-		$[10] = t6;
-	} else t6 = $[10];
-	let t7;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /* @__PURE__ */ jsx(SelectScrollUpButton, {});
-		$[11] = t7;
-	} else t7 = $[11];
-	let t8;
-	if ($[12] !== children) {
-		t8 = /* @__PURE__ */ jsx(Select.List, { children });
-		$[12] = children;
-		$[13] = t8;
-	} else t8 = $[13];
-	let t9;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ jsx(SelectScrollDownButton, {});
-		$[14] = t9;
-	} else t9 = $[14];
-	let t10;
-	if ($[15] !== props || $[16] !== t6 || $[17] !== t8) {
-		t10 = /* @__PURE__ */ jsxs(Select.Popup, {
+function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = true, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		alignItemWithTrigger,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsxs(Select.Popup, {
 			"data-slot": "select-content",
-			className: t6,
+			className: cn("qa-select__content floating-surface motion-floating text-popover-foreground relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto data-ending-style:scale-[var(--motion-scale-enter)] data-ending-style:opacity-0 data-starting-style:scale-[var(--motion-scale-enter)] data-starting-style:opacity-0", className),
 			...props,
 			children: [
-				t7,
-				t8,
-				t9
+				/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+				/* @__PURE__ */ jsx(Select.List, { children }),
+				/* @__PURE__ */ jsx(SelectScrollDownButton, {})
 			]
-		});
-		$[15] = props;
-		$[16] = t6;
-		$[17] = t8;
-		$[18] = t10;
-	} else t10 = $[18];
-	let t11;
-	if ($[19] !== align || $[20] !== alignItemWithTrigger || $[21] !== alignOffset || $[22] !== side || $[23] !== sideOffset || $[24] !== t10) {
-		t11 = /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
-			side,
-			sideOffset,
-			align,
-			alignOffset,
-			alignItemWithTrigger,
-			className: "isolate z-50",
-			children: t10
-		}) });
-		$[19] = align;
-		$[20] = alignItemWithTrigger;
-		$[21] = alignOffset;
-		$[22] = side;
-		$[23] = sideOffset;
-		$[24] = t10;
-		$[25] = t11;
-	} else t11 = $[25];
-	return t11;
+		})
+	}) });
 }
-function SelectLabel(t0) {
-	const $ = c(8);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("qa-select__label text-muted-foreground px-2 py-1.5 text-xs", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Select.GroupLabel, {
-			"data-slot": "select-label",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+function SelectLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.GroupLabel, {
+		"data-slot": "select-label",
+		className: cn("qa-select__label text-muted-foreground px-2 py-1.5 text-xs", className),
+		...props
+	});
 }
-function SelectItem(t0) {
-	const $ = c(13);
-	let children;
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, children, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-	}
-	let t1;
-	if ($[4] !== className) {
-		t1 = cn("qa-select__item item-surface focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground relative flex min-h-9 w-full cursor-default items-center gap-2 px-3 py-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className);
-		$[4] = className;
-		$[5] = t1;
-	} else t1 = $[5];
-	let t2;
-	if ($[6] !== children) {
-		t2 = /* @__PURE__ */ jsx(Select.ItemText, {
+function SelectItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select.Item, {
+		"data-slot": "select-item",
+		className: cn("qa-select__item item-surface focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground relative flex min-h-9 w-full cursor-default items-center gap-2 px-3 py-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(Select.ItemText, {
 			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
 			children
-		});
-		$[6] = children;
-		$[7] = t2;
-	} else t2 = $[7];
-	let t3;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(Select.ItemIndicator, {
+		}), /* @__PURE__ */ jsx(Select.ItemIndicator, {
 			render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-3 flex items-center justify-center" }),
 			children: /* @__PURE__ */ jsx(Icon, {
 				icon: "ph:check",
 				className: "pointer-events-none"
 			})
-		});
-		$[8] = t3;
-	} else t3 = $[8];
-	let t4;
-	if ($[9] !== props || $[10] !== t1 || $[11] !== t2) {
-		t4 = /* @__PURE__ */ jsxs(Select.Item, {
-			"data-slot": "select-item",
-			className: t1,
-			...props,
-			children: [t2, t3]
-		});
-		$[9] = props;
-		$[10] = t1;
-		$[11] = t2;
-		$[12] = t4;
-	} else t4 = $[12];
-	return t4;
+		})]
+	});
 }
-function SelectSeparator(t0) {
-	const $ = c(8);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("bg-border pointer-events-none -mx-1 my-1 h-px", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Select.Separator, {
-			"data-slot": "select-separator",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+function SelectSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Separator, {
+		"data-slot": "select-separator",
+		className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+		...props
+	});
 }
-function SelectScrollUpButton(t0) {
-	const $ = c(9);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("qa-select__separator bg-border pointer-events-none -mx-1 my-1 h-px", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(Icon, { icon: "ph:caret-up" });
-		$[5] = t2;
-	} else t2 = $[5];
-	let t3;
-	if ($[6] !== props || $[7] !== t1) {
-		t3 = /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
-			"data-slot": "select-scroll-up-button",
-			className: t1,
-			...props,
-			children: t2
-		});
-		$[6] = props;
-		$[7] = t1;
-		$[8] = t3;
-	} else t3 = $[8];
-	return t3;
+function SelectScrollUpButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("qa-select__separator bg-border pointer-events-none -mx-1 my-1 h-px", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Icon, { icon: "ph:caret-up" })
+	});
 }
-function SelectScrollDownButton(t0) {
-	const $ = c(9);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("bg-popover bottom-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-3.5", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(Icon, { icon: "ph:caret-down" });
-		$[5] = t2;
-	} else t2 = $[5];
-	let t3;
-	if ($[6] !== props || $[7] !== t1) {
-		t3 = /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
-			"data-slot": "select-scroll-down-button",
-			className: t1,
-			...props,
-			children: t2
-		});
-		$[6] = props;
-		$[7] = t1;
-		$[8] = t3;
-	} else t3 = $[8];
-	return t3;
+function SelectScrollDownButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("bg-popover bottom-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-3.5", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Icon, { icon: "ph:caret-down" })
+	});
 }
 
 //#endregion