camox 0.3.0 → 0.4.0

package/dist/features/preview/components/PreviewToolbar.js

@@ -1,6 +1,7 @@
 import { previewStore } from "../previewStore.js";
 import { actionsStore } from "../../provider/actionsStore.js";
 import { cn, getActionShortcut } from "../../../lib/utils.js";
+import { c } from "react/compiler-runtime";
 import { Kbd } from "@camox/ui/kbd";
 import { useSelector } from "@xstate/store/react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -12,68 +13,270 @@ import { FloatingToolbar } from "@camox/ui/floating-toolbar";
 import { Toggle } from "@camox/ui/toggle";
 //#region src/features/preview/components/PreviewToolbar.tsx
 var PreviewToolbar = () => {
-	const isEditingLocked = useSelector(previewStore, (state) => state.context.isContentLocked);
-	const isEditingPanelOpen = useSelector(previewStore, (state) => state.context.isSidebarOpen);
-	const isPresentationMode = useSelector(previewStore, (state) => state.context.isPresentationMode);
-	const isPageContentSheetOpen = useSelector(previewStore, (state) => state.context.isPageContentSheetOpen);
-	const isAddBlockSheetOpen = useSelector(previewStore, (state) => state.context.isAddBlockSheetOpen);
-	const isAgentChatSheetOpen = useSelector(previewStore, (state) => state.context.isAgentChatSheetOpen);
+	const $ = c(56);
+	const isEditingLocked = useSelector(previewStore, _temp);
+	const isEditingPanelOpen = useSelector(previewStore, _temp2);
+	const isPresentationMode = useSelector(previewStore, _temp3);
+	const isPageContentSheetOpen = useSelector(previewStore, _temp4);
+	const isAddBlockSheetOpen = useSelector(previewStore, _temp5);
+	const isAgentChatSheetOpen = useSelector(previewStore, _temp6);
 	const isAnySideSheetOpen = isPageContentSheetOpen || isAddBlockSheetOpen || isAgentChatSheetOpen;
-	const actions = useSelector(actionsStore, (state) => state.context.actions);
-	const isMobileMode = useSelector(previewStore, (state) => state.context.isMobileMode);
-	return /* @__PURE__ */ jsxs(FloatingToolbar, {
-		className: cn("bottom-2 gap-4 justify-between", isAnySideSheetOpen && "opacity-0 pointer-events-none translate-y-full"),
-		children: [/* @__PURE__ */ jsxs(ButtonGroup, { children: [
-			/* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [/* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
-				asChild: true,
-				children: /* @__PURE__ */ jsx(Toggle, {
-					"data-state": isEditingPanelOpen ? "off" : "on",
-					pressed: !isEditingPanelOpen,
-					variant: "outline",
-					onClick: () => previewStore.send({ type: "toggleSidebar" }),
-					children: /* @__PURE__ */ jsx(PanelRight, {})
-				})
-			}), /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle sidebar ", getActionShortcut(actions, "toggle-editing-panel")] })] }),
-			/* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [/* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
-				asChild: true,
-				children: /* @__PURE__ */ jsx(Toggle, {
-					"data-state": isEditingLocked ? "on" : "off",
-					pressed: isEditingLocked,
-					onPressedChange: () => previewStore.send({ type: "toggleLockContent" }),
-					variant: "outline",
-					children: /* @__PURE__ */ jsx(Lock, {})
-				})
-			}), /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle edit mode ", /* @__PURE__ */ jsx(Kbd, { children: "L" })] })] }),
-			/* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [/* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
-				asChild: true,
-				children: /* @__PURE__ */ jsx(Toggle, {
-					"data-state": isMobileMode ? "on" : "off",
-					pressed: isMobileMode,
-					onPressedChange: () => previewStore.send({ type: "toggleMobileMode" }),
-					variant: "outline",
-					children: /* @__PURE__ */ jsx(TabletSmartphone, {})
-				})
-			}), /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle mobile layout ", getActionShortcut(actions, "toggle-mobile-mode")] })] }),
-			/* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [/* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
-				asChild: true,
-				children: /* @__PURE__ */ jsxs(Toggle, {
-					"data-state": isPresentationMode ? "on" : "off",
-					pressed: isPresentationMode,
-					variant: "outline",
-					onClick: () => previewStore.send({ type: "enterPresentationMode" }),
-					children: [/* @__PURE__ */ jsx(MonitorPlay, {}), "Preview"]
-				})
-			}), /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Hide all Camox UI ", getActionShortcut(actions, "enter-presentation-mode")] })] })
-		] }), /* @__PURE__ */ jsxs(Button, {
+	const actions = useSelector(actionsStore, _temp7);
+	const isMobileMode = useSelector(previewStore, _temp8);
+	const t0 = isAnySideSheetOpen && "opacity-0 pointer-events-none translate-y-full";
+	let t1;
+	if ($[0] !== t0) {
+		t1 = cn("bottom-2 gap-4 justify-between", t0);
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = isEditingPanelOpen ? "off" : "on";
+	const t3 = !isEditingPanelOpen;
+	let t4;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(PanelRight, {});
+		$[2] = t4;
+	} else t4 = $[2];
+	let t5;
+	if ($[3] !== t2 || $[4] !== t3) {
+		t5 = /* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Toggle, {
+				"data-state": t2,
+				pressed: t3,
+				variant: "outline",
+				onClick: _temp9,
+				children: t4
+			})
+		});
+		$[3] = t2;
+		$[4] = t3;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== actions) {
+		t6 = getActionShortcut(actions, "toggle-editing-panel");
+		$[6] = actions;
+		$[7] = t6;
+	} else t6 = $[7];
+	let t7;
+	if ($[8] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle sidebar ", t6] });
+		$[8] = t6;
+		$[9] = t7;
+	} else t7 = $[9];
+	let t8;
+	if ($[10] !== t5 || $[11] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t5, t7] });
+		$[10] = t5;
+		$[11] = t7;
+		$[12] = t8;
+	} else t8 = $[12];
+	const t9 = isEditingLocked ? "on" : "off";
+	let t10;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(Lock, {});
+		$[13] = t10;
+	} else t10 = $[13];
+	let t11;
+	if ($[14] !== isEditingLocked || $[15] !== t9) {
+		t11 = /* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Toggle, {
+				"data-state": t9,
+				pressed: isEditingLocked,
+				onPressedChange: _temp0,
+				variant: "outline",
+				children: t10
+			})
+		});
+		$[14] = isEditingLocked;
+		$[15] = t9;
+		$[16] = t11;
+	} else t11 = $[16];
+	let t12;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle edit mode ", /* @__PURE__ */ jsx(Kbd, { children: "L" })] });
+		$[17] = t12;
+	} else t12 = $[17];
+	let t13;
+	if ($[18] !== t11) {
+		t13 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t11, t12] });
+		$[18] = t11;
+		$[19] = t13;
+	} else t13 = $[19];
+	const t14 = isMobileMode ? "on" : "off";
+	let t15;
+	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = /* @__PURE__ */ jsx(TabletSmartphone, {});
+		$[20] = t15;
+	} else t15 = $[20];
+	let t16;
+	if ($[21] !== isMobileMode || $[22] !== t14) {
+		t16 = /* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Toggle, {
+				"data-state": t14,
+				pressed: isMobileMode,
+				onPressedChange: _temp1,
+				variant: "outline",
+				children: t15
+			})
+		});
+		$[21] = isMobileMode;
+		$[22] = t14;
+		$[23] = t16;
+	} else t16 = $[23];
+	let t17;
+	if ($[24] !== actions) {
+		t17 = getActionShortcut(actions, "toggle-mobile-mode");
+		$[24] = actions;
+		$[25] = t17;
+	} else t17 = $[25];
+	let t18;
+	if ($[26] !== t17) {
+		t18 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle mobile layout ", t17] });
+		$[26] = t17;
+		$[27] = t18;
+	} else t18 = $[27];
+	let t19;
+	if ($[28] !== t16 || $[29] !== t18) {
+		t19 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t16, t18] });
+		$[28] = t16;
+		$[29] = t18;
+		$[30] = t19;
+	} else t19 = $[30];
+	const t20 = isPresentationMode ? "on" : "off";
+	let t21;
+	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+		t21 = /* @__PURE__ */ jsx(MonitorPlay, {});
+		$[31] = t21;
+	} else t21 = $[31];
+	let t22;
+	if ($[32] !== isPresentationMode || $[33] !== t20) {
+		t22 = /* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Toggle, {
+				"data-state": t20,
+				pressed: isPresentationMode,
+				variant: "outline",
+				onClick: _temp10,
+				children: [t21, "Preview"]
+			})
+		});
+		$[32] = isPresentationMode;
+		$[33] = t20;
+		$[34] = t22;
+	} else t22 = $[34];
+	let t23;
+	if ($[35] !== actions) {
+		t23 = getActionShortcut(actions, "enter-presentation-mode");
+		$[35] = actions;
+		$[36] = t23;
+	} else t23 = $[36];
+	let t24;
+	if ($[37] !== t23) {
+		t24 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Hide all Camox UI ", t23] });
+		$[37] = t23;
+		$[38] = t24;
+	} else t24 = $[38];
+	let t25;
+	if ($[39] !== t22 || $[40] !== t24) {
+		t25 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t22, t24] });
+		$[39] = t22;
+		$[40] = t24;
+		$[41] = t25;
+	} else t25 = $[41];
+	let t26;
+	if ($[42] !== t13 || $[43] !== t19 || $[44] !== t25 || $[45] !== t8) {
+		t26 = /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+			t8,
+			t13,
+			t19,
+			t25
+		] });
+		$[42] = t13;
+		$[43] = t19;
+		$[44] = t25;
+		$[45] = t8;
+		$[46] = t26;
+	} else t26 = $[46];
+	let t27;
+	if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
+		t27 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground",
+			children: "Ask for changes..."
+		});
+		$[47] = t27;
+	} else t27 = $[47];
+	let t28;
+	if ($[48] !== actions) {
+		t28 = getActionShortcut(actions, "open-agent-chat");
+		$[48] = actions;
+		$[49] = t28;
+	} else t28 = $[49];
+	let t29;
+	if ($[50] !== t28) {
+		t29 = /* @__PURE__ */ jsxs(Button, {
 			variant: "outline",
 			className: "bg-transparent dark:bg-transparent",
-			onClick: () => previewStore.send({ type: "openAgentChatSheet" }),
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "text-muted-foreground",
-				children: "Ask for changes..."
-			}), getActionShortcut(actions, "open-agent-chat")]
-		})]
-	});
+			onClick: _temp11,
+			children: [t27, t28]
+		});
+		$[50] = t28;
+		$[51] = t29;
+	} else t29 = $[51];
+	let t30;
+	if ($[52] !== t1 || $[53] !== t26 || $[54] !== t29) {
+		t30 = /* @__PURE__ */ jsxs(FloatingToolbar, {
+			className: t1,
+			children: [t26, t29]
+		});
+		$[52] = t1;
+		$[53] = t26;
+		$[54] = t29;
+		$[55] = t30;
+	} else t30 = $[55];
+	return t30;
 };
