@questpie/admin 3.0.2 → 3.0.4

package/dist/client/components/primitives/date-input.mjs

@@ -1,6 +1,6 @@
 "use client";
 
-import { useResolveText } from "../../i18n/hooks.mjs";
+import { useDateFnsLocale, useResolveText } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.mjs";
 import { c } from "react/compiler-runtime";
@@ -11,6 +11,29 @@ import { format } from "date-fns";
 import { DayPicker } from "react-day-picker";
 
 //#region src/client/components/primitives/date-input.tsx
+const datePickerClassNames = {
+	months: "flex flex-col sm:flex-row gap-2",
+	month: "flex flex-col gap-3",
+	month_caption: "relative flex h-9 items-center justify-center px-9",
+	caption_label: "text-foreground text-sm font-medium",
+	nav: "absolute inset-x-0 top-0 flex items-center justify-between px-1",
+	button_previous: cn("text-muted-foreground flex size-8 items-center justify-center rounded-md bg-transparent p-0 transition-[background-color,color,opacity] duration-150 ease-out", "hover:bg-surface-high hover:text-foreground"),
+	button_next: cn("text-muted-foreground flex size-8 items-center justify-center rounded-md bg-transparent p-0 transition-[background-color,color,opacity] duration-150 ease-out", "hover:bg-surface-high hover:text-foreground"),
+	month_grid: "w-full border-separate border-spacing-y-1",
+	weekdays: "flex",
+	weekday: "text-muted-foreground flex size-9 items-center justify-center text-[0.7rem] font-medium",
+	week: "flex w-full",
+	day: "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-transparent [&:has([aria-selected].day-outside)]:bg-transparent",
+	day_button: cn("size-9 rounded-[var(--control-radius-inner)] p-0 text-sm font-normal transition-[background-color,color,box-shadow,transform] duration-150 ease-out", "hover:bg-surface-high hover:text-foreground active:scale-[0.96]", "focus-visible:ring-ring/20 focus-visible:ring-3 focus-visible:outline-none"),
+	selected: "bg-foreground text-background shadow-[var(--control-shadow)] hover:bg-foreground hover:text-background focus:bg-foreground focus:text-background",
+	today: "bg-surface-mid text-foreground shadow-[inset_0_0_0_1px_var(--border-strong)]",
+	outside: "text-muted-foreground opacity-45",
+	disabled: "text-muted-foreground opacity-30",
+	hidden: "invisible"
+};
+const dateTriggerClassName = cn("control-surface font-chrome flex w-full items-center justify-start gap-2 px-3 py-2 text-sm", "hover:bg-surface-low hover:text-foreground", "focus-visible:border-border-strong focus-visible:ring-ring/20 aria-expanded:border-border-strong aria-expanded:ring-ring/20 focus-visible:ring-3 focus-visible:outline-none aria-expanded:ring-3", "disabled:cursor-not-allowed disabled:opacity-50");
+const openTriggerClassName = "border-border-strong ring-ring/20 ring-3";
+const datePopoverClassName = "floating-surface w-auto p-1";
 /**
 * Date Input Primitive
 *
@@ -27,11 +50,12 @@ import { DayPicker } from "react-day-picker";
 * ```
 */
 function DateInput(t0) {
-	const $ = c(40);
+	const $ = c(39);
 	const { value, onChange, minDate, maxDate, format: t1, placeholder: t2, disabled, className, id, "aria-invalid": ariaInvalid } = t0;
 	const dateFormat = t1 === void 0 ? "PP" : t1;
 	const placeholder = t2 === void 0 ? "Select date" : t2;
 	const resolveText = useResolveText();
+	const dateFnsLocale = useDateFnsLocale();
 	const [open, setOpen] = useState(false);
 	let t3;
 	if ($[0] !== onChange) {
@@ -53,152 +77,121 @@ function DateInput(t0) {
 		$[3] = t4;
 	} else t4 = $[3];
 	const handleClear = t4;
-	const t5 = !value && "text-muted-foreground";
-	let t6;
-	if ($[4] !== className || $[5] !== t5) {
-		t6 = cn("qa-date-input border-input bg-transparent font-mono flex h-9 w-full items-center justify-start gap-2 border px-3 py-2 text-sm", "hover:bg-accent hover:text-accent-foreground", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:cursor-not-allowed disabled:opacity-50", t5, className);
+	const t5 = open && openTriggerClassName;
+	const t6 = !value && "text-muted-foreground";
+	let t7;
+	if ($[4] !== className || $[5] !== t5 || $[6] !== t6) {
+		t7 = cn("qa-date-input", dateTriggerClassName, t5, t6, className);
 		$[4] = className;
 		$[5] = t5;
 		$[6] = t6;
-	} else t6 = $[6];
-	let t7;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:calendar-blank",
-			className: "size-4"
-		});
 		$[7] = t7;
 	} else t7 = $[7];
 	let t8;
-	if ($[8] !== dateFormat || $[9] !== placeholder || $[10] !== resolveText || $[11] !== value) {
-		t8 = value ? format(value, dateFormat) : resolveText(placeholder);
-		$[8] = dateFormat;
-		$[9] = placeholder;
-		$[10] = resolveText;
-		$[11] = value;
-		$[12] = t8;
-	} else t8 = $[12];
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:calendar-blank",
+			className: "size-4"
+		});
+		$[8] = t8;
+	} else t8 = $[8];
 	let t9;
