@stll/folio-react 0.25.2 → 0.26.0

package/dist/PageSetupDialog-DD6IEZAo.js

@@ -0,0 +1,805 @@
+import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
+import { r as useFolioUI } from "./folio-ui-rCHqCEG6.js";
+import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
+import { c } from "react-compiler-runtime";
+import { useId, useState } from "react";
+import { useTranslations } from "use-intl";
+import { TWIPS_PER_INCH } from "@stll/folio-core/utils/units";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/dialogs/PageSetupDialog.tsx
+/**
+* Page Setup Dialog
+*
+* Modal for editing page layout properties:
+* - Page size (Letter, A4, Legal, etc.)
+* - Orientation (portrait/landscape)
+* - Margins (top, bottom, left, right) in inches
+*/
+var PageSetupDialog_exports = /* @__PURE__ */ __exportAll({ PageSetupDialog: () => PageSetupDialog });
+/** Common page sizes in twips (width x height in portrait orientation) */
+const PAGE_SIZES = [
+	{
+		label: "Letter (8.5\" × 11\")",
+		width: 12240,
+		height: 15840
+	},
+	{
+		label: "A4 (8.27\" × 11.69\")",
+		width: 11906,
+		height: 16838
+	},
+	{
+		label: "Legal (8.5\" × 14\")",
+		width: 12240,
+		height: 20160
+	},
+	{
+		label: "A3 (11.69\" × 16.54\")",
+		width: 16838,
+		height: 23811
+	},
+	{
+		label: "A5 (5.83\" × 8.27\")",
+		width: 8391,
+		height: 11906
+	},
+	{
+		label: "B5 (6.93\" × 9.84\")",
+		width: 9979,
+		height: 14175
+	},
+	{
+		label: "Executive (7.25\" × 10.5\")",
+		width: 10440,
+		height: 15120
+	}
+];
+function twipsToInches(twips) {
+	return Math.round(twips / TWIPS_PER_INCH * 100) / 100;
+}
+function inchesToTwips(inches) {
+	return Math.round(inches * TWIPS_PER_INCH);
+}
+/** Find matching page size preset, ignoring orientation */
+function findPageSizeIndex(w, h) {
+	const pw = Math.min(w, h);
+	const ph = Math.max(w, h);
+	return PAGE_SIZES.findIndex((s) => Math.abs(s.width - pw) < 20 && Math.abs(s.height - ph) < 20);
+}
+const DEFAULT_WIDTH = 12240;
+const DEFAULT_HEIGHT = 15840;
+const DEFAULT_MARGIN = 1440;
+function PageSetupDialog(props) {
+	const $ = c(5);
+	if (!props.isOpen) return null;
+	let t0;
+	if ($[0] !== props.currentProps) {
+		t0 = JSON.stringify(props.currentProps);
+		$[0] = props.currentProps;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== props || $[3] !== t0) {
+		t1 = /* @__PURE__ */ jsx(PageSetupDialogForm, { ...props }, t0);
+		$[2] = props;
+		$[3] = t0;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
+}
+function PageSetupDialogForm(t0) {
+	const $ = c(193);
+	const { isOpen, onClose, onApply, currentProps } = t0;
+	const { Root: Dialog, Portal: DialogPortal, Backdrop: DialogBackdrop, Popup: DialogPopup, Title: DialogTitle, Close: DialogClose } = useFolioUI().Dialog;
+	const handleOpenChange = useCloseOnDialogOpenChange(onClose);
+	const t = useTranslations("folio");
+	const id = useId();
+	const [pageWidth, setPageWidth] = useState(currentProps?.pageWidth || DEFAULT_WIDTH);
+	const [pageHeight, setPageHeight] = useState(currentProps?.pageHeight || DEFAULT_HEIGHT);
+	const [orientation, setOrientation] = useState(currentProps?.orientation || (pageWidth > pageHeight ? "landscape" : "portrait"));
+	const [marginTop, setMarginTop] = useState(currentProps?.marginTop ?? DEFAULT_MARGIN);
+	const [marginBottom, setMarginBottom] = useState(currentProps?.marginBottom ?? DEFAULT_MARGIN);
+	const [marginLeft, setMarginLeft] = useState(currentProps?.marginLeft ?? DEFAULT_MARGIN);
+	const [marginRight, setMarginRight] = useState(currentProps?.marginRight ?? DEFAULT_MARGIN);
+	let t1;
+	if ($[0] !== orientation) {
+		t1 = (index) => {
+			if (index < 0) return;
+			const size = PAGE_SIZES[index];
+			if (!size) return;
+			if (orientation === "landscape") {
+				setPageWidth(size.height);
+				setPageHeight(size.width);
+			} else {
+				setPageWidth(size.width);
+				setPageHeight(size.height);
+			}
+		};
+		$[0] = orientation;
+		$[1] = t1;
+	} else t1 = $[1];
+	const handlePageSizeChange = t1;
+	let t2;
+	if ($[2] !== orientation || $[3] !== pageHeight || $[4] !== pageWidth) {
+		t2 = (newOrientation) => {
+			if (newOrientation === orientation) return;
+			setOrientation(newOrientation);
+			setPageWidth(pageHeight);
+			setPageHeight(pageWidth);
+		};
+		$[2] = orientation;
+		$[3] = pageHeight;
+		$[4] = pageWidth;
+		$[5] = t2;
+	} else t2 = $[5];
+	const handleOrientationChange = t2;
+	let t3;
+	if ($[6] !== marginBottom || $[7] !== marginLeft || $[8] !== marginRight || $[9] !== marginTop || $[10] !== onApply || $[11] !== onClose || $[12] !== orientation || $[13] !== pageHeight || $[14] !== pageWidth) {
+		t3 = () => {
+			onApply({
+				pageWidth,
+				pageHeight,
+				orientation,
+				marginTop,
+				marginBottom,
+				marginLeft,
+				marginRight
+			});
+			onClose();
+		};
+		$[6] = marginBottom;
+		$[7] = marginLeft;
+		$[8] = marginRight;
+		$[9] = marginTop;
+		$[10] = onApply;
+		$[11] = onClose;
+		$[12] = orientation;
+		$[13] = pageHeight;
+		$[14] = pageWidth;
+		$[15] = t3;
+	} else t3 = $[15];
+	const handleApply = t3;
+	const sizeIndex = findPageSizeIndex(pageWidth, pageHeight);
+	const t4 = `${id}-ps-size`;
+	const t5 = `${id}-ps-orientation`;
+	const t6 = `${id}-ps-margin-top`;
+	const t7 = `${id}-ps-margin-bottom`;
+	const t8 = `${id}-ps-margin-left`;
+	const t9 = `${id}-ps-margin-right`;
+	let t10;
+	if ($[16] !== t4 || $[17] !== t5 || $[18] !== t6 || $[19] !== t7 || $[20] !== t8 || $[21] !== t9) {
+		t10 = {
+			size: t4,
+			orientation: t5,
+			marginTop: t6,
+			marginBottom: t7,
+			marginLeft: t8,
+			marginRight: t9
+		};
+		$[16] = t4;
+		$[17] = t5;
+		$[18] = t6;
+		$[19] = t7;
+		$[20] = t8;
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
+	const fieldIds = t10;
+	let t11;
+	if ($[23] !== DialogBackdrop) {
+		t11 = /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 z-[10000] bg-black/50" });
+		$[23] = DialogBackdrop;
+		$[24] = t11;
+	} else t11 = $[24];
+	let t12;
+	if ($[25] !== t) {
+		t12 = t("dialogs.pageSetup.title");
+		$[25] = t;
+		$[26] = t12;
+	} else t12 = $[26];
+	let t13;
+	if ($[27] !== DialogTitle || $[28] !== t12) {
+		t13 = /* @__PURE__ */ jsx(DialogTitle, {
+			className: "border-b px-5 py-3 text-base font-semibold",
+			children: t12
+		});
+		$[27] = DialogTitle;
+		$[28] = t12;
+		$[29] = t13;
+	} else t13 = $[29];
+	let t14;
+	if ($[30] !== t) {
+		t14 = t("dialogs.pageSetup.pageSize");
+		$[30] = t;
+		$[31] = t14;
+	} else t14 = $[31];
+	let t15;
+	if ($[32] !== t14) {
+		t15 = /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground text-xs font-semibold uppercase tracking-wide",
+			children: t14
+		});
+		$[32] = t14;
+		$[33] = t15;
+	} else t15 = $[33];
+	const t16 = fieldIds.size;
+	let t17;
+	if ($[34] !== t) {
+		t17 = t("dialogs.pageSetup.sizeLabel");
+		$[34] = t;
+		$[35] = t17;
+	} else t17 = $[35];
+	let t18;
+	if ($[36] !== fieldIds.size || $[37] !== t17) {
+		t18 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t16,
+			className: "w-20 text-muted-foreground text-[13px]",
+			children: t17
+		});
+		$[36] = fieldIds.size;
+		$[37] = t17;
+		$[38] = t18;
+	} else t18 = $[38];
+	const t19 = fieldIds.size;
+	let t20;
+	if ($[39] !== handlePageSizeChange) {
+		t20 = (e) => handlePageSizeChange(Number(e.target.value));
+		$[39] = handlePageSizeChange;
+		$[40] = t20;
+	} else t20 = $[40];
+	let t21;
+	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+		t21 = PAGE_SIZES.map(_temp);
+		$[41] = t21;
+	} else t21 = $[41];
+	let t22;
+	if ($[42] !== sizeIndex || $[43] !== t) {
+		t22 = sizeIndex < 0 && /* @__PURE__ */ jsx("option", {
+			value: -1,
+			children: t("dialogs.pageSetup.custom")
+		});
+		$[42] = sizeIndex;
+		$[43] = t;
+		$[44] = t22;
+	} else t22 = $[44];
+	let t23;
+	if ($[45] !== fieldIds.size || $[46] !== sizeIndex || $[47] !== t20 || $[48] !== t22) {
+		t23 = /* @__PURE__ */ jsxs("select", {
+			id: t19,
+			className: "border-input bg-background text-foreground flex-1 rounded border px-2 py-1.5 text-[13px] outline-none",
+			value: sizeIndex,
+			onChange: t20,
+			children: [t21, t22]
+		});
+		$[45] = fieldIds.size;
+		$[46] = sizeIndex;
+		$[47] = t20;
+		$[48] = t22;
+		$[49] = t23;
+	} else t23 = $[49];
+	let t24;
+	if ($[50] !== t18 || $[51] !== t23) {
+		t24 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [t18, t23]
+		});
+		$[50] = t18;
+		$[51] = t23;
+		$[52] = t24;
+	} else t24 = $[52];
+	const t25 = fieldIds.orientation;
+	let t26;
+	if ($[53] !== t) {
+		t26 = t("dialogs.pageSetup.orientation");
+		$[53] = t;
+		$[54] = t26;
+	} else t26 = $[54];
+	let t27;
+	if ($[55] !== fieldIds.orientation || $[56] !== t26) {
+		t27 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t25,
+			className: "w-20 text-muted-foreground text-[13px]",
+			children: t26
+		});
+		$[55] = fieldIds.orientation;
+		$[56] = t26;
+		$[57] = t27;
+	} else t27 = $[57];
+	const t28 = fieldIds.orientation;
+	let t29;
+	if ($[58] !== handleOrientationChange) {
+		t29 = (e_0) => handleOrientationChange(e_0.target.value);
+		$[58] = handleOrientationChange;
+		$[59] = t29;
+	} else t29 = $[59];
+	let t30;
+	if ($[60] !== t) {
+		t30 = t("dialogs.pageSetup.portrait");
+		$[60] = t;
+		$[61] = t30;
+	} else t30 = $[61];
+	let t31;
+	if ($[62] !== t30) {
+		t31 = /* @__PURE__ */ jsx("option", {
+			value: "portrait",
+			children: t30
+		});
+		$[62] = t30;
+		$[63] = t31;
+	} else t31 = $[63];
+	let t32;
+	if ($[64] !== t) {
+		t32 = t("dialogs.pageSetup.landscape");
+		$[64] = t;
+		$[65] = t32;
+	} else t32 = $[65];
+	let t33;
+	if ($[66] !== t32) {
+		t33 = /* @__PURE__ */ jsx("option", {
+			value: "landscape",
+			children: t32
+		});
+		$[66] = t32;
+		$[67] = t33;
+	} else t33 = $[67];
+	let t34;
+	if ($[68] !== fieldIds.orientation || $[69] !== orientation || $[70] !== t29 || $[71] !== t31 || $[72] !== t33) {
+		t34 = /* @__PURE__ */ jsxs("select", {
+			id: t28,
+			className: "border-input bg-background text-foreground flex-1 rounded border px-2 py-1.5 text-[13px] outline-none",
+			value: orientation,
+			onChange: t29,
+			children: [t31, t33]
+		});
+		$[68] = fieldIds.orientation;
+		$[69] = orientation;
+		$[70] = t29;
+		$[71] = t31;
+		$[72] = t33;
+		$[73] = t34;
+	} else t34 = $[73];
+	let t35;
+	if ($[74] !== t27 || $[75] !== t34) {
+		t35 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [t27, t34]
+		});
+		$[74] = t27;
+		$[75] = t34;
+		$[76] = t35;
+	} else t35 = $[76];
+	let t36;
+	if ($[77] !== t) {
+		t36 = t("dialogs.pageSetup.margins");
+		$[77] = t;
+		$[78] = t36;
+	} else t36 = $[78];
+	let t37;
+	if ($[79] !== t36) {
+		t37 = /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground text-xs font-semibold uppercase tracking-wide mt-1",
+			children: t36
+		});
+		$[79] = t36;
+		$[80] = t37;
+	} else t37 = $[80];
+	const t38 = fieldIds.marginTop;
+	let t39;
+	if ($[81] !== t) {
+		t39 = t("dialogs.pageSetup.top");
+		$[81] = t;
+		$[82] = t39;
+	} else t39 = $[82];
+	let t40;
+	if ($[83] !== fieldIds.marginTop || $[84] !== t39) {
+		t40 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t38,
+			className: "w-20 text-muted-foreground text-[13px]",
+			children: t39
+		});
+		$[83] = fieldIds.marginTop;
+		$[84] = t39;
+		$[85] = t40;
+	} else t40 = $[85];
+	const t41 = fieldIds.marginTop;
+	let t42;
+	if ($[86] !== marginTop) {
+		t42 = twipsToInches(marginTop);
+		$[86] = marginTop;
+		$[87] = t42;
+	} else t42 = $[87];
+	let t43;
+	if ($[88] === Symbol.for("react.memo_cache_sentinel")) {
+		t43 = (e_1) => setMarginTop(inchesToTwips(Number(e_1.target.value) || 0));
+		$[88] = t43;
+	} else t43 = $[88];
+	let t44;
+	if ($[89] !== fieldIds.marginTop || $[90] !== t42) {
+		t44 = /* @__PURE__ */ jsx("input", {
+			id: t41,
+			type: "number",
+			className: "border-input bg-background text-foreground flex-1 rounded border px-2 py-1.5 text-[13px] outline-none",
+			min: 0,
+			max: 10,
+			step: .1,
+			value: t42,
+			onChange: t43
+		});
+		$[89] = fieldIds.marginTop;
+		$[90] = t42;
+		$[91] = t44;
+	} else t44 = $[91];
+	let t45;
+	if ($[92] !== t) {
+		t45 = t("dialogs.pageSetup.unitInches");
+		$[92] = t;
+		$[93] = t45;
+	} else t45 = $[93];
+	let t46;
+	if ($[94] !== t45) {
+		t46 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground w-4 text-[11px]",
+			children: t45
+		});
+		$[94] = t45;
+		$[95] = t46;
+	} else t46 = $[95];
+	let t47;
+	if ($[96] !== t40 || $[97] !== t44 || $[98] !== t46) {
+		t47 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [
+				t40,
+				t44,
+				t46
+			]
+		});
+		$[96] = t40;
+		$[97] = t44;
+		$[98] = t46;
+		$[99] = t47;
+	} else t47 = $[99];
+	const t48 = fieldIds.marginBottom;
+	let t49;
+	if ($[100] !== t) {
+		t49 = t("dialogs.pageSetup.bottom");
+		$[100] = t;
+		$[101] = t49;
+	} else t49 = $[101];
+	let t50;
+	if ($[102] !== fieldIds.marginBottom || $[103] !== t49) {
+		t50 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t48,
+			className: "w-20 text-muted-foreground text-[13px]",
+			children: t49
+		});
+		$[102] = fieldIds.marginBottom;
+		$[103] = t49;
+		$[104] = t50;
+	} else t50 = $[104];
+	const t51 = fieldIds.marginBottom;
+	let t52;
+	if ($[105] !== marginBottom) {
+		t52 = twipsToInches(marginBottom);
+		$[105] = marginBottom;
+		$[106] = t52;
+	} else t52 = $[106];
+	let t53;
+	if ($[107] === Symbol.for("react.memo_cache_sentinel")) {
+		t53 = (e_2) => setMarginBottom(inchesToTwips(Number(e_2.target.value) || 0));
+		$[107] = t53;
+	} else t53 = $[107];
+	let t54;
+	if ($[108] !== fieldIds.marginBottom || $[109] !== t52) {
+		t54 = /* @__PURE__ */ jsx("input", {
+			id: t51,
+			type: "number",
+			className: "border-input bg-background text-foreground flex-1 rounded border px-2 py-1.5 text-[13px] outline-none",
+			min: 0,
+			max: 10,
+			step: .1,
+			value: t52,
+			onChange: t53
+		});
+		$[108] = fieldIds.marginBottom;
+		$[109] = t52;
+		$[110] = t54;
+	} else t54 = $[110];
+	let t55;
+	if ($[111] !== t) {
+		t55 = t("dialogs.pageSetup.unitInches");
+		$[111] = t;
+		$[112] = t55;
+	} else t55 = $[112];
+	let t56;
+	if ($[113] !== t55) {
+		t56 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground w-4 text-[11px]",
+			children: t55
+		});
+		$[113] = t55;
+		$[114] = t56;
+	} else t56 = $[114];
+	let t57;
+	if ($[115] !== t50 || $[116] !== t54 || $[117] !== t56) {
+		t57 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [
+				t50,
+				t54,
+				t56
+			]
+		});
+		$[115] = t50;
+		$[116] = t54;
+		$[117] = t56;
+		$[118] = t57;
+	} else t57 = $[118];
+	const t58 = fieldIds.marginLeft;
+	let t59;
+	if ($[119] !== t) {
+		t59 = t("dialogs.pageSetup.left");
+		$[119] = t;
+		$[120] = t59;
+	} else t59 = $[120];
+	let t60;
+	if ($[121] !== fieldIds.marginLeft || $[122] !== t59) {
+		t60 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t58,
+			className: "w-20 text-muted-foreground text-[13px]",
+			children: t59
+		});
+		$[121] = fieldIds.marginLeft;
+		$[122] = t59;
+		$[123] = t60;
+	} else t60 = $[123];
+	const t61 = fieldIds.marginLeft;
+	let t62;
+	if ($[124] !== marginLeft) {
+		t62 = twipsToInches(marginLeft);
+		$[124] = marginLeft;
+		$[125] = t62;
+	} else t62 = $[125];
+	let t63;
+	if ($[126] === Symbol.for("react.memo_cache_sentinel")) {
+		t63 = (e_3) => setMarginLeft(inchesToTwips(Number(e_3.target.value) || 0));
+		$[126] = t63;
+	} else t63 = $[126];
+	let t64;
+	if ($[127] !== fieldIds.marginLeft || $[128] !== t62) {
+		t64 = /* @__PURE__ */ jsx("input", {
+			id: t61,
+			type: "number",
+			className: "border-input bg-background text-foreground flex-1 rounded border px-2 py-1.5 text-[13px] outline-none",
+			min: 0,
+			max: 10,
+			step: .1,
+			value: t62,
+			onChange: t63
+		});
+		$[127] = fieldIds.marginLeft;
+		$[128] = t62;
+		$[129] = t64;
+	} else t64 = $[129];
+	let t65;
+	if ($[130] !== t) {
+		t65 = t("dialogs.pageSetup.unitInches");
+		$[130] = t;
+		$[131] = t65;
+	} else t65 = $[131];
+	let t66;
+	if ($[132] !== t65) {
+		t66 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground w-4 text-[11px]",
+			children: t65
+		});
+		$[132] = t65;
+		$[133] = t66;
+	} else t66 = $[133];
+	let t67;
+	if ($[134] !== t60 || $[135] !== t64 || $[136] !== t66) {
+		t67 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [
+				t60,
+				t64,
+				t66
+			]
+		});
+		$[134] = t60;
+		$[135] = t64;
+		$[136] = t66;
+		$[137] = t67;
+	} else t67 = $[137];
+	const t68 = fieldIds.marginRight;
+	let t69;
+	if ($[138] !== t) {
+		t69 = t("dialogs.pageSetup.right");
+		$[138] = t;
+		$[139] = t69;
+	} else t69 = $[139];
+	let t70;
+	if ($[140] !== fieldIds.marginRight || $[141] !== t69) {
+		t70 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t68,
+			className: "w-20 text-muted-foreground text-[13px]",
+			children: t69
+		});
+		$[140] = fieldIds.marginRight;
+		$[141] = t69;
+		$[142] = t70;
+	} else t70 = $[142];
+	const t71 = fieldIds.marginRight;
+	let t72;
+	if ($[143] !== marginRight) {
+		t72 = twipsToInches(marginRight);
+		$[143] = marginRight;
+		$[144] = t72;
+	} else t72 = $[144];
+	let t73;
+	if ($[145] === Symbol.for("react.memo_cache_sentinel")) {
+		t73 = (e_4) => setMarginRight(inchesToTwips(Number(e_4.target.value) || 0));
+		$[145] = t73;
+	} else t73 = $[145];
+	let t74;
+	if ($[146] !== fieldIds.marginRight || $[147] !== t72) {
+		t74 = /* @__PURE__ */ jsx("input", {
+			id: t71,
+			type: "number",
+			className: "border-input bg-background text-foreground flex-1 rounded border px-2 py-1.5 text-[13px] outline-none",
+			min: 0,
+			max: 10,
+			step: .1,
+			value: t72,
+			onChange: t73
+		});
+		$[146] = fieldIds.marginRight;
+		$[147] = t72;
+		$[148] = t74;
+	} else t74 = $[148];
+	let t75;
+	if ($[149] !== t) {
+		t75 = t("dialogs.pageSetup.unitInches");
+		$[149] = t;
+		$[150] = t75;
+	} else t75 = $[150];
+	let t76;
+	if ($[151] !== t75) {
+		t76 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground w-4 text-[11px]",
+			children: t75
+		});
+		$[151] = t75;
+		$[152] = t76;
+	} else t76 = $[152];
+	let t77;
+	if ($[153] !== t70 || $[154] !== t74 || $[155] !== t76) {
+		t77 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [
+				t70,
+				t74,
+				t76
+			]
+		});
+		$[153] = t70;
+		$[154] = t74;
+		$[155] = t76;
+		$[156] = t77;
+	} else t77 = $[156];
+	let t78;
+	if ($[157] !== t15 || $[158] !== t24 || $[159] !== t35 || $[160] !== t37 || $[161] !== t47 || $[162] !== t57 || $[163] !== t67 || $[164] !== t77) {
+		t78 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-3.5 px-5 py-4",
+			children: [
+				t15,
+				t24,
+				t35,
+				t37,
+				t47,
+				t57,
+				t67,
+				t77
+			]
+		});
+		$[157] = t15;
+		$[158] = t24;
+		$[159] = t35;
+		$[160] = t37;
+		$[161] = t47;
+		$[162] = t57;
+		$[163] = t67;
+		$[164] = t77;
+		$[165] = t78;
+	} else t78 = $[165];
+	let t79;
+	if ($[166] !== t) {
+		t79 = t("common.cancel");
+		$[166] = t;
+		$[167] = t79;
+	} else t79 = $[167];
+	let t80;
+	if ($[168] !== DialogClose || $[169] !== t79) {
+		t80 = /* @__PURE__ */ jsx(DialogClose, {
+			className: "border-input rounded border px-4 py-1.5 text-[13px]",
+			children: t79
+		});
+		$[168] = DialogClose;
+		$[169] = t79;
+		$[170] = t80;
+	} else t80 = $[170];
+	let t81;
+	if ($[171] !== t) {
+		t81 = t("common.apply");
+		$[171] = t;
+		$[172] = t81;
+	} else t81 = $[172];
+	let t82;
+	if ($[173] !== handleApply || $[174] !== t81) {
+		t82 = /* @__PURE__ */ jsx("button", {
+			className: "bg-primary text-primary-foreground rounded px-4 py-1.5 text-[13px] font-medium",
+			onClick: handleApply,
+			type: "button",
+			children: t81
+		});
+		$[173] = handleApply;
+		$[174] = t81;
+		$[175] = t82;
+	} else t82 = $[175];
+	let t83;
+	if ($[176] !== t80 || $[177] !== t82) {
+		t83 = /* @__PURE__ */ jsxs("div", {
+			className: "flex justify-end gap-2 border-t px-5 py-3",
+			children: [t80, t82]
+		});
+		$[176] = t80;
+		$[177] = t82;
+		$[178] = t83;
+	} else t83 = $[178];
+	let t84;
+	if ($[179] !== DialogPopup || $[180] !== t13 || $[181] !== t78 || $[182] !== t83) {
+		t84 = /* @__PURE__ */ jsxs(DialogPopup, {
+			className: "bg-popover fixed start-1/2 top-1/2 z-[10001] w-full max-w-[480px] min-w-[400px] -translate-x-1/2 -translate-y-1/2 rounded-lg border shadow-xl",
+			children: [
+				t13,
+				t78,
+				t83
+			]
+		});
+		$[179] = DialogPopup;
+		$[180] = t13;
+		$[181] = t78;
+		$[182] = t83;
+		$[183] = t84;
+	} else t84 = $[183];
+	let t85;
+	if ($[184] !== DialogPortal || $[185] !== t11 || $[186] !== t84) {
+		t85 = /* @__PURE__ */ jsxs(DialogPortal, { children: [t11, t84] });
+		$[184] = DialogPortal;
+		$[185] = t11;
+		$[186] = t84;
+		$[187] = t85;
+	} else t85 = $[187];
+	let t86;
+	if ($[188] !== Dialog || $[189] !== handleOpenChange || $[190] !== isOpen || $[191] !== t85) {
+		t86 = /* @__PURE__ */ jsx(Dialog, {
+			open: isOpen,
+			onOpenChange: handleOpenChange,
+			children: t85
+		});
+		$[188] = Dialog;
+		$[189] = handleOpenChange;
+		$[190] = isOpen;
+		$[191] = t85;
+		$[192] = t86;
+	} else t86 = $[192];
+	return t86;
+}
+function _temp(size_0, i) {
+	return /* @__PURE__ */ jsx("option", {
+		value: i,
+		children: size_0.label
+	}, size_0.label);
+}
+//#endregion
+export { PageSetupDialog_exports as n, PageSetupDialog as t };