@questpie/admin 3.2.4 → 3.2.6

package/dist/client/components/ui/responsive-dialog.mjs

@@ -4,7 +4,6 @@ import { cn } from "../../lib/utils.mjs";
 import { DialogContent, DialogFooter, DialogHeader } from "./dialog.mjs";
 import { useIsMobile } from "../../hooks/use-media-query.mjs";
 import { Drawer, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle } from "./drawer.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { Dialog } from "@base-ui/react/dialog";
@@ -16,292 +15,87 @@ function useResponsiveDialog() {
 	if (!context) throw new Error("ResponsiveDialog components must be used within ResponsiveDialog");
 	return context;
 }
-function ResponsiveDialog(t0) {
-	const $ = c(16);
-	const { children, open, onOpenChange } = t0;
+function ResponsiveDialog({ children, open, onOpenChange }) {
 	const isMobile = useIsMobile();
-	let t1;
-	if ($[0] !== isMobile) {
-		t1 = { isMobile };
-		$[0] = isMobile;
-		$[1] = t1;
-	} else t1 = $[1];
-	const contextValue = t1;
-	if (isMobile) {
-		let t2$1;
-		if ($[2] !== children || $[3] !== onOpenChange || $[4] !== open) {
-			t2$1 = /* @__PURE__ */ jsx(Drawer, {
-				open,
-				onOpenChange,
-				children
-			});
-			$[2] = children;
-			$[3] = onOpenChange;
-			$[4] = open;
-			$[5] = t2$1;
-		} else t2$1 = $[5];
-		let t3$1;
-		if ($[6] !== contextValue || $[7] !== t2$1) {
-			t3$1 = /* @__PURE__ */ jsx(ResponsiveDialogContext.Provider, {
-				value: contextValue,
-				children: t2$1
-			});
-			$[6] = contextValue;
-			$[7] = t2$1;
-			$[8] = t3$1;
-		} else t3$1 = $[8];
-		return t3$1;
-	}
-	let t2;
-	if ($[9] !== children || $[10] !== onOpenChange || $[11] !== open) {
-		t2 = /* @__PURE__ */ jsx(Dialog.Root, {
+	const contextValue = React.useMemo(() => ({ isMobile }), [isMobile]);
+	if (isMobile) return /* @__PURE__ */ jsx(ResponsiveDialogContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Drawer, {
 			open,
 			onOpenChange,
 			children
-		});
-		$[9] = children;
-		$[10] = onOpenChange;
-		$[11] = open;
-		$[12] = t2;
-	} else t2 = $[12];
-	let t3;
-	if ($[13] !== contextValue || $[14] !== t2) {
-		t3 = /* @__PURE__ */ jsx(ResponsiveDialogContext.Provider, {
-			value: contextValue,
-			children: t2
-		});
-		$[13] = contextValue;
-		$[14] = t2;
-		$[15] = t3;
-	} else t3 = $[15];
-	return t3;
+		})
+	});
+	return /* @__PURE__ */ jsx(ResponsiveDialogContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Dialog.Root, {
+			open,
+			onOpenChange,
+			children
+		})
+	});
 }
-function ResponsiveDialogContent(t0) {
-	const $ = c(11);
-	const { children, className, showCloseButton } = t0;
+function ResponsiveDialogContent({ children, className, showCloseButton }) {
 	const { isMobile } = useResponsiveDialog();
-	if (isMobile) {
-		let t1$1;
-		if ($[0] !== className) {
-			t1$1 = cn("max-h-[96vh]", className);
-			$[0] = className;
-			$[1] = t1$1;
-		} else t1$1 = $[1];
-		let t2$1;
-		if ($[2] !== children || $[3] !== t1$1) {
-			t2$1 = /* @__PURE__ */ jsx(DrawerContent, {
-				className: t1$1,
-				children
-			});
-			$[2] = children;
-			$[3] = t1$1;
-			$[4] = t2$1;
-		} else t2$1 = $[4];
-		return t2$1;
-	}
-	let t1;
-	if ($[5] !== className) {
-		t1 = cn("qa-responsive-dialog__content", className);
-		$[5] = className;
-		$[6] = t1;
-	} else t1 = $[6];
-	let t2;
-	if ($[7] !== children || $[8] !== showCloseButton || $[9] !== t1) {
-		t2 = /* @__PURE__ */ jsx(DialogContent, {
-			showCloseButton,
-			className: t1,
-			children
-		});
-		$[7] = children;
-		$[8] = showCloseButton;
-		$[9] = t1;
-		$[10] = t2;
-	} else t2 = $[10];
-	return t2;
+	if (isMobile) return /* @__PURE__ */ jsx(DrawerContent, {
+		className: cn("max-h-[96vh]", className),
+		children
+	});
+	return /* @__PURE__ */ jsx(DialogContent, {
+		showCloseButton,
+		className: cn("qa-responsive-dialog__content", className),
+		children
+	});
 }
-function ResponsiveDialogHeader(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];
-	}
+function ResponsiveDialogHeader({ className, ...props }) {
 	const { isMobile } = useResponsiveDialog();
-	if (isMobile) {
-		let t1$1;
-		if ($[3] !== className || $[4] !== props) {
-			t1$1 = /* @__PURE__ */ jsx(DrawerHeader, {
-				className,
-				...props
-			});
-			$[3] = className;
-			$[4] = props;
-			$[5] = t1$1;
-		} else t1$1 = $[5];
-		return t1$1;
-	}
-	let t1;
-	if ($[6] !== className || $[7] !== props) {
-		t1 = /* @__PURE__ */ jsx(DialogHeader, {
-			className,
-			...props
-		});
-		$[6] = className;
-		$[7] = props;
-		$[8] = t1;
-	} else t1 = $[8];
-	return t1;
+	if (isMobile) return /* @__PURE__ */ jsx(DrawerHeader, {
+		className,
+		...props
+	});
+	return /* @__PURE__ */ jsx(DialogHeader, {
+		className,
+		...props
+	});
 }
