@stll/folio-react 0.6.0 → 0.8.0

package/dist/FootnotePropertiesDialog-CUjq9c6H.js

@@ -1,267 +0,0 @@
-import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { o as useFolioUI } from "./useFindReplace-BPBpMWS9.js";
-import { useId, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/dialogs/FootnotePropertiesDialog.tsx
-/**
-* Footnote & Endnote Properties Dialog
-*
-* Edits position, numbering format, start number, and restart rules.
-*/
-var FootnotePropertiesDialog_exports = /* @__PURE__ */ __exportAll({ FootnotePropertiesDialog: () => FootnotePropertiesDialog });
-const numberFormatOptions = [
-	{
-		value: "decimal",
-		label: "1, 2, 3, ..."
-	},
-	{
-		value: "lowerRoman",
-		label: "i, ii, iii, ..."
-	},
-	{
-		value: "upperRoman",
-		label: "I, II, III, ..."
-	},
-	{
-		value: "lowerLetter",
-		label: "a, b, c, ..."
-	},
-	{
-		value: "upperLetter",
-		label: "A, B, C, ..."
-	},
-	{
-		value: "chicago",
-		label: "*, †, ‡, ..."
-	}
-];
-function FootnotePropertiesDialog({ isOpen, onClose, onApply, footnotePr, endnotePr }) {
-	const { Root: Dialog, Portal: DialogPortal, Backdrop: DialogBackdrop, Popup: DialogPopup, Title: DialogTitle, Close: DialogClose } = useFolioUI().Dialog;
-	const id = useId();
-	const [fnPosition, setFnPosition] = useState(footnotePr?.position ?? "pageBottom");
-	const [fnNumFmt, setFnNumFmt] = useState(footnotePr?.numFmt ?? "decimal");
-	const [fnNumStart, setFnNumStart] = useState(footnotePr?.numStart ?? 1);
-	const [fnRestart, setFnRestart] = useState(footnotePr?.numRestart ?? "continuous");
-	const [enPosition, setEnPosition] = useState(endnotePr?.position ?? "docEnd");
-	const [enNumFmt, setEnNumFmt] = useState(endnotePr?.numFmt ?? "lowerRoman");
-	const [enNumStart, setEnNumStart] = useState(endnotePr?.numStart ?? 1);
-	const [enRestart, setEnRestart] = useState(endnotePr?.numRestart ?? "continuous");
-	const handleApply = () => {
-		onApply({
-			position: fnPosition,
-			numFmt: fnNumFmt,
-			numStart: fnNumStart,
-			numRestart: fnRestart
-		}, {
-			position: enPosition,
-			numFmt: enNumFmt,
-			numStart: enNumStart,
-			numRestart: enRestart
-		});
-		onClose();
-	};
-	const labelCls = "block text-muted-foreground mb-1 text-xs";
-	const selectCls = "border-input bg-background text-foreground mb-2 w-full rounded border px-2 py-1 text-[13px] outline-none";
-	const inputCls = "border-input bg-background text-foreground w-[60px] rounded border px-2 py-1 text-[13px] outline-none";
-	const sectionCls = "mb-4 rounded border p-3";
-	const fieldIds = {
-		fnPosition: `${id}-fn-position`,
-		fnNumFmt: `${id}-fn-num-fmt`,
-		fnStartAt: `${id}-fn-start-at`,
-		fnNumbering: `${id}-fn-numbering`,
-		enPosition: `${id}-en-position`,
-		enNumFmt: `${id}-en-num-fmt`,
-		enStartAt: `${id}-en-start-at`,
-		enNumbering: `${id}-en-numbering`
-	};
-	return /* @__PURE__ */ jsx(Dialog, {
-		open: isOpen,
-		onOpenChange: (open) => {
-			if (!open) onClose();
-		},
-		children: /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 z-[10000] bg-black/50" }), /* @__PURE__ */ jsxs(DialogPopup, {
-			className: "bg-popover fixed start-1/2 top-1/2 z-[10001] w-full max-w-[500px] min-w-[400px] -translate-x-1/2 -translate-y-1/2 rounded-lg border shadow-xl",
-			children: [
-				/* @__PURE__ */ jsx(DialogTitle, {
-					className: "border-b px-5 py-3 text-base font-semibold",
-					children: "Footnote & Endnote Properties"
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col gap-3 px-5 py-4",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: sectionCls,
-						children: [
-							/* @__PURE__ */ jsx("h4", {
-								className: "mb-2 text-sm font-semibold",
-								children: "Footnotes"
-							}),
-							/* @__PURE__ */ jsx("label", {
-								htmlFor: fieldIds.fnPosition,
-								className: labelCls,
-								children: "Position"
-							}),
-							/* @__PURE__ */ jsxs("select", {
-								id: fieldIds.fnPosition,
-								className: selectCls,
-								value: fnPosition,
-								onChange: (e) => setFnPosition(e.target.value),
-								children: [/* @__PURE__ */ jsx("option", {
-									value: "pageBottom",
-									children: "Bottom of page"
-								}), /* @__PURE__ */ jsx("option", {
-									value: "beneathText",
-									children: "Below text"
-								})]
-							}),
-							/* @__PURE__ */ jsx("label", {
-								htmlFor: fieldIds.fnNumFmt,
-								className: labelCls,
-								children: "Number format"
-							}),
-							/* @__PURE__ */ jsx("select", {
-								id: fieldIds.fnNumFmt,
-								className: selectCls,
-								value: fnNumFmt,
-								onChange: (e) => setFnNumFmt(e.target.value),
-								children: numberFormatOptions.map((o) => /* @__PURE__ */ jsx("option", {
-									value: o.value,
-									children: o.label
-								}, o.value))
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
-									htmlFor: fieldIds.fnStartAt,
-									className: labelCls,
-									children: "Start at"
-								}), /* @__PURE__ */ jsx("input", {
-									id: fieldIds.fnStartAt,
-									type: "number",
-									min: 1,
-									className: inputCls,
-									value: fnNumStart,
-									onChange: (e) => setFnNumStart(Number.parseInt(e.target.value, 10) || 1)
-								})] }), /* @__PURE__ */ jsxs("div", {
-									className: "flex-1",
-									children: [/* @__PURE__ */ jsx("label", {
-										htmlFor: fieldIds.fnNumbering,
-										className: labelCls,
-										children: "Numbering"
-									}), /* @__PURE__ */ jsxs("select", {
-										id: fieldIds.fnNumbering,
-										className: selectCls,
-										value: fnRestart,
-										onChange: (e) => setFnRestart(e.target.value),
-										children: [
-											/* @__PURE__ */ jsx("option", {
-												value: "continuous",
-												children: "Continuous"
-											}),
-											/* @__PURE__ */ jsx("option", {
-												value: "eachSect",
-												children: "Restart each section"
-											}),
-											/* @__PURE__ */ jsx("option", {
-												value: "eachPage",
-												children: "Restart each page"
-											})
-										]
-									})]
-								})]
-							})
-						]
-					}), /* @__PURE__ */ jsxs("div", {
-						className: sectionCls,
-						children: [
-							/* @__PURE__ */ jsx("h4", {
-								className: "mb-2 text-sm font-semibold",
-								children: "Endnotes"
-							}),
-							/* @__PURE__ */ jsx("label", {
-								htmlFor: fieldIds.enPosition,
-								className: labelCls,
-								children: "Position"
-							}),
-							/* @__PURE__ */ jsxs("select", {
-								id: fieldIds.enPosition,
-								className: selectCls,
-								value: enPosition,
-								onChange: (e) => setEnPosition(e.target.value),
-								children: [/* @__PURE__ */ jsx("option", {
-									value: "docEnd",
-									children: "End of document"
-								}), /* @__PURE__ */ jsx("option", {
-									value: "sectEnd",
-									children: "End of section"
-								})]
-							}),
-							/* @__PURE__ */ jsx("label", {
-								htmlFor: fieldIds.enNumFmt,
-								className: labelCls,
-								children: "Number format"
-							}),
-							/* @__PURE__ */ jsx("select", {
-								id: fieldIds.enNumFmt,
-								className: selectCls,
-								value: enNumFmt,
-								onChange: (e) => setEnNumFmt(e.target.value),
-								children: numberFormatOptions.map((o) => /* @__PURE__ */ jsx("option", {
-									value: o.value,
-									children: o.label
-								}, o.value))
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
-									htmlFor: fieldIds.enStartAt,
-									className: labelCls,
-									children: "Start at"
-								}), /* @__PURE__ */ jsx("input", {
-									id: fieldIds.enStartAt,
-									type: "number",
-									min: 1,
-									className: inputCls,
-									value: enNumStart,
-									onChange: (e) => setEnNumStart(Number.parseInt(e.target.value, 10) || 1)
-								})] }), /* @__PURE__ */ jsxs("div", {
-									className: "flex-1",
-									children: [/* @__PURE__ */ jsx("label", {
-										htmlFor: fieldIds.enNumbering,
-										className: labelCls,
-										children: "Numbering"
-									}), /* @__PURE__ */ jsxs("select", {
-										id: fieldIds.enNumbering,
-										className: selectCls,
-										value: enRestart,
-										onChange: (e) => setEnRestart(e.target.value),
-										children: [/* @__PURE__ */ jsx("option", {
-											value: "continuous",
-											children: "Continuous"
-										}), /* @__PURE__ */ jsx("option", {
-											value: "eachSect",
-											children: "Restart each section"
-										})]
-									})]
-								})]
-							})
-						]
-					})]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex justify-end gap-2 border-t px-5 py-3",
-					children: [/* @__PURE__ */ jsx(DialogClose, {
-						className: "border-input rounded border px-4 py-1.5 text-[13px]",
-						children: "Cancel"
-					}), /* @__PURE__ */ jsx("button", {
-						className: "bg-primary text-primary-foreground rounded px-4 py-1.5 text-[13px] font-medium",
-						onClick: handleApply,
-						type: "button",
-						children: "Apply"
-					})]
-				})
-			]
-		})] })
-	});
-}
-//#endregion
-export { FootnotePropertiesDialog_exports as n, FootnotePropertiesDialog as t };

