@stll/folio-react 0.6.0 → 0.8.0

package/dist/PageSetupDialog-COkgeOQn.js

@@ -0,0 +1,820 @@
+import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
+import { r as useFolioUI } from "./folio-ui-BgDDRsUX.js";
+import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
+import { c } from "react-compiler-runtime";
+import { useEffect, 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(t0) {
+	const $ = c(205);
+	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(DEFAULT_WIDTH);
+	const [pageHeight, setPageHeight] = useState(DEFAULT_HEIGHT);
+	const [orientation, setOrientation] = useState("portrait");
+	const [marginTop, setMarginTop] = useState(DEFAULT_MARGIN);
+	const [marginBottom, setMarginBottom] = useState(DEFAULT_MARGIN);
+	const [marginLeft, setMarginLeft] = useState(DEFAULT_MARGIN);
+	const [marginRight, setMarginRight] = useState(DEFAULT_MARGIN);
+	let t1;
+	if ($[0] !== currentProps?.marginBottom || $[1] !== currentProps?.marginLeft || $[2] !== currentProps?.marginRight || $[3] !== currentProps?.marginTop || $[4] !== currentProps?.orientation || $[5] !== currentProps?.pageHeight || $[6] !== currentProps?.pageWidth || $[7] !== isOpen) {
+		t1 = () => {
+			if (!isOpen) return;
+			const w = currentProps?.pageWidth || DEFAULT_WIDTH;
+			const h = currentProps?.pageHeight || DEFAULT_HEIGHT;
+			const orient = currentProps?.orientation || (w > h ? "landscape" : "portrait");
+			setPageWidth(w);
+			setPageHeight(h);
+			setOrientation(orient);
+			setMarginTop(currentProps?.marginTop ?? DEFAULT_MARGIN);
+			setMarginBottom(currentProps?.marginBottom ?? DEFAULT_MARGIN);
+			setMarginLeft(currentProps?.marginLeft ?? DEFAULT_MARGIN);
+			setMarginRight(currentProps?.marginRight ?? DEFAULT_MARGIN);
+		};
+		$[0] = currentProps?.marginBottom;
+		$[1] = currentProps?.marginLeft;
+		$[2] = currentProps?.marginRight;
+		$[3] = currentProps?.marginTop;
+		$[4] = currentProps?.orientation;
+		$[5] = currentProps?.pageHeight;
+		$[6] = currentProps?.pageWidth;
+		$[7] = isOpen;
+		$[8] = t1;
+	} else t1 = $[8];
+	let t2;
+	if ($[9] !== currentProps || $[10] !== isOpen) {
+		t2 = [isOpen, currentProps];
+		$[9] = currentProps;
+		$[10] = isOpen;
+		$[11] = t2;
+	} else t2 = $[11];
+	useEffect(t1, t2);
+	let t3;
+	if ($[12] !== orientation) {
+		t3 = (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);
+			}
+		};
+		$[12] = orientation;
+		$[13] = t3;
+	} else t3 = $[13];
+	const handlePageSizeChange = t3;
+	let t4;
+	if ($[14] !== orientation || $[15] !== pageHeight || $[16] !== pageWidth) {
+		t4 = (newOrientation) => {
+			if (newOrientation === orientation) return;
+			setOrientation(newOrientation);
+			setPageWidth(pageHeight);
+			setPageHeight(pageWidth);
+		};
+		$[14] = orientation;
+		$[15] = pageHeight;
+		$[16] = pageWidth;
+		$[17] = t4;
+	} else t4 = $[17];
+	const handleOrientationChange = t4;
+	let t5;
+	if ($[18] !== marginBottom || $[19] !== marginLeft || $[20] !== marginRight || $[21] !== marginTop || $[22] !== onApply || $[23] !== onClose || $[24] !== orientation || $[25] !== pageHeight || $[26] !== pageWidth) {
+		t5 = () => {
+			onApply({
+				pageWidth,
+				pageHeight,
+				orientation,
+				marginTop,
+				marginBottom,
+				marginLeft,
+				marginRight
+			});
+			onClose();
+		};
+		$[18] = marginBottom;
+		$[19] = marginLeft;
+		$[20] = marginRight;
+		$[21] = marginTop;
+		$[22] = onApply;
+		$[23] = onClose;
+		$[24] = orientation;
+		$[25] = pageHeight;
+		$[26] = pageWidth;
+		$[27] = t5;
+	} else t5 = $[27];
+	const handleApply = t5;
+	const sizeIndex = findPageSizeIndex(pageWidth, pageHeight);
+	const t6 = `${id}-ps-size`;
+	const t7 = `${id}-ps-orientation`;
+	const t8 = `${id}-ps-margin-top`;
+	const t9 = `${id}-ps-margin-bottom`;
+	const t10 = `${id}-ps-margin-left`;
+	const t11 = `${id}-ps-margin-right`;
+	let t12;
+	if ($[28] !== t10 || $[29] !== t11 || $[30] !== t6 || $[31] !== t7 || $[32] !== t8 || $[33] !== t9) {
+		t12 = {
+			size: t6,
+			orientation: t7,
+			marginTop: t8,
+			marginBottom: t9,
+			marginLeft: t10,
+			marginRight: t11
+		};
+		$[28] = t10;
+		$[29] = t11;
+		$[30] = t6;
+		$[31] = t7;
+		$[32] = t8;
+		$[33] = t9;
+		$[34] = t12;
+	} else t12 = $[34];
+	const fieldIds = t12;
+	let t13;
+	if ($[35] !== DialogBackdrop) {
+		t13 = /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 z-[10000] bg-black/50" });
+		$[35] = DialogBackdrop;
+		$[36] = t13;
+	} else t13 = $[36];
+	let t14;
+	if ($[37] !== t) {
+		t14 = t("dialogs.pageSetup.title");
+		$[37] = t;
+		$[38] = t14;
+	} else t14 = $[38];
+	let t15;
+	if ($[39] !== DialogTitle || $[40] !== t14) {
+		t15 = /* @__PURE__ */ jsx(DialogTitle, {
+			className: "border-b px-5 py-3 text-base font-semibold",
+			children: t14
+		});
+		$[39] = DialogTitle;
+		$[40] = t14;
+		$[41] = t15;
+	} else t15 = $[41];
+	let t16;
+	if ($[42] !== t) {
+		t16 = t("dialogs.pageSetup.pageSize");
+		$[42] = t;
+		$[43] = t16;
+	} else t16 = $[43];
+	let t17;
+	if ($[44] !== t16) {
+		t17 = /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground text-xs font-semibold uppercase tracking-wide",
+			children: t16
+		});
+		$[44] = t16;
+		$[45] = t17;
+	} else t17 = $[45];
+	const t18 = fieldIds.size;
+	let t19;
+	if ($[46] !== t) {
+		t19 = t("dialogs.pageSetup.sizeLabel");
+		$[46] = t;
+		$[47] = t19;
+	} else t19 = $[47];
+	let t20;
+	if ($[48] !== fieldIds.size || $[49] !== t19) {
+		t20 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t18,
+			className: "w-20 text-muted-foreground text-[13px]",
+			children: t19
+		});
+		$[48] = fieldIds.size;
+		$[49] = t19;
+		$[50] = t20;
+	} else t20 = $[50];
+	const t21 = fieldIds.size;
+	let t22;
+	if ($[51] !== handlePageSizeChange) {
+		t22 = (e) => handlePageSizeChange(Number(e.target.value));
+		$[51] = handlePageSizeChange;
+		$[52] = t22;
+	} else t22 = $[52];
+	let t23;
+	if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
+		t23 = PAGE_SIZES.map(_temp);
+		$[53] = t23;
+	} else t23 = $[53];
+	let t24;
+	if ($[54] !== sizeIndex || $[55] !== t) {
+		t24 = sizeIndex < 0 && /* @__PURE__ */ jsx("option", {
+			value: -1,
+			children: t("dialogs.pageSetup.custom")
+		});
+		$[54] = sizeIndex;
+		$[55] = t;
+		$[56] = t24;
+	} else t24 = $[56];
+	let t25;
+	if ($[57] !== fieldIds.size || $[58] !== sizeIndex || $[59] !== t22 || $[60] !== t24) {
+		t25 = /* @__PURE__ */ jsxs("select", {
+			id: t21,
+			className: "border-input bg-background text-foreground flex-1 rounded border px-2 py-1.5 text-[13px] outline-none",
+			value: sizeIndex,
+			onChange: t22,
+			children: [t23, t24]
+		});
+		$[57] = fieldIds.size;
+		$[58] = sizeIndex;
+		$[59] = t22;
+		$[60] = t24;
+		$[61] = t25;
+	} else t25 = $[61];
+	let t26;
+	if ($[62] !== t20 || $[63] !== t25) {
+		t26 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [t20, t25]
+		});
+		$[62] = t20;
+		$[63] = t25;
+		$[64] = t26;
+	} else t26 = $[64];
+	const t27 = fieldIds.orientation;
+	let t28;
+	if ($[65] !== t) {
+		t28 = t("dialogs.pageSetup.orientation");
+		$[65] = t;
+		$[66] = t28;
+	} else t28 = $[66];
+	let t29;
+	if ($[67] !== fieldIds.orientation || $[68] !== t28) {
+		t29 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t27,
+			className: "w-20 text-muted-foreground text-[13px]",
+			children: t28
+		});
+		$[67] = fieldIds.orientation;
+		$[68] = t28;
+		$[69] = t29;
+	} else t29 = $[69];
+	const t30 = fieldIds.orientation;
+	let t31;
+	if ($[70] !== handleOrientationChange) {
+		t31 = (e_0) => handleOrientationChange(e_0.target.value);
+		$[70] = handleOrientationChange;
+		$[71] = t31;
+	} else t31 = $[71];
+	let t32;
+	if ($[72] !== t) {
+		t32 = t("dialogs.pageSetup.portrait");
+		$[72] = t;
+		$[73] = t32;
+	} else t32 = $[73];
+	let t33;
+	if ($[74] !== t32) {
+		t33 = /* @__PURE__ */ jsx("option", {
+			value: "portrait",
+			children: t32
+		});
+		$[74] = t32;
+		$[75] = t33;
+	} else t33 = $[75];
+	let t34;
+	if ($[76] !== t) {
+		t34 = t("dialogs.pageSetup.landscape");
+		$[76] = t;
+		$[77] = t34;
+	} else t34 = $[77];
+	let t35;
+	if ($[78] !== t34) {
+		t35 = /* @__PURE__ */ jsx("option", {
+			value: "landscape",
+			children: t34
+		});
+		$[78] = t34;
+		$[79] = t35;
+	} else t35 = $[79];
+	let t36;
+	if ($[80] !== fieldIds.orientation || $[81] !== orientation || $[82] !== t31 || $[83] !== t33 || $[84] !== t35) {
+		t36 = /* @__PURE__ */ jsxs("select", {
+			id: t30,
+			className: "border-input bg-background text-foreground flex-1 rounded border px-2 py-1.5 text-[13px] outline-none",
+			value: orientation,
+			onChange: t31,
+			children: [t33, t35]
+		});
+		$[80] = fieldIds.orientation;
+		$[81] = orientation;
+		$[82] = t31;
+		$[83] = t33;
+		$[84] = t35;
+		$[85] = t36;
+	} else t36 = $[85];
+	let t37;
+	if ($[86] !== t29 || $[87] !== t36) {
+		t37 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [t29, t36]
+		});
+		$[86] = t29;
+		$[87] = t36;
+		$[88] = t37;
+	} else t37 = $[88];
+	let t38;
+	if ($[89] !== t) {
+		t38 = t("dialogs.pageSetup.margins");
+		$[89] = t;
+		$[90] = t38;
+	} else t38 = $[90];
+	let t39;
+	if ($[91] !== t38) {
+		t39 = /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground text-xs font-semibold uppercase tracking-wide mt-1",
+			children: t38
+		});
+		$[91] = t38;
+		$[92] = t39;
+	} else t39 = $[92];
+	const t40 = fieldIds.marginTop;
+	let t41;
+	if ($[93] !== t) {
+		t41 = t("dialogs.pageSetup.top");
+		$[93] = t;
+		$[94] = t41;
+	} else t41 = $[94];
+	let t42;
+	if ($[95] !== fieldIds.marginTop || $[96] !== t41) {
+		t42 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t40,
+			className: "w-20 text-muted-foreground text-[13px]",
+			children: t41
+		});
+		$[95] = fieldIds.marginTop;
+		$[96] = t41;
+		$[97] = t42;
+	} else t42 = $[97];
+	const t43 = fieldIds.marginTop;
+	let t44;
+	if ($[98] !== marginTop) {
+		t44 = twipsToInches(marginTop);
+		$[98] = marginTop;
+		$[99] = t44;
+	} else t44 = $[99];
+	let t45;
+	if ($[100] === Symbol.for("react.memo_cache_sentinel")) {
+		t45 = (e_1) => setMarginTop(inchesToTwips(Number(e_1.target.value) || 0));
+		$[100] = t45;
+	} else t45 = $[100];
+	let t46;
+	if ($[101] !== fieldIds.marginTop || $[102] !== t44) {
+		t46 = /* @__PURE__ */ jsx("input", {
+			id: t43,
+			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: t44,
+			onChange: t45
+		});
+		$[101] = fieldIds.marginTop;
+		$[102] = t44;
+		$[103] = t46;
+	} else t46 = $[103];
+	let t47;
+	if ($[104] !== t) {
+		t47 = t("dialogs.pageSetup.unitInches");
+		$[104] = t;
+		$[105] = t47;
+	} else t47 = $[105];
+	let t48;
+	if ($[106] !== t47) {
+		t48 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground w-4 text-[11px]",
+			children: t47
+		});
+		$[106] = t47;
+		$[107] = t48;
+	} else t48 = $[107];
+	let t49;
+	if ($[108] !== t42 || $[109] !== t46 || $[110] !== t48) {
+		t49 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [
+				t42,
+				t46,
+				t48
+			]
+		});
+		$[108] = t42;
+		$[109] = t46;
+		$[110] = t48;
+		$[111] = t49;
+	} else t49 = $[111];
+	const t50 = fieldIds.marginBottom;
+	let t51;
+	if ($[112] !== t) {
+		t51 = t("dialogs.pageSetup.bottom");
+		$[112] = t;
+		$[113] = t51;
+	} else t51 = $[113];
+	let t52;
+	if ($[114] !== fieldIds.marginBottom || $[115] !== t51) {
+		t52 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t50,
+			className: "w-20 text-muted-foreground text-[13px]",
+			children: t51
+		});
+		$[114] = fieldIds.marginBottom;
+		$[115] = t51;
+		$[116] = t52;
+	} else t52 = $[116];
+	const t53 = fieldIds.marginBottom;
+	let t54;
+	if ($[117] !== marginBottom) {
+		t54 = twipsToInches(marginBottom);
+		$[117] = marginBottom;
+		$[118] = t54;
+	} else t54 = $[118];
+	let t55;
+	if ($[119] === Symbol.for("react.memo_cache_sentinel")) {
+		t55 = (e_2) => setMarginBottom(inchesToTwips(Number(e_2.target.value) || 0));
+		$[119] = t55;
+	} else t55 = $[119];
+	let t56;
+	if ($[120] !== fieldIds.marginBottom || $[121] !== t54) {
+		t56 = /* @__PURE__ */ jsx("input", {
+			id: t53,
+			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: t54,
+			onChange: t55
+		});
+		$[120] = fieldIds.marginBottom;
+		$[121] = t54;
+		$[122] = t56;
+	} else t56 = $[122];
+	let t57;
+	if ($[123] !== t) {
+		t57 = t("dialogs.pageSetup.unitInches");
+		$[123] = t;
+		$[124] = t57;
+	} else t57 = $[124];
+	let t58;
+	if ($[125] !== t57) {
+		t58 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground w-4 text-[11px]",
+			children: t57
+		});
+		$[125] = t57;
+		$[126] = t58;
+	} else t58 = $[126];
+	let t59;
+	if ($[127] !== t52 || $[128] !== t56 || $[129] !== t58) {
+		t59 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [
+				t52,
+				t56,
+				t58
+			]
+		});
+		$[127] = t52;
+		$[128] = t56;
+		$[129] = t58;
+		$[130] = t59;
+	} else t59 = $[130];
+	const t60 = fieldIds.marginLeft;
+	let t61;
+	if ($[131] !== t) {
+		t61 = t("dialogs.pageSetup.left");
+		$[131] = t;
+		$[132] = t61;
+	} else t61 = $[132];
+	let t62;
+	if ($[133] !== fieldIds.marginLeft || $[134] !== t61) {
+		t62 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t60,
+			className: "w-20 text-muted-foreground text-[13px]",
+			children: t61
+		});
+		$[133] = fieldIds.marginLeft;
+		$[134] = t61;
+		$[135] = t62;
+	} else t62 = $[135];
+	const t63 = fieldIds.marginLeft;
+	let t64;
+	if ($[136] !== marginLeft) {
+		t64 = twipsToInches(marginLeft);
+		$[136] = marginLeft;
+		$[137] = t64;
+	} else t64 = $[137];
+	let t65;
+	if ($[138] === Symbol.for("react.memo_cache_sentinel")) {
+		t65 = (e_3) => setMarginLeft(inchesToTwips(Number(e_3.target.value) || 0));
+		$[138] = t65;
+	} else t65 = $[138];
+	let t66;
+	if ($[139] !== fieldIds.marginLeft || $[140] !== t64) {
+		t66 = /* @__PURE__ */ jsx("input", {
+			id: t63,
+			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: t64,
+			onChange: t65
+		});
+		$[139] = fieldIds.marginLeft;
+		$[140] = t64;
+		$[141] = t66;
+	} else t66 = $[141];
+	let t67;
+	if ($[142] !== t) {
+		t67 = t("dialogs.pageSetup.unitInches");
+		$[142] = t;
+		$[143] = t67;
+	} else t67 = $[143];
+	let t68;
+	if ($[144] !== t67) {
+		t68 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground w-4 text-[11px]",
+			children: t67
+		});
+		$[144] = t67;
+		$[145] = t68;
+	} else t68 = $[145];
+	let t69;
+	if ($[146] !== t62 || $[147] !== t66 || $[148] !== t68) {
+		t69 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [
+				t62,
+				t66,
+				t68
+			]
+		});
+		$[146] = t62;
+		$[147] = t66;
+		$[148] = t68;
+		$[149] = t69;
+	} else t69 = $[149];
+	const t70 = fieldIds.marginRight;
+	let t71;
+	if ($[150] !== t) {
+		t71 = t("dialogs.pageSetup.right");
+		$[150] = t;
+		$[151] = t71;
+	} else t71 = $[151];
+	let t72;
+	if ($[152] !== fieldIds.marginRight || $[153] !== t71) {
+		t72 = /* @__PURE__ */ jsx("label", {
+			htmlFor: t70,
+			className: "w-20 text-muted-foreground text-[13px]",
+			children: t71
+		});
+		$[152] = fieldIds.marginRight;
+		$[153] = t71;
+		$[154] = t72;
+	} else t72 = $[154];
+	const t73 = fieldIds.marginRight;
+	let t74;
+	if ($[155] !== marginRight) {
+		t74 = twipsToInches(marginRight);
+		$[155] = marginRight;
+		$[156] = t74;
+	} else t74 = $[156];
+	let t75;
+	if ($[157] === Symbol.for("react.memo_cache_sentinel")) {
+		t75 = (e_4) => setMarginRight(inchesToTwips(Number(e_4.target.value) || 0));
+		$[157] = t75;
+	} else t75 = $[157];
+	let t76;
+	if ($[158] !== fieldIds.marginRight || $[159] !== t74) {
+		t76 = /* @__PURE__ */ jsx("input", {
+			id: t73,
+			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: t74,
+			onChange: t75
+		});
+		$[158] = fieldIds.marginRight;
+		$[159] = t74;
+		$[160] = t76;
+	} else t76 = $[160];
+	let t77;
+	if ($[161] !== t) {
+		t77 = t("dialogs.pageSetup.unitInches");
+		$[161] = t;
+		$[162] = t77;
+	} else t77 = $[162];
+	let t78;
+	if ($[163] !== t77) {
+		t78 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground w-4 text-[11px]",
+			children: t77
+		});
+		$[163] = t77;
+		$[164] = t78;
+	} else t78 = $[164];
+	let t79;
+	if ($[165] !== t72 || $[166] !== t76 || $[167] !== t78) {
+		t79 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [
+				t72,
+				t76,
+				t78
+			]
+		});
+		$[165] = t72;
+		$[166] = t76;
+		$[167] = t78;
+		$[168] = t79;
+	} else t79 = $[168];
+	let t80;
+	if ($[169] !== t17 || $[170] !== t26 || $[171] !== t37 || $[172] !== t39 || $[173] !== t49 || $[174] !== t59 || $[175] !== t69 || $[176] !== t79) {
+		t80 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-3.5 px-5 py-4",
+			children: [
+				t17,
+				t26,
+				t37,
+				t39,
+				t49,
+				t59,
+				t69,
+				t79
+			]
+		});
+		$[169] = t17;
+		$[170] = t26;
+		$[171] = t37;
+		$[172] = t39;
+		$[173] = t49;
+		$[174] = t59;
+		$[175] = t69;
+		$[176] = t79;
+		$[177] = t80;
+	} else t80 = $[177];
+	let t81;
+	if ($[178] !== t) {
+		t81 = t("common.cancel");
+		$[178] = t;
+		$[179] = t81;
+	} else t81 = $[179];
+	let t82;
+	if ($[180] !== DialogClose || $[181] !== t81) {
+		t82 = /* @__PURE__ */ jsx(DialogClose, {
+			className: "border-input rounded border px-4 py-1.5 text-[13px]",
+			children: t81
+		});
+		$[180] = DialogClose;
+		$[181] = t81;
+		$[182] = t82;
+	} else t82 = $[182];
+	let t83;
+	if ($[183] !== t) {
+		t83 = t("common.apply");
+		$[183] = t;
+		$[184] = t83;
+	} else t83 = $[184];
+	let t84;
+	if ($[185] !== handleApply || $[186] !== t83) {
+		t84 = /* @__PURE__ */ jsx("button", {
+			className: "bg-primary text-primary-foreground rounded px-4 py-1.5 text-[13px] font-medium",
+			onClick: handleApply,
+			type: "button",
+			children: t83
+		});
+		$[185] = handleApply;
+		$[186] = t83;
+		$[187] = t84;
+	} else t84 = $[187];
+	let t85;
+	if ($[188] !== t82 || $[189] !== t84) {
+		t85 = /* @__PURE__ */ jsxs("div", {
+			className: "flex justify-end gap-2 border-t px-5 py-3",
+			children: [t82, t84]
+		});
+		$[188] = t82;
+		$[189] = t84;
+		$[190] = t85;
+	} else t85 = $[190];
+	let t86;
+	if ($[191] !== DialogPopup || $[192] !== t15 || $[193] !== t80 || $[194] !== t85) {
+		t86 = /* @__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: [
+				t15,
+				t80,
+				t85
+			]
+		});
+		$[191] = DialogPopup;
+		$[192] = t15;
+		$[193] = t80;
+		$[194] = t85;
+		$[195] = t86;
+	} else t86 = $[195];
+	let t87;
+	if ($[196] !== DialogPortal || $[197] !== t13 || $[198] !== t86) {
+		t87 = /* @__PURE__ */ jsxs(DialogPortal, { children: [t13, t86] });
+		$[196] = DialogPortal;
+		$[197] = t13;
+		$[198] = t86;
+		$[199] = t87;
+	} else t87 = $[199];
+	let t88;
+	if ($[200] !== Dialog || $[201] !== handleOpenChange || $[202] !== isOpen || $[203] !== t87) {
+		t88 = /* @__PURE__ */ jsx(Dialog, {
+			open: isOpen,
+			onOpenChange: handleOpenChange,
+			children: t87
+		});
+		$[200] = Dialog;
+		$[201] = handleOpenChange;
+		$[202] = isOpen;
+		$[203] = t87;
+		$[204] = t88;
+	} else t88 = $[204];
+	return t88;
+}
+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 };