-function ResponsiveDialogTitle(t0) {
-	const $ = c(14);
-	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];
-	}
+function ResponsiveDialogTitle({ className, children, ...props }) {
 	const { isMobile } = useResponsiveDialog();
-	if (isMobile) {
-		let t1$1;
-		if ($[4] !== children || $[5] !== className || $[6] !== props) {
-			t1$1 = /* @__PURE__ */ jsx(DrawerTitle, {
-				className,
-				...props,
-				children
-			});
-			$[4] = children;
-			$[5] = className;
-			$[6] = props;
-			$[7] = t1$1;
-		} else t1$1 = $[7];
-		return t1$1;
-	}
-	let t1;
-	if ($[8] !== className) {
-		t1 = cn("qa-responsive-dialog__title text-sm font-medium", className);
-		$[8] = className;
-		$[9] = t1;
-	} else t1 = $[9];
-	let t2;
-	if ($[10] !== children || $[11] !== props || $[12] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Dialog.Title, {
-			"data-slot": "responsive-dialog-title",
-			className: t1,
-			...props,
-			children
-		});
-		$[10] = children;
-		$[11] = props;
-		$[12] = t1;
-		$[13] = t2;
-	} else t2 = $[13];
-	return t2;
+	if (isMobile) return /* @__PURE__ */ jsx(DrawerTitle, {
+		className,
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-slot": "responsive-dialog-title",
+		className: cn("qa-responsive-dialog__title text-sm font-medium", className),
+		...props,
+		children
+	});
 }
-function ResponsiveDialogDescription(t0) {
-	const $ = c(14);
-	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];
-	}
+function ResponsiveDialogDescription({ className, children, ...props }) {
 	const { isMobile } = useResponsiveDialog();
-	if (isMobile) {
-		let t1$1;
-		if ($[4] !== children || $[5] !== className || $[6] !== props) {
-			t1$1 = /* @__PURE__ */ jsx(DrawerDescription, {
-				className,
-				...props,
-				children
-			});
-			$[4] = children;
-			$[5] = className;
-			$[6] = props;
-			$[7] = t1$1;
-		} else t1$1 = $[7];
-		return t1$1;
-	}
-	let t1;
-	if ($[8] !== className) {
-		t1 = cn("text-muted-foreground text-xs/relaxed", className);
-		$[8] = className;
-		$[9] = t1;
-	} else t1 = $[9];
-	let t2;
-	if ($[10] !== children || $[11] !== props || $[12] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Dialog.Description, {
-			"data-slot": "responsive-dialog-description",
-			className: t1,
-			...props,
-			children
-		});
-		$[10] = children;
-		$[11] = props;
-		$[12] = t1;
-		$[13] = t2;
-	} else t2 = $[13];
-	return t2;
+	if (isMobile) return /* @__PURE__ */ jsx(DrawerDescription, {
+		className,
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		"data-slot": "responsive-dialog-description",
+		className: cn("text-muted-foreground text-xs/relaxed", className),
+		...props,
+		children
+	});
 }
-function ResponsiveDialogFooter(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];
-	}
+function ResponsiveDialogFooter({ className, ...props }) {
 	const { isMobile } = useResponsiveDialog();
-	if (isMobile) {
-		let t1$1;
-		if ($[3] !== className || $[4] !== props) {
-			t1$1 = /* @__PURE__ */ jsx(DrawerFooter, {
-				className,
-				...props
-			});
-			$[3] = className;
-			$[4] = props;
-			$[5] = t1$1;
-		} else t1$1 = $[5];
-		return t1$1;
-	}
-	let t1;
-	if ($[6] !== className || $[7] !== props) {
-		t1 = /* @__PURE__ */ jsx(DialogFooter, {
-			className,
-			...props
-		});
-		$[6] = className;
-		$[7] = props;
-		$[8] = t1;
-	} else t1 = $[8];
-	return t1;
+	if (isMobile) return /* @__PURE__ */ jsx(DrawerFooter, {
+		className,
+		...props
+	});
+	return /* @__PURE__ */ jsx(DialogFooter, {
+		className,
+		...props
+	});
 }
 
 //#endregion

