@questpie/admin 2.0.0 → 3.0.0

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

@@ -1,85 +1,325 @@
 "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 SelectValue({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select.Value, {
-		"data-slot": "select-value",
-		className: cn("flex flex-1 text-left", 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 SelectTrigger({ className, size = "default", children, ...props }) {
-	return /* @__PURE__ */ jsxs(Select.Trigger, {
-		"data-slot": "select-trigger",
-		"data-size": size,
-		className: cn("border-input/80 data-[placeholder]:text-muted-foreground bg-input/20 backdrop-blur-sm focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-2 border px-3 py-2 text-sm transition-all focus-visible:ring-[2px] aria-invalid:ring-[2px] data-[size=default]:h-9 data-[size=sm]:h-7 data-[size=sm]:px-2.5 data-[size=sm]:text-xs *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
-		...props,
-		children: [children, /* @__PURE__ */ jsx(Select.Icon, { render: /* @__PURE__ */ jsx(Icon, {
+function SelectTrigger(t0) {
+	const $ = c(13);
+	let children;
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, size: t1, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+	}
+	const size = t1 === void 0 ? "default" : t1;
+	let t2;
+	if ($[5] !== className) {
+		t2 = cn("qa-select__trigger border-input data-[placeholder]:text-muted-foreground bg-transparent font-mono focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex w-fit items-center justify-between gap-2 border px-3 py-2 text-sm whitespace-nowrap transition-all outline-none focus-visible:ring-[2px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[2px] data-[size=default]:h-9 data-[size=sm]:h-7 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);
+		$[5] = className;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Select.Icon, { render: /* @__PURE__ */ jsx(Icon, {
 			icon: "ph:caret-down",
-			className: "text-muted-foreground size-4 pointer-events-none"
-		}) })]
-	});
+			className: "text-muted-foreground pointer-events-none size-4"
+		}) });
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== children || $[9] !== props || $[10] !== size || $[11] !== t2) {
+		t4 = /* @__PURE__ */ jsxs(Select.Trigger, {
+			"data-slot": "select-trigger",
+			"data-size": size,
+			className: t2,
+			...props,
+			children: [children, t3]
+		});
+		$[8] = children;
+		$[9] = props;
+		$[10] = size;
+		$[11] = t2;
+		$[12] = t4;
+	} else t4 = $[12];
+	return t4;
 }
-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, {
+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 bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-border relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto border duration-100", 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, {
 			"data-slot": "select-content",
-			className: cn("bg-popover/20 backdrop-blur-xl text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border border-border/60 min-w-32 shadow-lg duration-100 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto", className),
+			className: t6,
 			...props,
 			children: [
-				/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-				/* @__PURE__ */ jsx(Select.List, { children }),
-				/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+				t7,
+				t8,
+				t9
 			]
-		})
-	}) });
+		});
+		$[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 SelectItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Select.Item, {
-		"data-slot": "select-item",
-		className: cn("focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground min-h-9 gap-2 px-3 py-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
-		...props,
-		children: [/* @__PURE__ */ jsx(Select.ItemText, {
-			className: "flex flex-1 gap-2 shrink-0 whitespace-nowrap",
+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 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, {
+			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
 			children
-		}), /* @__PURE__ */ jsx(Select.ItemIndicator, {
+		});
+		$[6] = children;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__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 SelectScrollUpButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
-		"data-slot": "select-scroll-up-button",
-		className: cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-3.5 top-0 w-full", className),
-		...props,
-		children: /* @__PURE__ */ jsx(Icon, { icon: "ph:caret-up" })
-	});
+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 SelectScrollDownButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
-		"data-slot": "select-scroll-down-button",
-		className: cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-3.5 bottom-0 w-full", className),
-		...props,
-		children: /* @__PURE__ */ jsx(Icon, { icon: "ph:caret-down" })
-	});
+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;
 }
 
 //#endregion
-export { Select$1 as Select, SelectContent, SelectItem, SelectTrigger, SelectValue };
-//# sourceMappingURL=select.mjs.map
+export { Select$1 as Select, SelectContent, SelectItem, SelectTrigger, SelectValue };

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

@@ -1,17 +1,47 @@
 import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { Separator } from "@base-ui/react/separator";
 
 //#region src/client/components/ui/separator.tsx
-function Separator$1({ className, orientation = "horizontal", ...props }) {
-	return /* @__PURE__ */ jsx(Separator, {
-		"data-slot": "separator",
-		orientation,
-		className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch", className),
-		...props
-	});
+function Separator$1(t0) {
+	const $ = c(10);
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, orientation: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const orientation = t1 === void 0 ? "horizontal" : t1;
+	let t2;
+	if ($[4] !== className) {
+		t2 = cn("qa-separator bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch", className);
+		$[4] = className;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== orientation || $[7] !== props || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Separator, {
+			"data-slot": "separator",
+			orientation,
+			className: t2,
+			...props
+		});
+		$[6] = orientation;
+		$[7] = props;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
 }
 
 //#endregion
-export { Separator$1 as Separator };
-//# sourceMappingURL=separator.mjs.map
+export { Separator$1 as Separator };