+function _temp(state) {
+	return state.context.isContentLocked;
+}
+function _temp2(state_0) {
+	return state_0.context.isSidebarOpen;
+}
+function _temp3(state_1) {
+	return state_1.context.isPresentationMode;
+}
+function _temp4(state_2) {
+	return state_2.context.isPageContentSheetOpen;
+}
+function _temp5(state_3) {
+	return state_3.context.isAddBlockSheetOpen;
+}
+function _temp6(state_4) {
+	return state_4.context.isAgentChatSheetOpen;
+}
+function _temp7(state_5) {
+	return state_5.context.actions;
+}
+function _temp8(state_6) {
+	return state_6.context.isMobileMode;
+}
+function _temp9() {
+	return previewStore.send({ type: "toggleSidebar" });
+}
+function _temp0() {
+	return previewStore.send({ type: "toggleLockContent" });
+}
+function _temp1() {
+	return previewStore.send({ type: "toggleMobileMode" });
+}
+function _temp10() {
+	return previewStore.send({ type: "enterPresentationMode" });
+}
+function _temp11() {
+	return previewStore.send({ type: "openAgentChatSheet" });
+}
 //#endregion
 export { PreviewToolbar };

package/dist/features/preview/components/RepeatableItemsList.js

@@ -1,6 +1,7 @@
 import { previewStore, selectionItemId } from "../previewStore.js";
 import { repeatableItemMutations } from "../../../lib/queries.js";
 import { cn } from "../../../lib/utils.js";