-	if ($[13] !== t8) {
-		t9 = /* @__PURE__ */ jsx("span", {
+	if ($[9] !== dateFormat || $[10] !== placeholder || $[11] !== resolveText || $[12] !== value) {
+		t9 = value ? format(value, dateFormat) : resolveText(placeholder);
+		$[9] = dateFormat;
+		$[10] = placeholder;
+		$[11] = resolveText;
+		$[12] = value;
+		$[13] = t9;
+	} else t9 = $[13];
+	let t10;
+	if ($[14] !== t9) {
+		t10 = /* @__PURE__ */ jsx("span", {
 			className: "flex-1 text-left",
-			children: t8
+			children: t9
 		});
-		$[13] = t8;
 		$[14] = t9;
-	} else t9 = $[14];
-	let t10;
-	if ($[15] !== disabled || $[16] !== handleClear || $[17] !== value) {
-		t10 = value && !disabled && /* @__PURE__ */ jsx(Icon, {
+		$[15] = t10;
+	} else t10 = $[15];
+	let t11;
+	if ($[16] !== disabled || $[17] !== handleClear || $[18] !== value) {
+		t11 = value && !disabled && /* @__PURE__ */ jsx(Icon, {
 			icon: "ph:x",
 			className: "size-4 opacity-50 hover:opacity-100",
 			onClick: handleClear
 		});
-		$[15] = disabled;
-		$[16] = handleClear;
-		$[17] = value;
-		$[18] = t10;
-	} else t10 = $[18];
-	let t11;
-	if ($[19] !== ariaInvalid || $[20] !== disabled || $[21] !== id || $[22] !== t10 || $[23] !== t6 || $[24] !== t9) {
-		t11 = /* @__PURE__ */ jsxs(PopoverTrigger, {
+		$[16] = disabled;
+		$[17] = handleClear;
+		$[18] = value;
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== ariaInvalid || $[21] !== disabled || $[22] !== id || $[23] !== t10 || $[24] !== t11 || $[25] !== t7) {
+		t12 = /* @__PURE__ */ jsxs(PopoverTrigger, {
 			id,
 			disabled,
 			"aria-invalid": ariaInvalid,
-			className: t6,
+			className: t7,
 			children: [
-				t7,
-				t9,
-				t10
+				t8,
+				t10,
+				t11
 			]
 		});
-		$[19] = ariaInvalid;
-		$[20] = disabled;
-		$[21] = id;
-		$[22] = t10;
-		$[23] = t6;
-		$[24] = t9;
-		$[25] = t11;
-	} else t11 = $[25];
-	const t12 = value ?? void 0;
-	let t13;
-	if ($[26] !== maxDate || $[27] !== minDate) {
-		t13 = (date_0) => {
+		$[20] = ariaInvalid;
+		$[21] = disabled;
+		$[22] = id;
+		$[23] = t10;
+		$[24] = t11;
+		$[25] = t7;
+		$[26] = t12;
+	} else t12 = $[26];
+	const t13 = value ?? void 0;
+	let t14;
+	if ($[27] !== maxDate || $[28] !== minDate) {
+		t14 = (date_0) => {
 			if (minDate && date_0 < minDate) return true;
 			if (maxDate && date_0 > maxDate) return true;
 			return false;
 		};
-		$[26] = maxDate;
-		$[27] = minDate;
-		$[28] = t13;
-	} else t13 = $[28];
-	let t14;
-	let t15;
-	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-		t14 = cn("flex size-8 items-center justify-center", "hover:bg-accent bg-transparent p-0 opacity-50 hover:opacity-100");
-		t15 = cn("flex size-8 items-center justify-center", "hover:bg-accent bg-transparent p-0 opacity-50 hover:opacity-100");
+		$[27] = maxDate;
+		$[28] = minDate;
 		$[29] = t14;
-		$[30] = t15;
-	} else {
-		t14 = $[29];
-		t15 = $[30];
-	}
-	let t16;
-	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = {
-			months: "flex flex-col sm:flex-row gap-2",
-			month: "flex flex-col gap-4",
-			month_caption: "flex justify-center pt-1 relative items-center h-9",
-			caption_label: "text-sm font-medium",
-			nav: "absolute inset-x-0 top-0 flex items-center justify-between px-1",
-			button_previous: t14,
-			button_next: t15,
-			month_grid: "w-full border-collapse",
-			weekdays: "flex",
-			weekday: "text-muted-foreground w-9 font-normal text-[0.8rem] text-center",
-			week: "flex w-full mt-2",
-			day: "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent",
-			day_button: cn("size-9 p-0 font-normal", "hover:bg-accent hover:text-accent-foreground", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2"),
-			selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-			today: "bg-accent text-accent-foreground",
-			outside: "text-muted-foreground opacity-50",
-			disabled: "text-muted-foreground opacity-50",
-			hidden: "invisible"
-		};
-		$[31] = t16;
-	} else t16 = $[31];
-	let t17;
-	if ($[32] !== handleSelect || $[33] !== t12 || $[34] !== t13) {
-		t17 = /* @__PURE__ */ jsx(PopoverContent, {
-			className: "w-auto p-0",
+	} else t14 = $[29];
+	let t15;
+	if ($[30] !== dateFnsLocale || $[31] !== handleSelect || $[32] !== t13 || $[33] !== t14) {
+		t15 = /* @__PURE__ */ jsx(PopoverContent, {
+			className: datePopoverClassName,
 			align: "start",
 			children: /* @__PURE__ */ jsx(DayPicker, {
 				mode: "single",
-				selected: t12,
+				selected: t13,
 				onSelect: handleSelect,
-				disabled: t13,
-				className: "p-3",
-				classNames: t16
+				locale: dateFnsLocale,
+				disabled: t14,
+				className: "qa-date-picker font-chrome p-2",
+				classNames: datePickerClassNames
 			})
 		});
-		$[32] = handleSelect;
-		$[33] = t12;
-		$[34] = t13;
-		$[35] = t17;
-	} else t17 = $[35];
-	let t18;
-	if ($[36] !== open || $[37] !== t11 || $[38] !== t17) {
-		t18 = /* @__PURE__ */ jsxs(Popover, {
+		$[30] = dateFnsLocale;
+		$[31] = handleSelect;
+		$[32] = t13;
+		$[33] = t14;
+		$[34] = t15;
+	} else t15 = $[34];
+	let t16;
+	if ($[35] !== open || $[36] !== t12 || $[37] !== t15) {
+		t16 = /* @__PURE__ */ jsxs(Popover, {
 			open,
 			onOpenChange: setOpen,
-			children: [t11, t17]
+			children: [t12, t15]
 		});
-		$[36] = open;
-		$[37] = t11;
-		$[38] = t17;
-		$[39] = t18;
-	} else t18 = $[39];
-	return t18;
+		$[35] = open;
+		$[36] = t12;
+		$[37] = t15;
+		$[38] = t16;
+	} else t16 = $[38];
+	return t16;
 }
 /**
 * DateTime Input Primitive
@@ -215,12 +208,13 @@ function DateInput(t0) {
 * ```
 */
 function DateTimeInput(t0) {
-	const $ = c(55);
+	const $ = c(54);
 	const { value, onChange, minDate, maxDate, format: t1, precision: t2, placeholder: t3, disabled, className, id, "aria-invalid": ariaInvalid } = t0;
 	const dateFormat = t1 === void 0 ? "PPp" : t1;
 	const precision = t2 === void 0 ? "minute" : t2;
 	const placeholder = t3 === void 0 ? "Select date and time" : t3;
 	const resolveText = useResolveText();
+	const dateFnsLocale = useDateFnsLocale();
 	const [open, setOpen] = useState(false);
 	let t4;
 	if ($[0] !== precision || $[1] !== value) {
@@ -279,182 +273,151 @@ function DateTimeInput(t0) {
 		$[10] = t7;
 	} else t7 = $[10];
 	const handleClear = t7;
-	const t8 = !value && "text-muted-foreground";
-	let t9;
-	if ($[11] !== className || $[12] !== t8) {
-		t9 = cn("qa-datetime-input border-input bg-transparent font-mono flex h-9 w-full items-center justify-start gap-2 border px-3 py-2 text-sm", "hover:bg-accent hover:text-accent-foreground", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:cursor-not-allowed disabled:opacity-50", t8, className);
+	const t8 = open && openTriggerClassName;
+	const t9 = !value && "text-muted-foreground";
+	let t10;
+	if ($[11] !== className || $[12] !== t8 || $[13] !== t9) {
+		t10 = cn("qa-datetime-input", dateTriggerClassName, t8, t9, className);
 		$[11] = className;
 		$[12] = t8;
 		$[13] = t9;
-	} else t9 = $[13];
-	let t10;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:calendar-blank",
-			className: "size-4"
-		});
 		$[14] = t10;
 	} else t10 = $[14];
 	let t11;
-	if ($[15] !== dateFormat || $[16] !== placeholder || $[17] !== resolveText || $[18] !== value) {
-		t11 = value ? format(value, dateFormat) : resolveText(placeholder);
-		$[15] = dateFormat;
-		$[16] = placeholder;
-		$[17] = resolveText;
-		$[18] = value;
-		$[19] = t11;
-	} else t11 = $[19];
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:calendar-blank",
+			className: "size-4"
+		});
+		$[15] = t11;
+	} else t11 = $[15];
 	let t12;
-	if ($[20] !== t11) {
-		t12 = /* @__PURE__ */ jsx("span", {
+	if ($[16] !== dateFormat || $[17] !== placeholder || $[18] !== resolveText || $[19] !== value) {
+		t12 = value ? format(value, dateFormat) : resolveText(placeholder);
+		$[16] = dateFormat;
+		$[17] = placeholder;
+		$[18] = resolveText;
+		$[19] = value;
+		$[20] = t12;
+	} else t12 = $[20];
+	let t13;
+	if ($[21] !== t12) {
+		t13 = /* @__PURE__ */ jsx("span", {
 			className: "flex-1 text-left",
-			children: t11
+			children: t12
 		});
-		$[20] = t11;
 		$[21] = t12;
-	} else t12 = $[21];
-	let t13;
-	if ($[22] !== disabled || $[23] !== handleClear || $[24] !== value) {
-		t13 = value && !disabled && /* @__PURE__ */ jsx(Icon, {
+		$[22] = t13;
+	} else t13 = $[22];
+	let t14;
+	if ($[23] !== disabled || $[24] !== handleClear || $[25] !== value) {
+		t14 = value && !disabled && /* @__PURE__ */ jsx(Icon, {
 			icon: "ph:x",
 			className: "size-4 opacity-50 hover:opacity-100",
 			onClick: handleClear
 		});
-		$[22] = disabled;
-		$[23] = handleClear;
-		$[24] = value;
-		$[25] = t13;
-	} else t13 = $[25];
-	let t14;
-	if ($[26] !== ariaInvalid || $[27] !== disabled || $[28] !== id || $[29] !== t12 || $[30] !== t13 || $[31] !== t9) {
-		t14 = /* @__PURE__ */ jsxs(PopoverTrigger, {
+		$[23] = disabled;
+		$[24] = handleClear;
+		$[25] = value;
+		$[26] = t14;
+	} else t14 = $[26];
+	let t15;
+	if ($[27] !== ariaInvalid || $[28] !== disabled || $[29] !== id || $[30] !== t10 || $[31] !== t13 || $[32] !== t14) {
+		t15 = /* @__PURE__ */ jsxs(PopoverTrigger, {
 			id,
 			disabled,
 			"aria-invalid": ariaInvalid,
-			className: t9,
+			className: t10,
 			children: [
-				t10,
-				t12,
-				t13
+				t11,
+				t13,
+				t14
 			]
 		});
-		$[26] = ariaInvalid;
-		$[27] = disabled;
-		$[28] = id;
-		$[29] = t12;
-		$[30] = t13;
-		$[31] = t9;
+		$[27] = ariaInvalid;
+		$[28] = disabled;
+		$[29] = id;
+		$[30] = t10;
+		$[31] = t13;
 		$[32] = t14;
-	} else t14 = $[32];
-	const t15 = value ?? void 0;
-	let t16;
-	if ($[33] !== maxDate || $[34] !== minDate) {
-		t16 = (date_0) => {
+		$[33] = t15;
+	} else t15 = $[33];
+	const t16 = value ?? void 0;
+	let t17;
+	if ($[34] !== maxDate || $[35] !== minDate) {
+		t17 = (date_0) => {
 			if (minDate && date_0 < minDate) return true;
 			if (maxDate && date_0 > maxDate) return true;
 			return false;
 		};
-		$[33] = maxDate;
-		$[34] = minDate;
-		$[35] = t16;
-	} else t16 = $[35];
-	let t17;
-	let t18;
-	if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
-		t17 = cn("flex size-8 items-center justify-center", "hover:bg-accent bg-transparent p-0 opacity-50 hover:opacity-100");
-		t18 = cn("flex size-8 items-center justify-center", "hover:bg-accent bg-transparent p-0 opacity-50 hover:opacity-100");
+		$[34] = maxDate;
+		$[35] = minDate;
 		$[36] = t17;
-		$[37] = t18;
-	} else {
-		t17 = $[36];
-		t18 = $[37];
-	}
-	let t19;
-	if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
-		t19 = {
-			months: "flex flex-col sm:flex-row gap-2",
-			month: "flex flex-col gap-4",
-			month_caption: "flex justify-center pt-1 relative items-center h-9",
-			caption_label: "text-sm font-medium",
-			nav: "absolute inset-x-0 top-0 flex items-center justify-between px-1",
-			button_previous: t17,
-			button_next: t18,
-			month_grid: "w-full border-collapse",
-			weekdays: "flex",
-			weekday: "text-muted-foreground w-9 font-normal text-[0.8rem] text-center",
-			week: "flex w-full mt-2",
-			day: "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent",
-			day_button: cn("size-9 p-0 font-normal", "hover:bg-accent hover:text-accent-foreground", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2"),
-			selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-			today: "bg-accent text-accent-foreground",
-			outside: "text-muted-foreground opacity-50",
-			disabled: "text-muted-foreground opacity-50",
-			hidden: "invisible"
-		};
-		$[38] = t19;
-	} else t19 = $[38];
-	let t20;
-	if ($[39] !== handleDateSelect || $[40] !== t15 || $[41] !== t16) {
-		t20 = /* @__PURE__ */ jsx(DayPicker, {
+	} else t17 = $[36];
+	let t18;
+	if ($[37] !== dateFnsLocale || $[38] !== handleDateSelect || $[39] !== t16 || $[40] !== t17) {
+		t18 = /* @__PURE__ */ jsx(DayPicker, {
 			mode: "single",
-			selected: t15,
+			selected: t16,
 			onSelect: handleDateSelect,
-			disabled: t16,
-			className: "p-3",
-			classNames: t19
+			locale: dateFnsLocale,
+			disabled: t17,
+			className: "qa-date-picker font-chrome p-2",
+			classNames: datePickerClassNames
 		});
-		$[39] = handleDateSelect;
-		$[40] = t15;
-		$[41] = t16;
+		$[37] = dateFnsLocale;
+		$[38] = handleDateSelect;
+		$[39] = t16;
+		$[40] = t17;
+		$[41] = t18;
+	} else t18 = $[41];
+	const t19 = precision === "second" ? 1 : 60;
+	let t20;
+	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+		t20 = cn("qa-time-input control-surface flex w-full px-3 py-2 text-sm", "focus-visible:border-border-strong focus-visible:ring-ring/20 focus-visible:ring-3 focus-visible:outline-none");
 		$[42] = t20;
 	} else t20 = $[42];
-	const t21 = precision === "second" ? 1 : 60;
-	let t22;
-	if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
-		t22 = cn("border-input bg-transparent font-mono flex h-9 w-full border px-3 py-2 text-sm", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none");
-		$[43] = t22;
-	} else t22 = $[43];
-	let t23;
-	if ($[44] !== handleTimeChange || $[45] !== t21 || $[46] !== timeValue) {
-		t23 = /* @__PURE__ */ jsx("div", {
-			className: "border-border border-t p-3",
+	let t21;
+	if ($[43] !== handleTimeChange || $[44] !== t19 || $[45] !== timeValue) {
+		t21 = /* @__PURE__ */ jsx("div", {
+			className: "border-border-subtle bg-surface-low/60 border-t p-3",
 			children: /* @__PURE__ */ jsx("input", {
 				type: "time",
-				step: t21,
+				step: t19,
 				value: timeValue,
 				onChange: handleTimeChange,
-				className: t22
+				className: t20
 			})
 		});
-		$[44] = handleTimeChange;
-		$[45] = t21;
-		$[46] = timeValue;
-		$[47] = t23;
-	} else t23 = $[47];
-	let t24;
-	if ($[48] !== t20 || $[49] !== t23) {
-		t24 = /* @__PURE__ */ jsxs(PopoverContent, {
-			className: "w-auto p-0",
+		$[43] = handleTimeChange;
+		$[44] = t19;
+		$[45] = timeValue;
+		$[46] = t21;
+	} else t21 = $[46];
+	let t22;
+	if ($[47] !== t18 || $[48] !== t21) {
+		t22 = /* @__PURE__ */ jsxs(PopoverContent, {
+			className: datePopoverClassName,
 			align: "start",
-			children: [t20, t23]
+			children: [t18, t21]
 		});
-		$[48] = t20;
-		$[49] = t23;
-		$[50] = t24;
-	} else t24 = $[50];
-	let t25;
-	if ($[51] !== open || $[52] !== t14 || $[53] !== t24) {
-		t25 = /* @__PURE__ */ jsxs(Popover, {
+		$[47] = t18;
+		$[48] = t21;
+		$[49] = t22;
+	} else t22 = $[49];
+	let t23;
+	if ($[50] !== open || $[51] !== t15 || $[52] !== t22) {
+		t23 = /* @__PURE__ */ jsxs(Popover, {
 			open,
 			onOpenChange: setOpen,
-			children: [t14, t24]
+			children: [t15, t22]
 		});
-		$[51] = open;
-		$[52] = t14;
-		$[53] = t24;
-		$[54] = t25;
-	} else t25 = $[54];
-	return t25;
+		$[50] = open;
+		$[51] = t15;
+		$[52] = t22;
+		$[53] = t23;
+	} else t23 = $[53];
+	return t23;
 }
 
 //#endregion