package/dist/ImagePositionDialog-BMuO9rLT.js

@@ -1,395 +0,0 @@
-import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { o as useFolioUI } from "./useFindReplace-BPBpMWS9.js";
-import { useEffect, useId, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/dialogs/ImagePositionDialog.tsx
-/**
-* Image Position Dialog
-*
-* Modal for editing image positioning settings:
-* - Horizontal: alignment or offset, relative to page/column/margin/paragraph
-* - Vertical: alignment or offset, relative to page/margin/paragraph/line
-* - Distance from text (top/bottom/left/right)
-*/
-var ImagePositionDialog_exports = /* @__PURE__ */ __exportAll({ ImagePositionDialog: () => ImagePositionDialog });
-function ImagePositionDialog({ isOpen, onClose, onApply, currentData }) {
-	const { Root: Dialog, Portal: DialogPortal, Backdrop: DialogBackdrop, Popup: DialogPopup, Title: DialogTitle, Close: DialogClose } = useFolioUI().Dialog;
-	const id = useId();
-	const [hMode, setHMode] = useState("align");
-	const [hAlign, setHAlign] = useState("center");
-	const [hRelativeTo, setHRelativeTo] = useState("column");
-	const [hOffset, setHOffset] = useState(0);
-	const [vMode, setVMode] = useState("align");
-	const [vAlign, setVAlign] = useState("top");
-	const [vRelativeTo, setVRelativeTo] = useState("paragraph");
-	const [vOffset, setVOffset] = useState(0);
-	const [distTop, setDistTop] = useState(0);
-	const [distBottom, setDistBottom] = useState(0);
-	const [distLeft, setDistLeft] = useState(0);
-	const [distRight, setDistRight] = useState(0);
-	useEffect(() => {
-		if (!isOpen) return;
-		const h = currentData?.horizontal;
-		const v = currentData?.vertical;
-		if (h?.align) {
-			setHMode("align");
-			setHAlign(h.align);
-		} else if (h?.posOffset !== void 0) {
-			setHMode("offset");
-			setHOffset(h.posOffset);
-		}
-		if (h?.relativeTo) setHRelativeTo(h.relativeTo);
-		if (v?.align) {
-			setVMode("align");
-			setVAlign(v.align);
-		} else if (v?.posOffset !== void 0) {
-			setVMode("offset");
-			setVOffset(v.posOffset);
-		}
-		if (v?.relativeTo) setVRelativeTo(v.relativeTo);
-		setDistTop(currentData?.distTop ?? 0);
-		setDistBottom(currentData?.distBottom ?? 0);
-		setDistLeft(currentData?.distLeft ?? 0);
-		setDistRight(currentData?.distRight ?? 0);
-	}, [isOpen, currentData]);
-	const handleApply = () => {
-		const data = {};
-		data.horizontal = {
-			relativeTo: hRelativeTo,
-			...hMode === "align" ? { align: hAlign } : { posOffset: hOffset }
-		};
-		data.vertical = {
-			relativeTo: vRelativeTo,
-			...vMode === "align" ? { align: vAlign } : { posOffset: vOffset }
-		};
-		data.distTop = distTop;
-		data.distBottom = distBottom;
-		data.distLeft = distLeft;
-		data.distRight = distRight;
-		onApply(data);
-		onClose();
-	};
-	const labelCls = "w-[75px] text-muted-foreground text-xs";
-	const inputCls = "border-input bg-background text-foreground flex-1 rounded border px-1.5 py-1 text-xs outline-none";
-	const sectionLabelCls = "text-foreground text-[13px] font-semibold";
-	const distLabelCls = "w-[45px] text-muted-foreground text-xs";
-	const fieldIds = {
-		hMode: `${id}-img-pos-h-mode`,
-		hAlign: `${id}-img-pos-h-align`,
-		hOffset: `${id}-img-pos-h-offset`,
-		hRelativeTo: `${id}-img-pos-h-rel`,
-		vMode: `${id}-img-pos-v-mode`,
-		vAlign: `${id}-img-pos-v-align`,
-		vOffset: `${id}-img-pos-v-offset`,
-		vRelativeTo: `${id}-img-pos-v-rel`,
-		distTop: `${id}-img-pos-dist-top`,
-		distBottom: `${id}-img-pos-dist-bottom`,
-		distLeft: `${id}-img-pos-dist-left`,
-		distRight: `${id}-img-pos-dist-right`
-	};
-	return /* @__PURE__ */ jsx(Dialog, {
-		open: isOpen,
-		onOpenChange: (open) => {
-			if (!open) onClose();
-		},
-		children: /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 z-[10000] bg-black/50" }), /* @__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: [
-				/* @__PURE__ */ jsx(DialogTitle, {
-					className: "border-b px-5 py-3 text-base font-semibold",
-					children: "Image Position"
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col gap-4 px-5 py-4",
-					children: [
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex flex-col gap-2",
-							children: [
-								/* @__PURE__ */ jsx("div", {
-									className: sectionLabelCls,
-									children: "Horizontal"
-								}),
-								/* @__PURE__ */ jsxs("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ jsx("label", {
-										className: labelCls,
-										htmlFor: fieldIds.hMode,
-										children: "Position"
-									}), /* @__PURE__ */ jsxs("select", {
-										className: inputCls,
-										id: fieldIds.hMode,
-										value: hMode,
-										onChange: (e) => setHMode(e.target.value),
-										children: [/* @__PURE__ */ jsx("option", {
-											value: "align",
-											children: "Alignment"
-										}), /* @__PURE__ */ jsx("option", {
-											value: "offset",
-											children: "Offset"
-										})]
-									})]
-								}),
-								hMode === "align" ? /* @__PURE__ */ jsxs("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ jsx("label", {
-										className: labelCls,
-										htmlFor: fieldIds.hAlign,
-										children: "Align"
-									}), /* @__PURE__ */ jsxs("select", {
-										className: inputCls,
-										id: fieldIds.hAlign,
-										value: hAlign,
-										onChange: (e) => setHAlign(e.target.value),
-										children: [
-											/* @__PURE__ */ jsx("option", {
-												value: "left",
-												children: "Left"
-											}),
-											/* @__PURE__ */ jsx("option", {
-												value: "center",
-												children: "Center"
-											}),
-											/* @__PURE__ */ jsx("option", {
-												value: "right",
-												children: "Right"
-											})
-										]
-									})]
-								}) : /* @__PURE__ */ jsxs("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ jsx("label", {
-										className: labelCls,
-										htmlFor: fieldIds.hOffset,
-										children: "Offset (px)"
-									}), /* @__PURE__ */ jsx("input", {
-										className: inputCls,
-										id: fieldIds.hOffset,
-										type: "number",
-										value: hOffset,
-										onChange: (e) => setHOffset(Number(e.target.value) || 0)
-									})]
-								}),
-								/* @__PURE__ */ jsxs("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ jsx("label", {
-										className: labelCls,
-										htmlFor: fieldIds.hRelativeTo,
-										children: "Relative to"
-									}), /* @__PURE__ */ jsxs("select", {
-										className: inputCls,
-										id: fieldIds.hRelativeTo,
-										value: hRelativeTo,
-										onChange: (e) => setHRelativeTo(e.target.value),
-										children: [
-											/* @__PURE__ */ jsx("option", {
-												value: "page",
-												children: "Page"
-											}),
-											/* @__PURE__ */ jsx("option", {
-												value: "column",
-												children: "Column"
-											}),
-											/* @__PURE__ */ jsx("option", {
-												value: "margin",
-												children: "Margin"
-											}),
-											/* @__PURE__ */ jsx("option", {
-												value: "character",
-												children: "Character"
-											})
-										]
-									})]
-								})
-							]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex flex-col gap-2",
-							children: [
-								/* @__PURE__ */ jsx("div", {
-									className: sectionLabelCls,
-									children: "Vertical"
-								}),
-								/* @__PURE__ */ jsxs("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ jsx("label", {
-										className: labelCls,
-										htmlFor: fieldIds.vMode,
-										children: "Position"
-									}), /* @__PURE__ */ jsxs("select", {
-										className: inputCls,
-										id: fieldIds.vMode,
-										value: vMode,
-										onChange: (e) => setVMode(e.target.value),
-										children: [/* @__PURE__ */ jsx("option", {
-											value: "align",
-											children: "Alignment"
-										}), /* @__PURE__ */ jsx("option", {
-											value: "offset",
-											children: "Offset"
-										})]
-									})]
-								}),
-								vMode === "align" ? /* @__PURE__ */ jsxs("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ jsx("label", {
-										className: labelCls,
-										htmlFor: fieldIds.vAlign,
-										children: "Align"
-									}), /* @__PURE__ */ jsxs("select", {
-										className: inputCls,
-										id: fieldIds.vAlign,
-										value: vAlign,
-										onChange: (e) => setVAlign(e.target.value),
-										children: [
-											/* @__PURE__ */ jsx("option", {
-												value: "top",
-												children: "Top"
-											}),
-											/* @__PURE__ */ jsx("option", {
-												value: "center",
-												children: "Center"
-											}),
-											/* @__PURE__ */ jsx("option", {
-												value: "bottom",
-												children: "Bottom"
-											})
-										]
-									})]
-								}) : /* @__PURE__ */ jsxs("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ jsx("label", {
-										className: labelCls,
-										htmlFor: fieldIds.vOffset,
-										children: "Offset (px)"
-									}), /* @__PURE__ */ jsx("input", {
-										className: inputCls,
-										id: fieldIds.vOffset,
-										type: "number",
-										value: vOffset,
-										onChange: (e) => setVOffset(Number(e.target.value) || 0)
-									})]
-								}),
-								/* @__PURE__ */ jsxs("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ jsx("label", {
-										className: labelCls,
-										htmlFor: fieldIds.vRelativeTo,
-										children: "Relative to"
-									}), /* @__PURE__ */ jsxs("select", {
-										className: inputCls,
-										id: fieldIds.vRelativeTo,
-										value: vRelativeTo,
-										onChange: (e) => setVRelativeTo(e.target.value),
-										children: [
-											/* @__PURE__ */ jsx("option", {
-												value: "page",
-												children: "Page"
-											}),
-											/* @__PURE__ */ jsx("option", {
-												value: "margin",
-												children: "Margin"
-											}),
-											/* @__PURE__ */ jsx("option", {
-												value: "paragraph",
-												children: "Paragraph"
-											}),
-											/* @__PURE__ */ jsx("option", {
-												value: "line",
-												children: "Line"
-											})
-										]
-									})]
-								})
-							]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex flex-col gap-2",
-							children: [/* @__PURE__ */ jsx("div", {
-								className: sectionLabelCls,
-								children: "Distance from text (px)"
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "grid grid-cols-2 gap-2",
-								children: [
-									/* @__PURE__ */ jsxs("div", {
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ jsx("label", {
-											className: distLabelCls,
-											htmlFor: fieldIds.distTop,
-											children: "Top"
-										}), /* @__PURE__ */ jsx("input", {
-											className: inputCls,
-											id: fieldIds.distTop,
-											min: 0,
-											type: "number",
-											value: distTop,
-											onChange: (e) => setDistTop(Number(e.target.value) || 0)
-										})]
-									}),
-									/* @__PURE__ */ jsxs("div", {
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ jsx("label", {
-											className: distLabelCls,
-											htmlFor: fieldIds.distBottom,
-											children: "Bottom"
-										}), /* @__PURE__ */ jsx("input", {
-											className: inputCls,
-											id: fieldIds.distBottom,
-											min: 0,
-											type: "number",
-											value: distBottom,
-											onChange: (e) => setDistBottom(Number(e.target.value) || 0)
-										})]
-									}),
-									/* @__PURE__ */ jsxs("div", {
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ jsx("label", {
-											className: distLabelCls,
-											htmlFor: fieldIds.distLeft,
-											children: "Left"
-										}), /* @__PURE__ */ jsx("input", {
-											className: inputCls,
-											id: fieldIds.distLeft,
-											min: 0,
-											type: "number",
-											value: distLeft,
-											onChange: (e) => setDistLeft(Number(e.target.value) || 0)
-										})]
-									}),
-									/* @__PURE__ */ jsxs("div", {
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ jsx("label", {
-											className: distLabelCls,
-											htmlFor: fieldIds.distRight,
-											children: "Right"
-										}), /* @__PURE__ */ jsx("input", {
-											className: inputCls,
-											id: fieldIds.distRight,
-											min: 0,
-											type: "number",
-											value: distRight,
-											onChange: (e) => setDistRight(Number(e.target.value) || 0)
-										})]
-									})
-								]
-							})]
-						})
-					]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex justify-end gap-2 border-t px-5 py-3",
-					children: [/* @__PURE__ */ jsx(DialogClose, {
-						className: "border-input rounded border px-4 py-1.5 text-[13px]",
-						children: "Cancel"
-					}), /* @__PURE__ */ jsx("button", {
-						className: "bg-primary text-primary-foreground rounded px-4 py-1.5 text-[13px] font-medium",
-						onClick: handleApply,
-						type: "button",
-						children: "Apply"
-					})]
-				})
-			]
-		})] })
-	});
-}
-//#endregion
-export { ImagePositionDialog_exports as n, ImagePositionDialog as t };