+import { c } from "react/compiler-runtime";
 import { useMutation } from "@tanstack/react-query";
 import { useSelector } from "@xstate/store/react";
 import { generateKeyBetween } from "fractional-indexing";
@@ -13,85 +14,190 @@ import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
 import { SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 //#region src/features/preview/components/RepeatableItemsList.tsx
-var SortableRepeatableItem = ({ item, fieldName, blockId, canRemove, onRemove }) => {
-	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: String(item.id) });
-	const style = {
-		transform: CSS.Transform.toString(transform),
-		transition,
-		opacity: isDragging ? .5 : 1
-	};
-	const isSelected = useSelector(previewStore, (state) => selectionItemId(state.context.selection) === String(item.id));
-	const iframeElement = useSelector(previewStore, (state) => state.context.iframeElement);
+var SortableRepeatableItem = (t0) => {
+	const $ = c(46);
+	const { item, fieldName, blockId, canRemove, onRemove } = t0;
+	const t1 = String(item.id);
+	let t2;
+	if ($[0] !== t1) {
+		t2 = { id: t1 };
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable(t2);
+	let t3;
+	if ($[2] !== transform) {
+		t3 = CSS.Transform.toString(transform);
+		$[2] = transform;
+		$[3] = t3;
+	} else t3 = $[3];
+	const t4 = isDragging ? .5 : 1;
+	let t5;
+	if ($[4] !== t3 || $[5] !== t4 || $[6] !== transition) {
+		t5 = {
+			transform: t3,
+			transition,
+			opacity: t4
+		};
+		$[4] = t3;
+		$[5] = t4;
+		$[6] = transition;
+		$[7] = t5;
+	} else t5 = $[7];
+	const style = t5;
+	let t6;
+	if ($[8] !== item.id) {
+		t6 = (state) => selectionItemId(state.context.selection) === String(item.id);
+		$[8] = item.id;
+		$[9] = t6;
+	} else t6 = $[9];
+	const isSelected = useSelector(previewStore, t6);
+	const iframeElement = useSelector(previewStore, _temp);
 	const shouldShowHover = !isDragging && !isSelected;
-	const handleMouseEnter = () => {
-		if (!iframeElement?.contentWindow) return;
-		const message = {
-			type: "CAMOX_HOVER_REPEATER_ITEM",
-			blockId,
-			itemId: String(item.id)
+	let t7;
+	if ($[10] !== blockId || $[11] !== iframeElement || $[12] !== item.id) {
+		t7 = () => {
+			if (!iframeElement?.contentWindow) return;
+			const message = {
+				type: "CAMOX_HOVER_REPEATER_ITEM",
+				blockId,
+				itemId: String(item.id)
+			};
+			iframeElement.contentWindow.postMessage(message, "*");
 		};
-		iframeElement.contentWindow.postMessage(message, "*");
-	};
-	const handleMouseLeave = () => {
-		if (!iframeElement?.contentWindow) return;
-		const message = {
-			type: "CAMOX_HOVER_REPEATER_ITEM_END",
-			blockId,
-			itemId: String(item.id)
+		$[10] = blockId;
+		$[11] = iframeElement;
+		$[12] = item.id;
+		$[13] = t7;
+	} else t7 = $[13];
+	const handleMouseEnter = t7;
+	let t8;
+	if ($[14] !== blockId || $[15] !== iframeElement || $[16] !== item.id) {
+		t8 = () => {
+			if (!iframeElement?.contentWindow) return;
+			const message_0 = {
+				type: "CAMOX_HOVER_REPEATER_ITEM_END",
+				blockId,
+				itemId: String(item.id)
+			};
+			iframeElement.contentWindow.postMessage(message_0, "*");
 		};
-		iframeElement.contentWindow.postMessage(message, "*");
-	};
-	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", {
-		ref: setNodeRef,
-		style,
-		className: cn("flex flex-row justify-between items-center gap-2 px-1 py-1 max-w-full rounded-lg text-foreground transition-none group", shouldShowHover && "hover:bg-accent/75", isSelected && "bg-accent text-accent-foreground"),
-		onMouseEnter: handleMouseEnter,
-		onMouseLeave: handleMouseLeave,
-		children: [
-			/* @__PURE__ */ jsx(Button, {
+		$[14] = blockId;
+		$[15] = iframeElement;
+		$[16] = item.id;
+		$[17] = t8;
+	} else t8 = $[17];
+	const handleMouseLeave = t8;
+	const t9 = shouldShowHover && "hover:bg-accent/75";
+	const t10 = isSelected && "bg-accent text-accent-foreground";
+	let t11;
+	if ($[18] !== t10 || $[19] !== t9) {
+		t11 = cn("flex flex-row justify-between items-center gap-2 px-1 py-1 max-w-full rounded-lg text-foreground transition-none group", t9, t10);
+		$[18] = t10;
+		$[19] = t9;
+		$[20] = t11;
+	} else t11 = $[20];
+	let t12;
+	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsx(GripVertical, { className: "h-4 w-4" });
+		$[21] = t12;
+	} else t12 = $[21];
+	let t13;
+	if ($[22] !== attributes || $[23] !== listeners) {
+		t13 = /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-sm",
+			className: "text-muted-foreground hover:text-foreground flex cursor-grab active:cursor-grabbing",
+			...attributes,
+			...listeners,
+			children: t12
+		});
+		$[22] = attributes;
+		$[23] = listeners;
+		$[24] = t13;
+	} else t13 = $[24];
+	let t14;
+	if ($[25] !== blockId || $[26] !== handleMouseLeave || $[27] !== item.id) {
+		t14 = () => {
+			handleMouseLeave();
+			previewStore.send({
+				type: "selectItem",
+				blockId,
+				itemId: String(item.id)
+			});
+		};
+		$[25] = blockId;
+		$[26] = handleMouseLeave;
+		$[27] = item.id;
+		$[28] = t14;
+	} else t14 = $[28];
+	const t15 = item.summary || `${fieldName} (${item.id})`;
+	let t16;
+	if ($[29] !== item.summary || $[30] !== t14 || $[31] !== t15) {
+		t16 = /* @__PURE__ */ jsx("div", {
+			className: "flex flex-1 items-center gap-1 overflow-x-hidden",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "flex-1 cursor-default truncate py-1 text-sm",
+				title: item.summary,
+				onClick: t14,
+				children: t15
+			})
+		});
+		$[29] = item.summary;
+		$[30] = t14;
+		$[31] = t15;
+		$[32] = t16;
+	} else t16 = $[32];
+	let t17;
+	if ($[33] !== canRemove || $[34] !== item.id || $[35] !== onRemove) {
+		t17 = canRemove && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
 				type: "button",
 				variant: "ghost",
 				size: "icon-sm",
-				className: "text-muted-foreground hover:text-foreground flex cursor-grab active:cursor-grabbing",
-				...attributes,
-				...listeners,
-				children: /* @__PURE__ */ jsx(GripVertical, { className: "h-4 w-4" })
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "flex flex-1 items-center gap-1 overflow-x-hidden",
-				children: /* @__PURE__ */ jsx("p", {
-					className: "flex-1 cursor-default truncate py-1 text-sm",
-					title: item.summary,
-					onClick: () => {
-						handleMouseLeave();
-						previewStore.send({
-							type: "selectItem",
-							blockId,
-							itemId: String(item.id)
-						});
-					},
-					children: item.summary || `${fieldName} (${item.id})`
-				})
-			}),
-			canRemove && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-				asChild: true,
-				children: /* @__PURE__ */ jsx(Button, {
-					type: "button",
-					variant: "ghost",
-					size: "icon-sm",
-					className: "text-muted-foreground hover:text-foreground hidden shrink-0 group-focus-within:flex group-hover:flex",
-					onClick: (e) => {
-						e.stopPropagation();
-						onRemove(String(item.id));
-					},
-					children: /* @__PURE__ */ jsx(CircleMinus, { className: "h-4 w-4" })
-				})
-			}), /* @__PURE__ */ jsx(TooltipContent, {
-				side: "right",
-				children: "Remove item"
-			})] })
-		]
-	}) });
+				className: "text-muted-foreground hover:text-foreground hidden shrink-0 group-focus-within:flex group-hover:flex",
+				onClick: (e) => {
+					e.stopPropagation();
+					onRemove(String(item.id));
+				},
+				children: /* @__PURE__ */ jsx(CircleMinus, { className: "h-4 w-4" })
+			})
+		}), /* @__PURE__ */ jsx(TooltipContent, {
+			side: "right",
+			children: "Remove item"
+		})] });
+		$[33] = canRemove;
+		$[34] = item.id;
+		$[35] = onRemove;
+		$[36] = t17;
+	} else t17 = $[36];
+	let t18;
+	if ($[37] !== handleMouseEnter || $[38] !== handleMouseLeave || $[39] !== setNodeRef || $[40] !== style || $[41] !== t11 || $[42] !== t13 || $[43] !== t16 || $[44] !== t17) {
+		t18 = /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", {
+			ref: setNodeRef,
+			style,
+			className: t11,
+			onMouseEnter: handleMouseEnter,
+			onMouseLeave: handleMouseLeave,
+			children: [
+				t13,
+				t16,
+				t17
+			]
+		}) });
+		$[37] = handleMouseEnter;
+		$[38] = handleMouseLeave;
+		$[39] = setNodeRef;
+		$[40] = style;
+		$[41] = t11;
+		$[42] = t13;
+		$[43] = t16;
+		$[44] = t17;
+		$[45] = t18;
+	} else t18 = $[45];
+	return t18;
 };
 var RepeatableItemsList = ({ items, blockId, fieldName, minItems, maxItems, schema }) => {
 	const createRepeatableItem = useMutation(repeatableItemMutations.create());
@@ -157,7 +263,7 @@ var RepeatableItemsList = ({ items, blockId, fieldName, minItems, maxItems, sche
 		const { active, over } = event;
 		if (!over || active.id === over.id) return;
 		const oldIndex = items.findIndex((item) => String(item.id) === active.id);
-		const newIndex = items.findIndex((item) => String(item.id) === over.id);
+		const newIndex = items.findIndex((item_0) => String(item_0.id) === over.id);
 		if (oldIndex === -1 || newIndex === -1) return;
 		let afterPosition;
 		let beforePosition;
@@ -182,17 +288,17 @@ var RepeatableItemsList = ({ items, blockId, fieldName, minItems, maxItems, sche
 			onDragEnd: handleDragEnd,
 			modifiers: [restrictToVerticalAxis],
 			children: /* @__PURE__ */ jsx(SortableContext, {
-				items: items.map((item) => String(item.id)),
+				items: items.map((item_1) => String(item_1.id)),
 				strategy: verticalListSortingStrategy,
 				children: /* @__PURE__ */ jsx("ul", {
 					className: "flex flex-col gap-1",
-					children: items.map((item) => /* @__PURE__ */ jsx(SortableRepeatableItem, {
-						item,
+					children: items.map((item_2) => /* @__PURE__ */ jsx(SortableRepeatableItem, {
+						item: item_2,
 						blockId,
 						fieldName,
 						canRemove,
 						onRemove: handleRemoveItem
-					}, String(item.id)))
+					}, String(item_2.id)))
 				})
 			})
 		}), canAdd && /* @__PURE__ */ jsxs(Button, {
@@ -205,5 +311,8 @@ var RepeatableItemsList = ({ items, blockId, fieldName, minItems, maxItems, sche
 		})]
 	});
 };
+function _temp(state_0) {
+	return state_0.context.iframeElement;
+}
 //#endregion
 export { RepeatableItemsList };