package/dist/client/components/ui/scroll-fade.mjs

@@ -1,169 +1,74 @@
 import { cn } from "../../lib/utils.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/ui/scroll-fade.tsx
-function ScrollFade(t0) {
-	const $ = c(38);
-	let children;
-	let className;
-	let props;
-	let t1;
-	let t2;
-	let t3;
-	if ($[0] !== t0) {
-		({orientation: t1, fadeSize: t2, leftInset: t3, children, className, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-		$[4] = t1;
-		$[5] = t2;
-		$[6] = t3;
-	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-		t1 = $[4];
-		t2 = $[5];
-		t3 = $[6];
-	}
-	const orientation = t1 === void 0 ? "horizontal" : t1;
-	const fadeSize = t2 === void 0 ? 20 : t2;
-	const leftInset = t3 === void 0 ? 0 : t3;
+function ScrollFade({ orientation = "horizontal", fadeSize = 20, leftInset = 0, children, className, ...props }) {
 	const wrapperRef = React.useRef(null);
-	let t4;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = {
-			left: false,
-			right: false,
-			top: false,
-			bottom: false
+	const [overflow, setOverflow] = React.useState({
+		left: false,
+		right: false,
+		top: false,
+		bottom: false
+	});
+	React.useEffect(() => {
+		const wrapper = wrapperRef.current;
+		if (!wrapper) return;
+		const scrollable = wrapper.querySelector("[data-scroll-fade-target]") ?? wrapper.querySelector(".overflow-x-auto, .overflow-y-auto, .overflow-auto") ?? wrapper;
+		const update = () => {
+			const el = scrollable;
+			const h$1 = orientation !== "vertical";
+			const v$1 = orientation !== "horizontal";
+			setOverflow({
+				left: h$1 && el.scrollLeft > 1,
+				right: h$1 && el.scrollLeft + el.clientWidth < el.scrollWidth - 1,
+				top: v$1 && el.scrollTop > 1,
+				bottom: v$1 && el.scrollTop + el.clientHeight < el.scrollHeight - 1
+			});
 		};
-		$[7] = t4;
-	} else t4 = $[7];
-	const [overflow, setOverflow] = React.useState(t4);
-	let t5;
-	let t6;
-	if ($[8] !== orientation) {
-		t5 = () => {
-			const wrapper = wrapperRef.current;
-			if (!wrapper) return;
-			const scrollable = wrapper.querySelector("[data-scroll-fade-target]") ?? wrapper.querySelector(".overflow-x-auto, .overflow-y-auto, .overflow-auto") ?? wrapper;
-			const update = () => {
-				const el = scrollable;
-				const h = orientation !== "vertical";
-				const v = orientation !== "horizontal";
-				setOverflow({
-					left: h && el.scrollLeft > 1,
-					right: h && el.scrollLeft + el.clientWidth < el.scrollWidth - 1,
-					top: v && el.scrollTop > 1,
-					bottom: v && el.scrollTop + el.clientHeight < el.scrollHeight - 1
-				});
-			};
-			update();
-			scrollable.addEventListener("scroll", update, { passive: true });
-			const observer = new ResizeObserver(update);
-			observer.observe(scrollable);
-			return () => {
-				scrollable.removeEventListener("scroll", update);
-				observer.disconnect();
-			};
+		update();
+		scrollable.addEventListener("scroll", update, { passive: true });
+		const observer = new ResizeObserver(update);
+		observer.observe(scrollable);
+		return () => {
+			scrollable.removeEventListener("scroll", update);
+			observer.disconnect();
 		};
-		t6 = [orientation];
-		$[8] = orientation;
-		$[9] = t5;
-		$[10] = t6;
-	} else {
-		t5 = $[9];
-		t6 = $[10];
-	}
-	React.useEffect(t5, t6);
-	const h_0 = orientation !== "vertical";
-	const v_0 = orientation !== "horizontal";
-	let t7;
-	if ($[11] !== className) {
-		t7 = cn("relative", className);
-		$[11] = className;
-		$[12] = t7;
-	} else t7 = $[12];
-	let t8;
-	if ($[13] !== fadeSize || $[14] !== h_0 || $[15] !== leftInset || $[16] !== overflow) {
-		t8 = h_0 && /* @__PURE__ */ jsx("div", {
-			className: cn("pointer-events-none absolute z-30 transition-opacity duration-200", "inset-y-0 bg-gradient-to-r from-background to-transparent", overflow.left ? "opacity-100" : "opacity-0"),
-			style: {
-				left: leftInset,
-				width: fadeSize
-			},
-			"aria-hidden": true
-		});
-		$[13] = fadeSize;
-		$[14] = h_0;
-		$[15] = leftInset;
-		$[16] = overflow;
-		$[17] = t8;
-	} else t8 = $[17];
-	let t9;
-	if ($[18] !== fadeSize || $[19] !== h_0 || $[20] !== overflow) {
-		t9 = h_0 && /* @__PURE__ */ jsx("div", {
-			className: cn("pointer-events-none absolute z-30 transition-opacity duration-200", "inset-y-0 right-0 bg-gradient-to-l from-background to-transparent", overflow.right ? "opacity-100" : "opacity-0"),
-			style: { width: fadeSize },
-			"aria-hidden": true
-		});
-		$[18] = fadeSize;
-		$[19] = h_0;
-		$[20] = overflow;
-		$[21] = t9;
-	} else t9 = $[21];
-	let t10;
-	if ($[22] !== fadeSize || $[23] !== overflow || $[24] !== v_0) {
-		t10 = v_0 && /* @__PURE__ */ jsx("div", {
-			className: cn("pointer-events-none absolute z-30 transition-opacity duration-200", "inset-x-0 top-0 bg-gradient-to-b from-background to-transparent", overflow.top ? "opacity-100" : "opacity-0"),
-			style: { height: fadeSize },
-			"aria-hidden": true
-		});
-		$[22] = fadeSize;
-		$[23] = overflow;
-		$[24] = v_0;
-		$[25] = t10;
-	} else t10 = $[25];
-	let t11;
-	if ($[26] !== fadeSize || $[27] !== overflow || $[28] !== v_0) {
-		t11 = v_0 && /* @__PURE__ */ jsx("div", {
-			className: cn("pointer-events-none absolute z-30 transition-opacity duration-200", "inset-x-0 bottom-0 bg-gradient-to-t from-background to-transparent", overflow.bottom ? "opacity-100" : "opacity-0"),
-			style: { height: fadeSize },
-			"aria-hidden": true
-		});
-		$[26] = fadeSize;
-		$[27] = overflow;
-		$[28] = v_0;
-		$[29] = t11;
-	} else t11 = $[29];
-	let t12;
-	if ($[30] !== children || $[31] !== props || $[32] !== t10 || $[33] !== t11 || $[34] !== t7 || $[35] !== t8 || $[36] !== t9) {
-		t12 = /* @__PURE__ */ jsxs("div", {
-			ref: wrapperRef,
-			className: t7,
-			...props,
-			children: [
-				children,
-				t8,
-				t9,
-				t10,
-				t11
-			]
-		});
-		$[30] = children;
-		$[31] = props;
-		$[32] = t10;
-		$[33] = t11;
-		$[34] = t7;
-		$[35] = t8;
-		$[36] = t9;
-		$[37] = t12;
-	} else t12 = $[37];
-	return t12;
+	}, [orientation]);
+	const h = orientation !== "vertical";
+	const v = orientation !== "horizontal";
+	const fade = "pointer-events-none absolute z-30 transition-opacity duration-200";
+	return /* @__PURE__ */ jsxs("div", {
+		ref: wrapperRef,
+		className: cn("relative", className),
+		...props,
+		children: [
+			children,
+			h && /* @__PURE__ */ jsx("div", {
+				className: cn(fade, "inset-y-0 bg-gradient-to-r from-background to-transparent", overflow.left ? "opacity-100" : "opacity-0"),
+				style: {
+					left: leftInset,
+					width: fadeSize
+				},
+				"aria-hidden": true
+			}),
+			h && /* @__PURE__ */ jsx("div", {
+				className: cn(fade, "inset-y-0 right-0 bg-gradient-to-l from-background to-transparent", overflow.right ? "opacity-100" : "opacity-0"),
+				style: { width: fadeSize },
+				"aria-hidden": true
+			}),
+			v && /* @__PURE__ */ jsx("div", {
+				className: cn(fade, "inset-x-0 top-0 bg-gradient-to-b from-background to-transparent", overflow.top ? "opacity-100" : "opacity-0"),
+				style: { height: fadeSize },
+				"aria-hidden": true
+			}),
+			v && /* @__PURE__ */ jsx("div", {
+				className: cn(fade, "inset-x-0 bottom-0 bg-gradient-to-t from-background to-transparent", overflow.bottom ? "opacity-100" : "opacity-0"),
+				style: { height: fadeSize },
+				"aria-hidden": true
+			})
+		]
+	});
 }
 
 //#endregion